/*
Theme Name: Eleven22 2023 New
Theme URI: https://www.plainjoe.net
Author: PlainJoe
Author URI: https://www.plainjoe.net
Description: Custom Wordpress theme for Eleven22.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.plainjoe.net
*/

:root {
  --main-color:#0D0D0D; /*dark gray*/
  --main-hover:#928576; /*beige*/
  --link-color:#928576; /*beige*/
  
  /*text colors*/
  --txt-color-0:#000;
  --txt-color-1:#fff;
  --txt-color-2:#0D0D0D; /*dark 1*/
  --txt-color-3:#1C1C1C; /*dark 2*/
  --txt-color-4:#272727; /*dark gray*/
  --txt-color-5:#F8A02D; /*yellow*/
  --txt-color-6:#B2B2B2; /*light gray*/
  
  /*background colors*/
  --bg-color-0:#000;
  --bg-color-1:#fff;
  --bg-color-2:#0D0D0D; /*dark 1*/
  --bg-color-3:#030303; /*dark 2*/
  --bg-color-4:#1A1A1A; /*dark gray*/
  --bg-color-5:#A39582; /*beige*/
  --bg-color-6:#B2B2B2; /*light gray*/
  --bg-color-7:#F9F9F9; /*off white*/
  --bg-color-8:#F9F5F4; /*light beige*/
  --bg-color-9:#7e8388; /*light gray 2*/
  --bg-color-10:#ECEDED; /*light gray 3*/
  
  /*misc colors*/
  --misc-color-1:#161616; /*gray*/
  
  /*fonts*/
  --font-proxima:"proxima-nova", sans-serif;
  --font-inter:'Inter', sans-serif;
  --font-ivy:ivypresto-display, serif;
  
}

*{-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(--link-color); text-decoration:none; transition:all .25s ease;}
a:hover, .a:hover {color:var(--main-hover); text-decoration:underline;}
img {border:0; outline:none; max-width:100%; height:auto;}
object, embed {outline:none; display:block;}
input, textarea, select, button {font-family:var(--font-inter); font-weight:400;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:20px; border:1px solid var(--bg-color-6); background:var(--bg-color-6); border-radius:3px; text-transform:uppercase; margin-bottom:20px;}
input[type="search"] {width:100%; font-size:1.6rem; padding:20px; border:1px solid var(--bg-color-6); background:var(--bg-color-6); border-radius:3px; margin:10px 0 20px;}
textarea {width:100%; height:150px; font-size:1.6rem; padding:20px; margin-bottom:20px; border:1px solid var(--bg-color-6); background:var(--bg-color-6); border-radius:3px; resize:none;}
input[type="submit"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none;}
select {-webkit-appearance: none; -moz-appearance: none; background:url('assets/images/icon-arrow-down.png') no-repeat transparent; background-position-x:98%; background-position-y:50%; font-size: 1.6rem; padding: 20px; margin-bottom: 20px; border: 1px solid var(--bg-color-6); background-color: var(--bg-color-6); border-radius: 3px;}
ul {list-style:disc; margin:0 0 15px 18px; text-align:left;}
ol {margin:0 0 15px 18px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}
li:last-child, ul.children {margin-bottom:0;}
iframe {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(--link-color); color:var(--txt-color-0); text-shadow:none;}
::selection {background:var(--link-color); color:var(--txt-color-0); text-shadow:none;}

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

html {font-size:62.5%;}
body {font-size:1.7rem; line-height:2.6rem; font-family:var(--font-inter); font-weight:400; color:var(--txt-color-3); background:var(--bg-color-1);}
h1, h2, h3, h4, h5, h6 {font-family:var(--font-ivy); font-weight:700; line-height:1; color:var(--txt-color-2); text-transform:none;}
h1 {font-size:10rem;}
h2 {font-size:5rem;}
h3 {font-size:3rem;}
h4 {font-size:2.4rem;}
h5 {font-size:2rem;}
@media (min-width:2000px) {
  body {font-size:2.4rem; line-height:3.5rem;}
}
@media (max-width:767px) {
  body {font-size:1.6rem;}
	h1 {font-size:4rem;}
  h2 {font-size:3rem;}
  h3 {font-size:2.5rem;}
  h4 {font-size:2.2rem;}
}

/*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.mid {justify-content:center;}
.pjs-btns.ra {align-items:flex-end;}
  /*main dark button*/
  .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"] {width:225px; display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:3px; border:1px solid var(--main-color); padding:18px 5px; color:var(--txt-color-1); font-size:1.7rem; line-height:1; font-weight:500; text-transform:uppercase; margin:0 30px 10px 0; letter-spacing:0; overflow:hidden; position:relative; text-decoration:none; white-space:nowrap; transition:all 0.25s ease;}
  .pjs-btns > a:first-child, .pjs-btns > .a:first-child, input[type="submit"]:first-child, input[type="button"]:first-child {margin-left:0;}
  .pjs-btns > a:last-child, .pjs-btns > .a:last-child, input[type="submit"]:last-child, input[type="button"]:last-child {margin-right:auto;}
  .pjs-btns > a:hover, .pjs-btns > .a:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color:var(--main-hover); border-color:var(--main-hover); color:var(--txt-color-1);}
  
  /*alt - white button*/
  .pjs-btns > a:not(.nml).alt, .pjs-btns > .a:not(.nml).alt, input[type="submit"]:not(.nml).alt, input[type="button"]:not(.nml).alt, .pjs-section.bg-dark .pjs-btns > a:not(.nml), .pjs-section.bg-dark .pjs-btns > .a:not(.nml), .pjs-section.bg-dark input[type="submit"]:not(.nml), .pjs-section.bg-dark input[type="button"]:not(.nml) {background:var(--bg-color-1); border-color:var(--bg-color-1); color:var(--txt-color-2);}
  .pjs-btns > a.alt:hover, .pjs-btns > .a.alt:hover, input[type="submit"].alt:hover, input[type="button"].alt:hover, .pjs-section.bg-dark .pjs-btns > a:hover, .pjs-section.bg-dark .pjs-btns > .a:hover, .pjs-section.bg-dark input[type="submit"]:hover, .pjs-section.bg-dark input[type="button"]:hover {background:var(--main-hover); border-color:var(--main-hover); color:var(--txt-color-1);}
  
  /*outline - dark button*/
  .pjs-btns > a.outline, .pjs-btns > .a.outline, input[type="submit"].outline, input[type="button"].outline {background:transparent; color:var(--txt-color-2); border-color:var(--bg-color-2);}
  .pjs-btns > a.outline:hover, .pjs-btns > .a.outline:hover, input[type="submit"].outline:hover, input[type="button"].outline:hover {background:var(--main-hover); border-color:var(--main-hover); color:var(--txt-color-1);}
  
  /*alt outline - white button*/
  .pjs-btns > a.alt.outline, .pjs-btns > .a.alt.outline, input[type="submit"].alt.outline, input[type="button"].alt.outline {background:transparent; color:var(--txt-color-1); border-color:var(--bg-color-1);}
  .pjs-btns > a.alt.outline:hover, .pjs-btns > .a.alt.outline:hover, input[type="submit"].alt.outline:hover, input[type="button"].alt.outline:hover {background:var(--main-hover); border-color:var(--main-hover); color:var(--txt-color-1);}
  
  .pjs-btns.mid > a:first-child, .pjs-btns.mid > .a:first-child, .pjs-btns.ra > a:first-child, .pjs-btns.ra > .a:first-child {margin-left:auto;}
  .pjs-btns.ra > a:last-child, .pjs-btns.ra > .a:last-child {margin-right:0;}
  
  .pjs-txt-link {padding:50px 0 0; text-align:center;}
  .pjs-txt-link.la {text-align:left;}
  .pjs-txt-link.mob {display:none;}
    .bg-dark .pjs-txt-link a {color:var(--txt-color-1);}
    .bg-dark .pjs-txt-link a:hover {color:var(--main-hover);}

  @media (max-width:767px) {
    .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"] {width:100%; padding:15px 20px; margin-left:auto; margin-right:auto;}
    .pjs-txt-link.mob {display:block;}
    .pjs-txt-link.dt {display:none;}
  }

	#mainPreloader, #bannerPreloader, #bannerPreloader2, #gridPreloader {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
  #gridPreloader {top:50px;}
	.loader-animation {width:100%; text-align:center; display:none;}
  .pjs-preload-anim {display: inline-block;position: relative; width: 80px; height: 80px;}
  .pjs-preload-anim div {position: absolute; width: 6px; height: 6px; background:var(--bg-color-1); border-radius: 50%; animation: pjs-preload-anim 1.2s linear infinite;}
  .pjs-preload-anim.alt div {background:var(--bg-color-4);}
  .pjs-preload-anim div:nth-child(1) {animation-delay: 0s; top: 37px; left: 66px;}
  .pjs-preload-anim div:nth-child(2) {animation-delay: -0.1s; top: 22px; left: 62px;}
  .pjs-preload-anim div:nth-child(3) {animation-delay: -0.2s; top: 11px; left: 52px;}
  .pjs-preload-anim div:nth-child(4) {animation-delay: -0.3s; top: 7px; left: 37px;}
  .pjs-preload-anim div:nth-child(5) {animation-delay: -0.4s;top: 11px; left: 22px;}
  .pjs-preload-anim div:nth-child(6) {animation-delay: -0.5s; top: 22px; left: 11px;}
  .pjs-preload-anim div:nth-child(7) {animation-delay: -0.6s; top: 37px; left: 7px;}
  .pjs-preload-anim div:nth-child(8) {animation-delay: -0.7s; top: 52px; left: 11px;}
  .pjs-preload-anim div:nth-child(9) {animation-delay: -0.8s; top: 62px; left: 22px;}
  .pjs-preload-anim div:nth-child(10) {animation-delay: -0.9s; top: 66px; left: 37px;}
  .pjs-preload-anim div:nth-child(11) {animation-delay: -1s; top: 62px; left: 52px;}
  .pjs-preload-anim div:nth-child(12) {animation-delay: -1.1s; top: 52px; left: 62px;}
  @keyframes pjs-preload-anim {
    0%, 20%, 80%, 100% {transform: scale(1);}
      50% {transform: scale(1.5);}
    }
  
	.vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
		.vidframe iframe {width:100%; height:100%; position:absolute; top:0;}

	.num-nav {padding:25px 15px 0;}
	.num-nav:after {content:''; display:block; clear:both;}
		.num-nav ul {list-style:none; margin:0 auto !important; text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
			.num-nav ul > li {height:37px; display:flex; justify-content:center; align-items:center; margin:0; font-size:2.2rem; font-weight:700; line-height:1; text-transform:uppercase; color:var(--txt-color-2); border:3px solid transparent; border-radius:100%;}
			.num-nav ul > li:not(.next-link):not(.prev-link) {width:37px;}
      .num-nav ul > li:not(.next-link):not(.prev-link).active {border-color:var(--link-color);}
				.num-nav ul > li > a {width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:var(--txt-color-2); text-decoration:none; transition:all .25s ease; /*padding:12px;*/}
				.num-nav ul > li > a:hover {color:var(--main-hover);}
				  .num-nav ul > li > a .icon {display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
          .num-nav ul > li.next-link > a .icon {margin:0 0 0 5px;}
  @media (max-width:767px) {
    .num-nav ul > li.next-link, .num-nav ul > li.prev-link {width:100%;}
  }

/*modals*/
	.modal-bg {width:100%; height:100%; background:rgba(0,0,0,0.88); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1100; display:none;}
	.modal {width:100%; position:fixed; top:0; bottom:0; z-index:1101; display:none; transition:all 0.25s ease;}
		.modal .close-btn {position:absolute; right:30px; top:32px; z-index:1; cursor:pointer;}
			.modal .close-btn span {font-size:2.5rem; line-height:1; color:var(--txt-color-1); display:block; transition:all 0.25s ease;}
			.modal .close-btn:hover span {color:var(--bg-color-5);}
	.modal-menu {width:100%; background:rgba(23,23,23,0.99); overflow:hidden; top:120px;}
  .pjs-main-container.headroom--not-top .modal-menu, .pjs-main-container.mobile .modal-menu, .pjs-main-container.mobile.headroom--not-top .modal-menu {top:78px;}
  body.logged-in .pjs-main-container.headroom--not-top .modal-menu, body.logged-in .pjs-main-container.mobile .modal-menu, body.logged-in .pjs-main-container.mobile.headroom--not-top .modal-menu {top:110px;}
		.modal-menu .pjs-inner {width:100%; height:100vh; position:absolute; right:-100%; box-shadow:-1px 0 15px 5px rgba(0,0,0,0.1);}
		.pjs-main-container.mobile .modal-menu .pjs-inner {width:100%;}
			.modal-menu .content {position:relative;}
				.modal-menu .top {padding:24px 0 0 18px; clear:both;}
				.modal-menu .top::after {content:''; display:block; clear:both;}
				.modal-menu .menu {position:relative;}
					.modal-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;}
            .modal-menu ul > li > a {padding-top:16px; padding-bottom:16px;}
						.modal-menu .primary-menu {list-style:none; margin:0 0 10px; padding:25px 0 50px;}
						.modal-menu .primary-menu.mobile {padding-bottom:10px; display:none;}
						.pjs-main-container.mobile .modal-menu .primary-menu.mobile {display:block;}
							.modal-menu .primary-menu li {font-size:2.6rem; font-weight:500; text-transform:uppercase;}
								.modal-menu .primary-menu li > a {display:block; color:var(--txt-color-1); padding:16px 5%; position:relative; text-decoration:none;}
								.modal-menu .primary-menu li > a:hover {color:var(--txt-color-1);}
							.modal-menu .primary-menu li.highlight {padding:0 4%; margin-top:20px;}
                .modal-menu .primary-menu li.highlight a {padding:22px 10px 23px; border-radius:3px; background:var(--bg-color-1); color:var(--txt-color-2); font-family:var(--font-proxima); font-size:2rem; line-height:1; font-weight:700; text-transform:uppercase; text-align:center;}
                .modal-menu .primary-menu li.highlight a:hover {background:var(--main-hover); color:var(--txt-color-1);}
                
            .modal-menu .primary-menu li.profile.signedin .signedout {display:none;}
              .modal-menu .primary-menu li.profile .signedout a {display:block; padding:16px 5%; color:var(--txt-color-1); font-size:2.6rem; font-weight:500; text-transform:uppercase; text-align:left; text-decoration:none; white-space:nowrap;}
              .modal-menu .primary-menu li.profile .signedout a:hover {color:var(--main-hover);}
            .modal-menu .primary-menu li.profile:not(.signedin) .signedin {display:none;}
            .modal-menu .primary-menu li.profile.signedin .signedin {width:100%; padding:5px 0 20px 5%; position:relative;}
              .modal-menu .primary-menu li.profile.signedin .signedin .profile {width:100%;}
                .modal-menu .primary-menu li.profile.signedin .signedin .profile a {width:100%; display:flex; align-items:center;}
                  .modal-menu .primary-menu li.profile .signedin .profile-img {width:44px; height:44px; border-radius:100%; overflow:hidden; margin:0 12px 0 0; background-color:var(--bg-color-6);}
                  .modal-menu .primary-menu li.profile .signedin .msg {color:var(--txt-color-1); font-family:var(--font-proxima); font-size:1.8rem; font-weight:600; text-transform:uppercase; margin:0; flex:2; white-space:nowrap;}
                .modal-menu .primary-menu li.profile .signedin .profile-nav {width:100%; max-width:200px; background:var(--bg-color-1); color:var(--txt-color-2); position:absolute; left:0; top:100%; display:none;}
                  .modal-menu .primary-menu li.profile .signedin .profile-nav ul {list-style:none; margin:0; padding:10px 0; 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%);}
                    .modal-menu .primary-menu li.profile .signedin .profile-nav ul li {margin:0;}
                      .modal-menu .primary-menu li.profile .signedin .profile-nav ul li a {display:block; color:var(--txt-color-2); padding:10px; font-size:1.8rem; line-height:1.2; text-decoration:none;}
                      .modal-menu .primary-menu li.profile .signedin .profile-nav ul li a:hover {background:var(--main-hover); color:var(--txt-color-1);}
                    
				.modal-menu .sub-menu {width:100%; list-style:none; margin:0; overflow:hidden; overflow-y:auto; position:absolute; right:0; top:0; z-index:1; display:none;}
					.modal-menu .sub-menu li {font-size:2.4rem; font-weight:400; text-transform:none;}
					.modal-menu .sub-menu li.back {width:100%; position:fixed; text-align:right;}
					.modal-menu .sub-menu li:last-child {margin-bottom:25px;}
						.modal-menu .sub-menu li > a {padding-left:42px; display:block; color:var(--txt-color-1); text-decoration:none;}
						.modal-menu .sub-menu li > a:hover {color:var(--txt-color-1);}
					.modal-menu .sub-menu li.back > a {padding:15px 5% 0 10px; margin:0 0 0 auto;}
					.modal-menu .sub-menu li.section-title {font-family:var(--font-ivy); font-size:5.9rem; line-height:1.2; font-weight:700; text-transform:none; margin-top:25px; padding-left:20px;}
						.modal-menu .sub-menu li.section-title > a {padding-left:25px;}
					.modal-menu .sub-menu .sub-group {list-style:none; margin:0;}
            .modal-menu .sub-menu .heading {font-size:3.5rem; font-weight:700; padding:30px 0 20px 42px; color:var(--txt-color-1); opacity:0.6;}

    .fancybox__container {max-width:100%; z-index:1600!important;}
      .fancybox__carousel {max-width:100%;}
    .modal-rock {width:auto; max-width:80vw!important; display:none;}
      .modal-rock .modal-dialog {padding:0 20px;}
        .modal-rock .modal-header {padding:0 0 15px; border-bottom:1px solid var(--bg-color-9);}
          .modal-rock .modal-header h3 {padding:0; margin:0;}
        .modal-rock .modal-body {padding:25px 0 20px; margin:0;}
          .modal-rock .modal-body h4 {padding-bottom:15px;}
          .modal-rock .modal-body .item {border-bottom:1px solid var(--bg-color-5);}
            .modal-rock .modal-body .item a {padding:10px 0; display:block;}
          .modal-rock .modal-body .group {padding-bottom:20px;}
          .modal-rock .modal-body .group:last-child {padding-bottom:0;}

    @media (max-width:782px) {
      body.logged-in .pjs-main-container.headroom--not-top .modal-menu, body.logged-in .pjs-main-container.mobile .modal-menu, body.logged-in .pjs-main-container.mobile.headroom--not-top .modal-menu {top:116px;}
    }
		@media (max-width:767px) {
      .pjs-main-container.headroom--not-top .modal-menu, .pjs-main-container.mobile .modal-menu, .pjs-main-container.mobile.headroom--not-top .modal-menu {top:69px;}
		}
		@media (max-width:374px) {
			.modal-menu ul li > a, .modal-menu .sub-menu li.section-title > a {padding-left:20px;}
			.modal-menu .sub-menu li > a, .modal-menu .sub-menu li.back > a {padding-left:40px;}
			.modal-menu .sub-menu li.back > a i {left:20px;}
			.modal-menu .connect .group {font-size:16px;}
		}
		@media (max-width:320px) {
			.modal-menu .connect .group {font-size:15px;}
		}

