/*
Theme Name: Next Step 2023
Theme URI: https://www.plainjoe.net
Author: PlainJoe
Author URI: https://www.plainjoe.net
Description: Custom Wordpress theme for Next Step 2023.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.plainjoe.net
*/
@font-face {
    font-family: 'vintageregular';
    src: url('assets/fonts/vintage-webfont.woff2') format('woff2'),
         url('assets/fonts/vintage-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mutually_beneficialregular';
    src: url('assets/fonts/mutually_beneficial-webfont.woff2') format('woff2'),
         url('assets/fonts/mutually_beneficial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'discipuli_britannicaregular';
    src: url('assets/fonts/discipuli_britannica-webfont.woff2') format('woff2'),
         url('assets/fonts/discipuli_britannica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
  --main-color:#A1A766; /*olive green*/
  --main-color-darker:#7E8257; /*darker olive - button hover state*/
  --main-hover:#111;
  
  /*text colors*/
  --txt-color-0:#000;
  --txt-color-1:#fff;
  --txt-color-2:#103E35; /*dark green*/
  --txt-color-3:#191919; /*dark gray*/
  --txt-color-4:#D8D5D0; /*light gray*/
  
  /*background colors*/
  --bg-color-0:#F2EEE8; /*tan*/
  --bg-color-1:#fff;
  --bg-color-2:#A1A766; /*olive green*/
  --bg-color-3:#103E35; /*dark green*/
  
  /*misc colors*/
  --misc-color-0:#000;
  --misc-color-1:#fff;
  --misc-color-2:#F2EEE8; /*light gray 1*/
  --misc-color-3:#D8D5D0; /*light gray 2*/
  --misc-color-4:#514C4C; /*dark gray 1*/
  --misc-color-5:#707070; /*dark gray 2*/
  
  /*fonts*/
  --font-proxima:'proxima-nova', sans-serif;
  --font-vintage:'vintageregular', sans-serif;
  --font-mutually:'mutually_beneficialregular', sans-serif;
  --font-discipuli:'discipuli_britannicaregular', sans-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(--main-color); text-decoration:none; transition:all .25s ease;}
a:hover, .a:hover {color:var(--main-hover); text-decoration:none;}
img {border:0; outline:none; max-width:100%; height:auto;}
object, embed {outline:none; display:block;}
input, textarea, select, button {font-family:var(--font-proxima); font-weight:400; outline:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin-bottom:15px;}
input[type="search"] {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin:10px 0 20px;}
textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; resize:none;}
input[type="submit"], input[type="button"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none; outline:none;}
ul {list-style:disc; margin:0 0 15px 20px; text-align:left;}
ol {margin:0 0 15px 20px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}
li:last-child, ul.children {margin-bottom:0;}
iframe {max-width:100%; max-height:100%; display:block; margin:0 auto;}
blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;}
strong, b {font-weight:700;}
hr {height:1px; background:#000; clear:both; border:0; outline:0;}

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

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

html {font-size:62.5%;}
body {font-size:2.4rem; line-height:4.5rem; font-family:var(--font-proxima); font-weight:400; color:var(--txt-color-2); background:var(--bg-color-1);}
h1, h2, h3, h4, h5, h6 {color:var(--txt-color-2); font-family:var(--font-vintage); font-weight:400; line-height:1; text-transform:none;}
h1 {font-size:6.5rem;}
h2 {font-size:5rem;}
h3 {font-size:2.5rem;}
h4 {font-size:2.2rem;}
h5 {font-size:1.9rem;}
@media (min-width:2000px) {
  body {font-size:2.6rem; line-height:4.8rem;}
}
@media (max-width:1600px) {
  h1 {font-size:6rem;}
  h2 {font-size:4rem;}
}
@media (max-width:1200px) {
  body {font-size:2.2rem; line-height:3.8rem;}
  h1 {font-size:5rem;}
  h2 {font-size:3.2rem;}
}
@media (max-width:767px) {
  body {font-size:1.8rem; line-height:3.2rem;}
	h1 {font-size:4.3rem;}
  h2 {font-size:3rem;}
  h3 {font-size:2.2rem;}
  h4 {font-size:2rem;}
}
@media (max-width:374px) {
  body {font-size:1.6rem; line-height:3rem;}
  h1 {font-size:3.6rem;}
  h2 {font-size:2.8rem;}
}

/*general styles*/
.la {text-align:left;}
.ra {text-align:right;}
.mid {text-align:center;}
.pjs-btns {padding-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
  .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:0; border:0; padding:18px 30px 17px; color:var(--txt-color-0); font-size:2rem; line-height:1; font-weight:700; text-transform:none; margin:0 9px 10px; letter-spacing:0; overflow:hidden; position:relative; text-align:center; box-shadow:none; transition:all 0.25s ease; outline:none; cursor:pointer;}
  .pjs-btns > a:hover, .pjs-btns > .a:hover, input[type="submit"]:hover, input[type="button"]:hover, form button:hover {background-color:var(--main-color-darker); color:var(--txt-color-1); box-shadow:0 0 2px 1px rgba(0,0,0,0.05), 0 0 4px 2px rgba(0,0,0,0.05), 0 0 8px 4px rgba(0,0,0,0.05), 0 0 16px 8px rgba(0,0,0,0.05);}
  
  .pjs-btns > a.alt, .pjs-btns > .a.alt, .pjs-btns input[type="submit"].alt, input[type="button"].alt, form button.alt {background:var(--bg-color-3); color:var(--txt-color-1);}
  .pjs-btns > a.alt:hover, .pjs-btns > .a.alt:hover, .pjs-btns input[type="submit"].alt:hover, input[type="button"].alt:hover, form button.alt:hover {background:var(--bg-color-2); color:var(--txt-color-1);}
  
  .pjs-btns.mid {width:fit-content;}
    .pjs-btns.mid a {margin-left:9px; margin-right:9px;}
  .pjs-btns.ra {justify-content:flex-end;}
    .pjs-btns.ra a {margin-left:18px; margin-right:0;}
  .pjs-btns.la {justify-content:flex-start;}
    .pjs-btns.la a {margin-left:0; margin-right:18px;}
  
  .pjs-btns .at-icon-wrapper {display:none !important;}
  
	@media (min-width:3000px) {
		.pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:2.2rem;}
	}
  @media (max-width:1600px) {
    .pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:1.7rem;}
  }
  @media (max-width:980px) {
    .pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:1.6rem;}
  }
  @media (max-width:767px) {
    .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {padding:13px 15px;}
  }
  @media (max-width:500px) {
    .pjs-btns {flex-direction:column; align-items:center;}
      .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {margin-left:auto; margin-right:auto;}
  }

	#mainPreloader {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
	.loader-animation {width:100%; text-align:center; display:none;}
  .pjs-preload-anim {display: inline-block;position: relative; width: 80px; height: 80px;}
  .pjs-preload-anim div {position: absolute; width: 6px; height: 6px; background:var(--main-color); border-radius: 50%; animation: pjs-preload-anim 1.2s linear infinite;}
  .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; position:relative; z-index:1;}
	.num-nav:after {content:''; display:block; clear:both;}
		.num-nav ul {list-style:none; margin:0 auto !important; text-align:center;}
			.num-nav ul > li {display:inline-block; vertical-align:bottom; margin:0; line-height:1; color:var(--txt-color-0);}
				.num-nav ul > li > a {height:40px; display:flex; justify-content:center; align-items:center; color:var(--main-color); border-radius:50%; transition:all .25s ease; padding:0; border:1px solid transparent;}
        .num-nav ul > li:not(.next-link):not(.prev-link) > a {width:40px;}
        .num-nav ul > li.next-link > a {padding-left:15px;}
        .num-nav ul > li.prev-link > a {padding-right:15px;}
        .num-nav ul > li > a:hover {color:var(--txt-color-0);}
        .num-nav ul > li.active > a {border-color:var(--main-color);}

