@charset "UTF-8"; /* Theme Name: Bader 2019 Author: PlainJoe Studios Author URI: https://plainjoestudios.com/ Description: Bader 2019 is a theme designed by PlainJoe Studios for Bader Philanthropies INC. Requires at least: WordPress 4.9.6 Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE */ /* -------------------- Fonts -------------------- */ @font-face { font-family: 'Helvetica'; src: url("/wp-content/themes/bader2019/fonts/HelveticaNeueLTStd-Roman.otf") format("otf"), url("/wp-content/themes/bader2019/fonts/HelveticaNeueLTStd-Roman.woff") format("woff"); } @font-face { font-family: 'Helvetica Bold'; src: url("/wp-content/themes/bader2019/fonts/HelveticaNeueLTStd-Bd.otf") format("otf"), url("/wp-content/themes/bader2019/fonts/HelveticaNeueLTStd-Bd.woff") format("woff"); } @font-face { font-family: 'BauerBodni Bold'; src: url("/wp-content/themes/bader2019/fonts/BauerBodniBTBold.ttf") format("otf"), url("/wp-content/themes/bader2019/fonts/BauerBodniBTBold.woff") format("woff"); } /* -------------------- Settings -------------------- */ html,body {width:100%; height:100%; margin:0; padding:0; color:#333; font:18px/28px 'Helvetica', arial, sans-serif; letter-spacing:.03em; background:#fff;} /* header,nav,section,div,article,footer {width:auto; height:auto; margin:0; padding:0; display:block;} */ input,textarea,select {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} select {background:url(images/select-bg.jpg) no-repeat center right; -webkit-appearance:none;} input {-webkit-appearance:none;} input[type="checkbox"] {-webkit-appearance:checkbox;} input[type="radio"] {-webkit-appearance:radio;} /* input::placeholder,textarea::placeholder {color:#aaa;} */ /* ul,ol {margin:0; padding:20px 30px;} */ img {max-width:100%; height:auto; display:block;} a {color:#E6B233; text-decoration:underline; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;} a:hover {color:#3597A3;} p {margin:20px 0; padding:0;} h1 {margin:20px 0; padding:0; font:60px/70px 'BauerBodni Bold'; text-transform:uppercase; letter-spacing:.05em;} h2 {margin:20px 0; padding:0; font:26px/38px 'Helvetica Bold';} h3 {margin:20px 0; padding:0; font:22px/38px 'Helvetica Bold';} h4 {margin:20px 0; padding:0; font:20px/28px 'Helvetica Bold';} /* h5 {margin:0; padding:0; font:16px/28px 'Montserrat';} */ ::-moz-selection {background:#E6B233; color:#fff; text-shadow:none;} ::selection {background:#E6B233; color:#fff; text-shadow:none;} #pjs-website {display:block; max-width:1920px; width:calc(100% - 60px); min-height:100vh; margin:0 auto; padding:30px;} @media(max-width:1460px) and (max-height:850px) { h1 {font-size:54px; line-height:62px;} } @media(max-width:1280px) { html,body {font-size:16px;} h1 {font-size:46px; line-height:52px;} h2 {font-size:24px; line-height:28px;} h3 {font-size:20px; line-height:28px;} h4 {font-size:18px;} } @media(max-width:1024px) { #pjs-website {width:calc(100% - 10px); padding:5px;} } @media(max-width:760px) { html,body {font-size:16px;} h1 {font-size:32px; line-height:40px;} h2 {font-size:22px; line-height:28px;} h3 {font-size:18px; line-height:28px;} h4 {font-size:16px;} #pjs-website {width:calc(100% - 10px); padding:5px;} } /* -------------------- PJS Header -------------------- */ html.no-scroll {overflow:hidden;} body.admin-bar #pjs-header {top:32px;} section.header-spacer {width:100%; height:170px;} #pjs-header {max-width:1980px; width:100%; position:fixed; top:0; left:50%; z-index:10; transform:translateX(-50%);} #pjs-header .wrapper {display:flex; align-items:flex-start; padding:80px 80px 0 80px;} #pjs-header .wrapper .logo {flex:0 0 auto; max-width:210px;} #pjs-header.smllogo .wrapper .logo {max-width:110px;} #pjs-header .wrapper .logo img {max-height:210px;} #pjs-header.smllogo .wrapper .logo img {max-height:110px;} #pjs-header .wrapper .logo svg {max-width:100%;} #pjs-header .wrapper .logo .mobile {display:none;} #pjs-header .wrapper .menu {display:flex; flex-flow:row wrap; justify-content:flex-end; flex:1 1 auto; font-family:'Helvetica Bold';} #pjs-header .wrapper .menu .item {margin:0 15px; position:relative;} #pjs-header .wrapper .menu .item:last-child {margin-right:0;} #pjs-header .wrapper .menu .item .sub-nav {width:100%; min-width:250px; font:15px/1.1 'Helvetica',sans-serif; font-weight:400; text-align:left; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.5); text-transform:none; position:absolute; left:50%; top:100%; z-index:-1; transform:translateX(-50%); display:none;} #pjs-header .wrapper .menu .item .sub-nav a {display:block; color:#333; padding:14px 16px 12px; border-bottom:2px solid #ccc; letter-spacing:0.03em;} #pjs-header .wrapper .menu .item .sub-nav a:hover {color:#fff; background:#E6B333;} #pjs-header .wrapper .menu .item.hamburger {display:none;} #pjs-header .wrapper .menu .item.hamburger .bars {width:30px; height:30px; position:relative;} #pjs-header .wrapper .menu .item.hamburger .bars .bar {width:100%; height:5px; background:#fff; position:absolute; top:0; left:0;} #pjs-header .wrapper .menu .item.hamburger .bars .bar:nth-child(2) {top:12px;} #pjs-header .wrapper .menu .item.hamburger .bars .bar:nth-child(3) {top:24px;} #pjs-header .wrapper .menu .item a {display:block; padding:10px 0; color:#fff; text-decoration:none; border-bottom:2px solid transparent;} #pjs-header .wrapper .menu .item a:hover {border-bottom:2px solid #E6B233;} #pjs-header .wrapper .menu .item.selected a {border-bottom:2px solid #E6B233;} #pjs-header .wrapper .menu .item.highlight a {padding:10px 20px; color:#fff !important; background:#3597A3; border-bottom:0;} #pjs-header .wrapper .menu .item.highlight a:hover {background:#E6B233;} #pjs-header.white {width:100%; top:0; left:50%;} #pjs-header.white .wrapper {padding:60px 60px 30px 60px; background:#fff;} #pjs-header.white .wrapper .logo {max-width:210px;} #pjs-header.white .wrapper .logo img {max-height:110px;} #pjs-header.white .wrapper .menu .item a {color:#333;} #pjs-header.white .wrapper .menu .item.search svg path {fill:#3597A3;} #pjs-header.white .wrapper .menu .item.login svg path {fill:#3597A3;} #pjs-header.white .wrapper .menu .item.hamburger .bars .bar {background:#3597A3;} #pjs-header.menu {width:100%; top:0; left:50%;} #pjs-header.menu .wrapper {padding:60px 60px 30px 60px; background:#fff;} #pjs-header.menu .wrapper .logo {max-width:110px;} #pjs-header.menu .wrapper .logo img {max-height:110px;} #pjs-header.menu .wrapper .menu .item a {color:#333;} #pjs-header.menu .wrapper .menu .item.search svg path {fill:#3597A3;} #pjs-header.menu .wrapper .menu .item.login svg path {fill:#3597A3;} #pjs-header.menu .wrapper .menu .item.hamburger .bars .bar {background:#3597A3;} #pjs-header.scroll {background:#fff;} #pjs-header.scroll .wrapper {padding-top:30px; padding-bottom:30px; box-shadow:0 0 20px rgba(0,0,0,.25);} #pjs-header.scroll .wrapper .logo {max-width:200px;} #pjs-header.scroll .wrapper .logo img {max-height:90px;} #pjs-header .wrapper .logo .light {display: none;} #pjs-header .wrapper .logo .light-mh {display: none;} #pjs-header:not(.bannerless) .wrapper .logo .light-mh {display: block;} #pjs-header:not(.bannerless) .wrapper .logo .dark-mh {display: none;} #pjs-header.scroll:not(.bannerless) .wrapper .logo .light-mh {display: none;} #pjs-header.scroll:not(.bannerless) .wrapper .logo .dark-mh {display: block;} #pjs-header.scroll .wrapper .logo img.dark {display: none;} #pjs-header.scroll .wrapper .logo img.light {display: block;} #pjs-header.scroll .wrapper .menu .item a {color:#333;} #pjs-header.scroll .wrapper .menu .item.search svg path {fill:#3597A3;} #pjs-header.scroll .wrapper .menu .item.login svg path {fill:#3597A3;} #pjs-header.scroll .wrapper .menu .item.hamburger .bars .bar {background:#3597A3;} #pjs-header.programs {background:transparent;} #pjs-header.programs .wrapper {box-shadow:none;} #pjs-header.events {background:transparent;} #pjs-header.events .wrapper {box-shadow:none;} /* #pjs-header.social {background:transparent;} */ /* #pjs-header.social .wrapper {box-shadow:none;} */ /* #pjs-header.social .wrapper .menu .item a {color:#fff;} */ /* #pjs-header.social .wrapper .menu .item.highlight a {background:#E6B233;} */ /* #pjs-header.social .wrapper .menu .item.highlight a:hover {background:#333;} */ /* #pjs-header.social .wrapper .menu .item.search svg path {fill:#fff;} */ /* #pjs-header.social .wrapper .menu .item.login svg path {fill:#fff;} */ #pjs-header.dark .wrapper .menu .item a {color:#333;} #pjs-header.dark .wrapper .menu .item.search svg path {fill:#3597A3;} #pjs-header.dark .wrapper .menu .item.login svg path {fill:#3597A3;} /* #pjs-header.pjs-hp-footer {background:transparent;} #pjs-header.pjs-hp-footer .wrapper {box-shadow:none;} #pjs-header.pjs-hp-footer .wrapper .menu .item a {color:#fff;} #pjs-header.pjs-hp-footer .wrapper .menu .item.highlight a {background:#E6B233;} #pjs-header.pjs-hp-footer .wrapper .menu .item.highlight a:hover {background:#3597A3;} #pjs-header.pjs-hp-footer .wrapper .menu .item.search svg path {fill:#fff;} #pjs-header.pjs-hp-footer .wrapper .menu .item.login svg path {fill:#fff;} */ .pjs-navigation {display:none; width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9; overflow-y:scroll;} .pjs-navigation .wrapper {padding:210px 40px 20px 60px;} .pjs-navigation .wrapper .menu {display:block; padding-bottom:20px;} .pjs-navigation .wrapper .menu .item {font-size:20px; font-family:'Helvetica Bold';} .pjs-navigation .wrapper .menu .item a {display:block; padding:20px 0; color:#333; text-decoration:none;} .pjs-navigation .wrapper .menu .item a:hover {color:#;} .pjs-navigation .wrapper .menu .item .sub-nav {margin-top:-10px; padding:0 0 0 15px;} .pjs-navigation .wrapper .menu .item .sub-nav a {font:16px/1 'Helvetica',sans-serif; padding:0 0 15px;} .pjs-navigation .wrapper .menu .item .sub-nav a:last-child {padding-bottom:5px;} .pjs-navigation .wrapper .section {padding:10px 0;} .pjs-navigation .wrapper .section:last-child {padding-bottom:40px;} .pjs-navigation .wrapper .section .title {color:#E6B233; font-size:28px; font-family:'BauerBodni Bold'; text-transform:uppercase;} .pjs-navigation .wrapper .section a {color:#333; text-decoration:none;} .pjs-navigation .wrapper .section a:hover {color:#E6B233; text-decoration:none;} .pjs-navigation .wrapper .section .email input {width:360px; max-width:100%; margin-top:20px; border:1px solid #ccc; box-sizing:border-box;} .pjs-navigation .wrapper .section .button input {width:360px; max-width:100%; margin-top:10px; padding:10px 20px; color:#fff; font-family:'Helvetica Bold'; text-decoration:none; background:#388C96; border-radius:4px;} .pjs-navigation.scroll .wrapper {padding:120px 25px 20px 25px;} .pjs-search {display:none; width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:9;} .pjs-search .wrapper {max-width:1400px; margin:0 auto; padding:300px 60px 20px 60px; position:relative;} .pjs-search .wrapper .close {width:30px; height:30px; position:absolute; top:200px; right:60px; cursor:pointer;} .pjs-search .wrapper .close:hover .bar {background:#E6B233;} .pjs-search .wrapper .close .bar {width:100%; height:4px; background:#3597A3; position:absolute; top:14px; left:0;} .pjs-search .wrapper .close .bar:first-child {transform:rotate(-45deg);} .pjs-search .wrapper .close .bar:last-child {transform:rotate(45deg);} .pjs-search .wrapper form {display:flex; flex-flow:row wrap;} .pjs-search .wrapper form input {flex:1 1 auto; padding:10px 0; font-size:26px; font-family:'Helvetica Bold'; border-bottom:2px solid #3597A3; outline:none;} .pjs-search .wrapper form input[type="submit"] {flex:0 0 120px; margin-left:20px; padding:10px 20px; color:#fff; font-family:'Helvetica Bold'; text-decoration:none; background:#388C96; border-radius:4px; border:0;} .pjs-search .wrapper form input[type="submit"]:hover {background:#E6B233; cursor:pointer;} .pjs-search .wrapper p {text-align:right; text-transform:uppercase;} .grant-application {display:none; width:100%;} .grant-application h3 {margin:0;} .grant-application a {display:block; padding:10px 20px; color:#fff; text-align:center; text-decoration:none; background:#3597A3;} @media(max-width:1400px) { #pjs-header .wrapper .menu .item {margin:0 10px; font-size:16px;} } @media(max-width:1160px) { #pjs-header.scroll .wrapper .menu .break {flex-basis:auto; padding-top:0;} #pjs-header .wrapper .menu .break {flex-basis:100%; padding-top:10px;} #pjs-header .wrapper .menu .item a {padding:7px 0;} } @media(max-width:1024px) { #pjs-header {top:58px;} #pjs-header .wrapper {align-items:center; padding:60px 60px 0 60px;} #pjs-header .wrapper .logo {max-width:180px; width:100%; max-height:40px;} #pjs-header .wrapper .logo img {width:100%; height:100%;} #pjs-header .wrapper .logo svg {width:100%; height:100%; max-height:38px;} #pjs-header .wrapper .logo .desktop {display:none;} #pjs-header .wrapper .logo .mobile {display:block;} #pjs-header .wrapper .logo .mobile.black {display:none;} #pjs-header .wrapper .menu .item {display:none;} #pjs-header .wrapper .menu .item.search {display:block;} #pjs-header .wrapper .menu .item.login {display:block;} #pjs-header .wrapper .menu .item.hamburger {display:block;} #pjs-header .wrapper .menu .item a {padding:0;} #pjs-header .wrapper .menu .item a:hover {border-bottom:2px solid transparent;} #pjs-header.white .wrapper .logo {max-width:210px;} #pjs-header.white .wrapper .logo .mobile.white {display:none;} #pjs-header.white .wrapper .logo .mobile.black {display:block;} #pjs-header.bannerless {top:53px;} #pjs-header.menu .wrapper .logo {max-width:210px;} #pjs-header.menu .wrapper .logo .mobile.white {display:none;} #pjs-header.menu .wrapper .logo .mobile.black {display:block;} #pjs-header.open {background:#fff; top:0;} #pjs-header.open .wrapper {box-shadow:none;} #pjs-header.open .wrapper .logo {max-width:140px;} #pjs-header.open .wrapper .logo .mobile.white {display:none;} #pjs-header.open .wrapper .logo .mobile.black {display:block;} #pjs-header.open .wrapper .menu .item.search svg path {fill:#3597A3;} #pjs-header.open .wrapper .menu .item.login svg path {fill:#3597A3;} #pjs-header.open .wrapper .menu .item.hamburger .bars .bar {background:#3597A3;} #pjs-header.scroll {top:0;} #pjs-header.scroll .wrapper .logo {max-width:200px;} #pjs-header.scroll .wrapper .logo .mobile.white {display:none;} #pjs-header.scroll .wrapper .logo .mobile.black {display:block;} /*.pjs-navigation.open .wrapper {padding-top:120px;}*/ .pjs-search .wrapper {padding:200px 60px 20px 60px;} .pjs-search .wrapper .close {top:140px;} .grant-application {display:block;} section.header-spacer {height:150px;} body.admin-bar #pjs-header {top:90px;} body.admin-bar #pjs-header.scroll {top:32px;} } @media(max-width:760px) { #pjs-header .wrapper {padding:25px 25px 0 25px;} #pjs-header .wrapper .logo {max-width:120px;} #pjs-header.white .wrapper {padding:25px 25px 25px 25px;} #pjs-header.white .wrapper .logo {max-width:120px;} #pjs-header.menu .wrapper {padding:25px 25px 25px 25px;} #pjs-header.menu .wrapper .logo {max-width:120px;} #pjs-header.scroll .wrapper {padding-top:25px; padding-bottom:25px;} #pjs-header.scroll .wrapper .logo {max-width:120px;} .pjs-search .wrapper {padding:200px 25px 20px 25px;} .pjs-search .wrapper .close {top:120px; right:25px;} .pjs-search .wrapper form input {flex:1 1 100%;} .pjs-search .wrapper form input[type="submit"] {margin:20px 0 0 0;} section.header-spacer {height:110px;} .pjs-navigation .wrapper {padding:170px 25px 20px 25px;} } /* -------------------- PJS Footer -------------------- */ #pjs-footer {width:100%; margin-top:30px; background:#333 url(images/footer-bg.png) no-repeat bottom center;} #pjs-footer .wrapper {display:flex; flex-flow:row wrap; padding:100px 50px 0 50px; color:#fff; font:20px/34px 'Helvetica';} #pjs-footer .wrapper .logo {flex:0 0 auto;} #pjs-footer .wrapper .logo img {max-width:110px; max-height:110px; margin-top: 10px;} #pjs-footer .wrapper .info {flex:1 1 360px;} #pjs-footer .wrapper .links {flex:1 1 200px;} #pjs-footer .wrapper .links .list {display:block; margin-top:20px;} #pjs-footer .wrapper .links .list .item {display:block;} #pjs-footer .wrapper .connections {flex:1 1 auto;} #pjs-footer .wrapper .connections .social {display:flex; flex-flow:row wrap; align-items:center; margin-top:20px;} #pjs-footer .wrapper .connections .social .item {flex:0 0 auto; margin-right:20px;} #pjs-footer .wrapper .connections .social .item:last-child {margin-right:0;} #pjs-footer .wrapper .connections .social .item svg {max-height:36px;} #pjs-footer .wrapper .connections .social .item svg:hover path {fill:#E6B233; transition:all .3s ease;} #pjs-footer .wrapper .title {color:#E6B233; font:26px/38px 'BauerBodni Bold'; text-transform:uppercase;} #pjs-footer .wrapper .container {margin-left:50px;} #pjs-footer .wrapper .container a {color:#fff; text-decoration:none;} #pjs-footer .wrapper .container a:hover {color:#E6B233;} #pjs-footer .wrapper .container a span {margin-bottom:10px; font-size:36px;} #pjs-footer .wrapper .container a:hover span {color:#E6B233;} #pjs-footer .sub-footer {display:flex; flex-flow:row wrap; padding:30px 50px 20px 50px; color:#fff; font:14px/28px 'Helvetica';} #pjs-footer .sub-footer .design {flex:0 0 auto;} #pjs-footer .sub-footer .copyright {flex:1 1 auto; text-align:right;} #pjs-footer .sub-footer a {color:#fff; text-decoration:none;} #pjs-footer .sub-footer a:hover {color:#E6B233;} #pjs-hp-footer {display:flex; flex-flow:column wrap; width:100%; min-height:calc(100vh - 60px); margin-top:30px;} #pjs-hp-footer .wrapper-full {display: flex; flex-flow: column wrap; width: 100%; min-height: calc(100vh - 60px); background: #333 url(images/footer-bg.png) no-repeat bottom center;} #pjs-hp-footer .wrapper {display:flex; align-items:center; flex:1 1 100%; max-width:1400px; margin:0 auto; padding:160px 30px 0 30px; color:#fff; font:18px/34px 'Helvetica'; text-align:center;} #pjs-hp-footer .wrapper .inner {display:flex; flex-flow:row wrap;} #pjs-hp-footer .wrapper .inner .logo {flex: 0 0 110px;} #pjs-hp-footer .wrapper .inner .logo img {max-width:110px;} #pjs-hp-footer .wrapper .info {flex:1 1 30%;} #pjs-hp-footer .wrapper .links {flex:1 1 30%;} #pjs-hp-footer .wrapper .links .list {display:block; margin-top:20px;} #pjs-hp-footer .wrapper .links .list .item {display:block;} #pjs-hp-footer .wrapper .connections {flex:1 1 30%;} #pjs-hp-footer .wrapper .social {flex:1 1 100%; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin-top:20px; padding-bottom:20px;} #pjs-hp-footer .wrapper .social .item {flex:0 0 auto; margin-right:20px;} #pjs-hp-footer .wrapper .social .item:last-child {margin-right:0;} #pjs-hp-footer .wrapper .social .item a {color:#fff;} #pjs-hp-footer .wrapper .social .item a span {margin-bottom:10px; font-size:36px;} #pjs-hp-footer .wrapper .social .item a:hover span {color:#E6B233;} #pjs-hp-footer .wrapper .social .item svg {max-height:36px;} #pjs-hp-footer .wrapper .social .item svg:hover path {fill:#E6B233; transition:all .3s ease;} #pjs-hp-footer .wrapper .title {color:#E6B233; font:36px/38px 'BauerBodni Bold'; text-transform:uppercase;} #pjs-hp-footer .wrapper .container {margin:0 20px;} #pjs-hp-footer .wrapper .container a {color:#fff; text-decoration:none;} #pjs-hp-footer .wrapper .container a:hover {color:#E6B233;} #pjs-hp-footer .sub-footer.mobile {display:none;} #pjs-hp-footer .sub-footer {padding:30px 50px 20px 50px; color:#fff; font:14px/28px 'Helvetica'; text-align:center;} #pjs-hp-footer .sub-footer a {color:#fff; text-decoration:none;} #pjs-hp-footer .sub-footer a:hover {color:#E6B233;} @media(max-width:1024px) { #pjs-footer {margin-top:5px;} #pjs-footer .wrapper {padding:30px 30px 0 30px;} #pjs-footer .wrapper .container {margin-left:30px;} #pjs-footer .wrapper .connections {flex:1 1 100%; padding-top:10px;} #pjs-footer .wrapper .connections .container {margin-left:0; text-align:center;} #pjs-footer .wrapper .connections .container .social {justify-content:center;} #pjs-hp-footer {margin-top:5px;} #pjs-hp-footer .wrapper {padding:30px 30px 0 30px;} #pjs-hp-footer .wrapper .title {font-size:26px;} } @media(max-width:960px) { #pjs-hp-footer .wrapper .inner .logo {flex: 0 0 110px; margin: 20px auto;} #pjs-hp-footer .wrapper .inner .logo img {max-width:200px;} #pjs-footer .wrapper .logo {flex:1 1 100%; padding-bottom:30px;} #pjs-footer .wrapper .logo img {max-width:200px; margin:0 auto;} #pjs-footer .wrapper .info {flex:1 1 50%;} #pjs-footer .wrapper .info .container {margin-left:0;} #pjs-footer .wrapper .links {flex:1 1 50%;} #pjs-footer .sub-footer {padding:30px 30px 20px 30px;} #pjs-hp-footer .wrapper .container {margin:0; padding-bottom:20px;} #pjs-hp-footer .wrapper .info {flex:1 1 100%;} #pjs-hp-footer .wrapper .links {flex:1 1 100%;} #pjs-hp-footer .wrapper .connections {flex:1 1 100%; padding-top:10px;} #pjs-hp-footer .sub-footer {padding:30px 30px 20px 30px;} } @media(max-width:760px) { #pjs-footer {margin-top:5px;} #pjs-footer .wrapper {padding:20px 20px 0 20px; font-size:18px; text-align:center;} #pjs-footer .wrapper .logo {display:none;} #pjs-footer .wrapper .info {flex:1 1 100%; padding-top:20px;} #pjs-footer .wrapper .links {flex:1 1 100%; padding-top:20px;} #pjs-footer .wrapper .connections {flex:1 1 100%; padding-top:40px;} #pjs-footer .wrapper .container {margin-left:0;} #pjs-footer .sub-footer {padding:20px; text-align:center;} #pjs-footer .sub-footer .design {flex:1 1 100%; order:2;} #pjs-footer .sub-footer .copyright {flex:1 1 100%; text-align:center;} #pjs-hp-footer {margin-top:5px;} #pjs-hp-footer .wrapper {padding:20px 20px 0 20px; font-size:18px; text-align:center;} #pjs-hp-footer .wrapper .logo {max-width: 120px;} #pjs-hp-footer .wrapper .info {flex:1 1 100%; padding-top:20px;} #pjs-hp-footer .wrapper .links {flex:1 1 100%; padding-top:20px;} #pjs-hp-footer .wrapper .connections {flex:1 1 100%; padding-top:40px;} #pjs-hp-footer .wrapper .container {margin-left:0;} #pjs-hp-footer .sub-footer.mobile {display:block;} #pjs-hp-footer .sub-footer {display:none; padding:20px; text-align:center;} #pjs-hp-footer .sub-footer .design {flex:1 1 100%; order:2;} #pjs-hp-footer .sub-footer .copyright {flex:1 1 100%; text-align:center;} } /* -------------------- Ninja Forms -------------------- */ /* #nf-form-1-cont nf-fields-wrap {display:flex; flex-flow:row wrap; min-width:300px; width:100%; margin-top:20px;} */ /* #nf-form-1-cont nf-fields-wrap nf-field:first-child {flex:1 1 auto;} */ /* #nf-form-1-cont nf-fields-wrap nf-field:first-child .nf-field-element {width:calc(100% - 10px);} */ /* #nf-form-1-cont nf-fields-wrap nf-field:last-child {flex:0 0 auto;} */ #nf-form-1-cont .nf-error .nf-error-msg {display:none !important;} #nf-form-1-cont .nf-form-layout form > div {width:100%;} #nf-form-1-cont .nf-form-content {padding:0;} #nf-form-1-cont .nf-field-container {margin-bottom:0;} #nf-label-field-2_1 {display:none;} #nf-field-2_1 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-5_1 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-6_1 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-4_1 {width:auto; padding:10px 20px; color:#fff; font-size:18px; font-family:'Helvetica Bold'; background:#388C96; border-radius:4px; cursor:pointer;} #nf-field-4_1:hover {background:#E6B233;} /* #nf-form-1_1-cont nf-fields-wrap {display:flex; flex-flow:row wrap; min-width:300px; width:100%; margin-top:20px;} */ /* #nf-form-1_1-cont nf-fields-wrap {display:flex; flex-flow:row wrap; min-width:300px; width:100%; margin-top:20px;} */ /* #nf-form-1_1-cont nf-fields-wrap nf-field:first-child {flex:1 1 auto;} */ /* #nf-form-1_1-cont nf-fields-wrap nf-field:first-child .nf-field-element {width:calc(100% - 10px);} */ /* #nf-form-1_1-cont nf-fields-wrap nf-field:last-child {flex:0 0 auto;} */ #nf-form-1_1-cont {margin-top:20px;} #nf-form-1_1-cont .nf-error .nf-error-msg {display:none !important;} #nf-form-1_1-cont .nf-form-layout form > div {width:100%;} #nf-form-1_1-cont .nf-form-content {padding:0;} #nf-form-1_1-cont .nf-field-container {margin-bottom:0;} #nf-label-field-2 {display:none;} #nf-field-2 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-5 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-6 {padding:10px; color:#333; font:18px/28px 'Helvetica'; letter-spacing:.03em; border:0; border-radius:0;} #nf-field-4 {width:100%; padding:10px 20px; color:#fff; font-size:18px; font-family:'Helvetica Bold'; background:#388C96; border-radius:4px; cursor:pointer;} #nf-field-4:hover {background:#E6B233;} .nf-error-msg.nf-error-invalid-email {font-size:16px;} .nf-error-msg.nf-error-field-errors {font-size:16px;} .nf-form-fields-required {display:none;} @media(max-width:760px) { /* #nf-form-1-cont nf-fields-wrap nf-field:first-child {flex:1 1 100%;} */ /* #nf-form-1-cont nf-fields-wrap nf-field:first-child .nf-field-element {width:100%;} */ /* #nf-form-1-cont nf-fields-wrap nf-field:last-child {flex:1 1 100%;} */ } /* -------------------- Gravity Forms -------------------- */ .gform_heading {display:none;} #gform_wrapper_1 #input_1_1 {margin:0; padding:10px;} #gform_wrapper_1 #input_1_2 {margin:0; padding:10px;} #gform_wrapper_1 #input_1_3 {margin:0; padding:10px;} #gform_wrapper_1 #input_1_4 {margin:0; padding:10px;} #gform_wrapper_1 #input_1_4_2 {margin:0; padding:10px;} #gform_wrapper_1 #input_1_6 {margin:0; padding:10px 60px 10px 10px;} #gform_wrapper_1 #input_1_7 {margin:0; padding:10px 60px 10px 10px;} .gform_wrapper input[type="submit"] {padding:10px 20px; color:#fff; font-family:'Helvetica Bold'; background:#388C96; border:0 !important; border-radius:4px; cursor:pointer; transition:all .3s ease;} .gform_wrapper input[type="submit"]:hover {background:#E6B233;} .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {font-weight:300 !important;} /* -------------------- Home -------------------- */ /* Intro */ .pjs-home-intro {display:flex; align-items:flex-end; width:100%; min-height:calc(100vh - 60px); color:#fff; position:relative; overflow:hidden;} .pjs-home-intro .bg {width:100%; height:100%; top:0; left:0; position:absolute; z-index:1;} .pjs-home-intro .tint {width:100%; height:100%; opacity:.4; background:#000; top:0; left:0; position:absolute; z-index:1;} .pjs-home-intro .scroll {bottom:30px; left:50%; font-size:14px; position:absolute; z-index:4; transform:translateX(-50%); cursor:pointer;} .pjs-home-intro .scroll img {margin:0 auto;} .pjs-home-intro .wrapper-full {width:100%;} .pjs-home-intro .wrapper {display:block; width:calc(100% - 40px); max-width:1400px; height:100%; margin:0 auto; padding:30px 60px; position:relative; z-index:3;} .pjs-home-intro.dark .wrapper {color:#333;} .pjs-home-intro .wrapper .container {max-width:940px; margin:0; padding-top:200px; padding-bottom:60px;} .pjs-home-intro .wrapper .container h1 {text-transform:initial;} /* Programs */ .pjs-home-programs {width:100%; min-height:calc(100vh - 60px); margin-top:30px; position:relative; overflow:hidden;} .pjs-home-programs .wrapper {display:flex; width:calc(100% - 120px); max-width:1400px; margin:0 auto; padding:240px 60px 30px 60px; position:relative;} .pjs-home-programs .wrapper .buttons {width:106px; position:absolute; top:170px; right:30px; z-index:1;} .pjs-home-programs .wrapper .buttons .swiper-button-next {width:48px; height:48px; margin:0; top:0; right:0; left:auto; background:#388C96 url(images/icon-chevron-right.svg) no-repeat center; border-radius:48px;} .pjs-home-programs .wrapper .buttons .swiper-button-next:after {display:none;} .pjs-home-programs .wrapper .buttons .swiper-button-prev {width:48px; height:48px; margin:0; top:0; left:0; right:auto; background:#388C96 url(images/icon-chevron-left.svg) no-repeat center; border-radius:48px;} .pjs-home-programs .wrapper .buttons .swiper-button-prev:after {display:none;} .pjs-home-programs .wrapper .buttons .swiper-button-disabled {background-color:#ccc;} .pjs-home-programs .wrapper .content {flex:0 0 35%; background:#fff; position:relative; z-index:2;} .pjs-home-programs .wrapper .content:after {content:''; width:50vw; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:2; transform:translateX(-100%);} .pjs-home-programs .wrapper .content .container {padding-right:20px;} .pjs-home-programs .wrapper .content .container h1 {margin-top:0; color:#E6B233;} .pjs-home-programs .wrapper .cards {flex:0 0 65%; max-width:65%; padding-left:40px; overflow:initial;} .pjs-home-programs .wrapper .cards a {display:block; border:0 solid #fff; position:relative;} .pjs-home-programs .wrapper .cards a:hover {border:18px solid #fff; box-shadow:0 0 20px rgba(0,0,0,.25); z-index:3; transform:scale(1.1);} .pjs-home-programs .wrapper .cards a:hover .tint {opacity:.7;} .pjs-home-programs .wrapper .cards .bg {width:100%; padding-top:120%; position:relative; z-index:1;} .pjs-home-programs .wrapper .cards .tint {width:100%; height:100%; opacity:.4; background:#000; position:absolute; top:0; left:0; z-index:2;} .pjs-home-programs .wrapper .cards .text {width:100%; position:absolute; bottom:0; left:0; z-index:3;} .pjs-home-programs .wrapper .cards .text .inner {padding:30px; color:#fff;} .pjs-home-programs .wrapper .mobile {display:none; width:100%;} /* Events */ .pjs-home-events {width:100%; min-height:calc(100vh - 60px); margin-top:30px; position:relative; overflow:hidden;} .pjs-home-events .wrapper {width:calc(100% - 120px); max-width:1400px; margin:0 auto; padding:150px 60px 30px 60px; position:relative;} .pjs-home-events .wrapper .header {display:flex; flex-flow:row wrap; align-items:center; width:100%; margin:0 auto; padding:30px 0;} .pjs-home-events .wrapper .header .title {flex:1 1 auto; color:#E6B233;} .pjs-home-events .wrapper .header .link {flex:0 0 auto;} .pjs-home-events .wrapper .header .link a {color:#3597A3; font-family:'Helvetica Bold'; text-decoration:none;} .pjs-home-events .wrapper .header .link a:hover {color:#E6B233;} .pjs-home-events .wrapper .header .link a:hover svg path {fill:#E6B233;} .pjs-home-events .wrapper .header .link a svg path {transition: all .3s ease;} .pjs-home-events .wrapper .events {display:flex; flex-flow:row wrap; width:100%; margin:0 auto;} .pjs-home-events .wrapper .events .event {flex:0 0 28%;} .pjs-home-events .wrapper .events .event .container {margin:10px;} /* .pjs-home-events .wrapper .events .event .container:hover .tags {margin-top:-200px;} */ .pjs-home-events .wrapper .events .event .container .image {padding-top:100%;} .pjs-home-events .wrapper .events .event .container .tags {display:flex; flex-flow:row wrap; margin-top:-48px; color:#fff; font:16px/28px 'Helvetica Bold';} .pjs-home-events .wrapper .events .event .container .tags .tag {flex:0 0 auto; margin:10px 10px 0 0; padding:5px 10px; background:#E6B233;} .pjs-home-events .wrapper .events .event .container .tags .tag a {color:#fff; text-decoration:none;} .pjs-home-events .wrapper .events .event .container .mobile {display:none;} .pjs-home-events .wrapper .events .event .container .mobile a {color:#fff;} .pjs-home-events .wrapper .events .event .container .content {display:flex; flex-flow:column nowrap; height:210px; margin-right:30px; padding:20px 10px 20px 0; background:#fff;} /* .pjs-home-events .wrapper .events .event .container:hover .content {padding-bottom:80px;} */ .pjs-home-events .wrapper .events .event .container .content p {flex:0 0 auto; margin:0;} .pjs-home-events .wrapper .events .event .container .content h2 {flex:1 1 auto; margin:0;} .pjs-home-events .wrapper .events .event .container .content h2 a {color:#333; text-decoration:none;} .pjs-home-events .wrapper .events .event .container .content h2 a:hover {color:#3597A3;} .pjs-home-events .wrapper .events .event .container .content h3 {flex:1 1 auto; margin:0;} .pjs-home-events .wrapper .events .event .container .content h3 a {color:#333; text-decoration:none;} .pjs-home-events .wrapper .events .event .container .content h3 a:hover {color:#3597A3;} .pjs-home-events .wrapper .events .event .container .content h4 {flex:1 1 auto; margin:0;} .pjs-home-events .wrapper .events .event .container .content .btns {flex:0 0 auto;} .pjs-home-events .wrapper .events .event:first-child {flex:0 0 44%;} .pjs-home-events .wrapper .events .event:first-child .container .image {padding-top:62%;} .pjs-home-events .wrapper .mobile {display:none; padding-bottom:20px;} .pjs-home-events .wrapper .mobile a {color:#3597A3; font-family:'Helvetica Bold'; text-decoration:none;} .pjs-home-events .wrapper .mobile a:hover {color:#E6B233;} .pjs-home-events .wrapper .mobile a:hover svg path {fill:#E6B233;} .pjs-home-events .wrapper .mobile a svg path {transition: all .3s ease;} /* .home section .wrapper {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg);} */ /* .home section.active .wrapper {opacity: 1; transform: scale(1);} */ /* .home section .wrapper-full {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg); display: flex; align-items: flex-end; width: 100%; min-height: calc(100vh - 60px); color: #fff; position: relative; overflow: hidden;} */ /* .home section.active .wrapper-full {opacity: 1; transform: scale(1);} */ /* .home section .container {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg);} */ /* .home section.active .container {opacity: 1; transform: scale(1);} */ /* .home section .swiper-slide {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg);} */ /* .home section.active .swiper-slide {opacity: 1; transform: scale(1);} */ /* .home footer .wrapper {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg);} */ /* .home footer.active .wrapper {opacity: 1; transform: scale(1);} */ /* .home footer .wrapper-full {opacity: 0; transition: all 1s ease; transform: scale(.5) rotateX(20deg);} */ /* .home footer.active .wrapper-full {opacity: 1; transform: scale(1);} */ /* Social */ .pjs-home-social {width:100%; min-height:calc(100vh - 60px); margin-top:30px; color:#fff;} .pjs-home-social .wrapper {min-height:calc(100vh - 60px); margin:0 auto; position:relative; background:#58C2BA url(images/blue-bg-home.jpg) no-repeat center / cover; overflow:hidden;} .pjs-home-social .wrapper .inner {max-width:1400px; margin: 0 auto; padding:120px 60px 30px 60px;} .pjs-home-social .wrapper .title {padding:30px 0;} /* .pjs-home-social .wrapper .social-feed {max-height:400px; overflow:auto;} */ .pjs-home-social .wrapper .follow {padding:30px 0; text-align:center;} .pjs-home-social .wrapper .follow h4 {margin:0;} /* Page Nav */ .page-nav {position:fixed; top:50%; left:47px; z-index:8; transform:translateY(-50%);} .page-nav .arrow {cursor:pointer;} .page-nav .arrow svg {transition:all .3s ease;} .page-nav .arrow.up svg {transform:rotate(180deg);} .page-nav .arrow svg path {fill:#388C96; transition:all .3s ease;} .page-nav .arrow:hover svg path {fill:#E6B233;} .page-nav .dots {display:flex; flex-flow:column nowrap; padding:30px 0;} .page-nav .dots .dot {flex:1 1 auto; width:10px; height:10px; margin:5px auto; background:rgba(56,140,150,.5); border-radius:10px; position:relative; cursor:pointer;} .page-nav .dots .dot.active {background:#388C96;} .page-nav .dots .dot:after {padding:0 10px; color:#388C96; font:16px/28px 'Helvetica Bold'; opacity:0; visibility:hidden; white-space:nowrap; background:#fff; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,.25); position:absolute; left:20px; top:50%; transform:translateY(-50%); transition:all .3s ease;} .page-nav .dots .dot:hover {background:#E6B233;} .page-nav .dots .dot:hover:after {opacity:1; visibility:initial;} .page-nav.no-down .arrow.down {opacity:0; visibility:hidden;} .page-nav.no-up .arrow.up {opacity:0; visibility:hidden;} .page-nav.white .arrow svg path {fill:rgba(255,255,255,.5);} .page-nav.white .arrow:hover svg path {fill:#E6B233;} .page-nav.white .dots .dot {background:rgba(255,255,255,.5);} .page-nav.white .dots .dot.active {background:rgba(255,255,255,1);} .page-nav.white .dots .dot:hover {background:#E6B233;} @media(max-height:850px) { .pjs-home-intro .wrapper .container h1 {font-size:6vh;} } @media(max-height:800px) { .page-nav {display:none;} } @media(max-height:740px) { .pjs-home-intro .wrapper .container {padding-bottom:0;} } @media(max-width:1440px) { .pjs-home-programs .wrapper .cards {padding-left:20px;} } @media(max-width:1280px) { .pjs-home-programs {min-height:auto;} .pjs-home-programs .wrapper {padding-top:80px;} .pjs-home-programs .wrapper .cards {padding-left:20px;} .pjs-home-programs .wrapper .cards a:hover {border:0; box-shadow:none; transform:none;} .pjs-home-programs .wrapper .buttons {top:15px;} .pjs-home-programs .wrapper .content .container {padding-right:20px;} .pjs-home-events {min-height:auto;} .pjs-home-events .wrapper {padding-top:0;} .pjs-home-events .wrapper .header {padding:0;} .pjs-home-social {min-height:auto;} .pjs-home-social .wrapper {padding-top:0;} .pjs-home-social .wrapper .inner {padding:0px 60px 30px 60px;} .page-nav {display:none;} } @media(max-width:960px) { .pjs-home-intro .wrapper {padding:30px;} .pjs-home-intro .wrapper .container {padding-bottom:100px;} .pjs-home-programs .wrapper {flex-flow:row wrap; width:calc(100% - 60px); padding:30px 30px 30px 30px;} .pjs-home-programs .wrapper .buttons {display:none;} .pjs-home-programs .wrapper .content {flex:1 1 100%;} .pjs-home-programs .wrapper .content .container {padding-right:0;} .pjs-home-programs .wrapper .content .container .btns {display:none;} .pjs-home-programs .wrapper .cards {flex:1 1 100%; max-width:100%; padding:30px 0 0 0;} .pjs-home-programs .wrapper .cards .swiper-slide {width:70%;} .pjs-home-programs .wrapper .cards .text .inner {padding:20px;} .pjs-home-programs .wrapper .cards .text .inner p:last-child {margin-bottom:0;} .pjs-home-programs .wrapper .mobile {display:block;} .pjs-home-events .wrapper {width:calc(100% - 60px); padding:30px 30px 30px 30px;} .pjs-home-events .wrapper .events .event {flex:0 0 50%;} .pjs-home-events .wrapper .events .event:first-child {flex:1 1 100%;} .pjs-home-events .wrapper .events .event .container .content {height:auto;} .pjs-home-social .wrapper {width:calc(100% - 60px); padding:100px 30px 30px 30px;} } @media(max-width:760px) { .pjs-home-intro {min-height:calc(100vh - 80px);} .pjs-home-intro .wrapper {padding:20px;} .pjs-home-intro .wrapper .container {padding-top:50px;} .pjs-home-intro .wrapper .container h1 {font-size:4vh;} .pjs-home-programs .wrapper {width:calc(100% - 40px); padding:20px;} .pjs-home-programs .wrapper .content:after {display:none;} .pjs-home-programs .wrapper .cards .swiper-slide {width:80%;} .pjs-home-events {margin-top:5px;} .pjs-home-events .wrapper {width:calc(100% - 40px); padding:20px;} .pjs-home-events .wrapper .events .event {flex:1 1 100%;} .pjs-home-events .wrapper .events .event .container {margin:0 0 20px 0;} /* .pjs-home-events .wrapper .events .event .container:hover .tags {margin-top:-120px;} */ /* .pjs-home-events .wrapper .events .event .container .tags {margin-top:-120px;} */ .pjs-home-events .wrapper .events .event .container .mobile {display:flex;} .pjs-home-events .wrapper .events .event .container .content {height:auto;} .pjs-home-events .wrapper .events .event .container .content .btns {display:none;} .pjs-home-events .wrapper .events .event:first-child .container .image {padding-top:100%;} .pjs-home-events .wrapper .header .link {display:none;} .pjs-home-events .wrapper .mobile {display:block;} .pjs-home-social {margin-top:5px;} .pjs-home-social .wrapper {width:calc(100% - 40px); padding:20px;} .pjs-home-social .wrapper .inner {padding:0 0 30px 0;} } @media(max-width:360px) { .pjs-home-programs .wrapper .cards .bg {padding-top:130%;} } /* -------------------- PJS Panel - Banner -------------------- */ .pjs-panel-banner {width:100%; color:#fff; position:relative; overflow:hidden;} .pjs-panel-banner .video {width:100%; height:100%; opacity:0; visibility:hidden; position:absolute; top:0; left:0; z-index:1; overflow:hidden;} .pjs-panel-banner .video.loaded {opacity:1; visibility:visible;} .pjs-panel-banner .video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .pjs-panel-banner .bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;} .pjs-panel-banner .tint {width:100%; height:100%; opacity:.5; background:#000; position:absolute; top:0; left:0; z-index:2;} .pjs-panel-banner .wrapper {display:flex; align-items:center; max-width:1400px; min-height:340px; margin:0 auto; padding:100px 30px; position:relative; z-index:3;} .pjs-panel-banner.i2023 .wrapper {min-height:460px;} .pjs-panel-banner .wrapper .container {max-width:800px; width:100%; margin:0; padding-top:60px;} .pjs-panel-banner .wrapper .container h1 {margin:0;} .pjs-panel-banner .wrapper .container h2 {margin:0;} .pjs-panel-banner .wrapper .container h3 {margin:0;} .pjs-panel-banner .wrapper .container.legacy {max-width:786px; display:flex; justify-content:center; align-items:center;} .pjs-panel-banner .wrapper .container .q-img {width:30%; margin:0;} .pjs-panel-banner .wrapper .container .q-content {width:80%; margin:0;} .pjs-panel-banner .wrapper .container .q-txt {text-align:left; font:29px/31px 'BauerBodni Bold', serif; font-style:italic;} .pjs-panel-banner .wrapper .container .q-speaker {width:100%; text-align:right; color:#ffcb4d; font:19px/1 'Helvetica', serif; text-transform:uppercase; letter-spacing:1pt; padding-top:10px;} .pjs-panel-banner.full {display:flex; align-items:center; justify-content:center; height:100vh;} .pjs-panel-banner.center {text-align:center;} .pjs-panel-banner.center .wrapper {justify-content:center;} .pjs-panel-banner.center .btns {justify-content:center;} .pjs-panel-banner.right {text-align:right;} .pjs-panel-banner.right .wrapper {justify-content:flex-end;} .pjs-panel-banner.right .btns {justify-content:flex-end;} @media(max-width:1400px) { .pjs-panel-banner.i2023 .wrapper {min-height:280px;} } @media(max-width:1020px) { .pjs-panel-banner .wrapper {min-height:200px;} .pjs-panel-banner .wrapper .container .q-img {width:33%;} .pjs-panel-banner .wrapper .container .q-content {width:67%;} .pjs-panel-banner .wrapper .container .q-txt {font-size:25px; line-height:30px;} .pjs-panel-banner .wrapper .container .q-speaker {line-height:18px;} .pjs-panel-banner.i2023 .wrapper {min-height:250px;} } @media(max-width:760px) { .pjs-panel-banner .wrapper {min-height:160px; padding:80px 20px;} .pjs-panel-banner .wrapper .container {padding-top:20px;} .pjs-panel-banner .wrapper .container .q-img {display:none;} .pjs-panel-banner .wrapper .container .q-content {width:94%;} .pjs-panel-banner .wrapper .container .q-txt {font-size:22px; line-height:28px;} .pjs-panel-banner.i2023 .wrapper {min-height:100px;} } /* -------------------- Our Story -------------------- */ /* Blurb */ .pjs-panel-blurb {width:calc(100% - 60px); margin-top:-60px; padding:0 30px; color:#fff; position:relative; overflow:hidden;} .pjs-panel-blurb .wrapper {display:flex; align-items:center; max-width:1160px; margin:0 auto; padding:30px; background:#33D9C7; position:relative; z-index:3;} .pjs-panel-blurb .wrapper .container {max-width:900px; margin:0 auto; text-align:center;} .pjs-panel-blurb .wrapper .container p {font-size:26px; line-height:36px;} /* Intro */ .pjs-story-intro {width:100%; position:relative; overflow:hidden;} .pjs-story-intro .wrapper {max-width:1400px; margin:0 auto; padding:80px 30px; position:relative;} .pjs-story-intro .wrapper h1 {color:#E6B333;} .pjs-story-intro .wrapper .images {width:40%; float:right; margin:20px 0 80px 80px;} .pjs-story-intro .wrapper .images .swiper-slide {width:100%; padding-top:100%;} .pjs-story-intro .wrapper .images .swiper-pagination {width:auto; left:auto; right:30px; bottom:20px;} .pjs-story-intro .wrapper .images .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background:#fff;} .pjs-story-intro .wrapper .images .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;} /* Unique */ .pjs-story-unique {width:100%; margin-bottom:30px; background:#F9F9F9; position:relative; overflow:hidden;} .pjs-story-unique .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-story-unique .wrapper .title {max-width:1400px; margin:0 auto; padding:80px 0; color:#E6B333; text-align:center;} .pjs-story-unique .wrapper .postcard {display:flex; flex-flow:row wrap; align-items:center; padding-bottom:40px;} .pjs-story-unique .wrapper .postcard .image {flex:1 1 40%; padding-top:28.125%;} .pjs-story-unique .wrapper .postcard .content {flex:1 1 60%;} .pjs-story-unique .wrapper .postcard .content .container {padding-left:80px;} .pjs-story-unique .wrapper .postcard.flip {flex-flow:row-reverse wrap; align-items:center; padding-bottom:40px;} .pjs-story-unique .wrapper .postcard.flip .content .container {padding-left:0; padding-right:80px;} @media(max-width:1020px) { .pjs-panel-blurb .wrapper .container p {font-size:20px;} .pjs-story-intro .wrapper {padding:60px 30px;} .pjs-story-intro .wrapper .images {margin:0 0 30px 30px;} .pjs-story-unique .wrapper .title {padding:40px 0;} .pjs-story-unique .wrapper .postcard {padding-bottom:30px;} .pjs-story-unique .wrapper .postcard .content .container {padding-left:30px;} .pjs-story-unique .wrapper .postcard.flip .content .container {padding-right:30px;} } @media(max-width:960px) { .pjs-story-unique .wrapper .postcard .image {padding-top:37.5%;} } @media(max-width:760px) { .pjs-panel-blurb {width:calc(100% - 40px); padding:0 20px;} .pjs-panel-blurb .wrapper {padding:20px;} .pjs-panel-blurb .wrapper .container p {font-size:16px; line-height:28px;} .pjs-story-intro .wrapper {padding:25px 20px;} .pjs-story-intro .wrapper .images {width:100%; margin:0; float:none;} .pjs-story-unique {margin-bottom:5px;} .pjs-story-unique .wrapper {padding:0 20px;} .pjs-story-unique .wrapper .title {padding:20px 0; text-align:left;} .pjs-story-unique .wrapper .postcard .image {flex:1 1 100%; padding-top:56.25%;} .pjs-story-unique .wrapper .postcard .content {flex:1 1 100%;} .pjs-story-unique .wrapper .postcard .content .container {padding-left:0;} .pjs-story-unique .wrapper .postcard.flip .content .container {padding-right:0;} } /* -------------------- What We Support -------------------- */ .pjs-support-page {width:100%; border-top:1px solid #ccc; padding-bottom:35px; overflow:hidden;} .pjs-support-page .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-support-page .wrapper .intro {max-width:920px; margin:0 auto; padding:30px; text-align:center;} .pjs-support-page .wrapper .intro .title {color:#E6B233;} .pjs-support-page .wrapper .mobile {display:none;} .pjs-support-page .wrapper .mobile .program {display:block; margin-bottom:20px; position:relative;} .pjs-support-page .wrapper .mobile .program {display:block; margin-bottom:20px; position:relative;} .pjs-support-page .wrapper .mobile .program .bg {padding-top:100%; position:relative; z-index:1;} .pjs-support-page .wrapper .mobile .program .gradient {width:100%; height:80%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; z-index:2;} .pjs-support-page .wrapper .mobile .program .content {width:100%; text-align:center; position:absolute; bottom:30px; left:0; z-index:3;} .pjs-support-page .wrapper .mobile .program .content .title {padding:0 20px; color:#fff; font:24px/28px 'Helvetica Bold';} .pjs-support-page .wrapper .items {display:flex; flex-flow:row wrap;} .pjs-support-page .wrapper .items .items-wrapper {width:100%; display:flex; flex-flow:row wrap;} .pjs-support-page .wrapper .items .items-wrapper .item {flex:0 0 50%;} .pjs-support-page .wrapper .items .items-wrapper .item:hover {z-index: 5;} .pjs-support-page .wrapper .items .items-wrapper .item .container {height:calc(100% - 30px); margin:15px; position:relative; border: 0px solid #FFF;} .pjs-support-page .wrapper .items .items-wrapper .item .container:hover {box-shadow: 0 0 20px rgba(0,0,0,.25); transform: scale(1.1); border: 18px solid #FFF; border-style: solid; z-index: 5; margin-top: -10px;} .pjs-support-page .wrapper .items .items-wrapper .item .container .bg {padding-top:70%; position:relative; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper .item .container .gradient {width:100%; height:50%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; z-index:2;} .pjs-support-page .wrapper .items .items-wrapper .item .container .content {width:100%; /*margin-bottom:-68px;*/ text-align:center; position:absolute; bottom:50px; left:0; z-index:3;} .pjs-support-page .wrapper .items .items-wrapper .item .container:hover .content {margin-bottom:0;} .pjs-support-page .wrapper .items .items-wrapper .item .container .content .title {color:#fff; font:30px/38px 'Helvetica Bold';} .pjs-support-page .wrapper .items .items-wrapper .item .container .content .btns {opacity:0; visibility:hidden;} .pjs-support-page .wrapper .items .items-wrapper .item .container:hover .content .btns {opacity:1; visibility:initial;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(1) .item:nth-child(1) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(1) .item:nth-child(2) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(1) .item:nth-child(2) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(2) .item:nth-child(1) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(2) .item:nth-child(2) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(2) .item:nth-child(1) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(4) .item:nth-child(1) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(4) .item:nth-child(2) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(4) .item:nth-child(2) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(5) .item:nth-child(1) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(5) .item:nth-child(2) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(5) .item:nth-child(1) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(7) .item:nth-child(1) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(7) .item:nth-child(2) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(7) .item:nth-child(2) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(8) .item:nth-child(1) {flex:0 0 40%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(8) .item:nth-child(2) {flex:0 0 60%;} .pjs-support-page .wrapper .items .items-wrapper:nth-child(8) .item:nth-child(1) .container .bg {width:100%; height:100%; padding-top:0; position:absolute; top:0; left:0; z-index:1;} /* .pjs-support-page .wrapper .items .items-wrapper:last-child .item:nth-child(1) .container .bg {padding-top:110%; position:relative; z-index:1;} */ @media(max-width:1366px) { .pjs-support-page .wrapper .items .item .container .content {margin-bottom:0;} .pjs-support-page .wrapper .items .item .container .content .btns {opacity:1; visibility:initial;} } @media(max-width:1020px) { .pjs-support-page .wrapper .items .item .container {height:calc(100% - 20px); margin:10px;} .pjs-support-page .wrapper .items .item .container .gradient {height:80%;} .pjs-support-page .wrapper .items .item .container .content {bottom:30px;} .pjs-support-page .wrapper .items .item .container .content .title {font-size:26px;} } @media(max-width:760px) { .pjs-support-page .wrapper {padding:0 20px;} .pjs-support-page .wrapper .intro {padding:20px 0; text-align:left;} .pjs-support-page .wrapper .items {display:none;} .pjs-support-page .wrapper .items .item {flex:1 1 100%;} .pjs-support-page .wrapper .items .item .container {margin:0 0 20px 0;} .pjs-support-page .wrapper .items .item .container .bg {padding-top:75%;} .pjs-support-page .wrapper .items .item .container .content {width:calc(100% - 40px); padding:0 20px; bottom:20px;} .pjs-support-page .wrapper .items .item:nth-child(1) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(2) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(2) .container .bg {padding-top:75%; position:relative;} .pjs-support-page .wrapper .items .item:nth-child(3) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(3) .container .bg {padding-top:75%; position:relative;} .pjs-support-page .wrapper .items .item:nth-child(4) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(7) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(8) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(8) .container .bg {padding-top:75%; position:relative;} .pjs-support-page .wrapper .items .item:nth-child(9) {flex:1 1 100%;} .pjs-support-page .wrapper .items .item:nth-child(9) .container .bg {padding-top:75%; position:relative;} .pjs-support-page .wrapper .items .item:nth-child(10) {flex:1 1 100%;} .pjs-support-page .wrapper .mobile {display:block;} } /* -------------------- Funding -------------------- */ .pjs-funding-page {width:100%; border-top:1px solid #ccc; overflow:hidden;} .pjs-funding-page .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-funding-page .wrapper .content {max-width:960px; margin:0 auto; padding:30px 0;} .pjs-funding-page .wrapper .content h1 {color:#E6B233; text-align:center;} .pjs-funding-page .wrapper .content .stats {display:flex; flex-flow:row wrap; justify-content:center; width:100%; text-align:center;} .pjs-funding-page .wrapper .content .stats .stat {flex:0 0 calc(33.3% - 20px); margin:10px;} .pjs-funding-page .wrapper .content .stats .stat h2 {color:#3597A3;} .pjs-funding-page .wrapper .boxes {display:flex; flex-flow:row wrap; width:100%;} .pjs-funding-page .wrapper .boxes .box {flex:1 1 50%;} .pjs-funding-page .wrapper .boxes .box .container {margin:15px; position:relative; border: 0px solid #fff;} .pjs-funding-page .wrapper .boxes .box .container:hover { box-shadow: 0 0 20px rgba(0,0,0,.25); transform: scale(1.1); border: 20px solid #fff; z-index: 3;} .pjs-funding-page .wrapper .boxes .box .container .bg {padding-top:100%; position:relative; z-index:1;} .pjs-funding-page .wrapper .boxes .box .container .tint {width:100%; height:100%; opacity:.7; background:#333; position:absolute; top:0; left:0; z-index:2;} .pjs-funding-page .wrapper .boxes .box .container .text {width:100%; position:absolute; top:50%; left:0; z-index:3; transform:translateY(-50%);} .pjs-funding-page .wrapper .boxes .box .container .text .inner {max-width:540px; margin:0 auto; padding:0 30px; color:#fff; text-align:center;} @media(max-width:960px) { .pjs-funding-page .wrapper .boxes .box {flex:1 1 100%;} } @media(max-width:760px) { .pjs-funding-page .wrapper {padding:0 20px;} .pjs-funding-page .wrapper .content h1 {text-align:left;} .pjs-funding-page .wrapper .content .stats .stat {flex:1 1 100%; margin:10px 0;} .pjs-funding-page .wrapper .boxes .box {padding-bottom:20px;} .pjs-funding-page .wrapper .boxes .box .container {margin:0;} .pjs-funding-page .wrapper .boxes .box .container:hover {box-shadow:none; transform:none; border:0;} .pjs-funding-page .wrapper .boxes .box .container .bg {width:100%; height:100%; padding-top:0; position:absolute;} .pjs-funding-page .wrapper .boxes .box .container .text {position:relative; top:0; transform:none;} .pjs-funding-page .wrapper .boxes .box .container .text .inner {padding:40px 20px;} .pjs-funding-page .wrapper .boxes .box .container .text .inner h2 {margin-top:0;} .pjs-funding-page .wrapper .boxes .box .container .text .inner .btns a {margin-top:0;} } /* -------------------- Application -------------------- */ /* Intro */ .pjs-apply-intro {width:100%; overflow:hidden;} .pjs-apply-intro .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-apply-intro .wrapper .content {max-width:960px; margin:0 auto; padding:30px 0;} .pjs-apply-intro .wrapper .content h1 {color:#E6B233; text-align:center;} /* Process */ .pjs-apply-process {width:100%; background:#F9F9F9; overflow:hidden;} .pjs-apply-process .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-apply-process .wrapper .title {max-width:960px; margin:0 auto; padding:60px 0 30px 0;} .pjs-apply-process .wrapper .title h1 {color:#E6B233; text-align:center;} .pjs-apply-process .wrapper .steps {display:flex; flex-flow:row wrap; width:100%;} .pjs-apply-process .wrapper .steps .step {flex:0 0 33.3%;} .pjs-apply-process .wrapper .steps .step .container {margin:30px 0; padding:0 20px; text-align:center;} .pjs-apply-process .wrapper .steps .step .container .number {width:146px; height:146px; margin:0 auto; color:#fff; font:56px/146px 'BauerBodni Bold'; text-align:center; background:#33D9C7 url(images/blue-circle.png) no-repeat center / cover; border-radius:146px;} .pjs-apply-process .wrapper .steps .step .container .arrow {margin-top:20px; padding:0 20px; color:#E6B233; font-size:30px; text-align:center;} .pjs-apply-process .wrapper .questions {max-width:960px; margin:0 auto; padding:30px 0 60px 0; text-align:center;} .pjs-apply-process .wrapper .questions .question-mark {color:#388C96; font:150px/120px 'BauerBodni Bold';} /* Projects */ .pjs-apply-projects {width:100%; margin-top:30px; color:#fff; background:#33D9C7 url(images/blue-bg-projects.png) no-repeat center / cover; overflow:hidden;} .pjs-apply-projects .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-apply-projects .wrapper .content {max-width:800px; margin:0 auto; padding:60px 30px 0; text-align:center;} .pjs-apply-projects .wrapper .projects {display:flex; flex-flow:row wrap; padding-bottom:45px;} .pjs-apply-projects .wrapper .projects .project {flex:0 0 25%;} .pjs-apply-projects .wrapper .projects .project .container {margin:15px; position:relative;} .pjs-apply-projects .wrapper .projects .project .container a {color:#fff;} .pjs-apply-projects .wrapper .projects .project .container a:hover .tint {opacity:.75;} .pjs-apply-projects .wrapper .projects .project .container .bg {padding-top:75%; position:relative; z-index:1;} .pjs-apply-projects .wrapper .projects .project .container .tint {width:100%; height:100%; opacity:.25; background:#000; position:absolute; top:0; left:0; z-index:2;} .pjs-apply-projects .wrapper .projects .project .container .title {width:calc(100% - 40px); padding:0 20px; text-align:center; position:absolute; bottom:30px; left:0; z-index:3;} .pjs-apply-projects .wrapper .projects .project .container .title h3 {margin:0;} @media(max-width:960px) { .pjs-apply-process .wrapper .title {padding:40px 0 20px 0;} .pjs-apply-process .wrapper .questions {padding:20px 0 40px 0;} .pjs-apply-process .wrapper .steps .step .container {padding:0 10px;} .pjs-apply-projects .wrapper .content {padding:40px 30px 0;} .pjs-apply-projects .wrapper .projects .project {flex:0 0 33.3%;} .pjs-apply-projects .wrapper .projects .project .container {margin:10px;} .pjs-apply-projects .wrapper .projects .project .container .title {bottom:20px;} } @media(max-width:760px) { .pjs-apply-intro .wrapper {padding:0 20px;} .pjs-apply-projects {margin-top:5px;} .pjs-apply-process .wrapper {padding:0 20px;} .pjs-apply-process .wrapper .steps .step {flex:1 1 100%;} .pjs-apply-projects .wrapper {padding:0 20px;} .pjs-apply-projects .wrapper .content {padding:40px 0 0 0;} .pjs-apply-projects .wrapper .projects {padding-bottom:20px;} .pjs-apply-projects .wrapper .projects .project {flex:1 1 100%;} .pjs-apply-projects .wrapper .projects .project .container {margin:0 0 20px 0;} } /* -------------------- Impact -------------------- */ /* Intro */ .pjs-impact-intro {width:100%; border-top:1px solid #ccc; overflow:hidden;} .pjs-impact-intro.i2023 {border:0;} .pjs-impact-intro .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-impact-intro.i2023 .wrapper {padding-top:60px;} .pjs-impact-intro .wrapper .content {max-width:100%; margin:0 auto; padding:30px 0; text-align:center;} .pjs-impact-intro .wrapper .content h1 {color:#E6B233;} .pjs-impact-intro .wrapper .content p {max-width:620px; margin:0 auto; font-size:22px;} .pjs-impact-intro .wrapper .content p.wide {max-width:100%;} .pjs-impact-intro.i2023 .wrapper .content p {max-width:none;} /* Cards */ .pjs-impact-cards {width:100%; overflow:hidden;} .pjs-impact-cards .wrapper {max-width:1430px; margin:0 auto; padding:0 30px 30px 30px;} .pjs-impact-cards .wrapper .header {display:flex; flex-flow:row wrap; align-items:center; max-width:1400px; margin:0 auto; padding:30px 0;} .pjs-impact-cards .wrapper .header .title {flex:1 1 auto; color:#E6B233;} .pjs-impact-cards .wrapper .header .filter {flex:0 0 auto;} .pjs-impact-cards .wrapper .header .filter select {min-width:260px; border:1px solid #707070;} .pjs-impact-cards .wrapper .header .btns {margin-left:20px;} .pjs-impact-cards .wrapper .header .btns a {margin-top:0;} .pjs-impact-cards .wrapper .no-results {display:none; text-align:center;} .pjs-impact-cards .wrapper .loader {display:none;} .pjs-impact-cards .wrapper .loader img {max-width:100px; margin:0 auto;} .pjs-impact-cards .wrapper .cards {display:flex; flex-flow:row wrap; width:100%; padding:0;} .pjs-impact-cards .wrapper .cards .card {flex:0 0 33.3%;} .pjs-impact-cards .wrapper .cards .card .container {margin:15px;} /* .pjs-impact-cards .wrapper .cards .card .container:hover .tags {margin-top:-200px;} */ /* .pjs-impact-cards .wrapper .cards .card .container:hover .content {padding-bottom:80px;} */ .pjs-impact-cards .wrapper .cards .card .container .image {padding-top:100%;} .pjs-impact-cards .wrapper .cards .card .container .tags {display:flex; flex-flow:row wrap; margin-top:-48px; color:#fff; font:16px/28px 'Helvetica Bold';} .pjs-impact-cards .wrapper .cards .card .container .tags .tag {flex:0 0 auto; margin:10px 10px 0 0; padding:5px 10px; background:#E6B233;} .pjs-impact-cards .wrapper .cards .card .container .tags .tag a {color:#fff; text-decoration:none;} .pjs-impact-cards .wrapper .cards .card .container .mobile {display:none;} .pjs-impact-cards .wrapper .cards .card .container .content {display:flex; flex-flow:column nowrap; height:140px; margin-right:30px; padding:20px 10px 20px 0; background:#fff;} .pjs-impact-cards .wrapper .cards .card .container .content h4 {flex:1 1 auto; margin:0;} .pjs-impact-cards .wrapper .cards .card .container .content h4 a {color:#333; text-decoration:none;} .pjs-impact-cards .wrapper .cards .card .container .content h4 a:hover {color:#3597A3;} .pjs-impact-cards .wrapper .cards .card .container .content .btns {flex:0 0 auto;} /* Report */ .pjs-impact-report {width:100%; margin:30px 0; color:#fff; background:#33D9C7 url(images/blue-bg-report.png) no-repeat center / cover; overflow:hidden;} .pjs-impact-report .wrapper {max-width:1460px; margin:0 auto; padding:30px 30px 60px 30px;} .pjs-impact-report .wrapper .items {display:flex; flex-flow:row wrap; width:100%;} .pjs-impact-report .wrapper .items .item {flex:0 0 33.3%; margin:0 auto; text-align:center;} .pjs-impact-report .wrapper .items .item .container {padding:30px;} .pjs-impact-report .wrapper .items .item .container .number {font:80px 'BauerBodni Bold';} .pjs-impact-report.v2 .btns a {margin-top:0;} .pjs-impact-report.v2 .pjs-cols {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; padding:25px 0;} .pjs-impact-report.v2 .pjs-col {width:45%; margin:0;} .pjs-impact-nav {width:100%; margin:70px auto 0; background:#388C96;} .pjs-impact-nav .wrapper {max-width:1460px; margin:0 auto; padding:25px 30px 10px;} .pjs-impact-nav ul {list-style:none; width:100%; margin:0 auto; padding:0; display:flex; justify-content:center; color:#fff; font-size:22px; line-height:1; font-weight:700; text-transform:uppercase; letter-spacing:0.03em;} .pjs-impact-nav ul li {margin:0 12px 15px;} .pjs-impact-nav ul li.div {margin:0;} .pjs-impact-nav ul li a {color:#fff; text-decoration:none;} .pjs-impact-nav ul li a:hover {text-decoration:underline;} @media (max-width:1400px) { .pjs-impact-intro.i2023 .wrapper {padding-top:30px;} } @media(max-width:1024px) { .pjs-impact-cards {margin-bottom:30px;} .pjs-impact-report {margin-bottom:5px;} } @media(max-width:960px) { .pjs-impact-cards .wrapper .cards .card {flex:0 0 50%;} .pjs-impact-cards .wrapper .cards .card .container {margin:10px;} .pjs-impact-report .wrapper .items .item {flex:0 0 50%;} .pjs-impact-report .wrapper .items .item .container {padding:15px;} } @media(max-width:760px) { .pjs-impact-intro .wrapper {padding:0 20px;} .pjs-impact-intro .wrapper .content {text-align:left;} .pjs-impact-cards .wrapper {padding:0 20px;} .pjs-impact-cards .wrapper .cards .card {flex:1 1 100%; margin-bottom:40px;} .pjs-impact-cards .wrapper .cards .card .container {margin:0;} .pjs-impact-cards .wrapper .cards .card .container:hover .tags {margin-top:-120px;} .pjs-impact-cards .wrapper .cards .card .container .tags {margin-top:-120px;} .pjs-impact-cards .wrapper .cards .card .container .mobile {display:flex;} .pjs-impact-cards .wrapper .cards .card .container .content {height:auto; min-height:40px;} .pjs-impact-cards .wrapper .cards .card .container .content .btns {display:none;} .pjs-impact-cards .wrapper .header .btns {width:100%; margin:0;} .pjs-impact-cards .wrapper .header .btns a {margin-top:20px;} .pjs-impact-report .wrapper {padding:20px 20px 40px 20px;} .pjs-impact-report .wrapper .items .item {flex:1 1 100%;} .pjs-impact-report .wrapper .items .item .container {padding:20px 0;} .pjs-impact-report .wrapper .items .item .container .number {font-size:70px;} .pjs-impact-report.v2 .pjs-col {width:100%;} .pjs-impact-nav ul {flex-wrap:wrap;} .pjs-impact-nav ul li:first-child {width:100%; margin:0 auto 20px; text-align:center;} } /* -------------------- News & Events -------------------- */ /* Selector */ .pjs-news-events-selector {width:100%; margin:30px 0; background:#388C96; overflow:hidden;} .pjs-news-events-selector .wrapper {max-width:1400px; margin:0 auto; font-family:'Helvetica Bold';} .pjs-news-events-selector .wrapper .swiper-container {display:none;} .pjs-news-events-selector .wrapper .swiper-slide {width:auto;} .pjs-news-events-selector .wrapper .container {text-align:center;} .pjs-news-events-selector .wrapper a {margin:0 10px; padding:10px; color:#fff; text-decoration:none; border-top:6px solid transparent; border-bottom:6px solid transparent; display:inline-block;} .pjs-news-events-selector .wrapper a:hover {border-bottom:6px solid #E6B233;} .pjs-news-events-selector .wrapper a.selected {border-bottom:6px solid #E6B233;} /* Cards */ .pjs-news-events-cards {width:100%; overflow:hidden;} .pjs-news-events-cards .wrapper {max-width:1430px; margin:0 auto; padding:0 30px 30px 30px;} .pjs-news-events-cards .wrapper .no-results {display:none; text-align:center;} .pjs-news-events-cards .wrapper .loader {display:none; padding:20px;} .pjs-news-events-cards .wrapper .loader img {max-width:100px; margin:0 auto;} .pjs-news-events-cards .wrapper .cards {display:flex; flex-flow:row wrap; width:100%; padding:0;} .pjs-news-events-cards .wrapper .cards .card:first-child {flex:0 0 66.6%;} .pjs-news-events-cards .wrapper .cards .card:first-child .container .image {padding-top:48.3%;} .pjs-news-events-cards .wrapper .cards .card:first-child .container .content p {font-size:18px;} /* .pjs-news-events-cards .wrapper .cards .card:first-child .container:hover .content {padding-bottom:60px;} */ .pjs-news-events-cards .wrapper .cards .card {flex:0 0 33.3%;} .pjs-news-events-cards .wrapper .cards .card .container {margin:30px 15px;} /* .pjs-news-events-cards .wrapper .cards .card .container:hover .tags {margin-top:-200px;} */ /* .pjs-news-events-cards .wrapper .cards .card .container:hover .content {padding-bottom:80px;} */ .pjs-news-events-cards .wrapper .cards .card .container .image {padding-top:100%;} .pjs-news-events-cards .wrapper .cards .card .container .tags {display:flex; flex-flow:row wrap; margin-top:-48px; color:#fff; font:16px/28px 'Helvetica Bold';} .pjs-news-events-cards .wrapper .cards .card .container .tags .tag {flex:0 0 auto; margin:10px 10px 0 0; padding:5px 10px; background:#E6B233;} .pjs-news-events-cards .wrapper .cards .card .container .tags .tag a {color:#fff; text-decoration:none;} .pjs-news-events-cards .wrapper .cards .card .container .mobile {display:none;} .pjs-news-events-cards .wrapper .cards .card .container .content {display:flex; flex-flow:column nowrap; height:160px; margin-right:30px; padding:20px 10px 20px 0; background:#fff;} .pjs-news-events-cards .wrapper .cards .card .container .content p {flex:0 0 auto; margin:0; font-size:15px;} .pjs-news-events-cards .wrapper .cards .card .container .content h2 {flex:1 1 auto; margin:0;} .pjs-news-events-cards .wrapper .cards .card .container .content h3 {flex:1 1 auto; margin:0;} .pjs-news-events-cards .wrapper .cards .card .container .content h3 a {color:#333; text-decoration:none;} .pjs-news-events-cards .wrapper .cards .card .container .content h3 a:hover {color:#3597A3;} .pjs-news-events-cards .wrapper .cards .card .container .content h4 {flex:1 1 auto; margin:0;} .pjs-news-events-cards .wrapper .cards .card .container .content .btns {flex:0 0 auto;} .pjs-news-events-cards .wrapper .pages {padding-top:60px; color:#E6B233; font-family:'Helvetica Bold'; text-align:center;} .pjs-news-events-cards .wrapper .pages .numbers {display:inline-flex; align-items:center; justify-content:center;} .pjs-news-events-cards .wrapper .pages .numbers .number.selected a {color:#3597A3;} .pjs-news-events-cards .wrapper .pages a {margin:0 5px; padding:0 5px; color:#bbb; text-decoration:none; display:inline-block;} .pjs-news-events-cards .wrapper .pages a:hover {color:#E6B233;} .pjs-news-events-cards .wrapper .pages .next {display:inline-block;} .pjs-news-events-cards .wrapper .pages .next a {display:inline-flex; align-items:center; justify-content:center;} .pjs-news-events-cards .wrapper .pages .next a:hover {color:#E6B233;} .pjs-news-events-cards .wrapper .pages .next a span {margin-left:7px; font-size:22px;} @media(max-width:1400px) { .pjs-news-events-cards .wrapper .cards .card:first-child .container .image {padding-top:48%;} } @media(max-width:1024px) { .pjs-news-events-cards .wrapper .cards .card .container .content {height:210px;} .pjs-news-events-cards .wrapper .cards .card .container .content h3 {overflow:hidden;} } @media(max-width:960px) { .pjs-news-events-cards .wrapper .cards .card {flex:0 0 50%;} .pjs-news-events-cards .wrapper .cards .card:first-child {flex:1 1 100%;} } @media(max-width:760px) { .pjs-news-events-selector {margin:5px 0;} .pjs-news-events-selector .wrapper a {margin:0 7px;} .pjs-news-events-selector .wrapper .container {display:none;} .pjs-news-events-selector .wrapper .swiper-container {display:block;} .pjs-news-events-cards .wrapper {padding:0 20px 20px 20px;} .pjs-news-events-cards .wrapper .pages {padding-top:20px;} .pjs-news-events-cards .wrapper .cards .card {flex:1 1 100%;} .pjs-news-events-cards .wrapper .cards .card .container {margin:20px 0 40px 0;} .pjs-news-events-cards .wrapper .cards .card .container:hover .tags {margin-top:-120px;} .pjs-news-events-cards .wrapper .cards .card .container .tags {margin-top:-120px;} .pjs-news-events-cards .wrapper .cards .card .container .mobile {display:flex;} .pjs-news-events-cards .wrapper .cards .card .container .content {height:auto;} .pjs-news-events-cards .wrapper .cards .card .container .content .btns {display:none;} .pjs-news-events-cards .wrapper .cards .card .container .content h3 {overflow:initial;} .pjs-news-events-cards .wrapper .cards .card:first-child .container .image {padding-top:100%;} } /* -------------------- Detail Page -------------------- */ .pjs-detail-header {width:100%; color:#fff; background:#33D9C7 url(images/blue-bg-header.jpg) no-repeat center / cover; position:relative; overflow:hidden;} .pjs-detail-header .wrapper {display:flex; align-items:center; max-width:1400px; min-height:240px; margin:0 auto; padding:30px; position:relative; z-index:1;} .pjs-detail-header .wrapper .tag {padding:5px 10px; font:16px/28px 'Helvetica Bold'; background:#E6B233; position:absolute; top:0; left:30px; z-index:2;} .pjs-detail-header .wrapper .container {margin:0;} .pjs-detail-page {width:100%; position:relative;} .pjs-detail-page .wrapper {display:flex; max-width:1400px; margin:0 auto; padding:30px; position:relative; z-index:1;} .pjs-detail-page .wrapper .meta {flex:1 1 35%;} .pjs-detail-page .wrapper .meta .container {padding-right:60px;} .pjs-detail-page .wrapper .meta .container > .btns {margin:-76px 0 40px 0;} .pjs-detail-page .wrapper .meta .container .section {width:100%; padding:20px 0; border-bottom:1px solid #ccc;} .pjs-detail-page .wrapper .meta .container .section .title {font:18px/26px 'Helvetica Bold'; text-transform:uppercase;} .pjs-detail-page .wrapper .meta .container .section .entry {font-size:26px; line-height:32px;} .pjs-detail-page .wrapper .meta .container .section .entry p {margin:0;} .pjs-detail-page .wrapper .meta .container .section .entry select {width:100%; margin-top:10px; padding-right:60px; border:1px solid #707070;} .pjs-detail-page .wrapper .meta .container .section .entry input {width:calc(100% - 20px); margin-top:10px; border:1px solid #707070;} .pjs-detail-page .wrapper .meta .container .section .entry a {display:inline-block; /*padding-top:10px;*/} .pjs-detail-page .wrapper .meta .container .section .btns a {flex:0 1 auto;} .pjs-detail-page .wrapper .meta .container .share {width:100%;} .pjs-detail-page .wrapper .meta .container .share .social {display:flex; flex-flow:row wrap; align-items:center;} .pjs-detail-page .wrapper .meta .container .share .social .text {flex:0 0 auto; margin-right:10px;} .pjs-detail-page .wrapper .meta .container .share .social .item {flex:0 0 auto; margin-right:10px;} .pjs-detail-page .wrapper .meta .container .share .social .item:last-child {margin-right:0;} .pjs-detail-page .wrapper .meta .container .share .social .item svg {display:block;} .pjs-detail-page .wrapper .meta .container .share .social .item svg path {fill:#388C96; transition:all .3s ease;} .pjs-detail-page .wrapper .meta .container .share .social .item a:hover svg path {fill:#E6B233;} .pjs-detail-page .wrapper .content {flex:1 1 65%;} .pjs-detail-page .wrapper .content img {display:initial;} .pjs-detail-page .wrapper .content img.alignleft {float:left; margin-right:15px;} .pjs-detail-page .wrapper .content img.alignright {float:right; margin-left:15px;} @media(max-width:1360px) { .pjs-detail-page .wrapper .meta .container .share .social .text {flex:1 1 100%;} } @media(max-width:1024px) { .pjs-detail-page .wrapper .meta .container {padding-right:30px;} .pjs-detail-page .wrapper .meta .container .section .entry {font-size:24px;} } @media(max-width:960px) { .pjs-detail-page .wrapper .meta .container .section .entry {font-size:20px;} } @media(max-width:760px) { .pjs-detail-header .wrapper {min-height:0; padding:20px;} .pjs-detail-header .wrapper .tag {left:20px;} .pjs-detail-header .wrapper .container {padding:20px 0;} .pjs-detail-page .wrapper {flex-flow:row wrap; padding:20px;} .pjs-detail-page .wrapper .meta {flex:1 1 100%;} .pjs-detail-page .wrapper .meta .container {padding-right:0;} .pjs-detail-page .wrapper .meta .container > .btns {margin-top:-66px; margin-bottom:20px;} .pjs-detail-page .wrapper .meta .container .section .title {font-size:16px;} .pjs-detail-page .wrapper .meta .container .section .entry {font-size:20px;} .pjs-detail-page .wrapper .content {flex:1 1 100%; padding-top:20px;} } /* -------------------- Subpage -------------------- */ /* Text */ .pjs-panel-text {width:100%; margin-top:30px; overflow:hidden;} .pjs-panel-text.pad-top {padding-top:100px;} .pjs-panel-text .wrapper {max-width:1400px; margin:0 auto; padding:0 30px;} .pjs-panel-text .wrapper .container {max-width:960px; margin:0 auto; padding:30px 0;} .pjs-panel-text .wrapper .container h1 {color:#E6B233; text-align:center;} .pjs-panel-text .wrapper .container img {max-width:100%; margin:20px auto;} .pjs-panel-text .wrapper .container input {border:1px solid #707070;} .pjs-panel-text .wrapper .container select {border:1px solid #707070;} .pjs-panel-text .wrapper .container textarea {border:1px solid #707070;} /* CTA Banner */ .pjs-cta-banner {width:100%; margin-top:30px; color:#fff; position:relative; overflow:hidden;} .pjs-cta-banner .bg {width:100%; padding-top:45%; position:relative; z-index:1;} .pjs-cta-banner .tint {width:100%; height:100%; opacity:.3; background:#000; position:absolute; top:0; left:0; z-index:2;} .pjs-cta-banner .gradient {width:100%; height:50%; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; z-index:2;} .pjs-cta-banner .wrapper {width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;} .pjs-cta-banner .wrapper .container {height:calc(100% - 60px); display:flex; align-items:flex-end; max-width:1400px; margin:0 auto; padding:30px;} .pjs-cta-banner .wrapper .container .content {max-width:620px; margin:0 0 30px 0;} .pjs-cta-banner .wrapper .container .content .tags {display:flex; flex-flow:row wrap; margin-bottom:20px; font:16px/28px 'Helvetica Bold';} .pjs-cta-banner .wrapper .container .content .tags .tag {flex:0 0 auto; margin:10px 10px 0 0; padding:5px 10px; background:#E6B233;} /* Postcard */ .pjs-panel-postcard {width:100%; margin-top:30px; overflow:hidden;} .pjs-panel-postcard .wrapper {display:flex; flex-flow:row wrap; align-items:center; max-width:1400px; margin:0 auto; padding:30px;} .pjs-panel-postcard .wrapper .image {flex:0 0 50%;} .pjs-panel-postcard .wrapper .image .img {margin-right:30px; padding-top:56.25%;} .pjs-panel-postcard .wrapper .content {flex:0 0 50%;} .pjs-panel-postcard .wrapper .content .container {padding-left:30px;} /* FAQs */ .pjs-panel-faqs {width:100%; margin-top:30px; color:#fff; background:#33D9C7 url(images/blue-bg-faq.png) no-repeat center / cover; overflow:hidden;} .pjs-panel-faqs .wrapper {max-width:1460px; margin:0 auto; padding:30px;} .pjs-panel-faqs .wrapper .content {max-width:920px; margin:0 auto; padding:30px 0; text-align:center;} .pjs-panel-faqs .wrapper .faqs {display:flex; flex-flow:row wrap;} .pjs-panel-faqs .wrapper .faqs .faq {flex:0 0 50%;} .pjs-panel-faqs .wrapper .faqs .faq .container {padding:30px 60px;} .pjs-panel-faqs .wrapper .faqs .faq .container a {color:#fff;} .pjs-panel-faqs .wrapper .faqs .faq .container a:hover {color:#E6B233;} @media(max-width:1024px) { .pjs-panel-faqs .wrapper .faqs .faq .container {padding:30px;} } @media(max-width:960px) { .pjs-cta-banner .bg {position:absolute; height:100%; padding-top:0;} .pjs-cta-banner .gradient {height:80%;} .pjs-cta-banner .wrapper {position:relative;} .pjs-cta-banner .wrapper .container .content {margin:0;} .pjs-cta-banner .wrapper .container .content h2 {margin-top:0;} .pjs-panel-postcard .wrapper .image {flex:1 1 100%;} .pjs-panel-postcard .wrapper .image .img {margin-right:0;} .pjs-panel-postcard .wrapper .content {flex:1 1 100%;} .pjs-panel-postcard .wrapper .content .container {padding-left:0;} .pjs-panel-faqs .wrapper .faqs .faq .container {padding:10px 30px;} } @media(max-width:760px) { .pjs-panel-text .wrapper {padding:0 20px;} .pjs-cta-banner .wrapper .container {height:calc(100% - 40px); padding:40px 20px;} .pjs-panel-postcard .wrapper {padding:0 20px;} .pjs-panel-faqs .wrapper {padding:20px;} .pjs-panel-faqs .wrapper .content {padding:20px 0; text-align:left;} .pjs-panel-faqs .wrapper .faqs .faq {flex:1 1 100%;} .pjs-panel-faqs .wrapper .faqs .faq .container {padding:0;} } /* -------------------- Miscellaneous -------------------- */ /* Animations */ .trans {-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;} /* Buttons */ .btns {display:flex; flex-flow:row wrap; text-align:center;} .btns.center {justify-content:center;} .btns.right {justify-content:flex-end;} .btns a {flex:0 0 auto; min-width:120px; max-width:100%; margin:20px 20px 0 0; padding:10px 20px; color:#fff; font-family:'Helvetica Bold'; text-decoration:none; background:#388C96; border-radius:4px;} .btns a:hover {color:#fff; background:#E6B233;} .btns a:last-child {margin-right:0;} .btns a.outline {color:#388C96; background:transparent; border:2px solid #388C96;} .btns a.outline:hover {color:#fff; background:#388C96;} .btns a.white {color:#388C96; background:#fff;} .btns a.white:hover {color:#fff; background:#E6B233;} .btns a .xicon {margin-bottom:-2px;} .btns a.white:hover .xicon path {fill:#fff;} /* Staff Page */ .pjs-staff-archive .wrapper .filters .filter .container select {display:initial !important; width:auto !important; padding-right:65px !important;} .pjs-staff-archive .wrapper .cards .card .container .details h2, .pjs-staff-archive .wrapper .cards .card .container .details h4 {margin:0;} .pjs-staff-single .wrapper .content h1 {color:#E6B233;} /* Cookie Notice */ .cookie-notice {width:100%; opacity:1; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.25); position:fixed; bottom:0; left:0; z-index:100;} .cookie-notice.hide {opacity:0; visibility:hidden;} .cookie-notice .wrapper {display:flex; flex-flow:row nowrap; align-items:center; max-width:1980px; margin:0 auto; padding:20px;} .cookie-notice .wrapper .content {flex:1 1 auto; padding-right:20px;} .cookie-notice .wrapper .btns {flex:0 0 auto;} .cookie-notice .wrapper .btns a {margin-top:0;} @media(max-width:760px) { .cookie-notice .wrapper {flex-flow:row wrap;} .cookie-notice .wrapper .content {flex:1 1 100%; padding-right:0;} .cookie-notice .wrapper .btns {flex:1 1 100%;} .cookie-notice .wrapper .btns a {margin-top:20px;} } @media(max-width:760px) { .btns a {flex:1 1 100%; margin:20px 0 0 0; padding:10px 20px;} } /* Juicer Feed - Homepage */ .juicer-feed a.j-paginate.juicer-button {padding:10px 20px; color:#388C96; font-size:16px; letter-spacing:.03em; background:#fff; border:0; border-radius:4px;} .juicer-feed a.j-paginate.juicer-button:hover {color:#fff; background:#E6B233;} /* Gravity Forms */ .gchoice_1_9_1 input {vertical-align:top !important;} /* -------------------- Legacy page styles -------------------- */ .mini-nav-bar {width:100%; background:#388c96; margin-top:30px; position:relative; left:auto; top:auto; right:auto; z-index:4; transition:all 0.25s ease;} .mini-nav-bar.sticky {position:fixed; left:0; right:0;} .mini-nav-bar .nav-items {width:100%; max-width:1400px; display:flex; justify-content:center; align-items:flex-start; margin:0 auto; text-align:center;} .mini-nav-bar .nav-item {padding:20px 10px 10px; border-bottom:6px solid transparent; margin:0 35px; transition:all 0.25s ease; cursor:pointer;} .mini-nav-bar .nav-item:hover, .mini-nav-bar .nav-item.active {border-color:#e6b233;} .mini-nav-bar .nav-item a {text-decoration:none;} .mini-nav-bar .nav-item .txt {color:#fff; font-size:20px; line-height:1;} @media (max-width:1024px) { .mini-nav-bar .nav-item {padding:16px 10px 8px; margin:0 10px;} .mini-nav-bar .nav-item .txt {font-size:16px;} } @media (max-width:767px) { /* .mini-nav-bar {display:none;} */ .mini-nav-bar .nav-items {flex-wrap:wrap;} .mini-nav-bar .nav-item {width:100%;} } .pjs-legacy-book-launch {width:100%; margin-top:30px; background:#fff;} .pjs-legacy-book-launch.hide {display:none;} .pjs-legacy-book-launch .wrapper {max-width:1440px; margin:0 auto; padding:0 30px;} .pjs-legacy-book-launch .container {width:100%; display:flex; justify-content:space-between; /*align-items:center;*/} .pjs-legacy-book-launch .col {width:48%; margin:0;} .pjs-legacy-book-launch .col.media {padding:20px 0;} .pjs-legacy-book-launch .col h1 {color:#e6b233; font-size:48px; line-height:52px;} .pjs-legacy-book-launch .col.media a {display:block; overflow:hidden; position:relative;} .pjs-legacy-book-launch .col.media a .icon {display:block; font-size:80px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;} .pjs-legacy-book-launch .col.media a .icon span {position:absolute; left:-9999px; z-index:-1; opacity:0;} @media (max-width:900px) { .pjs-legacy-book-launch .col h1 {font-size:40px; line-height:42px;} } @media (max-width:767px) { .pjs-legacy-book-launch .container {flex-wrap:wrap;} .pjs-legacy-book-launch .col {width:100%; margin-bottom:30px; order:2;} .pjs-legacy-book-launch .col.media {margin-bottom:10px; order:1;} } .pjs-legacy-repeating-blocks {width:100%; margin-top:30px; background:#fafafa;} .pjs-legacy-repeating-blocks .wrapper {max-width:1420px; margin:0 auto; padding:50px 30px;} .pjs-legacy-repeating-blocks .container > h1 {color:#e6b233; font-size:48px; line-height:52px; margin-bottom:0;} .pjs-legacy-repeating-blocks .group {width:100%; display:flex; justify-content:space-between; align-items:flex-start; padding:60px 0;} .pjs-legacy-repeating-blocks .group:last-child {padding-bottom:0;} .pjs-legacy-repeating-blocks .group .col {width:53%; margin:0; order:2;} .pjs-legacy-repeating-blocks .group.full .col {width:100%;} .pjs-legacy-repeating-blocks .group .col.media {width:42%; padding:20px 0;} .pjs-legacy-repeating-blocks .group.even .col.media {order:3;} .pjs-legacy-repeating-blocks .group .col h2 {font-size:24px; line-height:1.2; text-transform:none; margin:4px 0 12px;} @media (max-width:900px) { .pjs-legacy-repeating-blocks .container > h1 {font-size:40px; line-height:42px;} } @media (max-width:767px) { .pjs-legacy-repeating-blocks .group {flex-wrap:wrap; padding:30px 0;} .pjs-legacy-repeating-blocks .group .col {width:100%;} .pjs-legacy-repeating-blocks .group .col.media, .pjs-legacy-repeating-blocks .group.even .col.media {width:100%; order:1;} } .pjs-legacy-quote-panel {width:100%; background-color:#fff; background-position:center; background-repeat:no-repeat; margin-top:30px;} .pjs-legacy-quote-panel .wrapper {padding:170px 30px; position:relative;} .pjs-legacy-quote-panel .overlay {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:0;} .pjs-legacy-quote-panel .content {width:90%; max-width:730px; text-shadow:0 0 1px rgba(0,0,0,0.4); margin:0 auto; position:relative; z-index:1;} .pjs-legacy-quote-panel .content .txt {color:#333; text-align:left; font:24px/32px 'BauerBodni Bold', serif; font-style:italic;} .pjs-legacy-quote-panel.light .content .txt {color:#fff;} .pjs-legacy-quote-panel .content .speaker {width:100%; text-align:right; color:#ffcb4d; font:18px/1 'Helvetica', serif; text-transform:uppercase; letter-spacing:1pt; padding-top:20px;} @media (max-width:767px) { .pjs-legacy-quote-panel .wrapper {padding:100px 30px;} } .pjs-legacy-timeline {width:100%; margin-top:30px; background:#fff; text-align:center; position:relative; overflow:hidden;} .pjs-legacy-timeline * {box-sizing:border-box;} .pjs-legacy-timeline.our-story-page {margin-top:0; margin-bottom:100px;} .pjs-legacy-timeline .wrapper {max-width:1540px; margin:0 auto; padding:0 30px; overflow:hidden;} .pjs-legacy-timeline .wrapper > h1 {color:#e6b233; font-size:48px; line-height:52px;} .pjs-legacy-timeline .timeline {padding:30px 10px 45px; position:relative;} .pjs-legacy-timeline .timeline .swiper-slide {height:425px; background:#eac32f; margin-bottom:92px; padding:12px; border-radius:10px;} .pjs-legacy-timeline .timeline .swiper-slide .img {width:100%; position:relative; overflow:hidden; padding-top:56.25%; background:#388c96;} .pjs-legacy-timeline .timeline .swiper-slide .img img {width:auto; min-width:101%; min-height:101%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;} .pjs-legacy-timeline .timeline .swiper-slide .txt {text-align:left; font-size:15px; line-height:24px; padding:25px 18px 35px;} .pjs-legacy-timeline .timeline .swiper-slide .txt-inner {height:214px; overflow:hidden; overflow-y:auto;} .pjs-legacy-timeline .timeline .swiper-slide .btm-arrow {width:0; height:0; border-left:65px solid transparent; border-right:65px solid transparent; border-top:70px solid #eac32f; position:absolute; left:50%; bottom:-70px; transform:translateX(-50%);} .pjs-legacy-timeline .timeline .swiper-slide .btm {text-align:center; position:absolute; left:50%; bottom:-128px; transform:translateX(-50%);} .pjs-legacy-timeline .timeline .swiper-slide .btm .dot {width:22px; height:22px; background:#388c96; border-radius:50%; margin:0 auto;} .pjs-legacy-timeline .timeline .swiper-slide .btm .date {padding:12px 0 0; font-size:15px; line-height:1; text-transform:uppercase; font-weight:700; margin:0 auto;} .pjs-legacy-timeline .swiper-button-prev, .pjs-legacy-timeline .swiper-container-rtl .swiper-button-next {top:42%; left:-30px;} .pjs-legacy-timeline .swiper-button-next, .pjs-legacy-timeline .swiper-container-rtl .swiper-button-prev {top:42%; right:-30px;} .pjs-legacy-timeline .swiper-button-prev:after, .pjs-legacy-timeline .swiper-container-rtl .swiper-button-next:after, .pjs-legacy-timeline .swiper-button-next:after, .pjs-legacy-timeline .swiper-container-rtl .swiper-button-prev:after {content:'';} .pjs-legacy-timeline .swiper-button-prev .fas, .pjs-legacy-timeline .swiper-button-next .fas {font-size:35px; color:#231f20; transition:all 0.25s ease;} .pjs-legacy-timeline .swiper-button-prev:hover .fas, .pjs-legacy-timeline .swiper-button-next:hover .fas {color:#388c96;} .pjs-legacy-timeline .swiper-button-prev.swiper-button-disabled .fas, .pjs-legacy-timeline .swiper-button-next.swiper-button-disabled .fas {opacity:0.6;} .pjs-legacy-timeline .btm-bar {width:100%; height:2px; background:#151515; position:absolute; left:0; bottom:45px; right:0; z-index:0;} @media (max-width:767px) { .pjs-legacy-timeline.our-story-page {margin-bottom:50px;} .pjs-legacy-timeline .wrapper > h1 {font-size:36px; line-height:40px;} } .pjs-legacy-info-boxes {width:100%; margin-top:30px; background:#fff; text-align:center; position:relative; overflow:hidden;} .pjs-legacy-info-boxes * {box-sizing:border-box;} .pjs-legacy-info-boxes .wrapper {width:100%; margin:0 auto;} .pjs-legacy-info-boxes .swiper-slide {width:100%; min-height:500px; padding:50px 30px 40px;} .pjs-legacy-info-boxes .swiper-slide .overlay {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(56,140,150,0.8); z-index:0;} .pjs-legacy-info-boxes .swiper-slide .content {width:90%; max-width:760px; text-shadow:0 0 1px rgba(0,0,0,0.4); margin:0 auto; position:relative; z-index:1;} .pjs-legacy-info-boxes .swiper-slide .content .title {font:48px/52px 'BauerBodni Bold', serif; color:#e6b333; text-transform:uppercase; padding:35px 0;} .pjs-legacy-info-boxes .swiper-slide .content .txt {color:#333; text-align:left; font:26px/32px 'BauerBodni Bold', serif; padding:35px 0;} .pjs-legacy-info-boxes .swiper-slide.light .content .txt {color:#fff;} .pjs-legacy-info-boxes .swiper-pagination {z-index:3;} .pjs-legacy-info-boxes .swiper-pagination-bullet {width:18px; height:18px; opacity:1; background:#fff; border:3px solid #fff; outline:none;} .pjs-legacy-info-boxes .swiper-pagination-bullet-active {background:#e6b333;} @media (max-width:767px) { .pjs-legacy-info-boxes .swiper-slide .content .title {font-size:40px; line-height:42px;} } .pjs-legacy-photo-gallery {width:100%; height:auto; margin-top:30px; background:#fff;} .pjs-legacy-photo-gallery * {box-sizing:border-box;} .pjs-legacy-photo-gallery .wrapper {height:100%; position:relative;} .pjs-legacy-photo-gallery .prev-button {padding:10px; font-size:30px; color:#fff; background:#e6b233; position:absolute; top:calc(50% - 105px); left:0; z-index:2; cursor:pointer;} .pjs-legacy-photo-gallery .prev-button:hover {color:#fff; background:#3597A3;} .pjs-legacy-photo-gallery .prev-button.disabled {opacity:.3; cursor:initial;} .pjs-legacy-photo-gallery .prev-button.disabled:hover {color:#333; background:transparent;} .pjs-legacy-photo-gallery .next-button {padding:10px; font-size:30px; color:#fff; background:#e6b233; position:absolute; top:calc(50% - 105px); right:0; z-index:2; cursor:pointer;} .pjs-legacy-photo-gallery .next-button:hover {color:#fff; background:#3597A3;} .pjs-legacy-photo-gallery .next-button.disabled {opacity:.3; cursor:initial;} .pjs-legacy-photo-gallery .next-button.disabled:hover {color:#333; background:transparent;} .pjs-legacy-photo-gallery .loader {max-width:20%; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); z-index:0;} .pjs-legacy-photo-gallery .loader img {margin:0 auto;} .pjs-legacy-photo-gallery .main {width:100%; height:auto; position:relative; overflow:hidden; z-index:1; display:flex; justify-content:center; align-items:center;} .pjs-legacy-photo-gallery .main figure {margin:0 auto; text-align:center;} .pjs-legacy-photo-gallery .main figure img {margin:0 auto;} .pjs-legacy-photo-gallery .main figcaption {text-align:center; font-size:90%; line-height:1; padding-top:5px;} /*.pjs-legacy-photo-gallery .main img {width:auto; min-width:50%; max-width:100%; min-height:0; flex-shrink:0; z-index:1; margin:0 auto;}*/ .pjs-legacy-photo-gallery .gallery-container {width:100%; max-height:145px; margin-top:15px; position:relative; overflow:hidden; z-index:2;} .pjs-legacy-photo-gallery .gallery {width:100%; position:relative; padding:0 27px;} .pjs-legacy-photo-gallery .gallery .swiper-slide {height:145px; position:relative; display:flex; justify-content:center; align-items:center; font-size:36px; text-shadow:0 0 2px rgba(0,0,0,0.3); overflow:hidden;} .pjs-legacy-photo-gallery .gallery .swiper-slide img {width:auto; min-width:100%; max-width:none; min-height:100%; flex-shrink:0;} .pjs-legacy-photo-gallery .gallery .swiper-slide .icon {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;} .pjs-legacy-photo-gallery .gallery .swiper-slide .icon span {position:absolute; left:-9999px; z-index:-1; opacity:0;} .pjs-legacy-photo-gallery .gallery .swiper-slide .frame {position:absolute; left:-9999px; z-index:-1; opacity:0;} .pjs-legacy-photo-gallery .swiper-button-prev, .pjs-legacy-photo-gallery .swiper-button-next {padding:0 7px; background:#E6B233; top:0 !important; margin-top:0;} .pjs-legacy-photo-gallery .swiper-button-prev {top:42%; left:0;} .pjs-legacy-photo-gallery .swiper-button-next {top:42%; right:0;} .pjs-legacy-photo-gallery .swiper-button-prev:after, .pjs-legacy-photo-gallery .swiper-container-rtl .swiper-button-next:after, .pjs-legacy-photo-gallery .swiper-button-next:after, .pjs-legacy-photo-gallery .swiper-container-rtl .swiper-button-prev:after {content:'';} .pjs-legacy-photo-gallery .swiper-button-prev .fas, .pjs-legacy-photo-gallery .swiper-button-next .fas {font-size:30px; color:#fff; transition:all 0.25s ease;} .pjs-legacy-photo-gallery .swiper-button-prev:hover .fas, .pjs-legacy-photo-gallery .swiper-button-next:hover .fas {color:#231f20;} .pjs-legacy-photo-gallery .swiper-button-next.swiper-button-disabled, .pjs-legacy-photo-gallery .swiper-button-prev.swiper-button-disabled {opacity:1;} .pjs-legacy-photo-gallery .swiper-button-prev.swiper-button-disabled .fas, .pjs-legacy-photo-gallery .swiper-button-next.swiper-button-disabled .fas {opacity:0.6;} @media (max-width:767px) { .pjs-legacy-photo-gallery .main img {width:100%; max-height:75vh;} } .pjs-panel-two-col {width:100%; margin-top:30px; background:#fff;} .pjs-panel-two-col.intro-landing {margin-top:0;} .pjs-legacy-two-col * {box-sizing:border-box;} .pjs-panel-two-col .wrapper {max-width:1440px; margin:0 auto; padding:40px 30px;} .pjs-panel-two-col.intro-landing .wrapper {padding-top:0;} .pjs-panel-two-col .wrapper > h1 {color:#E6B333;} .pjs-panel-two-col.intro-landing .wrapper > h1 {margin-top:0;} .pjs-panel-two-col .container {width:100%; display:flex; justify-content:space-between; align-items:flex-start;} .pjs-panel-two-col.intro-landing .container {padding-bottom:70px;} .pjs-panel-two-col .col {width:55%; margin:0;} .pjs-panel-two-col .col.media {width:40%;} .pjs-panel-two-col .col.full {width:100%;} .pjs-panel-two-col .col > h2 {margin-top:0;} @media (max-width:767px) { .pjs-panel-two-col .wrapper {padding-top:50px; padding-bottom:20px;} .pjs-panel-two-col .container {display:block;} .pjs-panel-two-col .col {margin-bottom:20px;} .pjs-panel-two-col .col, .pjs-panel-two-col .col.media {width:100%;} } .vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden; margin:0 auto;} .vidframe iframe {width:100%; height:100%; position:absolute; top:0; left:0;} .pjs-archive-container {border-top:1px solid #ccc;} .pjs-panel-text.pjs-archive-container .wrapper .container {max-width:1430px;} .num-nav {width:100%; text-align:center; 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; padding:0;} .num-nav ul > li {display:inline-block; vertical-align:bottom; margin:0 5px; padding:0 5px; line-height:1; color:#bbb; font-family:'Helvetica Bold';} .num-nav ul > li > a {display:flex; justify-content:center; align-items:center; color:#bbb; transition:all .25s ease; padding:0; text-decoration:none;} .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:#E6B233;} .num-nav ul > li.active > a {color:#3597A3;}