/*main styles*/
.pjs-main-container {width:100%; min-width:300px; min-height:100vh; display:flex; flex-direction:column; position:relative;}
	
	.pjs-main-header {width:100%; background:transparent; text-align:center; position:fixed; left:0; top:0; right:0; z-index:1500;transition:all .25s ease;}
  body.admin-bar .pjs-main-header {margin-top:32px;}
	.pjs-main-container.headroom--not-top .pjs-main-header, .pjs-main-header.navopen {background:var(--bg-color-2); 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%);}
	.pjs-main-header.sticky {background:var(--bg-color-2);}
    .pjs-main-header .pjs-inner {width:100%; max-width:1800px; padding:36px 4% 0; 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 4% 0;}
    .pjs-main-container.mobile .pjs-main-header .pjs-inner {padding:10px 4%;}
      .pjs-main-header .logo {margin:0 4% 0 0; transition:all 0.25s ease;}
        .pjs-main-header .logo a {color:var(--txt-color-1); text-decoration:none; display:flex; align-items:center; text-transform:none;}
        /* .pjs-main-header.navopen .pjs-main-header .logo a {color:var(--txt-color-2);} */
          .pjs-main-header .logo a img {display:block;}
          .pjs-main-container.headroom--not-top .pjs-main-header .logo a img {width:50px;}
          .pjs-main-header .logo a .logotxt {display:block; font-size:2rem; line-height:1; font-weight:500; margin:0 0 0 10px; white-space:nowrap; text-shadow:1px 1px 5px rgba(0,0,0,0.2);}
          .pjs-main-header.navopen .logo a .logotxt {text-shadow:none;}
      .pjs-main-header .header-main-nav {margin:0 0 0 auto; padding-top:16px;}
      .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav {padding-top:0;}
      .pjs-main-container.mobile .pjs-main-header .header-main-nav {display:none;}
        .pjs-main-header .header-main-nav ul.main-group {list-style:none; margin:0 0 0 auto; display:flex; justify-content:flex-end;}
          .pjs-main-header .header-main-nav ul.main-group > li {line-height:1; margin:0 3%; text-shadow:1px 1px 5px rgba(0,0,0,0.2);}
          .pjs-main-header .header-main-nav ul.main-group > li:first-child {margin-left:0;}
          .pjs-main-header .header-main-nav ul.main-group > li.highlight, .pjs-main-header .header-main-nav ul.main-group > li.profile {margin-right:0;}
          .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav ul.main-group > li.highlight, .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav ul.main-group > li.profile {margin-top:10px;}
          .pjs-main-container.headroom--not-top .header-main-nav ul.main-group > li:last-child {margin:auto 0 auto 4%;}
          /* .pjs-main-header.navopen .header-main-nav ul.main-group > li {text-shadow:none;} */
            .pjs-main-header .header-main-nav ul.main-group > li > a {display:block; padding:15px 0 36px; color:var(--txt-color-1); font-family:var(--font-proxima); font-size:1.6rem; font-weight:600; text-transform:uppercase; text-align:center; text-decoration:none; white-space:nowrap;}
            /* .pjs-main-header.navopen .header-main-nav ul li a {color:var(--txt-color-2);} */
            .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav ul.main-group > li > a {padding:25px 0;}
            .pjs-main-header .header-main-nav ul.main-group > li:first-child > a {margin-left:auto;}
            .pjs-main-header .header-main-nav ul.main-group > li.highlight > a {min-width:140px; padding:15px; border-radius:3px; background:var(--bg-color-1); color:var(--txt-color-2);}
            .pjs-main-header .header-main-nav ul.main-group > li.highlight > a:hover {background:var(--main-hover); color:var(--txt-color-1);}
            .pjs-main-header.navopen .header-main-nav ul.main-group > li.highlight > a {background:var(--bg-color-1); color:var(--txt-color-2);}
            .pjs-main-header.navopen .header-main-nav ul.main-group > li.highlight > a:hover {background:var(--main-hover); color:var(--txt-color-1);}
            .pjs-main-header .header-main-nav ul.main-group > li > a:hover, .pjs-main-header .header-main-nav ul.main-group > li.on > a {color:var(--main-hover);}
            .pjs-main-header .header-main-nav ul.main-group > li.highlight > a:hover {background:var(--main-hover); color:var(--txt-color-1);}
            .pjs-main-container.headroom--not-top .header-main-nav ul.main-group > li.highlight > a {background:var(--txt-color-1); color:var(--txt-color-2); padding:15px;}
            .pjs-main-container.headroom--not-top .header-main-nav ul.main-group > li.highlight > a:hover {background:var(--main-hover); color:var(--txt-color-1);}
            .pjs-main-header .header-main-nav ul.main-group .main-link[href="javascript:;"] {cursor:initial;}
            
            .pjs-main-header .header-main-nav ul.main-group > li.profile.signedin .signedout {display:none;}
              .pjs-main-header .header-main-nav ul.main-group > li.profile .openid-connect-login-button {margin:0 !important;}
              .pjs-main-header .header-main-nav ul.main-group > li.profile .signedout a {display:block; padding:15px 0 36px; color:var(--txt-color-1); font-family:var(--font-proxima); font-size:1.6rem; font-weight:600; text-transform:uppercase; text-align:center; text-decoration:none; white-space:nowrap;}
              .pjs-main-header .header-main-nav ul.main-group > li.profile .signedout a:hover {color:var(--main-hover);}
            .pjs-main-header .header-main-nav ul.main-group > li.profile:not(.signedin) .signedin {display:none;}
            .pjs-main-header .header-main-nav ul.main-group > li.profile.signedin .signedin {width:100%; position:relative;}
              .pjs-main-header .header-main-nav ul.main-group > li.profile.signedin .signedin .profile {width:100%; display:flex; align-items:center;}
                .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-img {width:44px; height:44px; border-radius:100%; overflow:hidden; margin:0 12px 0 0; background-color:var(--bg-color-6);}
                .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .msg {color:var(--txt-color-1); font-family:var(--font-proxima); font-size:1.6rem; font-weight:600; text-transform:uppercase; margin:0; flex:2; white-space:nowrap;}
              .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-nav {width:100%; max-width:200px; background:var(--bg-color-1); color:var(--txt-color-2); position:absolute; left:0; top:100%; display:none;}
                .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-nav ul {list-style:none; margin:0; padding:10px 0; 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%);}
                  .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-nav ul li {margin:0;}
                    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-nav ul li a {display:block; color:var(--txt-color-2); padding:10px; font-size:1.8rem; line-height:1.2; text-decoration:none;}
                    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-nav ul li a:hover {background:var(--main-hover); color:var(--txt-color-1);}
            
      .pjs-main-header .items {display:flex; justify-content:flex-start; align-items:stretch; margin:0 4% 0 0; display:none;}
      .pjs-main-container.mobile .pjs-main-header .items {display:flex;}
        .pjs-main-header .mega-menu-btn {}
          .pjs-main-header .mega-menu-btn .hamburger-menu {padding:14px 10px 10px; cursor:pointer;}
            .pjs-main-header .mega-menu-btn .hamburger-menu div {width:18px; height:2px; background:var(--txt-color-1); margin:0 0 5px auto; transition:all 0.25s ease; text-indent:-9999px; overflow:hidden;}
            .pjs-main-header .mega-menu-btn .hamburger-menu div:nth-child(3) {margin-bottom:0;}
            .pjs-main-header .mega-menu-btn .hamburger-menu:hover div {background:var(--bg-color-5);}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close {padding-top:10px;}
              .pjs-main-header .mega-menu-btn .hamburger-menu.close div {margin-bottom:5px;}
              .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(1) {transform:rotate(-45deg); margin-top:5px;}
              .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(2) {width:0; opacity:0;}
              .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:18px; transform:rotate(45deg); margin-top:-14px;}
              .pjs-main-container.headroom--not-top .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3), .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:18px;}
    /*header sub menu*/
    .pjs-sub-nav {width:100%; background:rgba(23,23,23,0.99); position:fixed; left:0; right:0; z-index:1500; display:none;}
      .pjs-sub-nav .btn-close {width:30px; height:30px; border-radius:100%; border:2px solid var(--bg-color-1); position:absolute; top:20px; right:5%; display:flex; justify-content:center; align-items:center; overflow:hidden; cursor:pointer; transition:all 0.25s;}
      .pjs-sub-nav .btn-close:hover {border-color:var(--main-hover);}
        .pjs-sub-nav .btn-close .icon {display:block; color:var(--txt-color-1); font-size:2.2rem; line-height:1; transition:all 0.25s;}
        .pjs-sub-nav .btn-close:hover .icon {color:var(--main-hover);}
          .pjs-sub-nav .btn-close .icon span {position:absolute; left:-9999px; opacity:0; z-index:-1;}
      .pjs-sub-nav .pjs-sub-nav-inner {padding:100px 5% 5px;}
        .pjs-sub-nav .pjs-sub-nav-group {width:100%; max-width:1660px; overflow:hidden; overflow-y:auto; display:flex; color:var(--txt-color-1);}
          .pjs-sub-nav .pjs-sub-nav-group .col-info {width:33%; margin:0 7% 0 0; padding-bottom:20px;}
            .pjs-sub-nav .pjs-sub-nav-group .col-info .title {font-family:var(--font-ivy); font-size:7rem; line-height:1.2; font-weight:700;}
            .pjs-sub-nav .pjs-sub-nav-group .col-info .desc {font-size:1.6rem; line-height:2.6rem; padding-top:20px;}
            .pjs-sub-nav .pjs-sub-nav-group .col-info .pjs-btns {padding-top:30px;}
              .pjs-sub-nav .pjs-sub-nav-group .col-info .pjs-btns a {padding-top:15px; padding-bottom:15px;}
          .pjs-sub-nav .pjs-sub-nav-group .col-links {width:60%; display:flex; flex-wrap:wrap;}
            .pjs-sub-nav .pjs-sub-nav-group .col-links .col-group {width:30%; margin:0 2% 50px 0;}
              .pjs-sub-nav .pjs-sub-nav-group .col-links .heading {width:100%; font-size:2.8rem; font-weight:700; padding:0 0 15px; opacity:0.6;}
              .pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group {list-style:none; margin:0; padding:0;}
              /* .pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group.multicol {columns:2; column-gap:10%;} */
                .pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li {font-size:2rem; margin:0 0 15px;}
                  .pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li a {color:var(--txt-color-1); text-decoration:none;}
                  .pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li a:hover {color:var(--main-hover);}
        
  @media (max-width:1750px) {
    .pjs-main-header .logo a .logotxt {font-size:1.6rem;}
    .pjs-main-header .header-main-nav ul.main-group > li {margin:0 2%;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .msg {font-size:1.4rem;}
  }
  @media (max-width:1600px) {
    .pjs-main-header .logo a .logotxt {font-size:1.4rem;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-img {margin-right:10px;}
    .pjs-sub-nav .pjs-sub-nav-inner {padding-top:70px;}
  }
  @media (max-width:1500px) {
    .pjs-main-header .logo a .logotxt {font-size:1.3rem;}
    .pjs-main-header .header-main-nav ul.main-group > li {margin:0 1.5%;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .msg {font-size:1.3rem;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-img {margin-right:8px;}
    .pjs-main-header .header-main-nav ul.main-group > li.highlight > a {min-width:100px;}
  }
  @media (max-width:1400px) {
    .pjs-main-header .logo a .logotxt {font-size:1.2rem;}
    .pjs-main-header .header-main-nav ul.main-group > li {margin:0 1%;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .msg {font-size:1.2rem;}
    .pjs-main-header .header-main-nav ul.main-group > li.profile .signedin .profile-img {margin-right:6px;}
    .pjs-main-header .header-main-nav ul.main-group > li > a {font-size:1.5rem;}
  }
  @media (max-width:782px) {
    body.admin-bar .pjs-main-header {margin-top:46px;}
    body.admin-bar .pjs-main-container.headroom--not-top .pjs-main-header {margin-top:0;}
  }
  @media (max-width:767px) {
    .pjs-main-header .logo a img {width:50px;}
    .pjs-main-header .logo a .logotxt {display:none;}
  }
  @media (max-width:374px) {
    .pjs-main-header .logo {padding-left:0;}
  }
  
/**********************************************
  sections
**********************************************/
	.pjs-content-sections {width:100%; clear:both;}
  .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:137px;}
  .pjs-main-container.mobile .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:79px;}
  .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; z-index:1;}
			.pjs-section .pjs-inner {position:relative;}
				.pjs-section header {margin:0 0 35px;}
        .pjs-section .pjs-content header.la, .pjs-section .pjs-content header.mid, .pjs-section .pjs-content header.ra {margin-left:auto; margin-right:auto;}
          .pjs-section header h1, .pjs-section header h2 {color:var(--txt-color-2); font-size:7rem; line-height:1;}
          .pjs-section header h3 {color:var(--txt-color-2); font-family:var(--font-inter); font-size:2.8rem; line-height:1; padding-top:15px;}
          .pjs-section.bg-dark header h1, .pjs-section.bg-dark header h2, .pjs-section.bg-dark header h3 {color:var(--txt-color-1);}
          .pjs-section.bg-dark .content {color:var(--txt-color-1);}
  @media (max-width:1600px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:6rem;}
  }
  @media (max-width:767px) {
    .pjs-main-container.mobile .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:70px;}
    .pjs-section header h1, .pjs-section header h2 {font-size:5.5rem; font-size:clamp(4.2rem,9vw,5.5rem);}
  }
	
  .pjs-section:not(.pjs-banner) .swiper-pagination-bullet {width:16px; height:16px; background:var(--bg-color-2); border:1px solid var(--bg-color-2); border-radius:100%; margin:0 5px; opacity:1; transition:all 0.25s;}
  .pjs-section:not(.pjs-banner).bg-dark .swiper-pagination-bullet {background:var(--bg-color-1);}
  .pjs-section:not(.pjs-banner) .swiper-pagination-bullet-active {background:var(--bg-color-1);}
  .pjs-section:not(.pjs-banner).bg-dark .swiper-pagination-bullet-active {background:var(--bg-color-5);}
    
  /**********************************************
    header banner
  **********************************************/
  .pjs-banner {width:100%; clear:both; background:var(--bg-color-4); text-align:center; position:relative; zoom:1; z-index:0;}
    .pjs-banner.home .pjs-inner {height:100vh;}
    .pjs-main-container.mobile .pjs-banner.home .pjs-inner {height:auto;}
    .pjs-banner.campus .pjs-inner {height:auto; padding:180px 5% 95px; z-index:1;}
    .pjs-banner.sermons .pjs-inner {height:auto; min-height:75vh; display:flex; padding:150px 5% 60px; z-index:1;}
    .pjs-banner.sub .pjs-inner {height:auto; min-height:65vh; display:flex; align-items:center; padding:180px 5% 170px; z-index:1;}
      /*homepage*/
      .pjs-banner.home .swiper-container {width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
        .pjs-banner.home .swiper-wrapper {z-index:2;}
          .pjs-banner.home .swiper-slide {width:100%; height:100%; display:flex; align-items:center; padding:0 7%; opacity:0;}
          .pjs-main-container.mobile .pjs-banner.home .swiper-slide {flex-direction:column; align-items:flex-start; justify-content:center; padding-bottom:140px;}
            .pjs-banner.home .banner-txt {width:50%; max-width:660px; color:var(--txt-color-1); text-shadow:0 0 10px rgba(0,0,0,0.5); text-align:left; margin:0 5% 0 0;}
            .pjs-main-container.mobile .pjs-banner.home .banner-txt {width:100%; text-align:center; margin:-120px auto 0; order:2; position:relative; z-index:2;}
              .pjs-banner.home .banner-txt .lrg-txt {font-family:var(--font-ivy); font-size:8rem; line-height:1.1; font-weight:700; letter-spacing:0.03em;}
              .pjs-main-container.mobile .pjs-banner.home .lrg-txt {font-size:5.8rem;}
              .pjs-banner.home .banner-txt .sml-txt {font-size:2.3rem; line-height:1.4; font-weight:400; padding-top:40px;}
              .pjs-main-container.mobile .pjs-banner.home .banner-txt .sml-txt {padding-top:20px;}
              .pjs-banner.home .banner-txt .pjs-btns {padding-top:50px;}
              .pjs-main-container.mobile .pjs-banner.home .banner-txt .pjs-btns {padding-top:20px; justify-content:center;}
            .pjs-banner.home .banner-img {width:40%; max-width:614px; margin:auto 0 0;}
            .pjs-main-container.mobile .pjs-banner.home .banner-img {width:100%; margin:0 auto; padding-top:75px; order:1; position:relative; z-index:1;}
              .pjs-banner.home .banner-img img {display:block; margin:0 auto;}
      /*campus landing page*/
      .pjs-banner.campus .banner-content {width:100%; margin:0; text-align:left; opacity:0;}
        .pjs-banner.campus .banner-txt {width:100%; max-width:900px; margin:0;}
          .pjs-banner.campus .banner-txt h1 {color:var(--txt-color-1); font-size:8rem; font-weight:700;}
          .pjs-banner.campus .banner-txt .banner-cols {width:100%; display:flex; flex-wrap:wrap; padding:50px 0 0;}
            .pjs-banner.campus .banner-txt .banner-cols .main-info {width:45%; margin:0 6% 0 0;}
            .pjs-banner.campus .banner-txt .banner-cols .times {width:45%; margin:0;}
              .pjs-banner.campus .banner-txt .banner-cols .group {font-size:2.3rem; line-height:1.4; color:var(--txt-color-2); padding-bottom:45px;}
                .pjs-banner.campus .banner-txt .banner-cols .group .label {font-size:2.8rem; line-height:1.2; font-weight:700; padding-bottom:10px;}
            .pjs-banner.campus .banner-txt .banner-cols .pjs-btns {padding-top:30px;}
            .pjs-banner.campus .banner-txt .banner-cols .pjs-btns.mob {width:100%; padding-top:0; display:none;}
      /*sermons landing page*/
      .pjs-banner.sermons .banner-content {width:100%; margin:auto 0 0; text-align:left; opacity:0;}
        .pjs-banner.sermons .banner-txt {width:100%; max-width:1000px; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; margin:0; color:var(--txt-color-1); text-shadow:0 0 10px rgba(0,0,0,0.3);}
          .pjs-banner.sermons .banner-txt .label {font-size:2.5rem; line-height:1.2; font-weight:800; text-transform:uppercase; letter-spacing:0.1em; margin:0;}
          .pjs-banner.sermons .banner-txt header {margin-bottom:10px;}
            .pjs-banner.sermons .banner-txt h1 {color:var(--txt-color-1); font-size:7.6rem; font-weight:700;}
          .pjs-banner.sermons .banner-txt .meta {font-size:2rem; line-height:1.2; margin:0;}
            .pjs-banner.sermons .banner-txt .watch-link {margin:0; padding:28px 0 0;}
              .pjs-banner.sermons .banner-txt .watch-link a {color:var(--txt-color-1); font-size:1.8rem; line-height:1; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; margin:0; display:flex; align-items:center;}
                .pjs-banner.sermons .banner-txt .watch-link a img {display:block; margin:0 20px 0 0;}
      /*subpage landing page*/
      .pjs-banner.sub .banner-content {width:100%; margin:0; text-align:left; opacity:0;}
      .pjs-banner.sub.mid .banner-content {margin:0 auto; text-align:center;}
      .pjs-banner.sub.ra .banner-content {margin:0 0 0 auto; text-align:right;}
        .pjs-banner.sub .banner-txt {width:100%; max-width:1100px; margin:0;}
        .pjs-banner.sub.mid .banner-txt {margin:0 auto;}
        .pjs-banner.sub.ra .banner-txt {margin:0 0 0 auto;}
          .pjs-banner.sub .banner-txt header {margin-bottom:0;}
            .pjs-banner.sub .banner-txt header h1 {color:var(--txt-color-1); font-size:8rem; line-height:1.2; font-weight:700; padding-bottom:5px;}
          .pjs-banner.sub .banner-txt .banner-cols {color:var(--txt-color-1);}
            .pjs-banner.sub .banner-txt .pjs-btns {padding-top:30px;}
            .pjs-banner.sub.mid .banner-txt .pjs-btns {margin:0 auto; text-align:center;}
              .pjs-banner.sub.mid .banner-txt .pjs-btns a {margin-left:30px; margin-right:30px;}
              .pjs-banner.sub.mid .banner-txt .pjs-btns a:first-child {margin-left:auto;}
              .pjs-banner.sub.mid .banner-txt .pjs-btns a:last-child {margin-right:auto;}
            .pjs-banner.sub.ra .banner-txt .pjs-btns {margin:0 0 0 auto; text-align:right;}
              .pjs-banner.sub.ra .banner-txt .pjs-btns a {margin-left:30px; margin-right:0;}
              .pjs-banner.sub.ra .banner-txt .pjs-btns a:first-child {margin-left:auto;}
              .pjs-banner.sub.ra .banner-txt .pjs-btns a:last-child {margin-right:0;}
      
      /*homepage elements*/
      .pjs-banner .swiper-container .btm-gap {width:100%; background:var(--bg-color-1); position:absolute; left:0; bottom:0; right:0; z-index:1;}
      .pjs-banner .swiper-button-next, .pjs-banner .swiper-button-prev {width:15px; height:auto;}
      .pjs-banner .swiper-button-prev {top:auto !important; bottom:24%; bottom:calc(24% + 2px); opacity:0;}
      .pjs-banner .swiper-button-next {top:auto !important; bottom:24%; bottom:calc(24% + 2px); right:auto !important; opacity:0;}
      .pjs-banner .swiper-button-next:after, .pjs-banner .swiper-button-prev:after {content:'';}
        .pjs-banner .swiper-button-prev:hover svg, .pjs-banner .swiper-button-next:hover svg {transition:all 0.25s;}
          .pjs-banner .swiper-button-prev:hover svg path, .pjs-banner .swiper-button-next:hover svg path {fill:var(--main-hover);}
      .pjs-banner .swiper-button-next.swiper-button-disabled, .pjs-banner .swiper-button-prev.swiper-button-disabled {opacity:0.35 !important;}
      .pjs-main-container.mobile .pjs-banner .swiper-button-prev, .pjs-main-container.mobile .pjs-banner .swiper-button-next {display:none;}
      .pjs-banner .swiper-pagination {width:auto !important; top:auto !important; bottom:24% !important; left:23% !important;}
      .pjs-main-container.mobile .pjs-banner .swiper-pagination {bottom:8% !important; left:50% !important; transform:translateX(-50%);}
      .pjs-banner .swiper-pagination-bullet {width:16px; height:16px; background:var(--bg-color-1); border-radius:100%; margin:0 6px; opacity:1; transition:all 0.25s;}
      .pjs-banner .swiper-pagination-bullet-active {background:var(--main-hover); opacity:1;}
      .pjs-banner .swiper-pagination-bullet:hover {background:var(--main-hover);}
      
      .pjs-banner .scroll-txt {width:160px; display:flex; align-items:center; justify-content:space-between; color:var(--txt-color-1); font-family:var(--font-proxima); font-size:1.5rem; line-height:1; font-weight:700; letter-spacing:0.05em; transform:rotate(90deg); position:fixed; left:-2%; bottom:72px; z-index:2;}
      .pjs-main-container.mobile .pjs-banner .scroll-txt {display:none;}
        .pjs-banner .scroll-txt hr {width:100px; height:2px; background:var(--bg-color-1); margin:0;}
        
      /*background*/
      .pjs-banner .bg-media {width:100%;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;right:0;z-index:0; transition:height 999999s, opacity 0.25s; opacity:0;}
        .pjs-banner .bg-media .bg-video-inner {width:100%;height:100%;position:fixed;z-index:-1; transition:height 999999s;}
          .pjs-banner .bg-media .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;}
  @media (min-width:1921px) {
    .pjs-banner.sub .banner-txt header h1 {font-size:10rem;}
  }
  @media (max-width:1600px) {
    .pjs-banner.sub .banner-txt {max-width:900px;}
      .pjs-banner.sub .banner-txt header h1 {font-size:6rem;}
  }
  @media (max-width:1300px) {
    .pjs-banner .scroll-txt {left:-3%;}
  }
  @media (max-width:1079px) {
    .pjs-banner.campus .banner-txt h1 {font-size:clamp(6.5rem,7vw,8rem);}
  }
  @media (max-width:767px) {
    /* .pjs-banner.campus .banner-content, .pjs-banner.sub .banner-content {text-align:center;} */
      .pjs-banner.campus .banner-txt .banner-cols .main-info {width:100%; /*margin:0 auto;*/}
      .pjs-banner.campus .banner-txt .banner-cols .times {width:100%;}
      .pjs-banner.campus .banner-txt .banner-cols .pjs-btns.dt {display:none;}
      .pjs-banner.campus .banner-txt .banner-cols .pjs-btns.mob {display:flex;}
    .pjs-banner.sub .banner-txt header h1 {font-size:5.5rem; font-size:clamp(4.2rem,9vw,5.5rem);}
    /* .pjs-banner.sub.ra .banner-content {text-align:center;} */
    /* .pjs-banner.sub.ra .banner-txt .pjs-btns {margin:0 auto; text-align:center;} */
      .pjs-banner.sub.ra .banner-txt .pjs-btns a, .pjs-banner.sub.mid .banner-txt .pjs-btns a {margin-left:auto; margin-right:auto;}
      .pjs-banner.sub.ra .banner-txt .pjs-btns a:first-child {margin-left:0;}
      .pjs-banner.sub.ra .banner-txt .pjs-btns a:last-child {margin-right:auto;}
  }
  @media (max-width:374px) {
    .pjs-banner.sub .banner-txt header h1 {font-size:4.2rem;}
  }

  /*banner notification box*/
  .pjs-notifications {width:214px; background:var(--bg-color-5); position:absolute; right:0; top:220px; z-index:10;}
    .pjs-notifications .pjs-notif-inner {width:100%;}
      .pjs-notifications .pjs-notif-inner a {display:block; text-decoration:none;}
        .pjs-notifications .pjs-notif-item {width:100%; display:flex;}
          .pjs-notifications .pjs-notif-item .content {width:86%; display:block; padding:20px 15px 40px 20px; margin:0; text-align:left;}
            .pjs-notifications .pjs-notif-item .content .title {display:block; color:var(--txt-color-2); font-size:1.8rem; line-height:1.2;}
            .pjs-notifications .pjs-notif-item .content .desc {display:block; color:var(--txt-color-1); font-size:1.4rem; font-weight:500; padding-top:10px;}
          .pjs-notifications .pjs-notif-item .cta {width:14%; background:var(--bg-color-1); color:var(--txt-color-2); display:flex; align-items:center; justify-content:center; margin:0; transition:all 0.25s;}
          .pjs-notifications a:hover .pjs-notif-item .cta {background:var(--bg-color-2); color:var(--txt-color-1);}
            .pjs-notifications .pjs-notif-item .cta .cta-txt {display:block; font-size:1.4rem; line-height:1; font-weight:700; text-transform:uppercase; transform:rotate(-90deg); white-space:nowrap;}
    .pjs-main-container.mobile .pjs-notifications {width:254px; position:relative; top:auto; left:auto; right:auto; margin:-65px auto 0;}
      .pjs-main-container.mobile .pjs-notifications .pjs-notif-item {flex-direction:column;}
        .pjs-main-container.mobile .pjs-notifications .pjs-notif-item .content {width:100%; padding-bottom:20px; order:2;}
          .pjs-main-container.mobile .pjs-notifications .pjs-notif-item .cta {width:100%; padding:8px 20px; order:1;}
            .pjs-main-container.mobile .pjs-notifications .pjs-notif-item .cta .cta-txt {transform:rotate(0); order:1;}
  @media (max-width:767px) {
    .pjs-main-container.mobile .pjs-notifications {margin-top:-35px;}
  }
  