/*modals*/
	.modal-bg {width:100%; height:100%; background:var(--bg-color-0); opacity:0.5; mix-blend-mode:multiply; position:fixed; left:0; top:0; right:0; bottom:0; z-index:900; display:none;}
	.modal {width:100%; position:fixed; top:0; bottom:0; z-index:901; display:none; transition:all 0.25s ease;}
	.modal-menu {background:var(--bg-color-1); left:0; right:0; overflow:hidden; opacity:0;}
		.modal-menu .inner {width:100vw; height:100vh; position:absolute; left:0; top:0; right:0;}
			.modal-menu .content {position:relative;}
				.modal-menu .menu {position:relative; z-index:2;}
					.modal-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative; padding:50px 0 80px;}
            .modal-menu a {display:block; color:var(--txt-color-0);}
            .modal-menu a:hover {color:var(--main-color); text-decoration:underline;}
            
            .modal-menu .mm-mob-nav {border-bottom:1px solid var(--bg-color-0); margin:0 7%; display:none;}
              .modal-menu .mm-mob-nav ul {list-style:none; width:100%; margin:0; padding-top:40px;}
                .modal-menu .mm-mob-nav ul li {font-size:2.8rem; line-height:1; font-weight:700; text-transform:uppercase; letter-spacing:-0.03em; margin:0 0 30px;}
                  .modal-menu .mm-mob-nav ul li a {color:var(--txt-color-6); white-space:nowrap;}
  @media (max-width:920px) {
    .modal-menu .mm-mob-nav {display:block;}
  }
  @media (max-width:782px) {
    .modal-menu .scroll {padding:60px 0 40px;}
  }

/*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%; text-align:center; position:fixed; left:0; top:0; right:0; z-index:1025; transition:all .25s ease;}
	.pjs-main-container.headroom--not-top .pjs-main-header, .pjs-main-header.mmopen {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%);}
  body.logged-in .pjs-main-header {top:32px;}
    .pjs-main-header .pjs-inner {padding:32px 7% 25px 5%; display:flex; justify-content:space-between; align-items:center; transition:all .25s ease;}
    .pjs-main-container.headroom--not-top .pjs-main-header .pjs-inner, .pjs-main-header.mmopen .pjs-inner {padding:10px 5%;}
      .pjs-main-header .logo {margin:0; transition:all 0.25s ease;}
        .pjs-main-header .logo a {width:227px; display:block;}
        .pjs-main-container.headroom--not-top .logo a, .pjs-main-header.mmopen .logo a {width:150px;}
          .pjs-main-header .logo a img {display:block;}
      .pjs-main-header .header-main-nav {margin:0 0 0 auto;}
        .pjs-main-header .header-main-nav ul {list-style:none; margin:0 6% 0 auto; display:flex; justify-content:flex-end;}
          .pjs-main-header .header-main-nav ul li {min-width:200px; line-height:1; margin:0 5px;}
          .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav ul li {min-width:150px;}
            .pjs-main-header .header-main-nav ul li a {display:block; padding:20px 15px; background:var(--bg-color-2); color:var(--txt-color-3); font-family:var(--font-proxima); font-size:2rem; font-weight:700; text-align:center;}
            .pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav ul li a {padding:10px;}
            .pjs-main-header .header-main-nav ul li:last-child a {background:transparent; color:var(--txt-color-1);}
            .pjs-main-header .header-main-nav ul li a:hover {background:var(--bg-color-3); color:var(--txt-color-1);}
            .pjs-main-header .header-main-nav ul li:last-child a:hover, .pjs-main-container.headroom--not-top .header-main-nav ul li:last-child a {background:transparent; color:var(--txt-color-2);}
            .pjs-main-container.headroom--not-top .header-main-nav ul li:last-child a:hover {background:transparent; color:var(--txt-color-2);}
      .pjs-main-header .items {display:flex; justify-content:flex-start; align-items:stretch; margin:0; display:none;}
        .pjs-main-header .mega-menu-btn {}
          .pjs-main-header .mega-menu-btn .hamburger-menu {padding:6px 10px 10px; cursor:pointer;}
            .pjs-main-header .mega-menu-btn .hamburger-menu div {width:36px; height:2px; background:var(--txt-color-1); margin:0 0 7px 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(--txt-color-2);}
            .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:36px; 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:36px;}
  @media (max-width:1400px) {
    .pjs-main-header .header-main-nav ul li {min-width:180px; font-size:1.6rem;}
  }
  @media (max-width:1150px) {
    .pjs-main-header .pjs-inner {padding-left:25px; padding-right:25px;}
    .pjs-main-header .header-main-nav ul li {margin:0 12px;}
  }
  @media (max-width:920px) {
    .pjs-main-header .header-main-nav {display:none;}
    .pjs-main-header .items {display:flex;}
  }
  @media (max-width:782px) {
    /* .pjs-main-header, body.logged-in .pjs-main-header {top:auto; bottom:0;} */
      .pjs-main-header .pjs-inner, .pjs-main-container.headroom--not-top .pjs-main-header .pjs-inner {padding:0 10px 0 20px;}
        .pjs-main-header .logo {padding:20px 0 20px 10px;}
        .pjs-main-header .mega-menu-btn {padding:23px 0 17px 10px;}
    .pjs-footer {padding-bottom:61px;}
  }
  @media (max-width:374px) {
    .pjs-main-header .logo {padding-left:0;}
  }

/*sections*/
	.pjs-content-sections {width:100%; clear:both;}
  .pjs-content-sections::after, section.pjs-section::after, .pjs-section .pjs-inner::after {content:''; display:block; clear:both;}
		.pjs-section {width:100%; clear:both; position:relative; /*background:var(--bg-color-1);*/ margin:0 auto;}
			.pjs-section .pjs-inner {position:relative;}
				.pjs-section header {margin:0 0 80px;}
          .pjs-section header h1, .pjs-section header h2 {font-size:6.5rem; line-height:1.4;}
          .pjs-section header hr {width:90%; max-width:1156px; height:1px; display:block; background:var(--main-color); margin:30px auto 0;}
  @media (max-width:1600px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:6rem;}
  }
  @media (max-width:1200px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:5rem;}
  }
  @media (max-width:767px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:4.3rem;}
  }
  @media (max-width:500px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:3.8rem;}
  }
  @media (max-width:374px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:3.6rem;}
  }
	
  .dline {width:100%; height:100%; text-align:center; position:absolute; top:0; z-index:0;}
    .dline svg {max-width:1732px; overflow:hidden;}
  
  /**********************************************
    homepage banner
  **********************************************/
	.pjs-home-banner {width:100%; height:100vh; clear:both; position:relative; z-index:11; overflow:hidden;}
	.pjs-home-banner::after {content:''; display:block; clear:both;}
		.pjs-home-banner .pjs-inner {height:100%; transition:height 999999s; position:relative; z-index:1;}
      
			.pjs-home-banner .pjs-banner-content {width:100%; height:100%; background-position:center; background-repeat:no-repeat; position:relative; opacity:0; transition:opacity 0.25s;}
      
        .pjs-home-banner .banner-img {width:100%; height:100%; display:block; background-repeat:no-repeat; position:absolute; bottom:0; opacity:0; transition:opacity 0.25s;}
        .pjs-home-banner .bg-img {height:110%; z-index:0; background-size:cover;}
        .pjs-home-banner .fg-img {margin-bottom:-11%; z-index:2; background-size:cover;}
        .pjs-home-banner .banner-title {width:100%; color:var(--txt-color-1); line-height:1; letter-spacing:0.2em; position:absolute; top:25%; z-index:1; opacity:0; transition:opacity 0.25s; text-align:center;}
          .pjs-home-banner .banner-title .top-label {font-size:1.7rem; text-transform:uppercase; letter-spacing:0.2em; padding:0 5% 40px;}
          .pjs-home-banner .banner-title h1 {color:var(--txt-color-1); font-size:15rem; font-family:var(--font-vintage); text-transform:none; padding:0 5%;}
        
        .pjs-home-banner .content {width:100%; color:var(--txt-color-1); display:flex; justify-content:center; align-items:flex-start; margin:0; flex-direction:column; position:absolute; bottom:17.5%; z-index:3; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.3);}
          .pjs-home-banner .content .txt-content {padding:0 5%; text-align:center;}
            .pjs-home-banner .content .sub-title {font-size:1.7rem; text-transform:uppercase; letter-spacing:0.2em;}
            .pjs-home-banner .content .txt-desc {max-width:830px; font-size:2rem; line-height:1.5; font-weight:500; padding-top:50px; margin:0 auto;}
            .pjs-home-banner .content .pjs-btns {padding-top:60px; text-shadow:none;}
              .pjs-home-banner .content .pjs-btns a {margin-left:40px; margin-right:40px;}
              .pjs-home-banner .content .pjs-btns a:first-child {margin-left:auto;}
              .pjs-home-banner .content .pjs-btns a:last-child {margin-right:auto;}

  .hp-compass {max-width:25%; position:absolute; left:5%; z-index:11;}
    .hp-compass img {display:block;}
  
	@media (max-width:925px) {
    .pjs-home-banner .fg-img {margin-bottom:-15%;}
    .pjs-home-banner .banner-title {top:20%;}
      .pjs-home-banner .banner-title h1 {font-size:12rem;}
  }
  @media (max-height:777px) and (orientation:landscape) {
    .pjs-home-banner .banner-title {top:20%;}
      .pjs-home-banner .banner-title h1 {font-size:10rem;}
  }
  @media (max-height:500px) and (max-width:920px) and (orientation:landscape) {
      .pjs-home-banner .banner-title .top-label {padding-bottom:5px;}
      .pjs-home-banner .banner-title h1 {font-size:8rem;}
      .pjs-home-banner .content {bottom:12%;}
        .pjs-home-banner .content .txt-desc {font-size:1.8rem; line-height:1.4; padding-top:0;}
        .pjs-home-banner .content .pjs-btns {padding-top:20px;}
  }
	@media (max-width:767px) {
    .pjs-home-banner .banner-title h1 {font-size:8rem;}
    .hp-compass {max-width:35%;}
  }
	@media (max-width:500px) {
    .pjs-home-banner .banner-title {top:15%;}
      .pjs-home-banner .banner-title .top-label {padding-bottom:20px;}
      .pjs-home-banner .banner-title h1 {font-size:6rem;}
    .pjs-home-banner .content .txt-desc {padding-top:10px;}
    .pjs-home-banner .content .pjs-btns {padding-top:30px;}
      .pjs-home-banner .content .pjs-btns a {margin-left:auto; margin-right:auto;}
    .hp-compass {max-width:45%;}
  }
	@media (max-width:413px) {
    .pjs-home-banner .banner-title h1 {font-size:5rem;}
    .pjs-home-banner .content {bottom:12%;}
      .pjs-home-banner .content .txt-desc {font-size:1.8rem; padding-top:10px;}
  }
	@media (max-width:374px) {
    .pjs-home-banner .banner-title h1 {font-size:4rem;}
    .pjs-home-banner .content .txt-desc {font-size:1.6rem;}
    .pjs-home-banner .content .pjs-btns {padding-top:20px;}
  }
  
  /**********************************************
    subpage banner
  **********************************************/
	.pjs-subpage-header {width:100%; height:50vh; clear:both; position:relative; z-index:11; overflow:hidden;}
	.pjs-subpage-header::after {content:''; display:block; clear:both;}
		.pjs-subpage-header .pjs-inner {width:100%; height:100%; position:relative; z-index:1; opacity:0; transition:opacity 0.25s;}
      .pjs-subpage-header .pjs-inner .bg-overlay {width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}
			.pjs-subpage-header .pjs-cols {width:90%; height:100%; margin:0 auto; display:flex; justify-content:center; align-items:center; position:relative; z-index:1;}
        .pjs-subpage-header header {margin:4% auto 0;}
          .pjs-subpage-header header h1 {color:var(--txt-color-1); text-shadow:0 0 10px rgba(0,0,0,0.2);}
      