/*site panels*/
  
  .pjs-sections-group {background:var(--bg-color-2);}
  
  /**********************************************
    links and content panel
  **********************************************/
  .pjs-links-content .pjs-inner {padding:65px 7%;}
  body.home .pjs-links-content .pjs-inner {padding:10px 7% 65px;}
    .pjs-links-content .pjs-content {width:100%; max-width:1660px; display:flex;}
      .pjs-links-content .pjs-btns-box {width:35%; background:var(--bg-color-8); margin:35px 12% 0 0;}
      .pjs-links-content.bg-dark .pjs-btns-box {background:var(--bg-color-4);}
      .pjs-links-content.bg-gray .pjs-btns-box {background:var(--bg-color-9);}
        .pjs-links-content .pjs-btns-box .pbb-title {color:var(--txt-color-0); font-size:3.3rem; line-height:1.2; font-weight:700; letter-spacing:-0.03em; padding:44px 44px 0;}
        .pjs-links-content.bg-dark .pjs-btns-box .pbb-title {color:var(--txt-color-1);}
        .pjs-links-content .pjs-btns-box .pbb-items {padding:44px;}
        .pjs-links-content .pjs-btns-box .pbb-title ~ .pbb-items {padding-top:25px;}
          .pjs-links-content .pjs-btns-box .pbb-item {width:100%;}
            .pjs-links-content .pjs-btns-box .pbb-item a {display:block; color:var(--txt-color-4); font-family:var(--font-proxima); font-size:1.4rem; line-height:1.1; font-weight:700; text-transform:uppercase; background:var(--bg-color-1); border-radius:3px; padding:15px 18px 16px; margin:0 0 13px; text-decoration:none;}
            .pjs-links-content.bg-dark .pjs-btns-box .pbb-item a {background:var(--bg-color-6);}
            .pjs-links-content .pjs-btns-box .pbb-item:last-child a {margin-bottom:0;}
            .pjs-links-content .pjs-btns-box .pbb-item a:hover {background:var(--bg-color-2); color:var(--txt-color-1);}
      .pjs-links-content .main-content {width:44%; margin:0;}
  .pjs-main-container.mobile .pjs-links-content .pjs-inner, body.home.mobile .pjs-links-content .pjs-inner {padding:50px 0 65px;}
    .pjs-main-container.mobile .pjs-links-content .pjs-content {flex-direction:column;}
      .pjs-main-container.mobile .pjs-links-content .pjs-btns-box {width:100%; order:2; margin:44px 0 0;}
        .pjs-main-container.mobile .pjs-links-content .pjs-btns-box .pbb-title {padding:33px 20px 0;}
        .pjs-main-container.mobile .pjs-links-content .pjs-btns-box .pbb-items {padding:25px 20px 33px;}
      .pjs-main-container.mobile .pjs-links-content .main-content {width:100%; order:1; padding:0 7%;}
  
  /**********************************************
    Experience Panel with Countdown timer
  **********************************************/
  .pjs-experience-panel::after {content:''; width:100%; height:96px; background:var(--bg-color-1); position:absolute; left:0; right:0; bottom:0; z-index:1;}
  .pjs-experience-panel.bg-btm-dark::after {background:var(--bg-color-0);}
  .pjs-experience-panel.bg-btm-gray::after {background:var(--bg-color-6);}
    .pjs-experience-panel .pjs-inner {padding:65px 7% 0; z-index:2;}
      .pjs-experience-panel .pjs-content {width:100%; max-width:1660px;}
        .pjs-experience-panel .pjs-content header {margin-bottom:60px;}
        .pjs-experience-panel .pjs-cols {width:100%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
          .pjs-experience-panel .pjs-col {width:23%; height:458px; margin:0; background-color:var(--bg-color-4); background-position:center; background-repeat:no-repeat;}
          .pjs-experience-panel .pjs-col.double {width:49%; background:var(--bg-color-5); background-position:center; background-repeat:no-repeat;}
            .pjs-experience-panel .pjs-col a {width:100%; height:100%; display:block; color:var(--txt-color-1); text-decoration:none;}
            .pjs-experience-panel .pjs-col.dark a {color:var(--txt-color-2);}
              .pjs-experience-panel .pjs-col .pjs-col-inner {width:100%; height:100%; color:var(--txt-color-1); display:flex; flex-direction:column; justify-content:space-between; padding:44px 27px 22px;}
              .pjs-experience-panel .pjs-col.dark .pjs-col-inner {color:var(--txt-color-2);}
              .pjs-experience-panel .pjs-col.double .pjs-col-inner {padding-left:44px; padding-right:44px;}
                .pjs-experience-panel .pjs-col .pjs-col-inner .title {font-size:2.8rem; line-height:1.2; font-weight:700; letter-spacing:-0.03em; margin:0 0 auto;}
                .pjs-experience-panel .pjs-col .pjs-col-inner .content {max-height:246px; overflow:hidden; font-size:1.6rem; margin:auto 0; padding:15px 0 0;}
                .pjs-experience-panel .pjs-col .pjs-col-inner .pjs-btns {padding-top:25px; margin:auto 0 0;}
                .pjs-experience-panel .pjs-col .pjs-col-inner .countdown-container {font-family:var(--font-proxima); margin:0; display:block;}
                  .pjs-experience-panel .time {display:block; margin:0; line-height:1;}
                    .pjs-experience-panel .time .item {display:flex; align-items:flex-start; color:var(--txt-color-6);}
                    .pjs-experience-panel #countdown-days {font-size:9.5rem;}
                    .pjs-experience-panel #countdown-hours {font-size:8.8rem;}
                    .pjs-experience-panel #countdown-minutes {font-size:5.9rem; display:inline-flex; margin-right:10.5%;}
                    .pjs-experience-panel #countdown-seconds {font-size:4.7rem; display:inline-flex; margin-top:0;}
                    .pjs-experience-panel .pjs-col .pjs-col-inner .countdown-container .num {display:block; color:var(--txt-color-6); line-height:0.9; font-weight:800;}
                    .pjs-experience-panel .pjs-col.dark .pjs-col-inner .countdown-container .num {color:var(--txt-color-4);}
                    .pjs-experience-panel #countdown-days .num {color:var(--txt-color-1);}
                    .pjs-experience-panel #countdown-seconds .num {width:56px; margin-top:-6px;}
                    .pjs-experience-panel .pjs-col .pjs-col-inner .countdown-container .label {display:block; font-size:1rem; font-weight:400; text-transform:uppercase; margin:0;}
                    .pjs-experience-panel #countdown-days .label {margin:12px auto 0 15px;}
                    .pjs-experience-panel #countdown-hours .label {margin:8px auto 0 15px;}
                    .pjs-experience-panel #countdown-minutes .label {margin:6px auto 0 15px;}
                    .pjs-experience-panel #countdown-seconds .label {margin:0 auto 0 12px;}
    .pjs-main-container.mobile .pjs-experience-panel .pjs-content header {margin-bottom:25px;}
    .pjs-main-container.mobile .pjs-experience-panel .pjs-col {width:100%; margin-bottom:28px;}
    .pjs-main-container.mobile .pjs-experience-panel .pjs-col.double {width:100%; height:410px;}
      .pjs-main-container.mobile .pjs-experience-panel #countdown-minutes {display:inline-flex;}
      .pjs-main-container.mobile .pjs-experience-panel #countdown-seconds {display:inline-flex;}
        .pjs-main-container.mobile .pjs-experience-panel #countdown-minutes {margin-right:35px;}
    @media (max-width:1725px) {
      .pjs-experience-panel #countdown-days {font-size:9.2rem;}
      .pjs-experience-panel #countdown-hours {font-size:8.4rem;}
      .pjs-experience-panel #countdown-minutes {font-size:5rem;}
      .pjs-experience-panel #countdown-seconds {font-size:4rem;}
        .pjs-experience-panel #countdown-seconds .num {width:50px;}
        .pjs-experience-panel #countdown-days .label {margin:10px auto 0 12px;}
        .pjs-experience-panel #countdown-hours .label {margin:6px auto 0 12px;}
        .pjs-experience-panel #countdown-minutes .label {margin:4px auto 0 8px;}
        .pjs-experience-panel #countdown-seconds .label {margin:0 auto 0 6px;}
    }
    @media (max-width:1279px) {
      .pjs-experience-panel #countdown-minutes {display:flex;}
      .pjs-experience-panel #countdown-seconds {display:flex;}
    }
  
  /**********************************************
    homepage panel 3
  **********************************************/
  .pjs-home-multicol, .pjs-home-multicol.bg-dark {background:var(--bg-color-0);}
  .pjs-home-multicol.bg-light {background:var(--bg-color-1);}
  .pjs-home-multicol.bg-gray {background:var(--bg-color-6);}
  /* body:not(.home) .pjs-home-multicol {margin-top:65px;} */
  .pjs-home-multicol::after {content:''; width:100%; height:210px; background:var(--bg-color-1); position:absolute; left:0; right:0; bottom:0; z-index:0;}
  .pjs-home-multicol.bg-btm-dark::after {background:var(--bg-color-0);}
  .pjs-home-multicol.bg-btm-gray::after {background:var(--bg-color-6);}
    .pjs-home-multicol .pjs-inner {padding:160px 7% 0; z-index:1;}
      .pjs-home-multicol .pjs-content {width:100%; max-width:1660px; color:var(--txt-color-1);}
      .pjs-home-multicol.bg-light .pjs-content, .pjs-home-multicol.bg-gray .pjs-content {color:var(--txt-color-2);}
        body:not(.home) .pjs-home-multicol header {margin-bottom:100px;}
        body.home .pjs-home-multicol {text-align:center; /*margin-bottom:75px;*/}
          .pjs-home-multicol header h2, .pjs-home-multicol header h3 {color:var(--txt-color-1);}
          .pjs-home-multicol.bg-light header h2, .pjs-home-multicol.bg-gray header h2, .pjs-home-multicol.bg-light header h3, .pjs-home-multicol.bg-gray header h3 {color:var(--txt-color-2);}
        .pjs-home-multicol .pjs-cols {width:100%; display:flex; align-items:stretch; flex-wrap:wrap; overflow:hidden; position:relative;}
          .pjs-home-multicol .pjs-cols .swiper-wrapper.dt {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;}
            .pjs-home-multicol .pjs-col {width:25%; height:629px; margin:0; background-position:center; background-repeat:no-repeat;}
              .pjs-home-multicol .pjs-col a {width:100%; height:100%; display:block; color:var(--txt-color-1); text-decoration:none;}
                .pjs-home-multicol .pjs-col .pjs-col-inner {width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; text-shadow:0 0 10px rgba(0,0,0,0.2);}
                .pjs-home-multicol .pjs-col .pjs-col-inner::before {content:''; width:100%; height:100%; background:var(--bg-color-3); opacity:0.6; position:absolute; z-index:0; transition:all 0.25s;}
                .pjs-home-multicol .pjs-col a:hover .pjs-col-inner::before {opacity:0;}
                  .pjs-home-multicol .pjs-col .title {font-size:2.8rem; line-height:1.2; font-weight:700; letter-spacing:-0.03em; margin:0 auto; padding:0 5%; position:relative; z-index:1; transition:transform 0.3s; transform-origin:center;}
                  .pjs-home-multicol .pjs-col a:hover .title {/*font-size:4rem;*/transform:scale(1.4); transition:transform 0.2s; order:2;}
                  .pjs-home-multicol .pjs-col .icon {margin:10px auto 0; position:relative; z-index:1;}
                  .pjs-home-multicol .pjs-col a:hover .icon {margin:-37% auto 20px; order:1;}
    .pjs-main-container.mobile .pjs-home-multicol .pjs-inner {padding:65px 0;}
      .pjs-main-container.mobile .pjs-home-multicol header {padding-left:7%; padding-right:7%;}
      .pjs-main-container.mobile .pjs-home-multicol .pjs-col {width:50%; height:450px;}
  @media (max-width:1300px) {
    .pjs-home-multicol .pjs-col .title {font-size:2.4rem;}
  }
  @media (max-width:782px) {
    .pjs-home-multicol .pjs-cols {padding-bottom:50px;}
    .pjs-main-container.mobile .pjs-home-multicol .swiper-wrapper .pjs-col {height:629px;}
    .pjs-main-container.mobile .pjs-home-multicol .swiper-wrapper.dt .pjs-col {width:100%; height:300px;}
      .pjs-main-container.mobile .pjs-home-multicol .pjs-col .title {transform:none;}
      .pjs-main-container.mobile .pjs-home-multicol .pjs-col a:hover .title {font-size:2.4rem; order:1; transform:none;}
      .pjs-main-container.mobile .pjs-home-multicol .pjs-col a:hover .icon {margin:10px auto 0; order:2;}
  }
  
  /**********************************************
    homepage panel 4
  **********************************************/
  .pjs-home-multirow {background:var(--bg-color-1); overflow:hidden;}
    .pjs-home-multirow .pjs-inner {padding:160px 0 100px;}
      .pjs-home-multirow .pjs-content {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
        .pjs-home-multirow header {width:31%; max-width:590px; margin:0; position:relative;}
        .pjs-home-multirow header::before {content:''; width:754px; height:754px; background:var(--bg-color-5); border-radius:100%; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:0; opacity:0.14;}
        .pjs-home-multirow.bg-dark header::before {background:var(--bg-color-9);}
        .pjs-home-multirow.bg-gray header::before {background:var(--bg-color-1);}
          .pjs-home-multirow header h2 {font-size:8.9rem; position:relative; z-index:1; padding-left:10%;}
        .pjs-home-multirow .pjs-items {width:54%; margin:0 7% 0 auto; position:relative; z-index:1;}
          .pjs-home-multirow .pjs-item {width:100%; height:100%; height:224px; background-position:center; background-repeat:no-repeat; display:flex; align-items:center;}
            .pjs-home-multirow .pjs-item a {width:100%; height:100%; color:var(--txt-color-1); text-decoration:none; display:block;}
              .pjs-home-multirow .pjs-item .pjs-item-inner {width:100%; height:100%; display:flex; align-items:center; padding:10px 4%; position:relative;}
              .pjs-home-multirow .pjs-item .pjs-item-inner::before {content:''; width:100%; height:100%; background:var(--bg-color-3); opacity:0.6; position:absolute; left:0; z-index:0; transition:all 0.25s;}
              .pjs-home-multirow .pjs-item a:hover .pjs-item-inner::before {background:var(--bg-color-5); opacity:0.5;}
                .pjs-home-multirow .pjs-item .title {font-size:2.8rem; line-height:1.2; font-weight:700; letter-spacing:-0.03em; margin:0; position:relative; z-index:1; transition:transform 0.3s; transform-origin:center left;}
                .pjs-home-multirow .pjs-item a:hover .title {/*font-size:4rem;*/transform:scale(1.4); transition:transform 0.2s;}
                .pjs-home-multirow .pjs-item .icon {margin:0 7% 0 0; transition:margin 0.3s; position:relative; z-index:1;}
                .pjs-home-multirow .pjs-item a:hover .icon {margin:0 2% 0 5%;}
    .pjs-main-container.mobile .pjs-home-multirow {margin-top:-25px;}
    .pjs-main-container.mobile .pjs-home-multirow .pjs-inner {padding-bottom:0;}
    .pjs-main-container.mobile .pjs-home-multirow header {width:100%; margin-bottom:0; padding-bottom:60px;}
    .pjs-main-container.mobile .pjs-home-multirow header::before {width:600px; height:600px; top:82px; left:-18%; transform:translateY(-40%);}
    .pjs-main-container.mobile .pjs-home-multirow .pjs-items {width:100%; margin:0;}
  @media (max-width:1600px) {
    .pjs-home-multirow header h2 {font-size:7.2rem;}
  }
  @media (max-width:767px) {
    .pjs-home-multirow .pjs-inner {padding:90px 0 0;}
    .pjs-main-container.mobile .pjs-home-multirow header::before {width:510px; height:510px; top:120px; left:-25%;}
    .pjs-home-multirow header h2 {font-size:5.5rem; padding-right:10%;}
    .pjs-main-container.mobile .pjs-home-multirow .pjs-item .pjs-item-inner {flex-direction:column; align-items:flex-start; justify-content:center;}
      .pjs-main-container.mobile .pjs-home-multirow .pjs-item .title {transform:none;}
      .pjs-main-container.mobile .pjs-home-multirow .pjs-item a:hover .title {font-size:2.8rem; transform:none;}
      .pjs-main-container.mobile .pjs-home-multirow .pjs-item .icon, .pjs-main-container.mobile .pjs-home-multirow .pjs-item a:hover .icon {margin:0 0 5px;}
  }
  @media (max-width:500px) {
    .pjs-main-container.mobile .pjs-home-multirow header::before {left:-40%;}
  }
  @media (max-width:389px) {
    .pjs-main-container.mobile .pjs-home-multirow header::before {width:500px; height:500px; left:-45%;}
  }
  @media (max-width:374px) {
    .pjs-main-container.mobile .pjs-home-multirow header::before {width:480px; height:480px; left:-55%;}
  }
  
  /**********************************************
    General use panel with WYSIWYG and 0-4 columns below
  **********************************************/
    .pjs-general-panel .pjs-inner {padding:100px 5% 80px;}
    .pjs-general-panel.nocols .pjs-inner {padding-bottom:100px;}
    .pjs-general-panel.stm-landing .pjs-inner {padding-bottom:60px;}
    .pjs-general-panel.notoppad .pjs-inner {padding-top:0;}
      .pjs-general-panel .pjs-content {width:100%; max-width:calc(1660px - 30px);}
        .pjs-general-panel .pjs-content header, .pjs-general-panel .pjs-content .content, .pjs-general-panel .pjs-content .pjs-btns:not(.is-search-form) {max-width:1030px;}
        .pjs-general-panel.feat-serve .pjs-content header.la {margin-left:0;}
        .pjs-general-panel .pjs-content .content h1, .pjs-general-panel .pjs-content .content h2, .pjs-general-panel .pjs-content .content h3 {padding-bottom:25px;}
        .pjs-general-panel .pjs-content .content h4, .pjs-general-panel .pjs-content .content h5 {padding-bottom:15px;}
        .pjs-general-panel .pjs-content .content h3, .pjs-general-panel .pjs-content .content h4, .pjs-general-panel .pjs-content .content h5 {font-family:var(--font-inter);}
        .pjs-general-panel .pjs-content .content.lpdesc {padding-bottom:60px;}
      .pjs-general-panel .pjs-cols {width:100%; max-width:calc(1660px - 30px); display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; overflow:hidden;}
      .pjs-general-panel .pjs-content ~ .pjs-cols {padding-top:100px;}
      .pjs-general-panel.feat-serve .pjs-content ~ .pjs-cols {padding-top:10px;}
        .pjs-general-panel .pjs-cols.dt .swiper-wrapper {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;}
        .pjs-general-panel .pjs-cols.one .swiper-wrapper {transform:none; justify-content:center;}
        .pjs-general-panel.feat-serve .pjs-cols.one .swiper-wrapper, .pjs-general-panel.feat-serve .pjs-cols.two .swiper-wrapper {justify-content:flex-start;}
          .pjs-general-panel .pjs-col {margin:0;}
          .pjs-general-panel .pjs-cols.dt .swiper-slide {height:auto;}
          .pjs-general-panel .pjs-cols.one .pjs-col {width:90%;}
          .pjs-general-panel .pjs-cols.two .pjs-col {width:45%; margin-left:0; margin-right:3%;}
          .pjs-general-panel .pjs-cols.three .pjs-col {width:30%; margin-left:1.5%; margin-right:1.5%;}
          .pjs-general-panel .pjs-cols.four .pjs-col {width:25%;}
            .pjs-general-panel .pjs-col .pjs-img {width:100%; padding-top:100%; background-position:center; background-repeat:no-repeat; position:relative; overflow:hidden; margin-bottom:60px;}
            .pjs-general-panel .pjs-cols.two .pjs-col .pjs-img, .pjs-general-panel .pjs-cols.one .pjs-col .pjs-img {padding-top:75%;}
              .pjs-general-panel .pjs-col .pjs-img .icon {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
            .pjs-general-panel .pjs-col .content {text-align:left;}
              .pjs-general-panel .pjs-col .content .title {font-size:2.8rem; line-height:1.4; font-weight:700; letter-spacing:-0.03em; padding-right:8%;}
              .pjs-general-panel .pjs-col .content .txt {font-size:1.6rem; padding:12px 12% 0 0;}
              .pjs-general-panel .pjs-col .content .pjs-btns {padding-top:30px;}

              /*classes landing*/
              .pjs-general-panel.classes-landing .item {padding-bottom:55px; margin-bottom:55px; border-bottom:1px solid var(--bg-color-6);}
              .pjs-general-panel.classes-landing .item:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
              .pjs-general-panel.classes-landing .item a.btn-primary {width:225px; display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:3px; border:1px solid var(--main-color); padding:18px 5px; color:var(--txt-color-1); font-size:1.7rem; line-height:1; font-weight:500; text-transform:uppercase; margin:10px 30px 10px 0; letter-spacing:0; overflow:hidden; position:relative; text-decoration:none; white-space:nowrap; transition:all 0.25s ease;}
              .pjs-general-panel.classes-landing .item a.btn-primary:hover {background-color:var(--main-hover); border-color:var(--main-hover); color:var(--txt-color-1);}

              /*encounters landing*/
              .pjs-general-panel.encounters-landing .item {width:100%; max-width:1660px; border-radius:3px;}
              .pjs-general-panel.encounters-landing .item:nth-child(odd) {background:var(--bg-color-8);}
                .pjs-general-panel.encounters-landing .item .txt-content {padding:20px 15px;}
                  .pjs-general-panel.encounters-landing .item .txt-header {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:10px; border-bottom:1px solid var(--bg-color-5);}
                    .pjs-general-panel.encounters-landing .item .txt-header h2 {width:75%; margin:0; font-size:2.6rem;}
                    .pjs-general-panel.encounters-landing .item .txt-header a {color:var(--txt-color-2); font-size:85%; display:flex; align-items:center; margin:0 0 0 auto;}
                    .pjs-general-panel.encounters-landing .item .txt-header a:hover {color:var(--main-hover);}
                      .pjs-general-panel.encounters-landing .item .txt-header a span {display:block; margin:0 0 0 6px;}
                  .pjs-general-panel.encounters-landing .item .txt-rows {width:100%; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap;}
                    .pjs-general-panel.encounters-landing .item .txt-rows .row-sml {width:18%; margin:0 2% 0 0; padding:10px;}
                    .pjs-general-panel.encounters-landing .item .txt-rows .row-lrg {width:40%; padding:10px;}

              /*reading plan landing*/
              .pjs-general-panel.readingplan-landing .pjs-content {max-width:900px;}
                .pjs-general-panel.readingplan-landing .item {width:100%; border-radius:3px;}
                .pjs-general-panel.readingplan-landing .item:nth-child(odd) {background:var(--bg-color-8);}
                  .pjs-general-panel.readingplan-landing .item .txt-content {font-size:2.2rem; padding:40px 15px; /*text-align:center;*/}
                    .pjs-general-panel.readingplan-landing .item .txt-content .date {font-size:2.5rem; font-weight:600; padding-bottom:10px;}

              /*short term mission landing*/
              .pjs-general-panel.stm-landing .map-container .map {width:100%; height:50vh;}
              .pjs-general-panel.stm-landing .items-group {width:100%; padding:60px 0 20px;}
                .pjs-general-panel.stm-landing .items-group .items {width:100%; padding:25px 0 0; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;}
                  .pjs-general-panel.stm-landing .items-group .item {width:22%; margin:0 1.5% 50px;}
                    .pjs-general-panel.stm-landing .items-group .item .img {width:100%; padding-top:56.25%; position:relative; overflow:hidden;}
                      .pjs-general-panel.stm-landing .items-group .item .img img {min-width:100%; max-width:110%; min-height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
                      .pjs-general-panel.stm-landing .items-group .item .txt {padding:10px;}
                        .pjs-general-panel.stm-landing .items-group .item .txt .title {font-size:2.6rem; line-height:1.2; font-weight:700;}
                        .pjs-general-panel.stm-landing .items-group .item .txt .subtitle {padding:5px 0 0;}
                        .pjs-general-panel.stm-landing .items-group .item .txt .pjs-btns {padding-top:30px;}

              /*stories detail page*/
              .pjs-general-panel.stories-detail .vidframe {margin:25px 0 10px;}

              /*local mission detail page*/
              .pjs-general-panel.localmission-detail .group {padding:10px 0 20px;}
                .pjs-general-panel.localmission-detail .group .trip-img {display:block; margin:10px auto 20px;}
                .pjs-general-panel.localmission-detail .group .title {font-size:2.4rem; font-weight:700; padding-bottom:5px;}
                .pjs-general-panel.localmission-detail .group .pjs-btns {padding:20px 0;}

              /*search results*/
              .pjs-general-panel.search-results header.page-header {margin:0 auto 75px;}
              .pjs-general-panel .pjs-content .content article {display:flex; flex-wrap:wrap; margin:0 0 50px;}
                .pjs-general-panel .pjs-content .content .post-result.left {width:30%; margin:0 5% 0 0;}
                .pjs-general-panel .pjs-content .content .post-result.right {width:65%; margin:0;}
                .pjs-general-panel.search-results header.entry-header {margin-bottom:15px;}
                  .pjs-general-panel.search-results header.entry-header h2 {font-size:4rem; padding:0;}
                    .pjs-general-panel.search-results header.entry-header h2 a {color:var(--txt-color-2);}
                    .pjs-general-panel.search-results header.entry-header h2 a:hover {color:var(--main-hover);}
                  .pjs-general-panel.search-results .searchLink {overflow-wrap:break-word; word-wrap:break-word;}

  @media (max-width:1276px) {
    .pjs-general-panel .pjs-inner {padding:55px 5% 65px;}
      .pjs-general-panel .pjs-cols.dt.four .pjs-col {width:50%; margin-bottom:50px;}
      .pjs-general-panel.stm-landing .items-group .item {width:30.3333%;}
  }
  @media (max-width:980px) {
    .pjs-general-panel.encounters-landing .item .txt-rows .row-sml {width:100%; margin:0;}
    .pjs-general-panel.encounters-landing .item .txt-rows .row-lrg {width:100%;}
  }
  @media (max-width:880px) {
    /* .pjs-general-panel .pjs-cols.dt.four .pjs-col {width:50%;} */
    .pjs-general-panel .pjs-cols.dt.three .pjs-col {width:47%; margin-bottom:50px;}
    .pjs-general-panel .pjs-cols.dt.three .pjs-col:last-child {margin-bottom:0;}
    .pjs-general-panel.stm-landing .items-group .item {width:47%;}
  }
  @media (max-width:767px) {
    .pjs-general-panel .pjs-inner {padding:55px 0 40px;}
    .pjs-general-panel.notoppad .pjs-inner {padding-top:70px;}
      .pjs-general-panel.search-results header.page-header h2 {font-size:3.2rem;}
      .pjs-general-panel.search-results header.entry-header h2 {font-size:3rem;}
      .pjs-general-panel .pjs-content {padding:0 5%;}
      .pjs-general-panel .pjs-cols {padding-top:70px;}
      .pjs-general-panel .pjs-content ~ .pjs-cols {padding-top:60px; padding-bottom:60px;}
      .pjs-general-panel .pjs-content ~ .pjs-cols.featured {padding-top:30px;}
      .pjs-general-panel .pjs-cols.dt.four .pjs-col, .pjs-general-panel .pjs-cols.dt.three .pjs-col, .pjs-general-panel .pjs-cols.dt.two .pjs-col, .pjs-general-panel .pjs-cols.dt.one .pjs-col, .pjs-general-panel .pjs-cols.one .pjs-col {width:100%; margin:0 0 50px;}
        .pjs-general-panel .pjs-cols .swiper-pagination {padding:0;}
      .pjs-general-panel.stm-landing .items-group .item {width:100%;}
        .pjs-general-panel .pjs-col .pjs-img {margin-bottom:30px;}
        .pjs-general-panel .pjs-cols.two .pjs-col .pjs-img, .pjs-general-panel .pjs-cols.one .pjs-col .pjs-img {padding-top:100%;}
        .pjs-general-panel .pjs-col .content {padding:0 5%;}
  }
  
  /**********************************************
    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%; padding:65px 0;}
    .two-col-slides-txt .pjs-cols {display:flex; justify-content:space-between; align-items:center; margin:0 7% 0 0;}
    .two-col-slides-txt.alt .pjs-cols {margin:0 0 0 7%;}
      .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 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.alt .media-col .swiper-container {width:100%; position:relative; overflow:hidden;}
        .two-col-slides-txt .swiper-pagination-bullet {width:17px; height:17px; background:var(--bg-color-1); margin:0 6px; opacity:1; transition:all 0.25s ease;}
        .two-col-slides-txt .swiper-pagination-bullet:hover {background:var(--main-hover);}
        .two-col-slides-txt .swiper-pagination-bullet-active {border-color:var(--main-hover);}
      .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;}
  @media (max-width:1276px) {
    .two-col-slides-txt .pjs-inner {padding-top:55px;}
  }
  @media (max-width:980px) {
    .two-col-slides-txt .media-col a .play-btn {max-width:20%;}
  }
  @media (max-width:800px) {
    .two-col-slides-txt + .two-col-slides-txt .pjs-inner {padding-top:0;}
    .two-col-slides-txt .pjs-cols, .two-col-slides-txt.alt .pjs-cols {display:block; margin:0;}
      .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; padding:0 4%;}
        /* .two-col-slides-txt .txt-col header {text-align:center;} */
        .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 .pjs-inner {padding-top:0;}
  }

  /**********************************************
    Accordion panel
  **********************************************/
  .pjs-accordion .pjs-inner {min-height:0; padding:65px 5% 100px;}
    .pjs-accordion .pjs-content {width:100%; max-width:1660px; display:flex; justify-content:space-between; flex-wrap:wrap;}
      .pjs-accordion .pjs-title {width:28%; margin:0 4% 0 0; padding-top:10px;}
      .pjs-accordion .pjs-items {width:68%; margin:0; text-align:left; display:block;}
        .pjs-accordion .pjs-item {width:100%; background:var(--bg-color-7); border-radius:3px; margin:0 0 24px;}
        .pjs-accordion.bg-dark .pjs-item {background:var(--bg-color-4); color:var(--txt-color-1);}
          .pjs-accordion .pjs-item .title {width:100%; font-size:1.8rem; line-height:1.4; font-weight:700; position:relative; padding:40px 15% 35px 6%; cursor:pointer;}
            .pjs-accordion .pjs-item .title span {position:absolute; right:4.5%; top:50%; transform:translateY(-50%); display:block; color:var(--txt-color-2);}
            .pjs-accordion.bg-dark .pjs-item .title span {color:var(--txt-color-1);}
            .pjs-accordion .pjs-item.open .title span {transform:translateY(-50%) rotate(180deg);}
          .pjs-accordion .pjs-item .desc {font-size:1.6rem; background:var(--bg-color-7); display:none;}
          .pjs-accordion.bg-dark .pjs-item .desc {background:var(--bg-color-4);}
            .pjs-accordion .pjs-item .content {padding:2px 15% 40px 6%;}
    .pjs-main-container.mobile .pjs-accordion .pjs-title {width:100%; margin:0;}
    .pjs-main-container.mobile .pjs-accordion .pjs-items {width:100%;}
  @media (max-width:1276px) {
    .pjs-accordion .pjs-inner {padding:55px 5% 50px;}
  }
  
  /**********************************************
    Quick Links panel
  **********************************************/
  .pjs-links .pjs-inner {padding:130px 5% 100px;}
    .pjs-links .pjs-content {width:100%; max-width:1660px; display:flex; justify-content:space-between; flex-wrap:wrap;}
      .pjs-links .pjs-title {width:42%; margin:0 4% 0 0; padding-top:10px;}
      .pjs-links .pjs-items {width:54%; margin:0;}
        .pjs-links .pjs-items ul {list-style:none; margin:0; columns:2; column-gap:10%;}
          .pjs-links .pjs-items ul li {font-size:2.2rem; line-height:1.3; font-weight:700; letter-spacing:-0.03em; margin:0 0 30px;}
          .pjs-links.bg-dark .pjs-items ul li {color:var(--txt-color-1);}
            .pjs-links .pjs-items ul li a {display:block; color:var(--txt-color-2); text-decoration:none; position:relative; padding:0 0 0 34px;}
            .pjs-links .pjs-items ul li a::before {content:'\f061'; font-family:'Font Awesome 5 Pro'; font-size:1.8rem; position:absolute; left:0; top:4px; transition:left 0.25s;}
            .pjs-links .pjs-items ul li a:hover::before {left:4px;}
            .pjs-links.bg-dark .pjs-items ul li a {color:var(--txt-color-1);}
            .pjs-links .pjs-items ul li a:hover {color:var(--main-hover);}
    .pjs-main-container.mobile .pjs-links .pjs-title {width:100%; margin:0;}
    .pjs-main-container.mobile .pjs-links .pjs-items {width:100%;}
  @media (max-width:1276px) {
    .pjs-links .pjs-inner {padding:55px 5% 65px;}
  }
  @media (max-width:767px) {
    .pjs-links .pjs-items ul {columns:1; column-gap:0;}
  }
  
  /**********************************************
    Form panel
  **********************************************/
  .pjs-form-panel .pjs-inner {padding:130px 5% 100px;}
    .pjs-form-panel .pjs-content {width:100%; max-width:calc(1660px - 30px); display:flex; justify-content:space-between; flex-wrap:wrap;}
      .pjs-form-panel .pjs-title {width:30%; margin:0 4% 0 0; padding-top:10px;}
      .pjs-form-panel .pjs-form {width:66%; margin:0;}
    .pjs-main-container.mobile .pjs-form-panel .pjs-title {width:100%; margin:0;}
    .pjs-main-container.mobile .pjs-form-panel .pjs-form {width:100%;}
  @media (max-width:1276px) {
    .pjs-form-panel .pjs-inner {padding:55px 5% 65px;}
  }
  
  /**********************************************
    Video panel with optional text
  **********************************************/
  .pjs-video-panel .pjs-inner {max-width:1146px; padding:80px 5%;}
    .pjs-video-panel .content {padding-bottom:35px;}
  @media (max-width:1276px) {
    .pjs-video-panel .pjs-inner {padding:55px 5% 65px;}
  }

  /**********************************************
    Call To Action panel
  **********************************************/
  .pjs-cta-panel {background-position:center; background-repeat:no-repeat;}
    .pjs-cta-panel .pjs-bg-overlay {width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}
    .pjs-cta-panel .pjs-inner {max-width:1146px; padding:160px 5% 130px; z-index:1;}
      .pjs-cta-panel .pjs-content header h2, .pjs-cta-panel.dark-txt .pjs-content header h2 {color:var(--txt-color-2);}
      .pjs-cta-panel.white-txt .pjs-content header h2 {color:var(--txt-color-1);}
      .pjs-cta-panel .pjs-content .txt, .pjs-cta-panel.dark-txt .pjs-content .txt {font-size:1.7rem; line-height:3rem; color:var(--txt-color-2);}
      .pjs-cta-panel.white-txt .pjs-content .txt {color:var(--txt-color-1);}
      /* .pjs-cta-panel.ra .pjs-content .pjs-btns a {margin-left:auto; margin-right:0;}
      .pjs-cta-panel.mid .pjs-content .pjs-btns a {margin-left:auto; margin-right:auto;} */
  @media (max-width:1276px) {
    .pjs-cta-panel .pjs-inner {padding:55px 5% 65px;}
  }
  @media (max-width:767px) {
    /* .pjs-cta-panel .pjs-content header {text-align:center;} */
    .pjs-cta-panel .pjs-content .txt {text-align:left;}
    .pjs-cta-panel .pjs-content .txt, .pjs-cta-panel.dark-txt .pjs-content .txt {line-height:2.6rem;}
    .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:auto; margin-right:auto;}
  }

  /**********************************************
    Events
  **********************************************/
  .pjs-events-detail .pjs-inner {padding:60px 5%;}
    .pjs-events-detail .pjs-content {width:100%; max-width:1200px;}
      .pjs-events-detail .pjs-cols {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
        .pjs-events-detail .pjs-cols .main-info {width:55%; margin:0;}
          .pjs-events-detail .pjs-cols .main-info .event-img {margin:0 0 25px;}
        .pjs-events-detail .pjs-cols .more-info {width:35%; margin:0; padding-top:25px;}
          .pjs-events-detail .pjs-cols .more-info .info-item {margin:0 0 25px;}
            .pjs-events-detail .pjs-cols .more-info .info-item .item-title {font-size:2.4rem; font-weight:700;}
            .pjs-events-detail .pjs-cols .more-info .info-item iframe {margin:10px 0 30px;}
            .pjs-events-detail .pjs-cols .main-info .event-desc h1, .pjs-events-detail .pjs-cols .main-info .event-desc h2, .pjs-events-detail .pjs-cols .main-info .event-desc h3, .pjs-events-detail .pjs-cols .main-info .event-desc h4, .pjs-events-detail .pjs-cols .main-info .event-desc h5 {line-height:1.2; padding-bottom:15px;}
  @media (max-width:1276px) {
    .pjs-events-detail .pjs-inner {padding-top:55px;}
  }
  @media (max-width:767px) {
    .pjs-events-detail .pjs-cols .main-info {width:100%;}
    .pjs-events-detail .pjs-cols .more-info {width:100%; margin-top:15px;}
  }

  /**********************************************
    grid panel
  **********************************************/
  .pjs-grid-panel .tags {max-width:calc(1660px - 30px); margin:-35px auto 0; padding-bottom:35px; display:none;opacity:0}
    .pjs-grid-panel .tags .filters-title {display:block; margin:0 10px 0 0;}
    .pjs-grid-panel .tags .filters-buttons {display:flex; justify-content:flex-start; align-items:center;}
    .pjs-grid-panel .tags .tag {border:2px var(--bg-color-5) solid;font-size:11px;background:var(--bg-color-5);display:flex;justify-content:center;align-items:center;border-radius:2px;padding:4px 10px 4px 15px;color:var(--txt-color-1);text-transform:uppercase;font-weight:500;margin:0 5px;}
      .pjs-grid-panel .tags .tag .close {height:20px;background:var(--bg-color-2);color:var(--txt-color-1);font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0px 8px;border-radius:3px;text-align:center;vertical-align:top;margin-left:8px}
  .pjs-grid-panel .pjs-inner {padding:60px 5%;}
    .pjs-grid-panel.pjs-stories-panel header {max-width:calc(1660px - 30px); margin:0 auto 55px; padding:0 15px;}
    .pjs-grid-panel .grid-items {width:100%; max-width:1660px; min-height:400px; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
      .pjs-grid-panel .grid-item {width:25%; margin:0 0 50px;}
        .pjs-grid-panel .grid-item .item-inner {padding:0 15px;}
          .pjs-grid-panel .grid-item .img {width:100%; padding-top:56.25%; background:var(--bg-color-6); position:relative; margin-bottom:15px; overflow:hidden;}
            .pjs-grid-panel .grid-item .img a {width:100%; height:100%; display:block;}
              .pjs-grid-panel .grid-item .img img {min-width:100%; max-width:110%; min-height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
          .pjs-grid-panel .grid-item .title {font-size:2.2rem; font-weight:700; line-height:1.2; padding-bottom:10px;}
            .pjs-grid-panel .grid-item .title a {color:var(--txt-color-2); text-decoration:none;}
            .pjs-grid-panel.bg-dark .grid-item .title a {color:var(--txt-color-1);}
            .pjs-grid-panel .grid-item .title a:hover {color:var(--main-hover);}
          .pjs-grid-panel .grid-item .desc {font-size:1.6rem;}
          .pjs-grid-panel.bg-dark .grid-item .desc {color:var(--txt-color-1);}
          .pjs-grid-panel .grid-item .pjs-btns {padding-top:25px;}
      .pjs-grid-panel .grid-items .no-results {margin-left:15px;}
  @media (max-width:1800px) {
    .pjs-grid-panel .tags {margin-left:12px;}
  }
  @media (max-width:1079px) {
    .pjs-grid-panel .grid-item {width:50%; margin-bottom:50px;}
  }
  @media (max-width: 640px) {
    .pjs-grid-panel .tags .filters-title {display:block}
  }
  @media (max-width:500px) {
    .pjs-grid-panel .grid-item {width:100%;}
  }

  /**********************************************
    Footer styles
  **********************************************/
  .pjs-footer {width:100%; font-size:1.6rem; margin:auto auto 0; display:block; clear:both; position:relative; z-index:1;}
    .pjs-footer .main {width:100%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
      .pjs-footer .main .col {width:33%; margin:0; background:var(--bg-color-8);}
      .pjs-footer .main .col:last-child {width:67%; background:var(--bg-color-0); color:var(--txt-color-1);}
        .pjs-footer .main .footer-form {padding:30px 14% 40px 9%;}
          .pjs-footer .main .footer-form .ff-title {color:var(--txt-color-4); font-size:6rem; line-height:1; font-weight:700; letter-spacing:-0.03em;}
          .pjs-footer .main .footer-form .ff-desc {font-size:1.6rem; padding:15px 0 0;}
          .pjs-footer .main .footer-form .ff-form {max-width:600px; padding:15px 0 0; margin:0;}
            .pjs-footer .main .footer-form .ff-form form {margin:0; position:relative; overflow:hidden;}
              /* .pjs-footer .main .footer-form .ff-form label {position:absolute; left:-9999px; opacity:0;} */
              .pjs-footer .main .footer-form .ff-form input[type="submit"], .pjs-footer .main .footer-form .ff-form input[type="button"] {padding-top:15px; padding-bottom:15px; font-size:1.4rem;}
              .pjs-footer .main .footer-form .ff-form .hs-error-msgs {list-style:none; margin:-10px 0 10px;}
        .pjs-footer .main .footer-content {padding:80px 12.5% 50px; font-size:1.6rem; color:var(--txt-color-1); display:flex; flex-wrap:wrap;}
          .pjs-footer .main .footer-content .desc {width:35%; display:flex; flex-direction:column; margin:0 14% 0 0;}
            .pjs-footer .main .footer-content .desc .desc-txt {padding-top:5px;}
              .pjs-footer .main .footer-content .desc .desc-txt a {color:var(--txt-color-1);}
              .pjs-footer .main .footer-content .desc .desc-txt a:hover {color:var(--main-hover);}
            .pjs-footer .main .footer-content .desc .social-links {padding:25px 0 0; margin:0;}
              .pjs-footer .main .footer-content .desc .social-links ul {list-style:none; margin:0;}
                .pjs-footer .main .footer-content .desc .social-links ul li {display:inline-block; margin:0 22px 0 0;}
                .pjs-footer .main .footer-content .desc .social-links ul li:last-child {margin-right:0;}
                  .pjs-footer .main .footer-content .desc .social-links ul li a {display:block; position:relative; color:var(--txt-color-1); font-size:2.5rem; line-height:1; text-decoration:none; overflow:hidden;}
                  .pjs-footer .main .footer-content .desc .social-links ul li a:hover {color:var(--main-hover);}
                    .pjs-footer .main .footer-content .desc .social-links ul li a .fab {display:block;}
                      .pjs-footer .main .footer-content .desc .social-links ul li a .fab span {position:absolute; left:-9999px; opacity:0;}
          .pjs-footer .main .footer-content .links {width:47%; margin:0;}
            .pjs-footer .main .footer-content .links .link-label {font-family:var(--font-proxima); font-size:2.4rem; line-height:1; font-weight:800; opacity:0.6;}
            .pjs-footer .main .footer-content .links .quicklinks {padding:10px 0 0;}
              .pjs-footer .main .footer-content .links .quicklinks ul {list-style:none; margin:0; padding:3px 0 0; columns:2; column-gap:60px;}
                .pjs-footer .main .footer-content .links .quicklinks ul li {line-height:1.2; margin:0 0 10px;}
                  .pjs-footer .main .footer-content .links .quicklinks ul li a {color:var(--txt-color-1);}
                  .pjs-footer .main .footer-content .links .quicklinks ul li a:hover {color:var(--main-hover);}
            
    .pjs-main-container.mobile .pjs-footer .main .col, .pjs-main-container.mobile .pjs-footer .main .col:last-child {width:100%;}
      .pjs-main-container.mobile .pjs-footer .main .footer-form {padding-left:5%; padding-right:5%;}
      
    .pjs-footer .btm {width:100%; background:var(--bg-color-1); font-weight:500; display:flex; justify-content:space-between; flex-wrap:wrap; padding:22px 5% 15px 3%;}
      .pjs-footer .btm a {color:var(--txt-color-6);}
      .pjs-footer .btm a:hover {color:var(--txt-color-2);}
      .pjs-footer .btm .pjs {width:28%; margin:0;}
      .pjs-footer .btm .info {width:67%; color:var(--txt-color-6); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0;}
        .pjs-footer .btm .info .item:last-child {margin-right:0;}
        .pjs-footer .btm .info .copyright {color:var(--txt-color-4);}
        
    .pjs-main-container.mobile .pjs-footer .main .footer-content .desc {width:52%;}
    .pjs-main-container.mobile .pjs-footer .main .footer-content .links {width:34%;}
        
    .pjs-main-container.mobile .pjs-footer .btm {padding:30px 8%;}
      .pjs-main-container.mobile .pjs-footer .btm .pjs {width:100%; margin:40px auto 0; order:2; /*text-align:center;*/}
      .pjs-main-container.mobile .pjs-footer .btm .info {width:100%; order:1; /*text-align:center;*/}
        .pjs-main-container.mobile .pjs-footer .btm .info .item {width:100%; margin:0 auto 15px;}
        .pjs-main-container.mobile .pjs-footer .btm .info .item:last-child {margin:0 auto;}
      
  @media (min-width:2000px) {
    .pjs-footer .main .col ul li {font-size:2.5rem;}
  }
  @media (max-width:1600px) {
    .pjs-footer .main .footer-content {padding-left:8%; padding-right:8%;}
    .pjs-footer .btm {padding-right:3%;}
  }
  @media (max-width:1300px) {
    .pjs-footer .main .footer-content .desc {width:45%;}
    .pjs-footer .main .footer-content .links {width:39%;}
      .pjs-footer .main .footer-content .links .quicklinks ul {columns:1; column-gap:0;}
  }
  @media (max-width:767px) {
    .pjs-footer .main .footer-content {padding-top:50px; font-size:1.8rem;}
      .pjs-footer .main .footer-form .ff-title {font-size:4.8rem;}
      .pjs-main-container.mobile .pjs-footer .main .footer-content .desc {width:100%;}
        .pjs-footer .main .footer-content .desc .desc-txt {order:2; padding-top:50px;}
        .pjs-footer .main .footer-content .desc .social-links {order:1;}
          .pjs-footer .main .footer-content .desc .social-links ul li {margin-right:30px;}
            .pjs-footer .main .footer-content .desc .social-links ul li a {font-size:4rem;}
      .pjs-main-container.mobile .pjs-footer .main .footer-content .links {width:100%; margin-top:70px;}
        .pjs-footer .main .footer-content .links .link-label {font-size:2.9rem;}
        .pjs-footer .main .footer-content .links .quicklinks ul li {font-size:2rem;}
    .pjs-footer .btm {font-size:1.8rem;}
  }
  @media (max-width:374px) {
    .pjs-footer .main .title {font-size:1.3rem;}
  }

/**********************************************
  Backgrounds
**********************************************/
.bg-light {background-color:var(--bg-color-1);}
.bg-dark {background-color:var(--bg-color-2);}
.bg-gray {background-color:var(--bg-color-6);}

.pjs-section.bg-dark .content h3, .pjs-section.bg-dark .content h4, .pjs-section.bg-dark .content h5 {color:var(--txt-color-1);}

/**********************************************
  dropdown buttons
**********************************************/
  .pjs-filter-dropdowns {width:auto; max-width:264px; margin:0; flex: 1 1 auto; z-index:2;}
    .pjs-filter-dropdowns .filter-dropdown-group {max-width:264px; font-size:1.5rem; line-height:1; position:relative; margin:0;}
      .pjs-filter-dropdowns .filter-dropdown-group .filter-btn {width:100%; display:flex; justify-content:space-between; align-items:center; background:var(--bg-color-4); border-radius:3px; padding:16px 20px 16px 22px; margin:0; position:relative; cursor:pointer; transition:all 0.9s ease;}
      .pjs-filter-dropdowns .filter-dropdown-group.open .filter-btn {border-bottom-left-radius:0; border-bottom-right-radius:0; transition:all 0.1s ease;}
        .pjs-filter-dropdowns .filter-dropdown-group .filter-selected {margin:0; color:var(--txt-color-1); text-transform:uppercase;}
        .pjs-filter-dropdowns .filter-dropdown-group .icon {width:29px; margin:0; transition:all 0.25s ease;}
        .pjs-filter-dropdowns .filter-dropdown-group.open .icon {transform:rotate(180deg);}
      .pjs-filter-dropdowns .filter-dropdown-group .dropdown-items {width:100%; position:absolute; left:0; top:100%; z-index:2; display:none;}
        .pjs-filter-dropdowns .filter-dropdown-group .dropdown-items ul {max-height:280px; list-style:none; margin:0; overflow:hidden; overflow-y:auto; background:var(--bg-color-4); padding:0 0 10px; 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-filter-dropdowns .filter-dropdown-group .dropdown-items ul li {margin:0;}
            .pjs-filter-dropdowns .filter-dropdown-group .dropdown-items ul li a {color:var(--txt-color-1); text-decoration:none; display:block; padding:8px 15px 8px 30px; margin:0;}
            .pjs-filter-dropdowns .filter-dropdown-group .dropdown-items ul li a:hover {background:var(--main-hover);}
  @media (max-width:767px) {
    .pjs-filter-dropdowns .filter-dropdown-group {max-width:100%; margin-right:0;}
  }
  
/*filter options*/
.dropdowns .search-bar {width:250px; margin:0 10px;}
  .dropdowns .search-bar .search-bar-inner {position:relative;}
    .dropdowns .search-bar input {font-size:1.6rem;font-weight:700;color:var(--bg-color-9);text-transform:uppercase;background-color:var(--bg-color-10); margin:0; padding:23px 20px 22px;}
    .dropdowns .search-bar label {position:absolute; left:20px; top:50%; transform:translateY(-50%); z-index:1; color:var(--bg-color-9); font-size:1.6rem; font-weight:700; text-transform:uppercase;}
    .dropdowns .search-bar button {outline:none; border:0; min-width:10px; background:transparent; color:#0f1923; display:flex; justify-content:center; align-items:center; position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:1;}
      .dropdowns .search-bar button span {display:block; font-size:2rem; line-height:1;}
    .dropdowns .search-bar.hidelbl label {z-index:-1;}
.pjs-dropdown-filters {z-index:2;}
  .pjs-dropdown-filters .pjs-inner {padding:0 5%;}
  .pjs-dropdown-filters .pjs-content {width:100%; max-width:calc(1660px - 30px);}
    .pjs-dropdown-filters .dropdowns {width:100%; max-width:calc(1660px - 10px); padding:25px 0; display:flex; justify-content:flex-start; align-items:center; position:relative;}
      .pjs-dropdown-filters .dropdowns .dd-item {width:250px; display:flex; align-items:center; margin:0 10px; position:relative; text-align:left; cursor:pointer; border:1px solid transparent;display:block;font-size:1.9rem;font-weight:700;color:var(--bg-color-9);text-transform:uppercase;background-color:var(--bg-color-10);}
        .pjs-dropdown-filters .dropdowns .dd-item .selected {width:100%; height:100%; padding:26px 45px 26px 25px; font-size:1.6rem; line-height:1; position:relative; -ms-user-select:none; user-select:none;}
        .pjs-dropdown-filters .dropdowns .dd-item .selected::after {content:''; width:23px; height:14px; background:url(assets/images/icon-arrow-down.png) no-repeat; position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:all 0.25s ease; transform-origin:top;}
        .pjs-dropdown-filters .dropdowns .dd-item.open .selected::after {transform:rotate(180deg); margin-top:3px;}
        .pjs-dropdown-filters .dropdowns .dd-item .options {width:100%; max-height:220px;overflow:hidden;overflow-y:auto; background:var(--bg-color-10); position:absolute; left:0; top:100%; z-index:4; display:none;}
          .pjs-dropdown-filters .dropdowns .dd-item .options .options-inner {width:100%; border:1px solid var(--bg-color-6); padding:10px 0;}
            .pjs-dropdown-filters .dropdowns .dd-item .options a {display:block; text-decoration:none; padding:10px 20px; color:var(--txt-color-2); font-size:1.6rem; line-height:1;}
            .pjs-dropdown-filters .dropdowns .dd-item .options a:hover {background:var(--bg-color-6);}
            .pjs-dropdown-filters .dropdowns .dd-item .options a.sub {padding-left:25px;}
      .pjs-dropdown-filters .pjs-btns.reset-filters {width:34px; height:34px; margin:0 0 0 5px; padding-top:0; border-radius:100%; overflow:hidden; display:none;}
        .pjs-dropdown-filters .pjs-btns.reset-filters a {width:34px; height:34px; background:var(--bg-color-0); margin:0; padding:0;}
        .pjs-dropdown-filters .pjs-btns.reset-filters a:hover {background:var(--main-hover);}
          .pjs-dropdown-filters .pjs-btns.reset-filters a .icon {display:block; position:relative; color:var(--txt-color-1); font-size:2.2rem; line-height:1;}
            .pjs-dropdown-filters .pjs-btns.reset-filters a .icon span {position:absolute; left:-9999px; opacity:0; z-index:-1;}
@media (max-width:1400px) {
  .pjs-dropdown-filters .pjs-btns.reset-filters {position:absolute; left:50%; top:-20px; transform:translateX(-50%);}
}
@media (max-width:1023px) {
  .pjs-dropdown-filters .dropdowns {flex-wrap:wrap;}
    .pjs-dropdown-filters .dropdowns .dd-item {width:30.3333%; margin-bottom:10px;}
}
@media (max-width:767px){
  .pjs-dropdown-filters .dropdowns {flex-wrap:wrap;}
    .pjs-dropdown-filters .dropdowns .dd-item {width:100%;}
    .pjs-dropdown-filters .pjs-btns.reset-filters {width:calc(100% - 20px); height:auto; padding:0; margin:0 auto; border-radius:0; position:relative; left:auto; top:auto; transform:none;}
      .pjs-dropdown-filters .pjs-btns.reset-filters a {width:100%; height:auto; padding:15px 20px;}
        .pjs-dropdown-filters .pjs-btns.reset-filters a .icon {font-family:var(--font-inter) !important; font-size:1.7rem !important; font-weight:500 !important; text-transform:uppercase;}
        .pjs-dropdown-filters .pjs-btns.reset-filters a .icon::before {content:'' !important;}
          .pjs-dropdown-filters .pjs-btns.reset-filters a .icon span {display:inline-block; vertical-align:middle; position:relative; left:auto; opacity:1; z-index:0; padding:0;}
}

/*event filters*/
.filter-options{width:100%;text-align:center;position:relative;z-index:2;background:var(--bg-color-1);/*padding:0 5%;*/}
  .filter-options .pjs-inner {padding:0 5%;}
    .filter-options .dropdowns{width:100%; max-width:calc(1660px - 10px); padding:25px 0; display:flex; justify-content:flex-start; align-items:center;}
      .filter-options .dropdowns .dropdown{width:250px; display:flex; align-items:center; margin:0 10px; position:relative; text-align:left; cursor:pointer; border:1px solid transparent;display:block;font-size:1.9rem;font-weight:700;color:var(--bg-color-9);text-transform:uppercase;background-color:var(--bg-color-10);}
        .filter-options .dropdowns .dropdown .selected{width:100%; height:100%; padding:26px 45px 26px 30px; font-size:1.7rem; line-height:1; position:relative; -ms-user-select:none; user-select:none;}
          .filter-options .dropdowns .dropdown .selected::after {content:''; width:23px; height:14px; background:url(assets/images/icon-arrow-down.png) no-repeat; position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:all 0.25s ease; transform-origin:top;}
          .filter-options .dropdowns .dropdown.open .selected::after {transform:rotate(180deg); margin-top:3px;}
        .filter-options .dropdowns .dropdown .options{width:100%; max-height:220px;overflow:hidden;overflow-y:auto; background:var(--bg-color-10); border:1px solid var(--bg-color-6); padding:10px 0; position:absolute; left:0; top:100%; z-index:4; display:none;}
          .filter-options .dropdowns .dropdown .options .option{display:flex; align-items:flex-start; padding:10px;margin:0 0 6px}
          .filter-options .dropdowns .dropdown .options .option.fill{background-color:var(--bg-color-5);}
          .filter-options .dropdowns .dropdown .options .option:last-child{margin-bottom:0}
          .filter-options .dropdowns .dropdown .options .option [type="checkbox"] {margin-top:1px;}
            .filter-options .dropdowns .dropdown .options .option [type="checkbox"].filled-in:checked+label:before{width:3px;height:6px;border-right-color:#aad43c;border-bottom-color:#aad43c}
            .filter-options .dropdowns .dropdown .options .option [type="checkbox"].filled-in:not(:checked)+label:before{left:5px;top:6px}
            .filter-options .dropdowns .dropdown .options .option [type="checkbox"].filled-in:checked+label:after,.filter-options .dropdowns .dropdown .options .option [type="checkbox"].filled-in:not(:checked)+label:after{width:13px;height:13px;border:1px solid #ccc;background-color:var(--bg-color-1)}
            .filter-options [type="checkbox"]+label{color:var(--txt-color-2);text-transform:uppercase;font-size:15px;line-height:1;padding-left:10px}
            .filter-options .option.fill [type="checkbox"]+label{color:var(--txt-color-1);}
@media (max-width:767px){
  .filter-options .dropdowns {flex-wrap:wrap;}
    .filter-options .dropdowns .dropdown, .dropdowns .search-bar {width:100%; margin-bottom:10px;}
      .filter-options .dropdowns .dropdown .selected{font-size:1.6rem; padding:26px 45px 26px 30px;border-bottom:1px solid #ccc;text-align:left}
      .filter-options .dropdowns .dropdown .options{width:100%;left:auto;top:auto;margin-top:-1px;margin-left:auto}
}

/*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;}

.hs-error-msg {color:#ff0000;}