/*site panels*/
  
  /**********************************************
    Homepage Panel 1
  **********************************************/
  .panel-1 {z-index:1;}
  .panel-1::before {content:''; width:100%; height:calc(100% - 400px); background:var(--bg-color-0); opacity:0.6; position:absolute; left:0; right:0; top:0; z-index:0;}
  .panel-1::after {content:''; width:100%; height:400px; background:var(--bg-color-1); opacity:0.1; position:absolute; left:0; right:0; bottom:0; z-index:0;}
    .panel-1 .pjs-inner {padding:100px 7% 0; z-index:1; background:url(assets/images/bg-s1-v2.png) center top no-repeat; background-size:contain;}
      .panel-1 header {margin-left:3%; margin-right:3%; text-align:center;}
        .panel-1 header h2 {max-width:635px; margin:0 auto; opacity:0;}
      .panel-1 .cols {width:100%; max-width:1380px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
        .panel-1 .col {width:30%; margin:0 0 80px;}
          .panel-1 .col-content .col-img {width:100%; padding-top:83.5%; position:relative; overflow:hidden; margin-left:-50px;}
            .panel-1 .col-content .col-img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:contain;}
          .panel-1 .col-content .col-title {font-family:var(--font-vintage); font-size:4rem; line-height:1.2; padding:8px 0 15px;}
          .panel-1 .col-content .col-desc {padding-top:35px; border-top:1px solid var(--main-color);}
      .panel-1 .pjs-btns.main {padding-top:0;}
      .panel-1 .rotator {width:100%; max-width:1630px; padding:230px 0 0 75px; position:relative; overflow:hidden;}
        .panel-1 .rotator .swiper-slide {width:100%; display:flex; justify-content:space-between; background-repeat:no-repeat; background-position:right bottom; padding-bottom:40px;}
          .panel-1 .rotator .swiper-slide .slide-content {width:55%; margin:0;}
            .panel-1 .rotator .swiper-slide .slide-content .slide-title {width:80%; max-width:540px; font-family:var(--font-vintage); font-size:6rem; line-height:1; margin:0;}
            .panel-1 .rotator .swiper-slide .slide-content .slide-desc {margin-top:25px; padding-top:50px; border-top:1px solid var(--main-color);}
            .panel-1 .rotator .swiper-slide .slide-content .pjs-btns {padding-top:70px;}
          .panel-1 .rotator .swiper-slide .slide-img {width:38%; display:flex; justify-content:center;}
            .panel-1 .rotator .swiper-slide .slide-img img {display:block; object-fit:contain;}
        .panel-1 .rotator .swiper-button-next, .panel-1 .rotator .swiper-button-prev {top:260px; margin-top:0;}
        .panel-1 .rotator .swiper-button-next:after, .panel-1 .rotator .swiper-button-prev:after {color:var(--main-color); transition:color 0.25s;}
        .panel-1 .rotator .swiper-button-next:hover:after, .panel-1 .rotator .swiper-button-prev:hover:after {color:var(--txt-color-2);}
        .panel-1 .rotator .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {width:12px; background:var(--misc-color-3); margin-top:230px;}
        .panel-1 .rotator .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--main-color);}
  @media (max-width:1600px) {
    .panel-1 .rotator .swiper-slide {background-size:contain;}
  }
  @media (max-width:1300px) {
    .panel-1 .col-content .col-title {font-size:3.2rem;}
    .panel-1 .rotator .swiper-slide .slide-content {width:60%;}
      .panel-1 .rotator .swiper-slide .slide-content .slide-title {font-size:4.5rem;}
    .panel-1 .rotator .swiper-slide .slide-img {width:35%;}
  }
  @media (max-width:980px) {
    .panel-1 .pjs-inner {padding-top:140px;}
      .panel-1 .col-content .col-title {font-size:3rem;}
      .panel-1 .rotator .swiper-slide {padding-bottom:150px;}
        .panel-1 .rotator .swiper-slide .slide-content .slide-title {font-size:4rem;}
  }
  @media (max-width:784px) {
    .panel-1 .rotator .swiper-slide .slide-content {position:relative; z-index:2;}
    .panel-1 .rotator .swiper-button-next, .panel-1 .rotator .swiper-button-prev {top:200px;}
  }
  @media (max-width:767px) {
    .panel-1 .col {width:100%;}
      .panel-1 .col-content .col-img {padding-top:0;}
        .panel-1 .col-content .col-img img {position:relative; left:auto; top:auto; transform:none;}
      .panel-1 .col-content .col-title {font-size:2.8rem;}
    .panel-1 .rotator {padding-left:40px;}
      .panel-1 .rotator .swiper-slide .slide-content {width:65%;}
        .panel-1 .rotator .swiper-slide .slide-content .slide-title {width:100%; font-size:3.6rem; word-wrap:break-word; hyphens:auto;}
      .panel-1 .rotator .swiper-slide .slide-img {width:30%;}
  }
    
  /**********************************************
    Homepage Panel 2
  **********************************************/
  .panel-2 .pjs-inner {padding:160px 7% 180px;}
    .panel-2 header {max-width:1280px; text-align:center; margin:0 auto;}
      .panel-2 header h2 {margin:0 auto; opacity:0;}
    .panel-2 .cols {width:100%; max-width:1380px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
      .panel-2 .col {width:27%; margin:0 0 80px;}
        .panel-2 .col .top {width:100%; color:var(--txt-color-2); display:flex; justify-content:space-between; align-items:flex-end; margin:0; position:relative;}
        .panel-2 .col .top::after {content:''; width:100%; height:1px; background:var(--main-color); position:absolute; left:0; bottom:0; z-index:0;}
          .panel-2 .col .top .step {font-family:var(--font-mutually); font-size:17.5rem; line-height:1; position:relative; z-index:1; margin:0;}
          .panel-2 .col .top .step::after {content:''; width:1px; height:100px; background:var(--misc-color-5); position:absolute; right:-24px; bottom:0;}
          .panel-2 .col .top .num {font-family:var(--font-vintage); font-size:6rem; line-height:1; margin:0; padding:0 10px 5px 0;}
        .panel-2 .col .desc {padding-top:45px;}
    .panel-2 .pjs-btns.main {padding-top:0;}
  @media (max-width:1600px) {
    .panel-2 .col .top .step {font-size:15rem;}
  }
  @media (max-width:1400px) {
    .panel-2 .col .top .step {font-size:13rem;}
    .panel-2 .col .top .step::after {right:-18px;}
    .panel-2 .col .top .num {font-size:5.5rem;}
  }
  @media (max-width:1280px) {
    .panel-2 .col .top .step {font-size:12rem;}
    .panel-2 .col .top .step::after {height:80px; right:-16px;}
    .panel-2 .col .top .num {font-size:5rem;}
  }
  @media (max-width:1150px) {
    .panel-2 .col .top .step::after {right:-12px;}
    .panel-2 .col .top .num {font-size:4rem;}
  }
  @media (max-width:1060px) {
    .panel-2 .col .top .step {font-size:10rem;}
    .panel-2 .col .top .step::after {right:-10px;}
    .panel-2 .col .top .num {font-size:3.8rem;}
  }
  @media (max-width:950px) {
    .panel-2 .col {width:100%;}
      .panel-2 .col .top {justify-content:flex-start;}
        .panel-2 .col .top .step {font-size:15rem;}
        .panel-2 .col .top .step::after {height:100px; right:-24px;}
        .panel-2 .col .top .num {font-size:6rem; padding-left:50px;}
  }
  @media (max-width:413px) {
    .panel-2 .col .top .step {font-size:13rem;}
    .panel-2 .col .top .step::after {right:-18px;}
    .panel-2 .col .top .num {font-size:5.5rem;}
  }
  @media (max-width:374px) {
    .panel-2 .col .top .step {font-size:12rem;}
    .panel-2 .col .top .step::after {height:80px; right:-16px;}
    .panel-2 .col .top .num {font-size:5rem; padding-left:35px;}
  }
    
  /**********************************************
    Homepage Panel 2-3 background
  **********************************************/
  .panel-2-3-bg {width:100%; height:960px; background:url(assets/images/bg-grid.png) left top repeat-x; position:absolute; left:0; right:0; z-index:-1;}
    
  /**********************************************
    Homepage Panel 3
  **********************************************/
  .panel-3 .pjs-inner {padding:0 7%; text-align:center; z-index:1;}
    .panel-3 .box {width:100%; background:var(--bg-color-2); border-top-left-radius:4rem; border-top-right-radius:4rem;}
      .panel-3 .box-inner {padding:130px 5%;}
        .panel-3 .box-content {width:100%; max-width:1160px;}
          .panel-3 .box-content header h2 {opacity:0;}
          .panel-3 .box-content header hr {width:100%; background:var(--bg-color-1);}
          .panel-3 .box-content .form {width:100%; max-width:1110px; font-size:3rem; line-height:1.5; text-align:left;}
            .panel-3 .box-content .form .cb {margin:0 0 20px;}
              .panel-3 .box-content .form .cb label {width:100%; display:flex; justify-content:flex-start; align-items:flex-start; transition:all 0.25s;}
              .panel-3 .box-content .form .cb label:hover {color:var(--txt-color-1);}
                .panel-3 .box-content .form .cb input {width:25px; height:25px; margin:10px 20px 0 5px;}
                .panel-3 .box-content .form .cb .lbl {margin:0;}
  @media (max-width:1024px) {
    .panel-3 .box-content .form {font-size:2.2rem;}
  }
  @media (max-width:767px) {
    .panel-3 .box-content .form {font-size:2rem;}
  }
    
  .elem-notepad {width:28%; max-width:521px; position:absolute; right:0; z-index:2;}
    .elem-notepad img {display:block;}
  @media (max-width:1023px) {
    .elem-notepad {width:36%;}
  }
  @media (max-width:767px) {
    .elem-notepad {width:45%;}
  }
  
  /**********************************************
    Quote Panel
  **********************************************/
  .panel-quote::before {content:''; width:100%; height:100%; background:url(assets/images/bg-texture.jpg) center no-repeat; background-size:cover; opacity:0.5; position:absolute; z-index:0;}  
    .panel-quote .cloud {position:absolute; background-repeat:no-repeat; background-size:contain; opacity:0;}
    .panel-quote .cloud1 {width:37%; height:45%; left:-95px; top:18%;}
    .panel-quote .cloud2 {width:26%; height:31%; left:-10px; top:90%;}
    .panel-quote .cloud3 {width:64%; height:75%; right:0; top:88%;}
    .panel-quote .pjs-inner {padding:160px 7% 120px; z-index:1;}
      .panel-quote .pjs-content {width:100%; max-width:1270px; text-align:center;}
        .panel-quote .pjs-content .quote-icon {margin:0 auto 35px;}
          .panel-quote .pjs-content .quote-icon img {display:block; margin:0 auto;}
        .panel-quote .pjs-content .quote {font-family:var(--font-vintage); font-size:6.5rem; line-height:9rem; opacity:0;}
        .panel-quote .pjs-content .quote-attr {font-family:var(--font-proxima); font-size:3.5rem; line-height:1.4; padding-top:50px;}
  @media (max-width:1300px) {
    .panel-quote .pjs-content .quote {font-size:5.5rem; line-height:8rem;}
  }
  @media (max-width:980px) {
    .panel-quote .pjs-content .quote {font-size:5rem; line-height:7rem;}
  }
  @media (max-width:782px) {
    .panel-quote .pjs-content .quote {font-size:4rem; line-height:6rem;}
  }
  @media (max-width:500px) {
    .panel-quote .pjs-content .quote {font-size:2.8rem; line-height:4rem;}
  }
    
  /**********************************************
    Partners Panel
  **********************************************/
  .panel-logos .pjs-inner {padding:100px 7% 30px; text-align:center; z-index:1;}
    .panel-logos .pjs-content {width:100%; max-width:1400px;}
      .panel-logos header h2 {opacity:0;}
      .panel-logos .pjs-content .logos {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
        .panel-logos .pjs-content .logo {width:22%; margin:0 1.5% 70px;}
          .panel-logos .pjs-content .logo img {display:block; margin:0 auto;}
  @media (max-width:980px) {
    .panel-logos .pjs-content .logo {width:28%;}
  }
  @media (max-width:767px) {
    .panel-logos .pjs-content .logo {width:40%;}
  }
  @media (max-width:500px) {
    .panel-logos .pjs-content .logo {width:46%;}
  }
  @media (max-width:374px) {
    .panel-logos .pjs-content .logo {width:90%;}
  }
  
  /**********************************************
    Bottom CTA
  **********************************************/
  .btm-cta::before {content:''; width:100%; height:35%; background:var(--bg-color-1); opacity:0.1; position:absolute; top:0; z-index:0;}
  .btm-cta::after {content:''; width:100%; height:65%; background:var(--bg-color-0); opacity:0.6; position:absolute; bottom:0; z-index:0;}
    .btm-cta .pjs-inner {padding:0 7%; text-align:center; z-index:1;}
      .btm-cta .box {width:100%; background:var(--bg-color-3); border-radius:4rem;}
        .btm-cta .box-inner {padding:60px 5%;}
          .btm-cta .box-content {width:100%; max-width:1000px;}
            .btm-cta .box-content .logo-bug {margin:0 auto;}
            .btm-cta .box-content header {margin:20px auto 40px;}
              .btm-cta .box-content header h2 {color:var(--txt-color-1); opacity:0;}
            .btm-cta .box-content .box-desc {font-size:2.5rem; line-height:6rem; color:var(--txt-color-1);}
  @media (max-width:767px) {
    .btm-cta .box-content .box-desc {font-size:2.2rem; line-height:4.5rem;}
  }
  
  /**********************************************
    Bottom banner
  **********************************************/
  .btm-banner::before {content:''; width:100%; height:100%; background:var(--bg-color-0); opacity:0.6; position:absolute; z-index:0;}
    .btm-banner .pjs-inner {padding:0; text-align:center;}
      .btm-banner img {display:block; margin:0 auto;}
      .btm-banner .pad {height:50px;}
  
  /**********************************************
    Standard full width panel
  **********************************************/
  .standard-full .pjs-inner {padding:80px 7%;}
  .standard-full.no-top-pad .pjs-inner {padding-top:0;}
    .standard-full .pjs-inner > header {max-width:1650px; margin-left:auto; margin-right:auto;}
    .standard-full .pjs-inner > .pjs-content, .standard-full .pjs-inner > .main-content {max-width:1650px;}
    .standard-full.blog-post .pjs-inner > .pjs-content {max-width:1400px;}
  .standard-full .pjs-grid-filters.blog .pjs-inner {padding:60px 0 40px;}
    .standard-full .pjs-grid {padding:70px 0 60px;}
      .standard-full .pjs-grid .pjs-items {min-height:0;}
        .standard-full .pjs-grid .pjs-item {margin-bottom:40px;}
    .standard-full.cpt-detail header.page-header {margin-bottom:55px;}
    .standard-full article {margin-bottom:25px;}
    .standard-full article:after {content:''; display:block; clear:both;}
      .standard-full article header {margin-bottom:0;}
      .standard-full article header h3 {padding-top:20px;}
        .standard-full article h1.entry-title {padding-bottom:0;}
          .standard-full .page-header h2 {font-size:7rem;}
          .standard-full.sitemap ul {padding-left:15px;}
      .standard-full .pjs-content .txt h3, .standard-full .pjs-content .txt h4, .standard-full .pjs-content .txt h5, .standard-full .pjs-content .txt h6, .standard-full .pjs-content .post h3, .standard-full .pjs-content .post h4, .standard-full .pjs-content .post h5, .standard-full .pjs-content .post h6 {margin-bottom:20px;}
      .standard-full article .entry-summary {font-size:1.5rem; line-height:2.3rem;}
      .standard-full article .searchLink {display:block; font-size:1.4rem;}
      .standard-full article.search-landing-result {display:flex;}
      .standard-full .post-result.left {width:35%; margin:0;}
      .standard-full .post-result.right {width:61%; text-align:left; margin:0 0 0 4%;}
      .searchform label.screen-reader-text {display:none;}
      .sssriContent h2, .standard-full article.search-landing-result h2 {font-size:4rem;}
      .pjs-blog-items {max-width:1650px; display:flex; align-items:stretch; flex-wrap:wrap; padding-top:50px;}
        .pjs-blog-items > article {width:31.3333%; margin:0 1% 60px;}
          .pjs-blog-items > article .entry-header {padding:10px 0 12px;}
            .pjs-blog-items > article .entry-header h2 {font-size:3rem;}
          .pjs-blog-items > article .thmb {display:block; overflow:hidden; margin-bottom:15px;}
            .pjs-blog-items > article .thmb img {display:block; transition:all 0.25s ease;}
            .pjs-blog-items > article .thmb:hover img {transform:scale(1.2);}
        .pjs-blog-items .pjs-blog-item a {color:var(--txt-color-0);}
          .pjs-blog-items .pjs-blog-item .img {width:100%; height:0; display:block; padding-top:56.25%; position:relative; overflow:hidden; box-shadow:0 0 2px 2px rgb(0 0 0 / 5%), 1px 1px 4px 4px rgb(0 0 0 / 5%), 2px 2px 8px 5px rgb(0 0 0 / 5%), 4px 4px 16px 5px rgb(0 0 0 / 5%);}
            .pjs-blog-items .pjs-blog-item .img img {width:auto; min-width:101%; max-width:102%; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease;}
            .pjs-blog-items .pjs-blog-item a:hover .img img {transform:translate(-50%,-50%) scale(1.1);}
          .pjs-blog-items .pjs-blog-item h2 {font-size:3rem; padding:15px 0 10px; margin-bottom:0;}
          .pjs-blog-items .pjs-blog-item .entry-date {padding-bottom:15px;}
          .featured-img {padding:35px 0 0;}
      .blog-post header h2 {font-size:7rem;}
      .blog-post .featured-img {padding:35px 0 0;}
      .blog-post .content {padding:35px 0 0;}
      .blog-post .blog-next-prev {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid var(--divider-color-0); border-top:1px solid var(--divider-color-0); margin:65px 0 20px;}
        .blog-post .blog-next-prev a {width:45%; display:block; margin:0; line-height:1.2;}
        .blog-post .blog-next-prev a:nth-child(2) {text-align:right;}
      
  .standard-full.cpt-detail .pjs-inner {padding-top:120px;}
  body.logged-in .standard-full.cpt-detail .pjs-inner {padding-top:100px;}
    .standard-full.cpt-detail article header {margin-bottom:20px;}
    .standard-full.cpt-detail .vidframe {margin-top:45px;}
    .standard-full.cpt-detail .btns {padding-top:45px;}
      .standard-full.cpt-detail .btns a {margin-left:auto;}
  @media (max-width:1600px) {
    .standard-full .pjs-content header h2 {font-size:6rem;}
    .sssriContent h2, .standard-full article.search-landing-result h2 {font-size:4rem;}
  }
  @media (max-width:1200px) {
    .standard-full .pjs-content header h2, .blog-post header h2 {font-size:5rem;}
    .sssriContent h2, .standard-full article.search-landing-result h2 {font-size:3.8rem;}
    .pjs-blog-items .pjs-blog-item h2 {font-size:2.6rem;}
  }
  @media (max-width:980px) {
    .pjs-blog-items {justify-content:space-between;}
      .pjs-blog-items > article {width:48%;}
    .standard-full .pjs-grid {padding-bottom:0;}
      .standard-full .pjs-grid .pjs-btns {padding-top:20px;}
  }
  @media (max-width:767px) {
    .standard-full .pjs-inner {padding:60px 7%;}
    .standard-full .page-header h2, .standard-full .pjs-content header h2, .blog-post header h2 {font-size:4rem;}
    .sssriContent h2, .standard-full article.search-landing-result h2 {font-size:3.6rem;}
    .pjs-blog-items > article .entry-header h2, .pjs-blog-items .pjs-blog-item h2 {font-size:2.6rem;}
    .sssriContent h2 {font-size:3rem;}
    .standard-full .post-result.left {width:20%;}
    .standard-full .post-result.right {width:78%;}
  }
  @media (max-width:560px) {
    .pjs-blog-items > article {width:100%;}
    .standard-full .page-header h2, .standard-full .pjs-content header h2, .blog-post header h2 {font-size:3rem;}
  }
  
  /**********************************************
    Footer styles
  **********************************************/
  .pjs-footer {width:100%; background:var(--bg-color-3); margin:auto auto 0; display:block; clear:both; position:relative;}
    .pjs-footer .footer-main {display:flex; align-items:stretch; flex-wrap:wrap; color:var(--txt-color-1);}
      .pjs-footer .footer-main .main-col {width:100%; padding:95px 5% 80px;}
        .pjs-footer .footer-main .main-col .main-col-inner {width:100%; max-width:1650px; display:flex; justify-content:space-between; flex-wrap:wrap; margin:0;}
          .pjs-footer .footer-main .main-col .footer-logo {width:18%; max-width:309px; margin:0;}
          .pjs-footer .footer-main .main-col .pjs-cols {width:78%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:0;}
            .pjs-footer .footer-main .main-col .col {width:35%; margin:0; color:var(--txt-color-1);}
            .pjs-footer .footer-main .main-col .col-3 {width:22%;}
              .pjs-footer .footer-main .main-col .col .label {color:var(--txt-color-1); font-family:var(--font-vintage); font-size:2.8rem; line-height:1; padding-bottom:10px;}
              .pjs-footer .footer-main .main-col .col ul {list-style:none; margin:0;}
              .pjs-footer .footer-main .main-col .col:not(.col-3) ul {width:100%; padding-top:15px; border-top:1px solid var(--main-color); columns:2; column-gap:5%;}
                .pjs-footer .footer-main .main-col .col ul li {font-size:2rem; line-height:1.2; margin-bottom:20px;}
                  .pjs-footer .footer-main .main-col .col ul li a, .pjs-footer .footer-main .main-col .col a {color:var(--txt-color-5);}
                  .pjs-footer .footer-main .main-col .col ul li a:hover, .pjs-footer .footer-main .main-col .col a:hover {text-decoration:underline;}
          .pjs-footer .footer-main .main-col .social-icons {padding:38px 0 15px;}
            .pjs-footer .footer-main .main-col .social-icons ul {list-style:none; margin:0; display:flex; justify-content:center;}
              .pjs-footer .footer-main .main-col .social-icons ul li {margin:0 28px 0 0;}
              .pjs-footer .footer-main .main-col .social-icons ul li:last-child {margin-right:0;}
                .pjs-footer .footer-main .main-col .social-icons ul li a {width:70px; height:70px; border-radius:50%; background:var(--main-color); display:flex; justify-content:center; align-items:center; color:var(--txt-color-2); position:relative; overflow:hidden; box-shadow:0 2px 15px 10px rgba(0,0,0,0.2);}
                .pjs-footer .footer-main .main-col .social-icons ul li a:hover {background:var(--bg-color-0); color:var(--txt-color-2); text-decoration:none !important;}
                  .pjs-footer .footer-main .main-col .social-icons ul li a .icon {display:block; font-size:3rem; line-height:1;}
                    .pjs-footer .footer-main .main-col .social-icons ul li a .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
          .pjs-footer .footer-main .copyright {color:var(--txt-color-4); font-size:1.6rem; line-height:1.2; text-align:center; padding:22px 0 0;}
    
  @media (max-width:1520px) {
    .pjs-footer .footer-main .main-col .col {flex:initial;}
  }
  @media (max-width:1400px) {
    .pjs-footer .footer-main .main-col .pjs-cols {width:100%; margin-top:40px;}
  }
  @media (max-width:1200px) {
    .pjs-footer .footer-main .main-col .footer-logo {width:90%; margin:0 auto;}
    .pjs-footer .footer-main .main-col .pjs-cols {justify-content:center;}
      .pjs-footer .footer-main .main-col .col {width:40%; margin:0 2%;}
      .pjs-footer .footer-main .main-col .col-3 {width:100%;}
  }
  @media (max-width:980px) {
    .pjs-footer .footer-main .main-col .col:not(.col-3) {width:90%; max-width:450px; margin:0 auto 40px;}
  }
  @media (max-width:500px) {
    .pjs-footer .footer-main .main-col {padding-top:65px;}
      .pjs-footer .footer-main .main-col .col:not(.col-3) ul {columns:1;}
  }

.ql-modal-content {width:70%; color:var(--txt-color-0); font-size:1.8rem; line-height:2.8rem; display:none;}
  .ql-modal-content h1 {font-size:4rem; margin-bottom:15px;}
  .ql-modal-content h2 {font-size:3rem; margin-bottom:15px;}
  .ql-modal-content h3 {font-size:2.5rem; margin-bottom:15px;}
  .ql-modal-content h4 {font-size:2.2rem; margin-bottom:15px;}
  .ql-modal-content h5 {font-size:2rem; margin-bottom:15px;}

/*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 40px 20px 0;}
.alignright, img.alignright, img.img-right {display:inline; float:right; margin:5px 0 20px 40px;}
.aligncenter, img.aligncenter {clear:both; display:block; margin:5px auto 20px; 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:700;}
	.nav-next {float: right; text-align: right; width:45%; padding:10px 0 0; font-weight:700;}
.assistive-text {margin:0 !important; padding:20px 0 0;}