/*
Theme Name: Perspectives Academy
Author: Nick Zwinggi
Author URI: https://zwinggicreative.com
Description: Theme built for Perspectives Academy
Version: 2024.1
*/
@font-face {
font-family: 'Atkinson';
src: url('fonts/AtkinsonHyperlegibleNextVF-Variable.woff2') format("woff2"),
url('fonts/AtkinsonHyperlegibleNextVF-Variable.ttf') format("truetype-variations");
font-weight: 1 999;
}
@font-face {
font-family: 'Parity';
src: url('fonts/ParitySans.woff2') format('woff2'),
url('fonts/ParitySans.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Parity';
src: url('fonts/ParitySansMedium.woff2') format('woff2'),
url('fonts/ParitySansMedium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
/* ---------------- ---------------- */
/* -------- Global Elements -------- */
/* ---------------- ---------------- */
:root{
--blue: #034971;
--bluedark: #003E61;
--purple: #702F8A;
--purpledark: #310741;
--blueice: #4298B5;
--blueicedark: #2A7A95;
--cerise: #DB2590;
--candlelight: #FED107;
--white: #ffffff;
--grey: #8A8D8F;
--platinum: #E5E1E6;
--slate: #434549;
--black: #111921;
--sans: 'Atkinson', 'Roboto', 'Droid Sans', sans-serif;
--serif: 'Parity', 'Trebuchet MS', serif;
}
html { overflow-x: hidden;}
body * {font-family: var(--sans);}
body { font-weight:400; font-family: var(--sans); font-size: 18px; background:var(--blue); color:var(--slate); overflow-x: hidden;}
#wrapper { background:var(--white);}
strong, b, strong a, b a { font-weight:700; }
h2 strong, h2 b, h2 strong a, h2 b a {font-weight: 500;}
em, i, em a, i a { font-style:italic;}
img.alignright { float:right; margin: 0 0 20px 20px; max-width: 50%;}
img.alignleft { float:left; margin: 0 20px 20px; max-width: 50%;}
@media (max-width:767px){
img.alignleft, img.alignright { float:none; margin: 0 0 20px; max-width: 100%; }
}
hr { height:1px; border:none; border-top:1px solid var(--grey); width:100%; background: none; margin: 30px 0; opacity: .5;}
.divider-gold hr { border-top:1px solid var(--candlelight);}
.divider-blueice hr { border-top:1px solid var(--blueice);}
article ul { list-style: disc; margin: 30px;}
article ol { list-style: decimal; margin: 30px;}
article ul li, article ol li { padding:5px 27px 5px 5px;}
article ul li { list-style: none; position: relative;}
article ul li::before { position: absolute; content: ''; width: 30px; height: 30px; background-image:url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; left:-34px; top:4px; }
article ul li:nth-child(5n-0)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-purple.svg");}
article ul li:nth-child(5n-1)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-blue.svg");}
article ul li:nth-child(5n-2)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
article ul li:nth-child(5n-3)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-cerise.svg");}
@media (max-width:640px){
article ul { margin-right: 0px;}
article ol { margin-right: 0px;}
article ul li, article ol li { padding-right: 5px;}
}
.blue { color:var(--blue) !important;}
.navy { color:var(--bluedark) !important;}
.midnight { color:var(--bluedark) !important;}
.bluedark { color:var(--bluedark) !important;}
.blueicedark { color:var(--blueicedark) !important;}
.blueice { color:var(--blueice) !important;}
.purple { color:var(--purple) !important;}
.purpledark { color:var(--purpledark) !important;}
.black { color:var(--black);}
.white { color:var(--white) !important;}
.grey { color:var(--grey) !important;}
.platinum { color:var(--platinum) !important;}
.slate { color:var(--slate) !important;}
.cerise { color:var(--cerise) !important;}
.gold { color:var(--candlelight) !important;}
.candlelight { color:var(--candlelight) !important;}
.bg-blue { background-color:var(--blue) !important;}
.bg-navy { background-color:var(--bluedark) !important;}
.bg-midnight { background-color:var(--bluedark) !important;}
.bg-bluedark { background-color:var(--bluedark) !important;}
.bg-blueicedark { background-color:var(--blueicedark) !important;}
.bg-blueice { background-color:var(--blueice) !important;}
.bg-purple { background-color:var(--purple) !important;}
.bg-purpledark { background-color:var(--purpledark) !important;}
.bg-black { background-color:var(--black);}
.bg-white { background-color:var(--white) !important;}
.bg-grey { background-color:var(--grey) !important;}
.bg-platinum { background-color:var(--platinum) !important;}
.bg-slate { background-color:var(--slate) !important;}
.bg-cerise { background-color:var(--cerise) !important;}
.bg-gold { background-color:var(--candlelight) !important;}
.bg-candlelight { background-color:var(--candlelight) !important;}
.panel-bg-blue { background-color:var(--blue) !important;}
.panel-bg-navy { background-color:var(--bluedark) !important;}
.panel-bg-midnight { background-color:var(--bluedark) !important;}
.panel-bg-bluedark { background-color:var(--bluedark) !important;}
.panel-bg-blueicedark { background-color:var(--blueicedark) !important;}
.panel-bg-blueice { background-color:var(--blueice) !important;}
.panel-bg-purple { background-color:var(--purple) !important;}
.panel-bg-purpledark { background-color:var(--purpledark) !important;}
.panel-bg-black { background-color:var(--black);}
.panel-bg-white { background-color:var(--white) !important;}
.panel-bg-grey { background-color:var(--grey) !important;}
.panel-bg-platinum { background-color:var(--platinum) !important;}
.panel-bg-slate { background-color:var(--slate) !important;}
.panel-bg-cerise { background-color:var(--cerise) !important;}
.panel-bg-gold { background-color:var(--candlelight) !important;}
.panel-bg-candlelight { background-color:var(--candlelight) !important;}
.border-blue { border-color:var(--blue) !important;}
.border-navy { border-color:var(--bluedark) !important;}
.border-midnight { border-color:var(--bluedark) !important;}
.border-bluedark { border-color:var(--bluedark) !important;}
.border-blueicedark { border-color:var(--blueicedark) !important;}
.border-blueice { border-color:var(--blueice) !important;}
.border-purple { border-color:var(--purple) !important;}
.border-purpledark { border-color:var(--purpledark) !important;}
.border-black { border-color:var(--black);}
.border-white { border-color:var(--white) !important;}
.border-grey { border-color:var(--grey) !important;}
.border-platinum { border-color:var(--platinum) !important;}
.border-slate { border-color:var(--slate) !important;}
.border-cerise { border-color:var(--cerise) !important;}
.border-gold { border-color:var(--candlelight) !important;}
.border-candlelight { border-color:var(--candlelight) !important;}
.panel-bg-blueice *, .panel-bg-blue *, .panel-bg-purple *, .panel-bg-grey *, .panel-bg-purple *, .panel-bg-navy * { color:var(--white);}
.panel-bg-gold p { color:var(--black);}
img { max-width:100%; height: auto;}
.pane { border-radius:0; position: relative; overflow: hidden; }
.pane img { object-fit: cover; position: absolute; width: 100%; height: 100%;}
.relative { position:relative;}
.static { position:static;}
.fixed { position:fixed;}
.absolute { position:absolute;}
a { transition: .25s all ease-in-out; color:#055170; text-decoration: none;}
a:hover { transition: .25s all ease-in-out; color:var(--purple); text-decoration: none;}
a.button,
.button-link a,
a.button-link,
.search-submit,
button.forminator-button-submit,
.button a,
div.button{
background:var(--purple);
line-height: 1.35em;
color: var(--white) !important;
text-transform: uppercase;
letter-spacing: 5px;
transform: scale(100%) !important;
display: inline-block !important;
border: none !important;
transition: .25s all ease-in-out !important;
font-size: 15px !important;
cursor: pointer;
position: relative;
width: auto;
padding: 16px 49px 14px 53px;
font-weight: 550;
border-radius: 4px;
}
a.button:hover,
.button-link a:hover,
a.button-link:hover,
.search-submit:hover,
button.forminator-button-submit:hover,
.button a:hover,
div.button:hover {
background:var(--blueice) !important;
transition: .25s all ease-in-out !important;
}
a.button.bg-blueice:hover,
.button-link a.bg-blueice:hover,
a.button-link.bg-blueice:hover,
.search-submit.bg-blueice:hover,
button.forminator-button-submit.bg-blueice:hover,
.button a.bg-blueice:hover,
div.button.bg-blueice:hover {
background:var(--blue) !important;
transition: .25s all ease-in-out !important;
}
@media (max-width:640px){
a.button,
.button-link a,
a.button-link,
.search-submit,
button.forminator-button-submit,
.button a,
div.button{ width: 100%; text-align: center;}
}
@media (max-width:640px){
a.button, .button-link a, a.button-link, .button a {width: 100%;}
.search-submit, button.forminator-button-submit { max-width:100%;}
}
.link_shelf { display:flex; justify-content: center; flex-wrap: wrap; gap:24px;}
.funk .masthead-text a { color:var(--white);}
.funk .masthead-text a:hover { color:var(--candlelight) !important;}
a.download-link { padding-right: 42px !important; }
a.download-link::after { content:''; position: absolute; top:50%; transform: translateY(-50%); right:8px; height:20px; width:25px; background: url("/wp-content/themes/perspectives/images/downloadable.svg") no-repeat; background-size: contain;}
button#searchsubmit { margin-top:30px;}
.read-more.button { width: auto !important;}
.read-more.button:hover { width: auto !important;}
p, ul, li, .p { line-height: 1.5em;}
p, .p { margin-bottom: 21px; }
#memberships, #memberships p { display:flex; align-items: center; justify-content: center;}
#memberships img { margin:0 20px;}
@media (max-width:990px){
#memberships p { flex-wrap: wrap;}
#memberships img { margin: 10px 0; display: block; max-width: 100%;}
}
.flex-wrap {flex-wrap: wrap;}
.pageinner { max-width:1280px; width:90%; margin:0 auto; padding: 0; position: relative;}
.page-panel-inner > .pageinner { z-index: 1;}
@media (max-width:990px) {
.pageinner { width:calc(100% - 50px); margin:0 25px;}
}
.pageinnerslim { max-width:840px;}
.pageinnerslim img, .wp-caption { max-width:100%;}
.wp-caption-text { font-style:italic; padding:20px 0; margin-bottom:30px; border-bottom:1px solid #d7d7d7; line-height: 1.5em;}
header .pageinner { max-width:1280px; width:calc(90% - 50px);align-items: center;}
@media (max-width:990px) {
header .pageinner {width: calc(100% - 50px);text-align: center;justify-content: center;}
}
.attachment-post-thumbnail, .page-panel img { border-radius:0px; margin-bottom: 30px;}
@media (max-width:767px) {
.attachment-post-thumbnail, .page-panel img { display:block;}
}
.flex { display:flex;}
@media (max-width:990px) {
.mobile-reverse .flexPanel { flex-direction: column-reverse; width:100%;}
}
@media (min-width:991px) {
.desktop-reverse .flexPanel { flex-direction: row-reverse;}
.flexPanel.desktop-reverse { flex-direction: row-reverse;}
}
.side-by-side ul {display: flex;flex-wrap: wrap;}
.side-by-side ul li { width:50%;}
@media (max-width:990px) {
.desktop-only { display:none !important;}
}
@media (min-width:991px) {
.mobile-only { display:none !important;}
}
.no-margin { margin:0 !important;}
.no-padding { padding:0 !important;}
.no-bottom { padding-bottom:0 !important;}
.no-top { padding-top:0 !important;}
#header { position: relative; width:100%; top:0; left: 0;z-index: 99999; height: calc(100vh - 105px);
background: var(--bluedark);
}
.scroll-up #header, .scroll-down #header { }
#site-title { background:url("/wp-content/themes/perspectives/images/logo.svg") no-repeat; background-size:contain; width:250px; height:80px; background-position: left center; text-indent: -9999px; overflow: hidden; margin:24px 0; transition:.25s all ease-in-out;}
.scroll-up #site-title,
.scroll-down #site-title {height: 50px;margin: 12px 0; transition:.25s all ease-in-out;}
@media (max-width:990px) {
#site-title { width: 100%;height: 47px; background-position: center center;}
.scroll-up #site-title,
.scroll-down #site-title {height: 40px;margin: 12px 0; transition:.25s all ease-in-out;}
}
#site-title a {
display: block;
height: 100%;
cursor: pointer;
}
.fader { opacity:0; transition: .375s all ease-in-out; position: relative;}
.fader.opaque { opacity:1; transition: .375s all ease-in-out;}
@media (min-width:991px) {
.fader { margin-top:50px !important; margin-bottom: -50px !important;}
.fader.opaque { margin-top:0 !important; margin-bottom: 0 !important;}
.cell_12.fader, .card.fader { margin-top:70px !important; margin-bottom: -70px !important; }
.cell_12.fader.opaque, .card.fader.opaque { margin-top:0px !important; margin-bottom: 0px !important;}
}
#desktop-menu { width: calc(100% - 250px); display: flex; flex-wrap: wrap; align-content: flex-end;}
#menu-main-menu { width: calc(100%); display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between;}
.menu-main-menu-container {
width: calc(100% - 46px);
margin: auto;
}
#menu-main-menu li a {
text-transform: uppercase;
color: var(--purple);
font-size: 18px;
font-style: italic;
letter-spacing: 3px;
}
#menu-main-menu li:not(.button) a:hover {
color:var(--white);
}
#menu-main-menu li:not(.button) a::before { content: ''; position: absolute; top: 0; left: 0; width:100%; height: calc(100% - 2px); opacity: 0; transition: .25s all ease-in-out; background-size: 100% 100%; z-index: -1; background-color: var(--cerise); border-radius: 4px;}
#menu-main-menu li:not(.button) a:hover::before { opacity:1; transition: .25s all ease-in-out;}
.menu-nav-shelf-container { width:100%;}
.menu-nav-shelf-container ul { display:flex; justify-content: flex-end;}
.menu-nav-shelf-container ul li { position: relative; transition: .25s all ease-in-out; line-height: 1.5;}
.menu-nav-shelf-container ul li a { padding:12px 14px 10px; display: block; font-weight:500; position: relative; font-size: 15px; color: var(--white); letter-spacing: 1.81px;text-transform: uppercase; }
.menu-nav-shelf-container ul li.button a { padding-right:0; padding-left:0; margin-top: 8px; padding-top: 8px !important; padding-bottom: 6px !important; margin-left:0px;}
.menu-nav-shelf-container ul li.button a:hover { margin-left:-15px;}
.menu-nav-shelf-container ul li:not(.button) a { position:relative; display: inline-block;padding-left:0px;padding-right:45px;}
.menu-nav-shelf-container ul li:not(.button) a:hover { padding-left:15px;padding-right:30px;}
.menu-nav-shelf-container ul li:not(.button) a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/perspectives/images/chevron-right-dark.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 15px;}
.menu-nav-shelf-container ul li:not(.button) a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; }
.menu-nav-shelf-container ul li.button a { font-size:14px !important; padding-left:14px !important; padding-right: 45px !important;}
.menu-nav-shelf-container ul li.button a:hover { padding-right:60px !important;}
#menu-main-menu li.search-nav a, a.search-button {
margin-top: 0;
width: 15px;
height: 15px;
background-position: center center;
text-indent: -9999px;
overflow: hidden;
display: block;
padding-right: 0;
padding-left: 0;
background-color: transparent !important;
border: none !important;
transition: .25s all ease-in-out;
padding: 0 !important;
margin: 9px 23px 0 23px;
position: relative;
}
#menu-main-menu li.search-nav a::before, a.search-button::before { position:absolute; content:'';
background-image: url("/wp-content/themes/perspectives/images/spyglass_dark.svg") !important;
background-repeat: no-repeat !important;
background-size: contain;
background-position: center center;
width: 100%;
height: 100%; top: 0; left:0; opacity: 1; transition:.25s all ease-in-out;}
#menu-main-menu li.search-nav a:hover::before, a.search-button:hover::before { opacity:0; transition:.25s all ease-in-out;}
#menu-main-menu li.search-nav a::after, a.search-button::after { position:absolute; content:'';
background-image: url("/wp-content/themes/perspectives/images/spyglass.svg") !important;
background-repeat: no-repeat !important;
background-size: contain;
background-position: center center;
width: 100%;
height: 100%; top: 0; left:0; opacity: 0; transition:.25s all ease-in-out;}
#menu-main-menu li.search-nav a:hover::after, a.search-button:hover::after { opacity:1; transition:.25s all ease-in-out;}
#menu-main-menu li.search-nav a:hover, a.search-button:hover {
transform:scale(119%); transition:.25s all ease-in-out;}
.menu-nav-shelf-container ul > li:hover a { color:var(--purple); transition: .25s all ease-in-out; position: relative; z-index: 3;}
.menu-nav-shelf-container ul .sub-menu { padding:14px; position: absolute; left:0px; min-width: 250px; background:#f8f8f8; border:1px solid #DEDEDE; z-index: 2; margin-top:0px; height:auto; overflow: hidden;transition:.25s all ease-in-out; max-height:0px; opacity: 0; flex-wrap: wrap;}
.menu-nav-shelf-container ul > li.menu-item-has-children:hover .sub-menu { max-height: 1000px; transition:.25s all ease-in-out; opacity: 1;}
@media(max-width:990px){
.menu-nav-shelf-container ul .sub-menu { padding: 0; position: relative; left: 0%; width:100%; height:auto; max-height:0px; overflow: hidden; bottom: unset; top:unset; background:#d0d0d0;transition: .25s all ease-in-out;}
.menu-nav-shelf-container ul > li.menu-item-has-children:hover .sub-menu { position: relative; left: 0%; max-height: 1000px;transition: .25s all ease-in-out;opacity: 1;padding-left: 41px;bottom: 0px;z-index: 999;}
.menu-nav-shelf-container ul li { position: static;}
.menu-nav-shelf-container ul li a { position: static;}
.menu-nav-shelf-container ul li.search-nav { display: none;}
a.search-button { top: 37px; left: 25px; position: absolute; transform: scale(134%);}
}
.menu-nav-shelf-container ul .sub-menu li { margin:0; background:#f8f8f8; border:none; width:100%;}
.menu-nav-shelf-container ul .sub-menu li a { padding:9px 0; margin: 0; background:#f8f8f8 !important; border:none !important; line-height: 1;}
.menu-nav-shelf-container ul .sub-menu li a { position:relative; display: inline-block;padding-right:15px;}
.menu-nav-shelf-container ul .sub-menu li a:hover { padding-left:15px;padding-right:0;}
.menu-nav-shelf-container ul .sub-menu li a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/perspectives/images/chevron-right.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 9px;}
.menu-nav-shelf-container ul .sub-menu li a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; }
@media(max-width:990px){
.menu-nav-shelf-container ul .sub-menu li a { padding:10px; margin: 0; background:#d0d0d0 !important; border:1px solid #dedede !important; border-left: none !important; border-right: none !important;}
.menu-nav-shelf-container ul .sub-menu li a::before,
.menu-nav-shelf-container ul .sub-menu li a::after { display:none !important;}
}
#menu-main-menu li { position:relative; display: block;}
#menu-main-menu > li { padding: 14px 0;}
#menu-main-menu > li li { padding: 0;}
#menu-main-menu li > a { position:relative; padding-left:23px; padding-right:23px; display:block; line-height: 34px; color: var(--white); font-weight: 900; font-style:normal;font-size: 14px;letter-spacing: 4.34px; padding: 3px 20px;}
#menu-main-menu li li > a { position:relative; padding-left:12px; padding-right:12px; display:block; text-align: left;}
#menu-main-menu li .sub-menu { position:absolute; left:0; bottom:73px; opacity: 0; max-height: 0px; height:auto; overflow: hidden; transition:.25s all ease-in-out; min-width: 350px; width: auto; margin-left: 0; border: #d8d8d8 1px solid; background: var(--white); padding: 11px;}
#menu-main-menu li:hover .sub-menu { max-height: 1000px; transition:.25s all ease-in-out; opacity: 1;}
.fixed #menu-main-menu li .sub-menu { bottom: unset; top: 73px;}
@media(max-width:1450px){
#menu-main-menu li > a { letter-spacing: 2px; font-weight: 500;}
}
@media(max-width:1250px){
#menu-main-menu li > a { padding-left:10px; padding-right:10px;}
#menu-main-menu li li > a { padding-left:5px; padding-right:5px;}
#menu-main-menu li .sub-menu { padding:11px 5px; min-width: 275px;}
}
@media(max-width:1100px){
#menu-main-menu li > a { letter-spacing: 1px;}
}
@media(max-width:1000px){
#menu-main-menu li > a { letter-spacing: .5px;}
}
.not-front .desktop-nav.navmenu { display:flex; flex-wrap: nowrap; max-width: 1280px; width:calc(100% - 48px); margin: 0 auto; transition: .5s all ease-in-out;}
.not-front .menu-main-menu-container {width: calc(100% - 46px); margin: auto; align-items: center; display: flex; height: 100%; transition: .5s all ease-in-out; margin-right: -24px;}
.navigation .slider-logo { height: 82px; width: 230px;min-width: unset; margin: 5px 0; transition: .5s all ease-in-out;}
.scroll-up .navigation .slider-logo,
.scroll-down .navigation .slider-logo {
margin-top: 2px;
height: 60px;
width: 182px;
min-width: unset; transition: .5s all ease-in-out;
}
.navigation .slider-logo img,
.scroll-up .navigation .slider-logo img,
.scroll-down .navigation .slider-logo img {
width: 100%;
max-width: 100%;
height: auto; transition: .5s all ease-in-out;
}
.navigationArea { position: absolute;bottom: 0px;width: 100%;background: none;margin-bottom: 0;text-align: center;left: 0;z-index: 2147483646; height:66px; }
.navigation { position: absolute;bottom: 20px;width: 100%;background: var(--blue);margin-bottom: 0;text-align: center;left: 0;z-index: 2147483646; height:66px; transition: .25s all ease-in-out; -webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0);-moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0);box-shadow: 1px 3px 5px -2px rgba(0,0,0,0);}
.navigationArea .logo { display:block; margin:-20px auto -20px;transition: .25s all ease-in-out; max-width: 250px; }
.navigationArea.fixed { }
.navigationArea .navigation,
.navigationArea.fixed .navigation { position: fixed; bottom: auto; top:0; left:0; transition: .5s all ease-in-out;-webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.16);-moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.16);box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.16);}
.navigationArea.fixed .logo { margin:5px auto; width:129px; max-width: 129px; transition: .25s all ease-in-out;}
@media (max-width:990px){
.navigationArea { height:0; margin-bottom: 0;}
.navigation { justify-content: flex-start; display: flex; padding: 0 24px;}
.navigationArea .logo { display: block; margin: 5px auto -20px 5px; transition: .25s all ease-in-out; max-width: 89px;}
.navigationArea .navigation { background:none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.scroll-up .navigationArea .navigation,
.scroll-down .navigationArea .navigation { background:var(--blue);-webkit-box-shadow:1px 3px 28px -1px rgba(0,0,0,0.2);-moz-box-shadow:1px 3px 28px -1px rgba(0,0,0,0.2);box-shadow: 1px 3px 28px -1px rgba(0,0,0,0.2);}
.navigationArea .navigation .slider-logo { display:block;}
.navigation .slider-logo { height: 112px; width: 60%; min-width: unset; margin: 5px 0; transition: .5s all ease-in-out;}
.scroll-up .navigation .slider-logo,
.scroll-down .navigation .slider-logo { margin-top: 2px; height: 66px; width: 142px; min-width: unset; transition: .5s all ease-in-out;}
}
.top-zero { top:0 !important;}
.not-front #menu-main-menu { align-content: flex-end; justify-content: flex-end; transition: .5s all ease-in-out;}
.not-front .navigation { height: 89px; transition: .5s all ease-in-out;}
@media (max-width:990px){
.not-front .navigation { height: 110px;}
.scroll-up .not-front .navigationArea .navigation,
.scroll-down .not-front .navigationArea .navigation { height: 66px;}
#wrapper:not(.not-front) .navigation { top:-200px;}
#wrapper:not(.not-front) .navigation .slider-logo { }
}
.scroll-up .not-front .navigation { height: 66px; transition: .5s all ease-in-out;}
.scroll-down .not-front .navigation { height: 66px; transition: .5s all ease-in-out;}
#searchoverlay { position:fixed; top:0; left:0; width:100%; height: 100%; background:rgba(45,69,83,.9); z-index: 999999999999999999; visibility: hidden; opacity: 0; transition:.25s all ease-in-out;}
#searchoverlay.active { visibility: visible; opacity: 1; transition:.25s all ease-in-out;}
#searchoverlay #search {margin:0vh auto 0; max-width: 534px; background: var(--white); padding:25px; border-radius:3px; width: calc(100% - 50px); transition:.25s all ease-in-out;}
#searchoverlay.active #search {margin:20vh auto 0; transition:.25s all ease-in-out;}
form.search-form {display: flex; justify-content: space-between; flex-wrap: wrap;}
textarea, input[type="text"],input[type="email"], input[type="button"], input[type="reset"], input[type="search"], input[type="password"] { -webkit-appearance: none; appearance: none; border-radius: 0; border: 1px solid #ccc; font-size: 16px; padding: 12px 22px 10px; width:100%; color:var(--black) !important;}
.forminator-ui.forminator-design--default textarea.forminator-textarea
{ color:var(--black) !important;}
.forminator-ui.forminator-design--default .forminator-error-message { background-color: var(--cerise) !important}
form.search-form label { width:100%; margin-bottom: 30px;}
.forminator-ui.forminator-design--default .forminator-response-message {
background-color: var(--purple) !important;
box-shadow: none !important;
}
.forminator-ui.forminator-design--default .forminator-response-message.forminator-success {
background-color: var(--blueice) !important;
box-shadow: none !important;
}
.closeX { position:absolute; right:50px; top:50px; width:34px; height:34px;}
@media(max-width:990px){
.closeX { right: 25px; top: 30px;}
}
.closeX::before { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(-45deg); background:var(--white); position: absolute;}
.closeX::after { transition:.25s all ease-in-out; content: ''; height:2px; width:35px; top:16px; left:0; transform: rotate(45deg); background: var(--white); position: absolute;}
.closeX:hover::before, .closeX:hover::after { transition: .25s all ease-in-out; transform:rotate(0deg)}
.default-header, .text-header { padding:4px 0 0;}
@media(max-width:990px){
.default-header, .text-header {padding: 4px 25px 30px;}
}
.resource_search .custom-form { display:flex;}
.resource_search .custom-form button { margin-top:0 !important; }
.project-overlay { display:flex; padding:30px;}
.project-overlay a { text-transform: uppercase; margin-right: 30px; letter-spacing: 1px;}
.project-overlay a:hover { color:var(--purple);}
@media(max-width:990px){
.project-overlay a { text-transform: uppercase; margin-right: 30px; width: 100%; display: block; padding: 5px 0;}
.resource_search { width: 100%; margin: 10px 0 0;}
}
/* ---------------- ---------------- */
/* -------- Mega Menu -------- */
/* ---------------- ---------------- */
.mega-menu{ display: flex; justify-content: flex-end; width: 100%; padding-left: 40px;}
@media (max-width:990px){
.mega-menu {flex-wrap: wrap;padding-left: 25px;}
.mega-menu > .menu {flex-wrap: wrap; justify-content:left;}
}
.mega-menu .menu { display:flex; justify-content: flex-end;align-items: end; margin-bottom: -1px;}
.mega-menu .menu li.has-mega-menu > a { padding:20px 20px 38px; display: block; background:var(--white); border:1px solid var(--white); transition: .25s all ease-in-out; border-bottom:1px solid #DEDEDE;}
@media(max-width:1250px){
.mega-menu .menu li.has-mega-menu > a { padding:15px 15px 28px; width: 180px; }
}
@media(max-width:990px){
.mega-menu .menu li.has-mega-menu { width: 100%; }
.mega-menu .menu li.button-link { width: auto; position: absolute; top: 32px; left: 50%; transform: translateX(-50%);margin: 0 !important;}
.mega-menu .menu li.has-mega-menu > a { padding:6px 15px 15px; width: 100%; }
}
.mega-menu .menu li.has-mega-menu:hover > a { color:var(--bluedark); background:#f8f8f8; border:1px solid #DEDEDE; border-bottom:1px solid #f8f8f8; transition: .25s all ease-in-out; }
li.has-mega-menu > a::before { content:'for'; font-family:'DS Italic';text-transform: lowercase; color:var(--purple); display:block; letter-spacing: 2px; font-size: 13px; padding:0; margin-bottom: 0px;}
li.has-mega-menu > a::after { content: ''; background: url("/wp-content/themes/perspectives/images/chevron.svg") no-repeat; width: 25px; height: 16px; background-position: right 7px; background-size: 15px; display: inline-block;}
@media (max-width:990px){
li.has-mega-menu > a::after {content: '';background: url("/wp-content/themes/perspectives/images/chevron.svg") no-repeat;width: 16px;height: 10px;background-position: left bottom;background-size: contain;display: inline-block; transform: rotate(-90deg);}
}
.mega-menu .menu > li.button-link { margin:0 0 37px 20px;}
.mega { display:block; position: absolute; left:0; background: #f8f8f8; padding:0; height: auto; overflow: hidden; max-height:0px;transition: .75s max-height 0s ease-in-out, 0s opacity .75s; opacity: 0; z-index: 2;}
.has-mega-menu:hover .mega { max-height: 70vh; transition: .75s max-height ease-in-out; opacity:1; z-index: 3;}
.mega-title { font-family:'DS Italic';text-transform: lowercase; color:var(--purple); display:block; letter-spacing: 2px; font-size: 13px; padding:0 0 15px; margin-bottom: 25px; border-bottom:1px solid #dedede; }
.mega-flex { padding:40px 45px;border:1px solid #dedede; border-top:none;}
.mega-flex .mega-inner { width:18%; margin-right:0; }
.mega-flex .mega-inner.widget_media_image { width:calc(50% - 45px); margin-right:45px; }
.mega-menu .menu .widget_nav_menu:last-child { width:32%; }
.mega-menu .menu .widget_nav_menu .menu { flex-wrap:wrap; justify-content: flex-start; align-items: flex-start; }
.mega-menu .menu .widget_nav_menu .menu li { width:100%; padding-bottom: 25px; }
.mega-menu .menu .widget_nav_menu .menu li a { position:relative; display: inline-block;}
.mega-menu .menu .widget_nav_menu .menu li a:hover { padding-left:15px;}
.mega-menu .menu .widget_nav_menu .menu li a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/perspectives/images/chevron-right.svg") no-repeat;width: 0;height: 14px; position: absolute; background-size: 6px 12px; left: 0;background-position: right; top: 4px;}
.mega-menu .menu .widget_nav_menu .menu li a:hover::before { width: 6px; transition: .25s all .125s ease-in-out; }
#mobile-menu.navmenu { display:none;}
#contact-nav-list { position:fixed; width:100%; height:100%; top:0; z-index: 888; background: #055170; text-align: left; left:110%; transition:.5s left ease-in-out; padding: 24px 24px 0;}
#contact-nav-list.active { left:0%; transition:.5s left ease-in-out;}
#contact-nav-list iframe { border: 0; width: 100%; height: 60vh;}
#contact-nav-list .textwidget { margin: 3vh 5%;}
#contact-nav-list .textwidget a.button{ width:100%;}
#contact-nav-list .forminator-description { font-size:11px; color:var(--white); font-style:italic; margin:5px 0 0 0; opacity: .7;}
#mobile-nav-list { position:fixed; width:100%; height:100%; top:0; z-index: 888; background: var(--blue); text-align: left; left:110%; transition:.5s left ease-in-out;}
#mobile-nav-list.active { left:0%; transition:.5s left ease-in-out;}
#mobile-nav-list ul { text-align:left; position: absolute; bottom:100px; left: 7%;}
#mobile-nav-list ul li { position: relative;}
#mobile-nav-list ul li ul { position: relative; top: 0; }
#mobile-nav-list ul a { text-align:#ffffff;}
#mobile-nav-list > div > ul > li > a {
font-weight: 600;
position: relative;
padding-right: 60px;
font-size: 21px;
color: #ffffff;
letter-spacing: 3px;
text-transform: uppercase;
font-style: normal;
margin: 10px 0 10px;
display: inline-block;
}
#mobile-nav-list > div > ul > li ul { margin-bottom: 10px;}
#mobile-nav-list > div > ul > li ul li { margin-top: 10px;}
#mobile-nav-list > div > ul > li ul li:first-child { margin-top:0;}
#mobile-nav-list > div > ul > li ul a {font-weight: 500;position: relative;padding-left:20px;font-size: 16px;color: #ffffff;letter-spacing: 2px;text-transform: uppercase;margin: 0;display: inline-block;}
#mobile-nav-list > div > ul > li ul a::before { transition: .25s all ease-in-out; content: '';background: url("/wp-content/themes/perspectives/images/chevron-right-white.svg") no-repeat;width: 6px;height: 14px; position: absolute; display:inline-block; left: 0;background-position: right; top:6px;}
.mobilemenu { display: none;}
@media (max-width:990px){
.mobilemenu { display: flex; position:fixed; width:100%; height: 71px; bottom: 0; left:0; background: #fff; /*border-top: 1px solid #ffffff; */z-index: 999;padding-left: 0; justify-content: space-evenly; box-shadow: 0 0 21px -14px rgba(0,0,0,.5);}
.mobilenav-item {width: inherit;height: 71px;display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 12px;position: relative;transition: .5s background ease-in-out;padding-top: 12px;}
.mobilenav-item.active { background: var(--blue); transition:.5s background ease-in-out;}
.mobilenav-item.active img { filter:brightness(100) grayscale(1); transition:.5s background ease-in-out;}
.mobilenav-item.active::after { opacity:0; transition:.5s opacity ease-in-out;}
.mobilenav-item.activecontact::after { opacity:0; transition:.5s opacity ease-in-out;}
/*.mobilenav-item:last-child { width:24%}*/
.mobilenav-item:last-child::after { display:none;}
.mobilenav-item img { text-align: center; margin: 0 auto; max-height: 33px;}
.mobilenav-item .img { text-align: center; margin: 0 auto; max-height: 28px;height: 28px;width: 100%;position: relative;}
.mobilenav-item .img img { opacity:0; position: absolute; top:0; left:50%; transform:translateX(-50%); width: auto; height: auto; max-height: 28px; transition:.25s all ease-in-out;}
.mobilenav-item .img img.img-on { opacity:0; transition:.25s all ease-in-out;}
.mobilenav-item.active .img img.img-on { opacity:1; transition:.25s all ease-in-out;}
.mobilenav-item .img img.img-off { opacity:1; transition:.25s all ease-in-out;}
.mobilenav-item.active .img img.img-off { opacity:0; transition:.25s all ease-in-out;}
.mobilenav-item span { text-align: center; white-space: nowrap; margin: 4px auto 0; display: block; text-transform: uppercase; letter-spacing: .5px; width: 100%; font-weight: 500; font-size: 10px; line-height: 10px; color: var(--blue); transition: .5s all ease-in-out;}
.mobilenav-item.active span { color:#ffffff;}
.mobilenav-item:hover { transition: .5s all ease-in-out;}
.stackNav { position:relative; display: block; height:19px; width:28px; z-index: 99; margin: 0 auto;}
.stackNav * { transition:.25s all ease-in-out; background-color: var(--blue);}
.stackNav .one { height:2px; width:25px; top:0; left:1px; position: absolute; }
.stackNav .two { height:2px; width:25px; top:6px; left:1px; position: absolute; opacity: 1;}
.stackNav .three { height:2px; width:18px; top:12px; left:1px; position: absolute; }
.mobilenav-item.active .stackNav * { background-color: #ffffff;}
.mobilenav-item.active .stackNav .one { transform:rotate(45deg); top:6px;}
.mobilenav-item.active .stackNav .two { transform:rotate(-45deg); top:6px;}
.mobilenav-item.active .stackNav .three { transform:rotate(-45deg); top:6px; opacity: 0; transition:.25s all ease-in-out, .125s opacity .125s ease-in-out;}
}
@media (max-width:350px){
.mobilenav-item img { max-height: 20px;}
}
/* ---------------- ---------------- */
/* -------- Headings -------- */
/* ---------------- ---------------- */
h1 {font-family: var(--serif); text-align: left;font-weight: 400; position: relative; font-size: 53px;color: var(--white);letter-spacing: 0.5px;line-height: 1.17em;padding-left: 48px;}
@media (max-width:990px){
h1 {font-size: 38px; line-height: 42px;padding-left: 0;}
}
h1 span { display:block; margin: 0; line:1; font-size: 24px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;}
.entry-title { margin-bottom:40px;}
.masthead-content h1 { text-align: right; position: relative; z-index: 1; margin-bottom: 11px;}
@media (max-width:767px){
.masthead-content h1 {padding-right: 0px;}
}
#searchoverlay #search h2 { margin-bottom:30px;}
h2 { font-weight: 200; font-size: 36px;color: var(--purple);letter-spacing: 0;line-height: 39px; margin-bottom: 22px;}
@media (max-width:990px){
h2 { font-size: 28px;line-height: 33px;}
}
.team_member h2 {margin-bottom: 5px;}
h2.bolder { font-weight: 600;}
h3 { font-weight: 500; font-style: italic; color: var(--purple);line-height: 1.25; margin-bottom: 22px; font-size:23px;}
@media (max-width:990px){
h3 { font-size: 28px;line-height: 33px;}
}
h3.link { font-size:23px; font-style:normal; color:var(--blueicedark);}
h4 { font-weight: 500; font-size: 18px; color: var(--blueice); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 4.75px;}
@media (max-width:990px){
h4 {font-size: 16px;}
}
.team_member h4 { text-transform: none; letter-spacing: 0; font-size: 24px; font-weight: 400; margin-bottom: 20px;}
h5 { font-size: 18px; color: var(--blueice); letter-spacing: 4px; line-height: 24px; font-weight: 800; }
.team_member h5 { font-size: 18px; color: var(--white); letter-spacing: 2.9px; background:var(--purple); padding:4px 60px 4px 16px; text-transform: uppercase; width:auto; font-style: italic; display:inline-block; line-height: 1.25em; margin-bottom:20px;}
@media (max-width:990px){
.team_member h5 { font-size: 16px;padding-right: 48px; line-height: 1.25em; padding: 8px 60px 8px 16px;}
}
@media (max-width:480px){
.team_member h5 { font-size: 14px;line-height: 1.25em;padding: 10px 30px 10px 16px;}
}
h6 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; line-height: 1.5;}
.team_member h6::after {
content: '';
width: 47px;
height: 10px;
position: absolute;
background: url("/wp-content/themes/perspectives/images/arrow_grey_thin.svg") no-repeat;
background-size: contain;
background-position: center;
display: block;
right: 0;
top: 5px;
}
.team_member h6 {
font-weight: 600;
font-size: 16px;
letter-spacing: 3px;
position: relative;
padding-right: 70px;
}
.flexPanel p,
.flexPanel .p { font-size:18px;}
.flexPanel p:last-child,
.flexPanel .p:last-child { margin-bottom: 0;}
.link-content { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px;}
.arrow-link { font-weight:600;font-size: 16px;color: var(--slate);letter-spacing: 6px; text-transform: uppercase; margin-top:24px; position: relative;}
.arrow-link::after {
content: '';
width: 71px;
height: 13px;
background: url("/wp-content/themes/perspectives/images/arrow_grey_thin.svg") no-repeat;
background-size: contain;
background-position: center;
display: inline-flex;
position: relative;
top: 1px; transition:var(--standard);
}
.insights .cell:hover .arrow-link { transition:var(--standard); filter: brightness(1.7);}
/* ---------------- ---------------- */
/* -------- Flex Panel Values -------- */
/* ---------------- ---------------- */
.flexPanel { display: flex !important; padding: 0; width:calc(100% + 40px); max-width:1320px; flex-wrap: wrap; margin:0 -20px;}
.bg_image_assigned .pageinner.fader .flexPanel { row-gap: 20px;}
.flexPanel.flexReverse { flex-direction:row-reverse;}
.flexPanel .cell_12,
.flexPanel .cell_11,
.flexPanel .cell_10,
.flexPanel .cell_9,
.flexPanel .cell_8,
.flexPanel .cell_7,
.flexPanel .cell_6,
.flexPanel .cell_5,
.flexPanel .cell_4,
.flexPanel .cell_3,
.flexPanel .cell_2,
.flexPanel .cell_1 { width:100%; margin:20px; display:block;}
@media (min-width:641px){
.flexPanel .cell_8,
.flexPanel .cell_7,
.flexPanel .cell_6,
.flexPanel .cell_5,
.flexPanel .cell_4 { width:calc(50% - 40px);}
}
@media (min-width:768px){
.flexPanel .cell_8,.flexPanel .cell_9 { width:calc(67.777% - 40px);}
.flexPanel .cell_4, .flexPanel .cell_3 { width:calc(33.333% - 40px);}
}
@media (min-width:991px){
.flexPanel .cell_11 { width:calc(91.667% - 40px);}
.flexPanel .cell_10 { width:calc(83.333% - 40px);}
.flexPanel .cell_9 { width:calc(75% - 40px);}
.flexPanel .cell_8 { width:calc(66.667% - 40px);}
.flexPanel .cell_7 { width:calc(58.333% - 40px);}
.flexPanel .cell_5 { width:calc(41.667% - 40px);}
.flexPanel .cell_4 { width:calc(33.333% - 40px);}
.flexPanel .cell_3 { width:calc(25% - 40px);}
.flexPanel .cell_2 { width:calc(16.667% - 40px);}
.flexPanel .cell_1 { width:calc(8.333% - 40px);}
}
@media (min-width:991px){
.team_member .flexPanel .cell_3 { width:calc(33% - 40px);}
}
@media (min-width:1400px){
.team_member .flexPanel .cell_3 { width:calc(25% - 40px);}
}
@media (max-width:991px){
.flexPanel .card.cell_4, .flexPanel .card.cell_3 { width: calc(50% - 40px) !important;}
}
@media (max-width:640px){
.flexPanel .card.cell_4, .flexPanel .card.cell_3 { width: calc(100% - 40px) !important;}
}
/* ---------------- ---------------- */
/* -------- Panel Values -------- */
/* ---------------- ---------------- */
main#content { width:100%; margin-top:0;overflow: visible; position: relative; z-index: 99999;}
@media (max-width:990px){
main#content { margin-top:0px;}
}
.page-panel { position: relative;}
.page-panel .page-panel-inner { padding: 120px 0; position: relative;}
.page-panel.no-top .page-panel-inner { padding-top: 0px;}
.page-panel.no-bottom .page-panel-inner { padding-bottom: 0px;}
.page-panel.extra-top .page-panel-inner { padding-top: 175px;}
.page-panel.extra-bottom .page-panel-inner { padding-bottom: 175px;}
@media (max-width:990px){
.page-panel .page-panel-inner { padding: 50px 0;}
.page-panel.no-top .page-panel-inner { padding-top: 0px;}
.page-panel.no-bottom .page-panel-inner { padding-bottom: 0px;}
.page-panel.extra-top .page-panel-inner { padding-top: 75px;}
.page-panel.extra-bottom .page-panel-inner { padding-bottom: 75px;}
}
.page-panel-inner { height:100%; width:100%; overflow: hidden; position: relative;}
.team_member .page-panel-inner { overflow: visible; }
.panel-over-right { position:absolute; right:-20px; top:120px; min-width: 386.65px;}
.panel-over-right p { line-height:1em;}
.masthead { position:relative; padding:0 !important; overflow: unset !important;}
.masthead .funk { position:relative; padding:0 !important; overflow: hidden !important;}
.masthead .textbox { position:absolute; left:0; top: 9vh; z-index: 4; width: calc(100%); display: flex; gap:40px; align-items: center; justify-content: space-between; }
.masthead .textbox h3 { width:50%; }
.masthead .textbox .masthead-outer { width:100%; position: relative; }
@media (max-width:990px){
.masthead .textbox {flex-wrap: wrap;}
.masthead .textbox h3, .masthead .textbox .masthead-outer { width:100%; }
.masthead .textbox .masthead-text { margin-bottom:0;}
.masthead .textbox {position: relative;left: 0;top: 0;transform: none;z-index: 4;width: calc(100%);display: flex;gap: 40px;align-items: center;justify-content: space-between;padding: 88px 0px;}
.slider_pane .pageinner {height: auto !important; min-height: 125vh;}
}
.masthead .pane { border-radius:0px; height:457px; }
@media (max-width:990px){
.masthead .pane { height:320px; }
.panel-over-right { min-width: 215px;}
}
@media (max-width:640px){
.masthead .pane { height:240px; }
.masthead .textbox { padding:40px 0;}
}
@media (max-height:640px) and (max-width:640px){
.masthead .textbox { padding:0;}
}
.panel-bg-padding { padding:40px;}
.masthead-text { background: transparent; padding:0 40px; color:var(--white); text-align: center;}
@media (max-width:640px){
.masthead-text { padding: 24px 24px 40px; }
}
.masthead-text h2 { color:var(--white); text-align: center;}
.masthead-outer.bg-white { background: transparent; padding:40px; color:var(--white);}
@media (max-width:640px){
.masthead-outer.bg-white {padding: 24px;}
}
.masthead .slider_pane::before { content: ''; position: absolute; top:0; left: 0; height: 100%; width:100%; z-index: 4;
background: -moz-linear-gradient(0deg, rgba(44,26,49,0) 67%, rgba(44,26,49,.67) 100%);
background: -webkit-linear-gradient(0deg, rgba(44,26,49,0) 67%, rgba(44,26,49,.67) 100%);
background: linear-gradient(0deg, rgba(44,26,49,0) 67%, rgba(44,26,49,.67) 100%);
}
.masthead-outer.bg-white .masthead-text { background: transparent; padding:0px; color:var(--white);}
.masthead-text p {color: var(--white);max-width: 900px;margin-left: auto;margin-right: auto;}
.image-icon { bottom: -1px; left: -94px; position: absolute; width: 230px; height: 272px; z-index: 2; background-size: contain; background-repeat: no-repeat; background-position: left bottom;}
.image-icon.building {
bottom: 0px;
left: -83px;
position: absolute;
width: 230px;
height: 172px;
z-index: 2;
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
}
@media (max-width:990px){
.image-icon.building { bottom: -1px;}
}
.image-icon.house {
bottom: 0px;
left: -104px;
position: absolute;
width: 230px;
height: 146px;
z-index: 2;
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
}
@media (max-width:990px){
.image-icon.house { bottom: -1px;}
}
@media (max-width:990px){
.image-icon { bottom: -1px; left: -37px; position: absolute; width: 90px; height: 122px; z-index: 2; background-size: contain;background-repeat: no-repeat; background-position: left bottom;}
.masthead .cell_4 { width: calc(100% - 40px); top: -20px; position: relative; margin: 0; z-index: -1; border-radius: 0 0 7px 7px;}
.panel-bg-padding { padding:25px;}
.image-icon.house {bottom: -1px;left: 0px;width: 110px;height: 96px;}
.image-icon.building {left: 0; width: 70px; height: 172px;}
}
.billy { margin-top: 24px;}
.bg_image_assigned .bg-pane { width:100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
.bg_image_assigned .bg-pane.parallax { height: 110%; min-height: 75vh;}
.bg_image_assigned .pageinner.fader{
margin-top: 50px !important;
}
.bg_image_assigned .pageinner.fader.opaque {
margin-top: 30px !important;
}
.direction-right .flexPanel { flex-direction: row-reverse;}
.justify-flex-start .flexPanel { justify-content: flex-start;}
.justify-center .flexPanel { justify-content: center;}
.justify-flex-end .flexPanel { justify-content: flex-end;}
.justify-space-around .flexPanel { justify-content: space-around;}
.justify-space-between .flexPanel { justify-content: space-between;}
.align-items-none .flexPanel {align-items: inherit}
.align-items-top .flexPanel {align-items:flex-start;}
.align-items-center .flexPanel {align-items:center;}
.align-items-bottom .flexPanel {align-items:flex-end;}
.bgtype-two-corners { border-radius:0px 30px 0px 30px; padding:50px;}
.bgtype-four-corners { border-radius:30px; padding:50px;}
.bgtype-zero-corners { border-radius:0px; padding:50px;}
.brighttext * { color:var(--white) !important;}
.bgtype-blob { background-size:100% 100%; padding:70px;}
.bgtype-blob .leaf { position: absolute; width:80px; height: 80px; background-size: contain; background-position: center; background-repeat: no-repeat; top:-20px; left:40px; transition: .25s all 0s ease-in-out;}
@media (max-width:990px){
.bgtype-blob { padding: 60px;}
.bgtype-blob .leaf { width:40px; height: 40px;}
}
@media (max-width:767px){
.bgtype-blob { padding: 41px 39px;}
}
.bgtype-blob .leaf.opaque { transition: .5s all .25s ease-in-out, .20s opacity .20s ease-in-out;}
.bgtype-blob .leaf:nth-child(4n-3) {background-image:url('/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg');}
.bgtype-blob .leaf:nth-child(4n-2) {background-image:url('/wp-content/themes/perspectives/images/icons/leaf-cerise.svg');}
.bgtype-blob .leaf:nth-child(4n-1) {background-image:url('/wp-content/themes/perspectives/images/icons/leaf-blueice.svg');}
.bgtype-blob .leaf:nth-child(4n-0) {background-image:url('/wp-content/themes/perspectives/images/icons/leaf-purple.svg');}
.bg-color-fed107.bgtype-blob .leaf:nth-child(4n-3),
.bg-color-db2590.bgtype-blob .leaf:nth-child(4n-2),
.bg-color-4298b5.bgtype-blob .leaf:nth-child(4n-1),
.bg-color-702f8a.bgtype-blob .leaf:nth-child(4n-0) {background-image:url('/wp-content/themes/perspectives/images/icons/leaf-blue.svg');}
.bgtype-blob .leaf:nth-child(1) { left: -52px; top: 50px; transform: rotateY(180deg) rotate(91deg);}
.bgtype-blob .leaf:nth-child(1).opaque { left: -72px; top: 30px; transform: rotateY(180deg) rotate(31deg);}
.bgtype-blob .leaf:nth-child(2) { left: -33px; top: -12px; transform: scale(126%) rotate(190deg);}
.bgtype-blob .leaf:nth-child(2).opaque { left: -33px; top: -12px; transform: scale(146%) rotate(260deg);}
.bgtype-blob .leaf:nth-child(3) { left: 30px; top: -19px; transform: rotateY(180deg) rotate(-4deg) scale(130%) translateY(-30px) translateX(0px);}
.bgtype-blob .leaf:nth-child(3).opaque { left: 40px; top: -19px; transform: rotateY(180deg) rotate(-24deg) scale(160%) translateY(-20px) translateX(15px);}
.bgtype-blob .leaf:nth-child(4) { left: unset; right: -40px; top: unset; bottom: -23px; transform: rotate(97deg) scale(130%);}
.bgtype-blob .leaf:nth-child(4).opaque { left: unset; right: 7px; top: unset; bottom: -43px; transform: rotate(67deg) scale(170%);}
.bgtype-blob .leaf:nth-child(5) { left: unset; right: -50px; top: unset; bottom: 50px; transform: rotate(44deg) scale(100%);}
.bgtype-blob .leaf:nth-child(5).opaque { left: unset; right: -30px; top: unset; bottom: 40px; transform: rotate(28deg) scale(139%);}
@media (max-width:990px){
.bgtype-blob .leaf:nth-child(1) { left: 0px; top: 24px;}
.bgtype-blob .leaf:nth-child(1).opaque { left: -12px; top: 17px;}
.bgtype-blob .leaf:nth-child(2).opaque { left: -3px;}
.bgtype-blob .leaf:nth-child(3).opaque { left: 40px; top: 11px;}
.bgtype-blob .leaf:nth-child(4) { right: -26px; bottom: 75px;}
.bgtype-blob .leaf:nth-child(4).opaque { right: -13px; bottom: 57px;}
.bgtype-blob .leaf:nth-child(5) { right: -42px; bottom: 120px;}
.bgtype-blob .leaf:nth-child(5).opaque { right: -25px; bottom: 100px;}
}
.leaf_text_1 { position:absolute; top:calc(100% - 130px); left:-30px; width:200px; z-index: 3; height: 0; height:100px;
line-height: 1.35em;
color: var(--white);
font-weight: 900;
font-style: normal;
font-size: 14px;
letter-spacing: 4.34px;
padding: 0px 20px 4px 0px; text-transform: uppercase; display: flex; text-align: left; justify-content: center; align-items: center;
}
.leaf_text_1::after { content:''; position: absolute; top: 0; left: 0; width:100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; background-image:url('/wp-content/themes/perspectives/images/icons/leaf-horiz-purple.svg'); z-index:-1;}
.leaf_text_2 {
position: absolute;
top: calc(100% - 110px);
left: 16%;
width: 400px;
z-index: 2;
/* height: 0; */
height: 210px;
font-size: 35px;
font-weight: 200;
padding: 0px 20px 12px 9px;
display: flex;
text-align: left;
justify-content: center;
align-items: center;
}
@media (max-width:990px){
.leaf_text_1 { width: 175px;}
.leaf_text_2 { width: 85%; padding: 11px 26px 12px 9px; font-size: 27px;}
}
.leaf_text_2::after { content:''; position: absolute; top: 0; left: 0; width:100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; background-image:url('/wp-content/themes/perspectives/images/icons/leaf-horiz-cerise.svg'); z-index:-1;}
.bg-color-DB2590.bgtype-blob .leaf_text_2::after ,
.bg-color-702F8A.bgtype-blob .leaf_text_1::after { background-image:url('/wp-content/themes/perspectives/images/icons/leaf-horiz-blue.svg');}
.card.leaves { padding-bottom: 110px;}
@media (max-width:990px){
.page-panel.bg_image_assigned.panel-bg-image:not(.parallax-bg) .page-panel-inner { padding-bottom:100%;}
.bg_image_assigned:not(.parallax-bg) .bg-pane { height: 100vw; top: unset; bottom: 0;}
.bg_image_assigned:not(.parallax-bg) .bg-pane img { object-position: center bottom;}
.page-panel.bg_image_assigned.panel-bg-image .cell_6 { width:100% !important;}
}
.tree-design { height: 140%; width: 100%; position: absolute; top: 50%; right: 65%; transform: translateY(-50%); max-height: 140%; overflow: hidden; z-index: 1;}
.tree-design.tree-design-right { right: unset; left: 65%; text-align: left;}
.tree-design.tree-design-right img { object-position: left center;}
.tree-design-top-left-corner { height: 1000px; width: 1000px; right: calc(50% + 570px);top: 34%;}
.tree-design-top-right-corner { height: 340px; width: 340px; right: 0; transform: none; max-height: unset; top: -164px;}
.tree-design-bottom-left-corner { height: 1000px; width: 1000px; right: 85%; transform: translateY(12%);}
.tree-design-bottom-right-corner { height: 1000px; width: 1000px; right: unset; left:85%; transform: translateY(-22%);}
.tree-design img { height: 100%; width: 100%; top: 0; left: 0; position: absolute; object-fit: contain; object-position: right center;}
.tree-design.tree-size-large { height: 140%; width: 100%; }
.tree-design.tree-size-medium { height: 1000px; width: 1000px; max-width: 60%;}
.tree-design.tree-size-small { height: 340px; width: 340px; }
.tree-design.tree-size-icon { height: 100px; width: 100px; }
.tree-design.tree-size-medium.tree-design-top-right-corner { right: -19%; top: -224px;}
@media (max-width:990px){
.tree-design {top: 0;right: unset;left: -108px;}
.tree-design.tree-size-large { height: 250px;width: 250px;}
.tree-design.tree-size-medium { height: 219px; width: 219px; max-width: 100%;}
.tree-design-bottom-left-corner { top: unset; bottom: -110px;}
.tree-design.tree-design-top-right-corner { left: unset; right: 0; top: -90px; height: 150px; width: 100px;}
.tree-design.tree-size-medium.tree-design-top-right-corner { right: -50px; top: -70px;height: 170px; width: 170px;}
}
@media (min-width:991px){
#main-panel-1 .tree-design.fader { margin-top: 0 !important; margin-bottom: 0 !important; opacity: 1 !important;}
}
.z-5 { z-index:5;}
.post-link-content { margin-top:67px;}
.list-columns-3 ul { display:flex; flex-wrap: wrap; column-gap:30px;}
.list-columns-3 ul li { padding-right:0;}
.list-columns-3 ul li:nth-child(3n-2) { width:calc(37% - 20px); }
.list-columns-3 ul li:nth-child(3n-1) { width:calc(26% - 20px); }
.list-columns-3 ul li:nth-child(3n) { width:calc(37% - 20px); }
@media (max-width:990px){
.list-columns-3 ul li,
.list-columns-3 ul li:nth-child(3n-2),
.list-columns-3 ul li:nth-child(3n-1),
.list-columns-3 ul li:nth-child(3n) { width:100%; }
}
.list-columns-3 ul li:nth-child(4n-3)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg"); }
.list-columns-3 ul li:nth-child(4n-2)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-blue.svg");}
.list-columns-3 ul li:nth-child(4n-1)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
.list-columns-3 ul li:nth-child(4n-0)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-cerise.svg");}
.list-columns-2 ul {
/* columns: 3; Break into 3 columns */
/*column-gap: 30px; Space between columns */
display:flex; flex-wrap: wrap; column-gap:30px;
}
.list-columns-2 ul li { padding-right:0;}
.list-columns-2 ul li:nth-child(2n-1) { width:calc(50% - 15px); }
.list-columns-2 ul li:nth-child(2n) { width:calc(50% - 15px); }
@media (max-width:990px){
.list-columns-2 ul li,
.list-columns-2 ul li:nth-child(2n-1),
.list-columns-2 ul li:nth-child(2n) { width:100%; }
}
.thumb-post img { width:100%; border-radius:50px 0;}
.fancy-panel.bg-none { background:var(--white);}
.fancy-list { display:flex; flex-wrap: wrap; column-gap:40px; row-gap:80px;}
.fancy-list-7, .fancy-list-8 { gap:20px;}
.fancy-item { border-radius: 0 30px 0 30px;}
.fancy-item.bg-color-fed107 * { color:var(--black);}
.fancy-item.bg-color-e5e1e6 * { color:var(--black);}
.fancy-item.bg-color-ffffff * { color:var(--black);}
.fancy-item.bg-color-ffffff { border:1px solid var(--platinum);}
.fancy-pane { margin:-50px auto 0; width:133px;}
.fancy-pane img { margin:0;}
.fancy-item-1 { width:100%;}
.fancy-item-2 { width:calc(50% - 20px);}
.fancy-item-3 { width:calc(33.333% - 26.667px);}
.fancy-item-4 { width:calc(25% - 30px);}
.fancy-item-5 { width:calc(20% - 32px);}
.fancy-item-6 { width:calc(16.667% - 33.333px);}
.fancy-item-7 { width:calc(14.2857% - 17.1429px);}
.fancy-item-8 { width:calc(12.5% - 17.5px);}
@media (max-width:990px){
.fancy-list, .fancy-list-7, .fancy-list-8 { gap:40px;}
.fancy-item-5,
.fancy-item-6,
.fancy-item-7,
.fancy-item-8 { width:calc(25% - 30px);}
}
@media (max-width:640px){
.fancy-list, .fancy-list-7, .fancy-list-8 { gap:24px;}
.fancy-item-2 { width:100%; }
.fancy-item-3,
.fancy-item-4,
.fancy-item-5,
.fancy-item-6,
.fancy-item-7,
.fancy-item-8 { width:calc(50% - 12px);}
}
.fancy-item h3 { font-size:28px; font-style: normal; color: var(--white); font-weight: 200; text-align: center; padding: 0 24px; margin-top: 10px; line-height: 1.1em; }
.fancy-item h3 b { font-weight: 500; display: block;}
.fancy-item p { color: var(--white); }
.fancy-item-1,
.fancy-item-2 { padding-left:50px; padding-right:50px; padding-bottom: 50px;}
.fancy-item-1 h3,
.fancy-item-2 h3 { text-align:left; padding:0; margin-top:30px;}
.fancy-item-1 h3 b,
.fancy-item-2 h3 b { font-weight: 500; display: inline;}
.fancy-item-1 .fancy-pane,
.fancy-item-2 .fancy-pane { margin-left:0;}
.fancy-item ul li { color:var(--white); font-size:23px; font-style:italic; line-height: 1.25em;}
.fancy-item ul li:nth-child(3n-2)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg"); }
.fancy-item ul li:nth-child(3n-0)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
.fancy-item ul li:nth-child(3n-1)::before { background-image:url("/wp-content/themes/perspectives/images/icons/leaf-cerise.svg");}
@media (max-width:990px){
.fancy-item ul li { font-size: 18px;font-weight: 400;}
.fancy-item.fancy-item-2 { padding-left: 24px; padding-right: 24px; padding-bottom: 24px; margin-top: 18px;}
.fancy-item.fancy-item-3 { padding-bottom: 2px; margin-top: 18px;}
.fancy-item.fancy-item-4 { border-radius: 0 30px 0 30px; padding-bottom: 2px;margin-top: 18px;}
.fancy-pane {margin: -30px auto 0;width: 45%;}
.fancy-item-2 .fancy-pane { max-width: 90px;}
.fancy-item h3{ font-size: 22px;}
.fancy-item ul li::before { top:0;}
}
.bg-color-4298b5.fancy-item ul li:nth-child(3n-0)::before,
.bg-color-db2590.fancy-item ul li:nth-child(3n-1)::before,
.bg-color-fed107.fancy-item ul li:nth-child(3n-2)::before { background-image:url('/wp-content/themes/perspectives/images/icons/leaf-blue.svg') !important;}
a.fancy-item:hover { transform: scale(102%); cursor: pointer;}
a.fancy-item::after { opacity:0; content: ''; position: absolute; top:0; left:0; height: 100%; width:100%; background: rgba(11,16,21,1); mix-blend-mode: soft-light; transition: .25s all ease-in-out; z-index: -1; border-radius: 0px 30px 0px 30px}
a.fancy-item:hover::after { transition: .25s all ease-in-out; opacity: .5;}
a.fancy-item:hover div.button { background-color:var(--blueice) !important;}
.bg-color-034971.fancy-item div.button { background-color:var(--cerise);}
.bg-color-702f8a.fancy-item div.button { background-color:var(--blueice);}
a.bg-color-702f8a.fancy-item:hover div.button { background-color:var(--cerise) !important;}
.callout {margin: -34px -40px 40px 40px; padding:40px;}
.callout h3, .callout h4, .callout h5, .callout h6 { margin:0; color:var(--white); font-weight:900; text-align: left; width:90%; display:block; text-transform: uppercase; font-style: normal;}
.callout h4 {font-size: 36px;letter-spacing: 19px;line-height: 39px;}
.callout h3 {font-size: 76px;letter-spacing: 0;line-height: 1.35em; min-width:90%; }
.callout h5 {font-size: 20px;letter-spacing: 14.38px; font-weight: 600;line-height: 1.85em;}
.callout h6 {font-size: 16px;letter-spacing: 21.91px; font-weight: 600;}
.link-panel.callout-link { width:auto; position: absolute; bottom:71px; left:95%;}
.link-panel.callout-link a.button { width:auto !important; white-space: nowrap;}
@media (max-width:1400px){
.callout h4 {font-size: 32px;letter-spacing: 17px;}
.callout h3 {font-size: 69px;}
.callout h5 {font-size: 17px;letter-spacing: 13.38px;}
.callout h6 {font-size: 14px;letter-spacing: 19.7px;}
}
@media (max-width:1200px){
.callout{margin: -32px -12px auto;padding: 40px;min-width: 423px;}
.callout h4 {font-size: 32px;letter-spacing: 17px; width:100%;}
.callout h3 {font-size: 69px; min-width:100%; width:100%;}
.callout h5 {font-size: 17px;letter-spacing: 13.38px; width:100%;}
.callout h6 {font-size: 14px;letter-spacing: 19.7px; width:100%;}
.link-panel.callout-link {width: auto;position: relative;bottom: 11px;left: 10px;}
}
@media (max-width:540px){
.callout{padding: 24px 15% 35px; min-width:unset;}
.callout h4 {font-size: 25px;letter-spacing: 12px; width:100%;}
.callout h3 {font-size: 51px; min-width:100%; width:100%;}
.callout h5 {font-size: 14px;letter-spacing: 9px; width:100%;}
.callout h6 {font-size: 11px;letter-spacing: 14.2px; width:100%;}
}
@media (max-width:440px){
.callout{padding: 24px 24px 35px;}
}
.callout.bg-purple *, .callout.bg-blueice *, .callout.bg-blueice *, .callout.bg-black * { color:var(--white);}
.callout.bg-purple ul, .callout.bg-blueice ul, .callout.bg-blueice ul, .callout.bg-black ul { margin:0 0 0 10px;}
.card-title { display: flex; align-items: center; justify-content: flex-start; border-radius: 7px 7px 0 0; width:calc(100% + 2px); margin-left:-1px;}
.card-icon { width:64px; height: 85px; background-position: center center; background-repeat: no-repeat; margin:25px; background-size: contain;}
@media (max-width:990px){
.card-icon { width:44px; height: 60px;}
}
.card-icon.none { width:40px; margin-left:0; margin-right: 0;}
.card .pane {width:100%; margin-bottom:35px; height: auto;padding-bottom: 61.8046971569839%; border-radius:12px;}
.card.imagesquare .pane {width:100%;margin-bottom:35px; height: auto;padding-bottom: 100%;}
.card.image80 .pane {width:100%;margin-bottom:35px; height: auto;padding-bottom: 80%;}
.card.imagefull .pane {width:100%;margin-bottom:35px; height: auto;padding-bottom: 61.8046971569839%;}
.card.imagebelow .pane {margin-bottom:-222px;}
.page-panel.imagebelow { margin-bottom:52px;}
@media (max-width:990px){
.page-panel.imagebelow { margin-bottom:52px;}
}
@media (max-width:640px){
.page-panel.imagebelow { margin-bottom:156px;}
}
.card.imageabove .pane {margin-top:-222px;}
.page-panel.imageabove { margin-top:52px;}
@media (max-width:990px){
.page-panel.imageabove { margin-top:52px;}
}
@media (max-width:640px){
.page-panel.imageabove { margin-top:222px;}
.page-panel.imageabove { margin-top: 109px;}
}
.card-content { padding: 10px 0px;}
.pane-overflow { display:none;}
.card.imagesquare .pane-overflow { display: block; z-index: 99; overflow: visible; position: absolute; top: 0; left: 0;}
.card.imagesquare .pane-overflow::after { content: ''; position: absolute; bottom:-70px; right:-73px; width:160px; height: 160px; background-size: contain; background-repeat: no-repeat;}
.panel-bg-gold .card.imagesquare .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-4.svg");}
.panel-bg-blueice .card.imagesquare .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-3.svg");}
.panel-bg-purple .card.imagesquare .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-1.svg");}
@media (max-width:990px){
.card.imagesquare .pane-overflow::after { bottom:-60px; right:-53px; width:100px; height: 100px;}
}
.card.image80 .pane-overflow { display: block; z-index: 99; overflow: visible; position: absolute; top: 0; left: 0;}
.card.image80 .pane-overflow::after { content: ''; position: absolute; bottom:-70px; right:-73px; width:160px; height: 160px; background-size: contain; background-repeat: no-repeat;}
.panel-bg-gold .card.image80 .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-4.svg");}
.panel-bg-blueice .card.image80 .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-3.svg");}
.panel-bg-purple .card.image80 .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-1.svg");}
@media (max-width:990px){
.card.image80 .pane-overflow::after { bottom:-60px; right:-53px; width:100px; height: 100px;}
}
.card.imagefull .pane-overflow { display: block; z-index: 99; overflow: visible; position: absolute; top: 0; left: 0;}
.card.imagefull .pane-overflow::after { content: ''; position: absolute; bottom:-70px; right:-73px; width:160px; height: 160px; background-size: contain; background-repeat: no-repeat;}
.panel-bg-gold .card.imagefull .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-4.svg");}
.panel-bg-blueice .card.imagefull .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-3.svg");}
.panel-bg-purple .card.imagefull .pane-overflow::after { background-image:url("/wp-content/themes/perspectives/images/icon-dot-1.svg");}
@media (max-width:990px){
.card.imagefull .pane-overflow::after { bottom:-60px; right:-53px; width:100px; height: 100px;}
}
.flex-icon img { max-width:63px; margin: 0 auto; display: block;}
.resource_search input {
margin-right: 20px;
line-height: 1;
padding: 5px 10px;
border-radius: 0;
border: 0; color:var(--purple);
}
.slider-absolute {
position: absolute !important;
top: 0;
left: 0;
height: 100vh;
width: 100%;
}
.aligncenter {margin-left: auto;margin-right: auto;text-align: center;display: block;}
.cell_4 .card-title h2 { padding-right:20px; font-size: 30px;}
.flexPanel .cell_12.flex { display:flex; }
.space-between { justify-content:space-between; align-items: center;}
.border-bottom .page-panel-inner > .pageinner {border-bottom:1px solid #dedede; margin-bottom: 20px; padding-bottom:20px;}
.border-top .page-panel-inner > .pageinner {border-top:1px solid #dedede; margin-top: 20px; padding-top:20px;}
.article_img { position:relative; height:auto; margin-bottom: 20px;}
.article_img div.pane { height:auto; padding-bottom:61.8046971569839%; border-radius: 22px 0;}
.team_img { position:relative; height:auto; margin-bottom: 20px;}
.team_img div.pane {height: auto;width: 100%;padding-bottom: 100%; max-width:100%; }
#contact-nav-list h3 { margin-bottom:12px; font-weight:900;}
.insights .cell { position: relative; transition:.25s all ease-in-out; margin: 0 0 50px; padding:20px; border-radius: 39px 0; }
.insights .cell_4 { width:100%;}
@media (min-width:641px){
.insights .cell_4 { width:calc(50%);}
}
@media (min-width:768px){
.insights .cell_4 { width:calc(33.333%);}
}
.insights .cell a.read-more { position: absolute; bottom:0; left:0;}
.insights .cell a { display:block; text-align: left; color: var(--grey); height:100%;}
.insights .cell:not(.sfa):hover { transition:.25s all ease-in-out; transform:scale(102%); background:var(--cerise); padding: 20px;}
.insights .p { margin: 0; color: var(--grey); text-align: left;}
.insights .cell * { transition: .25s all ease-in-out;}
.insights .cell:hover * { color:var(--white) !important; transition: .25s all ease-in-out;}
.center { text-align:center; justify-content: center; align-content: center; }
.stat { position:relative; transition: .25s all ease-in-out;}
.stat img { position:absolute; width: 100%; height: 100%; object-fit: cover; z-index: -1; left:0; top:0;border-radius: 11px; }
.stat a { display:block; height:100%; width:100%;}
.stat a .masthead-text { display:inline-block;}
.stat a .masthead-text::after { content: ''; background-image:url("/wp-content/themes/perspectives/images/arrow_white_thin.svg"); background-position: right center; background-repeat: no-repeat; height: 30px; width: 70px; position: relative; display: inline-block; margin-left:20px;}
.stat-link:hover { transform: scale(104%); transition: .25s all ease-in-out;}
.stat .stat-content { margin:50% 0 40px; position: relative; padding:0 6.71% 0 13.42%; z-index: 4}
@media (max-width:1250px){
.stat .stat-content { padding:0 6.71%;}
.stat a .masthead-text { font-size:36px; line-height: 1.25em; width:auto; padding: 0;}
}
@media (max-width:990px){
.stat h2 { margin-left: -41px; padding: 10px 60px 10px 30px;}
}
@media (max-width:540px){
.stat .stat-content { margin: 70% 0 40px;}
}
.stat * { color:#ffffff;}
.stat-text { margin-top:10px;}
.stat::before {
z-index: 1;
width: calc(100% - 22px);
height: 350px;
top: calc(45% - 8px);
position: absolute;
background: url("/wp-content/themes/perspectives/images/dots-light.png") repeat;
opacity: 0.26;
content: '';
left: 17px;
}
.stat::after {
height: 100%;
width: 100%;
top: 0;
left: 0;
content: '';
background: var(--purple);
opacity: .4;
position: absolute;
z-index: 0; border-radius: 11px;
}
@media (min-width:768px){
.stats-outer::before { z-index: -1; width: 100%; height: 350px; top: 45%; position: absolute; background: url("/wp-content/themes/perspectives/images/dots.png") repeat; opacity: .86; content: '';}
}
footer { border-radius:0 !important; padding:0; text-align:center; line-height: 1.5em; margin-top: 6px; z-index: 99999;}
footer h3 { font-weight: 900;font-size: 23px;color:var(--purple);letter-spacing: 0;line-height: 39px;}
footer .widget_text {text-align:center; padding:0 0 20px;}
footer .widget_text * {text-align:center; max-width: 100%;}
th {font-weight:800; text-transform: uppercase;font-size: 15px;letter-spacing: 1.81px;text-align: center;line-height: 30px; padding:30px 18px 6px;}
td, #copyright {
font-weight: 400;
font-size: 14px;
text-align: left;
padding: 0;
}
#copyright {
padding-bottom: 20px;
}
footer iframe { max-width: calc(100% + 100px); border-radius: 11px;}
@media (max-width:1200px){
footer iframe { max-width: calc(100% + 50px);}
}
@media (max-width:767px){
footer iframe { max-width: calc(100% - 48px);}
}
footer .dots-panel { z-index:0;}
footer .dots-panel::before { display:none;}
footer .dots-panel-inner { background-image: url("/wp-content/themes/perspectives/images/dots-light.png") }
footer .dots-panel-inner::before { background: var(--purple); display: block;}
footer .flexPanel { position: relative; z-index: 2;}
footer .dots-inner { margin-top: 41px;}
@media (max-width:1200px){
footer .flexPanel .cell_6 { width:calc(100% - 40px);}
}
@media (max-width:990px){
footer .dots-panel { top: 116px; height: calc(100% - 254px);}
}
@media (max-width:767px){
footer .dots-panel { top: 0px; height: calc(100% - 204px);}
footer .dots-panel-inner { top:8px; background-position: top right;}
footer .dots-panel-inner::before { right: 48px; top:59px; left: unset; height: calc(100% - 160px);}
}
footer#legal-footer { margin:0; padding-top:4px; position: relative; overflow: hidden;}
footer#legal-footer .floating-icon { z-index:0;}
#legal-sub-footer { margin-bottom:300px; padding:0 50px; position: relative; z-index: 2;}
.footer-1 p { display:flex; align-items: center; justify-content: flex-start; margin: 0 20px;}
.footer-1 p.logo-panel img {
max-height: 90px;
max-width: 118px;
width: auto;
height: auto;
margin-right: 20px;
}
.footerFlex { align-items: center; width:100%; margin: 0 auto; }
@media (max-width:990px){
.footerFlex { max-width:700px;}
.footerFlex .cell_6 { width:calc(100% - 40px) !important;}
.footerFlex .cell_6:first-child { margin-bottom:0;}
.footerFlex .cell_6:last-child { margin-top:0;}
.footer-1 p { justify-content: center; margin: 0 20px;}
.footer-1 p.logo-panel img {margin: 0 4%;}
footer .widget_text {text-align: left;padding: 20px 0;}
}
@media (max-width:640px){
.footer-1 p.logo-panel img { max-height: 50px; max-width: 26%;}
}
footer .forminator-ui {display: flex; width:100%; justify-content: flex-start;}
footer .forminator-ui input { border:1px solid var(--grey); font-weight:700;font-size: 12px;color: #68573E;letter-spacing: 3.41px;padding: 13px 15px 13px 21px !important; line-height: 1.35em; text-transform: uppercase;}
footer .forminator-ui button.forminator-button-submit { font-size:12px !important; letter-spacing: 3.41px;padding: 15px 66px 15px 15px !important; margin-left:20px;}
@media (max-width:990px){
footer .forminator-ui {flex-wrap:wrap;}
footer .forminator-ui button.forminator-button-submit { margin-left: 0;margin-top:20px; width:100%;}
}
.footer-stack { text-align:center; padding-top:50px; }
.footer-stack .widget_media_image { max-width:600px; margin:0 auto; }
@media (max-width:990px){
.footer-stack .widget_media_image img { max-width: 80%; height: auto; margin: 0 auto 30px;}
}
.footer-menu-container { display:flex; justify-content: center; font-size:14px; line-height: 1.25em; margin-bottom:100px;}
.footer-menu-container * { font-size:14px; line-height: 1.25em;}
.menu-footer-menu-container .menu {display: flex;}
.menu-footer-menu-container .menu li::before { content:'\00a0\00a0|\00a0\00a0'}
.menu-footer-menu-container .menu li a { text-decoration:underline; color:var(--slate);}
.menu-footer-menu-container .menu li a:hover { text-decoration:underline; color:var(--cerise);}
@media (max-width:990px){
.footer-menu-container { flex-wrap: wrap;}
#menu-footer-menu { flex-wrap: wrap; margin-top:30px;}
#menu-footer-menu li { width:100%; margin:5px 0;}
#menu-footer-menu li::before { content:none;}
}
.forminator-label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.forminator-row .forminator-field-checkbox .forminator-label,
#radio-1 .forminator-label {
position: relative !important;
height: auto !important;
padding: 0 !important;
margin: 0 0 0px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
font-size: 18px !important;
font-weight: 400 !important;
color: var(--black) !important;
border-bottom: 1px solid var(--tea) !important;
width: auto !important;
display: inline-block;
}
.forminator-error-message {
display: block;
color: #cc0000;
font-style: italic;
font-size: 12px;
line-height: 1;
margin: 10px 0 0;
}
.forminator-ui.forminator-design--default .forminator-error-message {
color: var(--white) !important;
line-height: 1.2em !important;
padding: 11px 11px 9px !important;
font-size: 14px !important;
}
#contact-nav-list .forminator-error-message {color: #F5A8A8;}
@media (max-width:990px){
footer .forminator-ui { justify-content: center;}
footer .forminator-ui input { border:1px solid var(--purple);}
footer h3 { text-align: center !important;}
footer#legal-footer { padding-bottom:150px;}
}
footer .forminator-edit-module { display:none;}
footer .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) { margin-bottom:0;}
footer#legal-footer .cell_12 { margin-bottom:10px;}
footer#legal-footer .widget_text { padding:0; font-size: 14px;}
footer#legal-footer .widget_text p {font-size: 14px; text-align: left; margin: 0 0 10px;}
footer#legal-footer .widget_text p:last-child { margin-bottom:0;}
footer#legal-footer .cell_12#copyright { margin-bottom:0px;}
@media (max-width:990px){
footer#legal-footer .widget_text p {text-align: center;}
}
.menu-footer-container ul { display:flex; justify-content: flex-start; }
.menu-footer-container ul li { padding-right:60px; position: relative;}
.menu-footer-container ul li::after {content: '';position: absolute;right: 30px;top: 20%;width: 1px;height: 60%;background: var(--purple);}
.menu-footer-container ul li:last-child { padding-right:0;}
.menu-footer-container ul li:last-child::after { display:none;}
.menu-footer-container a {font-size: 14px;color:var(--purple);letter-spacing: 0; text-decoration: underline;}
.menu-footer-container a:hover { color:var(--bluedark);}
@media (max-width:990px){
.menu-footer-container ul {display: flex;justify-content: center; flex-wrap: wrap;}
.menu-footer-container ul li { padding-right:0; width:100%; }
.menu-footer-container ul li::after { display: none;}
#copyright {text-align: center;}
}
/* ---------------- ---------------- */
/* -------- Blog Values -------- */
/* ---------------- ---------------- */
.portfolio-container { margin-top:20px; margin-bottom: 150px; transition:.75s all ease-in-out;}
.cat-resource { font-size: 14px;color: var(--bluedark);line-height: 24px; margin:10px 0; text-transform: uppercase;font-weight: 600;letter-spacing: 5px;}
.cat-resource a { color:var(--bluedark);}
.cat-resource a:hover { color:var(--blue);}
.resource-title { font-weight:600; font-size: 30px; color: var(--bluedark); letter-spacing: 0; line-height: 32px; margin: 20px 0 10px; text-transform: none;}
.portfolio-container .cell { padding:20px 0 50px; position: relative;}
.portfolio-container .cell .button { position:absolute; bottom: 10px;left:0; }
.portfolio-container.fadey { transition:.75s all ease-in-out; opacity: 0; filter:blur(5px);}
.tags { border-top:#ECECEC 1px solid; border-bottom:#ECECEC 1px solid; text-transform: uppercase; padding:5px 0;margin-bottom: 12px; }
.tags a {
display: inline-block;
padding: 10px 10px 8px 0;
position: relative;
font-size: 12px;
margin-right: 10px;
letter-spacing: .5px;
font-weight: 600;
}
.tags.singletags a { display:inline-block; padding: 10px 10px 8px 0; position: relative; font-size: 14px; margin-right:10px; letter-spacing: 1px; font-weight: 400;}
.tags a::after { height:76%; width:1px; content: ''; right:0; top:12%; position: absolute; background: #ECECEC;}
.tags a:last-child::after { display:none;}
.resource_search input[type="search"] { padding: 2px 9px; font-size: 11px; width:100%;height: 21px; border-radius: 3px 0 0 3px; border: none; color:#2E2E2E;}
.project-overlay { display:flex; justify-content: space-between; align-items: center;}
@media (max-width:990px){
.project-overlay { flex-wrap:wrap;}
}
.resource_search input[type="submit"] {
text-indent: -9999px;
overflow: hidden;
background-color: var(--white);
border-radius: 0 3px 3px 0 !important;
height: 21px;
width: 30px;
padding: 0;
background-image: url('/wp-content/themes/perspectives/images/spyglass.svg');
background-position: center center;
background-size:12px 12px;
background-repeat: no-repeat;
}
.resource_search input[type="submit"]:hover { transform:none; background-color:#63C863; box-shadow: none;}
.resource_search form.search-form label { width: 100%; }
.project-buttons {padding-right:20px;}
.single-thumbnail { padding: 0 0 62px 0; display: block; position: relative; margin-bottom: 60px !important; height:500px; width:100%;}
.single-thumbnail-inner { padding: 0; display: block; position: relative; height:500px; width:100%;border-radius:10px; overflow: hidden;}
@media (max-width:990px){
.single-thumbnail { padding:0; margin-top: 30px !important; margin-bottom: 70px !important; height:400px; }
.single-thumbnail-inner { height:400px; }
}
@media (max-width:767px){
.single-thumbnail { height:300px; }
.single-thumbnail-inner { height:300px; }
}
.single-thumbnail img { display:block; margin-bottom: 0; width: 100%; height:100%; position: absolute; object-fit: cover;}
blockquote { font-size: 42px;color: var(--bluedark);letter-spacing: 0;text-align: center; padding:100px 40px; margin: 70px 0; position: relative;}
blockquote::before { position: absolute; width: 100%; height:50px; content: ''; left:0; top:0; background:url("/wp-content/themes/perspectives/images/dots.png");}
blockquote::after { position: absolute; width: 100%; height:50px; content: ''; left:0; bottom:0; background:url("/wp-content/themes/perspectives/images/dots.png");}
blockquote p {
font-size: 32px;
color: var(--bluedark);
text-align: center;
line-height: 1.5em;
font-weight: 300;
font-style: italic;
letter-spacing: 5px;
padding: 0 5%;
}
blockquote p:last-of-type { margin-bottom:0;}
@media (max-width:990px){
blockquote {padding:100px 20px;}
}
.the-content-container { margin:100px auto;}
@media (max-width:990px){
.the-content-container { margin:0px auto;}
}
.cell_12.tags.singletags {
margin-top: -30px;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin-bottom: 80px;
}
.singletags .meta {
display: inline-block;
padding: 10px 0 8px 10px;
position: relative;
font-size: 14px;
margin-left: 10px;
letter-spacing: 1px;
}
.singletags .meta.author { }
.cell_12.related-title { padding:30px;}
.forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active,
.forminator-ui.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered, .forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:hover, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:focus, .forminator-ui#forminator-module-254.forminator-design--default .forminator-textarea:active, .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box {
border-color: #ccc !important;
background-color: var(--white) !important;
}
.phone { display:flex; flex-wrap: wrap; margin-top:20px; font-size: 14px; }
.phone-item { width:100%; margin-bottom: 10px; font-size: 14px; }
.phone-item:last-child { margin-bottom: 0px; }
.social-contacts { display:flex; margin-top:20px; font-size: 14px; }
.social {
overflow: hidden;
text-indent: -9999px;
display: block;
position: relative;
margin-left: 15px;
transition: .25s all ease-in-out;
padding-right: 0px !important;
padding-left: 0px !important;
width: 25px;
}
.social a { height: 24px; width: 24px; overflow: hidden; text-indent: -9999px; display: block; position: relative; background-repeat: no-repeat !important;background-size:contain !important; background: transparent !important; padding: 0 !important; margin-top: 3px !important}
.social:hover { transform:scale(114%); transition:.25s all ease-in-out;}
.social a::before,
.social a::after { display: block; position:absolute; top:0; left:0; content: ''; transition:.25s all ease-in-out; width:24px; height:24px;}
.social a::before, .social a:hover::after { opacity:1; transition:.25s all ease-in-out;}
.social a::after, .social a:hover::before { opacity:0; transition:.25s all ease-in-out;}
.social.facebook a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');}
.social.linkedin a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.twitter a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');}
.social.youtube a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.instagram a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.pinterest a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.houzz a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.tiktok a::before { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.email a::before {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.facebook a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');}
.social.linkedin a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.twitter a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');}
.social.youtube a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.instagram a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.pinterest a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.houzz a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.tiktok a::after { background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.social.email a::after {background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');}
.team_member .cell:hover .team_img .normy { opacity:0;}
.normy { z-index:3;}
.funny { z-index:2;}
.dl { border-top:1px solid #ececec; padding: 37px 0; display:flex; }
.dl:last-child { border-bottom:1px solid #ececec; margin-bottom: 100px;}
.dl-image { width:67%; margin-right:50px; height:300px; position: relative; border-radius: 7px; overflow: hidden; background: #000;}
.dl-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: .95;}
.dl-meta-inner { border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:20px 0; margin: 20px 0; font-weight:600; font-size: 14px;letter-spacing: 1px;text-transform: uppercase;}
@media (max-width:640px){
.dl { flex-wrap: wrap;}
.dl-image { width:100%; margin: 0; height: 200px;}
.dl-meta { width:100%; margin-top:40px;}
}
.gm-style-iw { padding:0 !important;}
.marker-panel { padding:30px;}
.marker-panel h2 { background:url("/wp-content/themes/perspectives/images/plans_blueice.jpg"); padding:30px 30px 30px 60px; width:calc(100% + 60px); margin:-30px 0 0 -30px; font-size: 30px; font-weight:500; color:var(--white); position: relative;}
.marker-panel-inner { padding: 30px 0 0 30px;}
.marker-panel-inner div { padding: 5px 0;}
@media (max-width:640px){
.marker-panel-inner { padding: 30px 0 0 0;}
}
.gm-ui-hover-effect {top: 0px !important;right: 0px !important;}
.gm-ui-hover-effect::before { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(-45deg); background: var(--white) !important;transition: .25s all ease-in-out !important; position: absolute;}
.gm-ui-hover-effect::after { top:17px; left: 0; width:20px; height:2px; content: ''; transform: rotate(45deg); background:var(--white) !important;transition: .25s all ease-in-out !important; position: absolute;}
.gm-ui-hover-effect:hover::before, .gm-ui-hover-effect:hover::after { background: #dfd; transition: .25s all ease-in-out !important;}
.gm-ui-hover-effect img { display: none !important;}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default { background: var(--white);}
.gallery-limit { margin-bottom: 60px; width:calc(100% - 70px);}
.gallery-limit .gallery { display:flex; align-items: center; justify-content: flex-start; }
.gallery-limit .gallery .gallery-item, .gallery-limit .gallery br { display:none; width:auto !important; }
.gallery-limit .gallery .gallery-item:nth-child(1),
.gallery-limit .gallery .gallery-item:nth-child(2),
.gallery-limit .gallery .gallery-item:nth-child(3),
.gallery-limit .gallery .gallery-item:nth-child(4),
.gallery-limit .gallery .gallery-item:nth-child(5) { display:block;}
.gallery-limit .gallery .gallery-item img { border:none !important;}
@media (max-width:767px){
.gallery-limit { width:calc(100%);}
.gallery-limit .gallery { flex-wrap: wrap;}
.gallery-limit .gallery .gallery-item { width:auto !important; max-width:33%;}
}
.team_member .flexPanel p { font-size:16px;}
.half { max-width:50%;}
.thirds { max-width:33.333%;}
.fourths { max-width:25%;}
.fifths { max-width:20%;}
.the-content-container p a:not(.button),
.page-panel p a:not(.button) { text-decoration: underline;}
footer.page-panel p a:not(.button) { text-decoration: underline;display: block;width: 128px;}
footer.page-panel p a img { margin-bottom:0px;}
footer.page-panel p a { transition:.25s all ease-in-out;}
footer.page-panel p a:hover { transition:.25s all ease-in-out; transform:scale(104%);}
.page-panel p a:not(.button):hover { color:var(--bluedark);}
.slider_pane { width:100%; overflow: hidden; border-radius: 0px;}
.slider_pane img, .slider_pane video { height:100%; width: 100%; object-fit: cover; position: relative; z-index: 1;}
.slider_pane .pane { position:absolute; top:0; left:0; z-index: 3; width:100%; height:100%;}
@media (max-height:800px){
.slider_pane .pane::after { top:38%}
}
@media (max-width:480px){
.slider_pane .pane::after { top:30%; height:56%;}
}
.slider, .slick-list, .slick-track, .slider_pane {height:calc(100vh - 0px);}
@media (max-width:990px){
.slider, .slick-list, .slick-track, .slider_pane {height:calc(96vh - 0px);}
.slick-slider .slick-list { overflow: visible;}
}
.slider_pane .pageinner { height: 100vh; }
@media (max-width:1200px){
.sliders .slider_pane, .sliders .slider_pane .pageinner, .slider-absolute, .slider-absolute .slider, .slider-absolute .slick-list, .slider-absolute .slick-track, .slider-absolute .slider_pane { height:130vh;}
}
@media (max-width:767px){
.sliders .slider_pane, .sliders .slider_pane .pageinner{ height:130vh;}
.slider-absolute, .slider-absolute .slick-list, .slider-absolute .slick-track, .slider-absolute .slider_pane { height:80vh;}
.imageOnlyRotation .textbox { margin-top:30vh;}
}
@media (max-width:480px){
.sliders .slider_pane, .sliders .slider_pane .pageinner{ height:135vh;}
}
@media (max-width:359px){
.sliders .slider_pane, .sliders .slider_pane .pageinner{ height:150vh;}
}
.slider-absolute img { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; display: block;}
.slick-prev, .slick-next {position: absolute;bottom: 0px;right: 0px;border: 1px solid #979797;height: 7vh;width: 7vh;background-color: #fff;text-indent: -9999px;overflow: hidden;background-image: url(/wp-content/themes/perspectives/images/chevron-right.svg);background-repeat: no-repeat;background-position: center;background-size: 14px; z-index: 4; transition: .25s all ease-in-out;}
.slick-prev:hover, .slick-next:hover { background-size:17px; background-color:#055170; border-color:#055170; transition: .25s all ease-in-out;}
@media (max-width:640px){
.slick-prev, .slick-next { background-size:10px;}
.slick-prev:hover, .slick-next:hover { background-size:12px;}
}
.slick-prev { right:calc(7vh - 1px); background-image: url(/wp-content/themes/perspectives/images/chevron-left.svg);}
header#header { display: grid; place-items: center; height: calc(100vh - 60px); margin-top:65px;}
.slider-container {display: grid; place-content: center; overflow: hidden; position: relative; width: 100%;}
.slider-image-container { width:100%; height: calc(100vh - 60px); min-width: 100vw; }
.slider-image-container::before,
.slider-image-container::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2;}
@media (max-width:990px){
header#header { display: grid; place-items: center; height: 93vh; margin-top:0;}
.slider-image-container {height:93vh; }
}
header#header.no-images { height: auto; min-height:50vh; background:var(--purpledark); margin-top:70px; padding-top:30px;}
header#header.no-images .slider-container { display: block;}
header#header.no-images .slider-image-container { width:100%; height: auto; min-height:50vh; min-width: 100vw; }
header#header.no-images .masthead-content { position:relative; height: unset; left: unset; right: unset; top: unset; bottom: unset; transform: unset;}
.not-front header#header.no-images .slider-content {width: 100%; max-width: 800px;}
.single-team_member header#header.no-images { min-height: 170px; }
.single-team_member header#header.no-images .masthead-content h1 { padding:30px 0; }
.single-team_member .not-front header#header.no-images .slider-content {max-width: 100%;}
@media (max-width:990px){
header#header.no-images { display: grid; place-items: center; height: auto; min-height:50vh; margin-top:0; padding-top:0px;}
.single-team_member header#header.no-images { min-height: 250px; place-items: flex-end; padding-bottom: 30px;}
}
.slider-container img { display:block; max-width: 100vw; width: 100vw; height: 100%; object-fit: cover; object-position: left;}
.slider-container .before-container { position:absolute; inset:0; width:var(--position);z-index: 2; overflow: hidden;}
.slider-container img.image-before { }
.slider-container img.image-after { position: absolute;left: 0;z-index: 1;}
.slider-handle { position: absolute; inset: 0; cursor: pointer; width: 100%; height: 100%; opacity: 0; z-index: 444;}
.slider-handle:focus-visible ~ .slider-button { outline:5px solid #000; outline-offset:3px;}
.slider-button { position:absolute; z-index: 11; padding: 8px; border-radius: 100vw; display: grid; place-items:center;height: 50px; width: 50px;transform: translateX(-50%);left: var(--position); bottom: 10vh; pointer-events: none;}
.slider-image-container img { left:unset;object-position: center;}
.masthead-content { position:absolute; display: flex; transform: translateX(-50%) translateY(-50%); top:50%; left:50%; max-width: 1280px; width:calc(100% - 96px); margin: 0 auto; z-index: 5; align-items:center; justify-content: space-between; height:75%;}
.home .masthead-content { justify-content:center; }
.slider-logo { max-width: 75%; width: 836px; align-content: center; height: 100%; min-width: 218px;}
.slider-logo img { width:100%; max-width:100%; height:auto;}
.slider-content { height:100%; text-align: right; align-content: flex-end; color: var(--white);}
.not-front .slider-content { height: unset; text-align: right; align-content: flex-end; color: var(--white); width: calc(46.667% - 40px);}
@media (max-width:990px){
.not-front .slider-content { width:100%;}
}
@media (min-width:768px){
.masthead-content { flex-direction:row-reverse;}
}
@media (max-width:767px){
.masthead-content { display: flex; transform: translateX(-50%); top: 24px; width:calc(100% - 48px); height:93%; justify-content: stretch;}
.slider-content { grid-area: 2 / 1 / 3 / 2; place-content: center;}
.slider-logo { grid-area: 1 / 1 / 2 / 2; max-width:100%;}
.slider-button { bottom: 19vh;}
}
.slider-handle::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 6px; height: 600px; background: white; cursor: pointer;}
.slider-handle::-moz-range-thumb { width: 6px; height: 600px; background: white; cursor: pointer;}
.link-panel { display:flex; flex-wrap: wrap; gap:20px; position: relative; left: 0; width: calc(100% + 60px);}
.page-setting .flexPanel .cell_12 > *:last-child { margin-bottom:0;}
.page-panel:not(.flex-panel-outer).add-top-border::before { content:''; position: absolute; top:0; left: 0; width: 100%; height: 1px; background-color:var(--purple); opacity: .5;}
.page-panel:not(.flex-panel-outer).add-bottom-border::after { content:''; position: absolute; bottom:0; left: 0; width: 100%; height: 1px; background-color:var(--purple); opacity: .5;}
.page-panel.flex-panel-outer.add-top-border-flex .pageinner::before { content:''; position: absolute; top:-100px; left: 0; width: 100%; height: 1px; background-color:var(--purple); opacity: .5;}
.page-panel.flex-panel-outer.add-bottom-border-flex .pageinner::after { content:''; position: absolute; bottom:-100px; left: 0; width: 100%; height: 1px; background-color:var(--purple); opacity: .5;}
@media (max-width:990px){
.page-panel.flex-panel-outer.add-top-border-flex .pageinner::before { top:-50px;}
.page-panel.flex-panel-outer.add-top-border-flex .pageinner::after { bottom:-50px;}
}
.card.cell_12.icon-item hr { margin-bottom:60px}
@media (max-width:990px){
.card.cell_12.icon-item hr { margin:0 0 30px}
}
.map-panel { position:relative; width: 100%; height: auto; padding-bottom:89.7226753670473%; }
.map-panel img { position:absolute; top:0; left:0; width: 100%; height: auto;opacity:1; transition: .25s all ease-in-out; }
.map-panel img.halftone { opacity:.5; transition: .25s all ease-in-out; filter:grayscale(25%);}
.map-panel img.on { filter:brightness(110%) saturate(110%); transition: .25s all ease-in-out;}
.flexUL { flex-wrap: wrap;}
.flexUL ul { margin-top:0; margin-bottom:0;}
.videoWrapper {
position: relative;
padding-bottom: 51.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-setting .flexPanel table { width:100%; max-width:1280px;}
.page-setting .flexPanel table th,
.page-setting .flexPanel table td { text-align:left; padding:14px 14px 14px 9px;}
.page-setting .flexPanel table td { border-top:1px solid var(--grey); }
.page-setting .flexPanel table tr:nth-child(2n) td { background:#f8f8f8;}
.forminator-description {padding: 10px 0;display: inline-block;}
.gallery {margin: 17px 0 !important;display: flex;flex-wrap: wrap;gap: 30px;}
.gallery.gallery-columns-4 {gap: 32px;}
.gallery.gallery-columns-7 {gap: 18px;}
.gallery.gallery-columns-7 {gap: 21px;}
.gallery.gallery-columns-8 {gap: 16px;}
.gallery.gallery-columns-9 {gap: 18px;}
.gallery img {border: none !important;}
.gallery-item { float: none !important; margin-top: 0 !important ;}
.gallery-columns-2 .gallery-item {width: calc(50% - 15px) !important;}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px) !important;}
.gallery-columns-4 .gallery-item {width: calc(25% - 24px) !important;}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px) !important;}
.gallery-columns-6 .gallery-item {width: calc(16.667% - 15px) !important;}
.gallery-columns-7 .gallery-item {width: calc(14.285714285714286% - 18px) !important;}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 14px) !important;}
.gallery-columns-8 .gallery-item {width: calc(11.111% - 16px) !important;}
@media (max-width:990px) {
.gallery { gap:0px !important; }
.gallery img { margin-bottom:20px !important;}
.gallery .gallery-item { width:100% !important;}
}
.gallery br { display:none;}
.gallery img {margin: 0; border-radius:12px;}
a.read-more.button { position:absolute; bottom: 35px; left: 0;}
.flexPanel article.cell_4,
.further-reading .cell_4,
.portfolio-container .cell_4 { padding-bottom:105px; position: relative;}
.tribe-events *, .tribe-override *:not(.button) { letter-spacing: 0 !important; }
.tribe-events a.button, .tribe-override a.button { letter-spacing: 5px !important; }
.tribe-events *, .tribe-override * { font-family: var(--sans) !important; }
.tribe-override .tribe-events-single-event-title,
.tribe-override .tribe-events-notices li,
.tribe-override .tribe-events-notices ul,
.tribe-override .tribe-events-single-event-title { color:var(--purple); line-height: 2.25;}
#tribe-events-pg-template.tribe-override {margin: 0 auto;max-width: 1320px;margin-top: 125px;}
.tribe-override .tribe-events-schedule h2 { color:var(--purple); font-size:22px; font-weight: 300;}
.tribe-override .tribe-events-content p { color:var(--purple);}
.tribe-events-back { display:none;}
.event_color_panel.blueicefade { position: relative;}
.event_color_panel.blueicefade .blueicebg { height: 100%; padding:30px;}
.tribe-override .meta_top {
width: 100%;
min-height: 150px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
background: var(--blueice);
padding: 30px;
margin-bottom: 30px;
}
@media (max-width:990px){
.tribe-override .meta_top { padding:24px;}
}
.news-items .meta_top .month, .tribe-override .meta_top .month {
display: block;
font-weight: 600 !important;
letter-spacing: 15px !important;
font-size: 28px;
text-transform: uppercase;
width: 100%;
color: var(--white);
text-align: left;
}
.news-items .meta_top .day, .tribe-override .meta_top .day {
display: block;
font-weight: 900 !important;
font-size: 82px;
line-height: .75;
text-transform: uppercase;
width: 100%;
color: var(--white);
text-align: left;
margin-top: 24px;
}
.news-items .meta_top .year, .tribe-override .meta_top h5.year {
display: block;
font-weight: 600 !important;
letter-spacing: 44px !important;
font-size: 18px;
text-transform: uppercase;
width: 100%;
text-align: left;
line-height: 1;
margin: 20px 8px 0;
padding-left: 0;
color: var(--white);
}
.tribe-override .meta_middle {text-transform: uppercase;letter-spacing: 4px !important;text-align: left;margin-top: 0;margin-bottom: 30px;font-size: 14px;padding-left: 0;display: block;padding-top: 10px;}
.tribe-override .meta_bottom { padding:5px 0px;}
.tribe-override .meta_phone { margin:0 0 25px;}
.tribe-override h5 {
color: var(--purple);
font-weight: 900;
font-size: 30px;
line-height: 1;
margin-bottom: 20px;
}
.tribe-override .tribe-address {
margin: 0 0 25px;
display: block;
line-height: 1.5;
}
.tribe-override .tribe-events-event-meta::before { display:none;}
.tribe-override .tribe-events-meta-group-organizer { padding-top:20px; border-top:1px solid rgba(255,255,255,.25); margin-right: 0;}
.tribe-override .tribe-events-c-subscribe-dropdown__container { margin-bottom:0;}
.tribe-override button.tribe-events-c-subscribe-dropdown__button-text::after { display:none;}
.tribe-events-calendar-list * { color:var(--purple) !important;}
.tribe-events-calendar-list a.button { color:var(--white) !important;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {font-size: 44px!important; line-height: 1.25 !important;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium a { text-decoration: none; border: none;}
.tribe-events-calendar-list__event-venue-title.tribe-common-b2--bold { display:block;}
.tribe-events .tribe-events-calendar-list__month-separator::after { background:var(--purple) !important; opacity: .5;}
.tribe-events .tribe-events-calendar-list-nav {border-top: 1px solid var(--purple) !important; opacity: .5;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium a {color: var(--bluedark) !important;line-height: 1.1em;display: block; transition:.25s all ease-in-out;text-decoration: none !important;}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium a:hover { color:var(--blue) !important; transition:.25s all ease-in-out;}
.tribe-override .tribe-events-calendar-list__event-datetime-wrapper { margin: 20px 0; font-weight:600; letter-spacing: 2px; font-size: 14px; }
.tribe-events-single > .tribe_events { overflow:visible;}
.tribe-events-content a {border:none !important; color:var(--bluedark) !important; text-decoration: underline !important;}
.tribe-events-content a:hover { color:var(--blue) !important; }
.tribe-override a {border:none !important; color:var(--bluedark) !important; text-decoration: underline !important;}
.tribe-override a:hover { color:var(--blue) !important; }
.tribe-override .page-panel .cell_4 > a { text-decoration:none !important;}
.tribe-override a.button { color:var(--white) !important; text-decoration: none !important;}
.tribe-override #main-panel-1 { padding-top:0;}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
background-color: var(--purple);
color: var(--white);
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
background-color: var(--purple);
border: 1px solid var(--white);
border-radius: 0;
text-align: center;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon, .tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon {
color: var(--white);}
.single-tribe_events .tribe-common-c-btn-border:hover .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-block__events-link .tribe-common-c-btn-border:hover .tribe-events-c-subscribe-dropdown__export-icon,
.single-tribe_events .tribe-common-c-btn-border:focus .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-block__events-link .tribe-common-c-btn-border:focus .tribe-events-c-subscribe-dropdown__export-icon {
color: var(--white) !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text
{ color: var(--white);}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
stroke: var(--white);
}
.tribe-common button:focus, .tribe-common button:hover, .tribe-theme-twentyseventeen .tribe-common button:focus, .tribe-theme-twentyseventeen .tribe-common button:hover,
.tribe-common-c-btn-border:focus button, .tribe-common-c-btn-border:hover button, .tribe-theme-twentyseventeen .tribe-common-c-btn-border:focus button, .tribe-theme-twentyseventeen .tribe-common-c-btn-border:hover button {
color: var(--white) !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item a, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list-item a,
.tribe-organizer-url a { text-decoration:none;}
.is-style-stripes td { padding:10px; line-height: 1.25em; }
.is-style-stripes td:first-child { width:300px;}
@media (max-width:990px){
.is-style-stripes td:first-child { width:28%;}
}
.is-style-stripes td em { color:var(--blueice);}
.the-content-container h3,
.the-content-container h4,
.the-content-container h5,
.the-content-container h6 { color:var(--purple); text-align: left;}
.the-content-container p em {
color: var(--blueice);
font-weight: 600;
}
.the-content-container h3 { margin-top:40px;}
.the-content-container h4 { margin-top:40px; font-weight: 600;}
.forminator-ui.forminator-design--default h2.forminator-title {font-weight: 900 !important;text-align: left !important; font-size: 36px !important ;color: var(--purple) !important ;letter-spacing: 0 !important ;line-height: 39px !important; margin-bottom: 0 !important; margin-top:30px !important;}
@media (max-width:990px){
.forminator-ui.forminator-design--default h2.forminator-title { font-size: 28px !important;line-height: 33px !important;}
}
.forminator-ui.forminator-design--default .forminator-button-submit:hover {width: auto !important;}
.forminator-ui.forminator-design--default .forminator-input::placeholder {color: #45371e !important;}
.forminator-ui.forminator-design--default .forminator-description,
.forminator-ui.forminator-design--default .forminator-description p {
font-size: 14px !important;
font-size: 14px !important;
}
.forminator-ui.forminator-design--default .forminator-button-submit {
font-size: 14px !important;
font-family: inherit !important;
font-weight: 600 !important;
padding: 16px 49px 14px 53px !important;
}
.forminator-ui.forminator-design--default .forminator-button-submit {
background-color: var(--cerise) !important;
color: #FFFFFF !important;
}
.forminator-ui.forminator-design--default .forminator-button-submit:hover {
background-color: var(--candlelight) !important;
color: var(--blue) !important;
box-shadow: none !important
}
.google-maps iframe { border-radius: 22px 0; overflow: hidden;}
.footer-1 ul { display:flex; justify-content: space-between; align-items: flex-start; }
.footer-1 ul li a { padding-left:44px; display:block; position: relative; }
.footer-1 ul li a::before { width:32px; height: 44px; content:''; position: absolute; left:0; top:0px; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.footer-1 ul li.address a::before { background-image: url("/wp-content/themes/perspectives/images/icon-pin.svg"); top:2px;}
.footer-1 ul li.telephone a::before { background-image: url("/wp-content/themes/perspectives/images/icon-phone.svg"); top:-4px;}
.footer-1 ul li.facebook a { padding-left:54px;}
.footer-1 ul li.facebook a::before { background-image: url("/wp-content/themes/perspectives/images/icon-facebook.svg"); width:40px; top:-2px}
footer .footerFlex .footer-1 { display:flex; justify-content: space-between; gap:100px; align-items: center;}
footer .footer-1 .widget_text { width: calc(100% - 450px);}
.footer-1 .widget_media_image { max-width: 350px;}
.footer-1 .widget_media_image a { display:block;}
.footer-1 .widget_media_image img { margin:0; display: block;}
@media (max-width:1350px){
footer .footerFlex .footer-1 { gap: 50px;}
footer .footer-1 .widget_text { width: calc(100% - 400px);}
}
@media (max-width:1200px){
footer .footer-1 .widget_text { width: 257px;padding: 0;}
.footer-1 .widget_media_image { max-width: 300px;}
.footer-1 ul { flex-wrap: wrap; gap:25px;}
.footer-1 ul li { width:100%;}
footer .footerFlex .footer-1 { max-width: 607px; margin: 0 auto;}
}
@media (max-width:640px){
footer .footerFlex .footer-1 { flex-wrap: wrap; justify-content: center;}
footer .footer-1 .widget_text { width:100%;}
.footer-1 ul { flex-wrap: wrap; width: 300px;gap: 25px; margin: 0 auto;}
}
.navicon {position: absolute;left: -30px;width: 130px;height: 250px;top: -80px;}
@media (max-width:990px){
.navicon {position: absolute;left: -10px;width: 80px;height: 130px;top: -170px;}
}
.navicon img { position: absolute; width: 100%; height: auto; top:50%; transform: translateY(-50%); right:0;}
@media (max-width:1440px){
.desktop-nav.navmenu .pageinner { padding-left:40px;}
}
.header-icon { position:absolute; right:-150px; width:300px; height: 300px; top:-30px; z-index: 5;}
@media (max-width:1200px){
.header-icon { right:-100px; width:200px; height: 200px; top:-20px; }
}
@media (max-width:767px){
.header-icon { right:-50px; width:100px; height: 100px; top:-10px;}
}
.floating-icon {position: absolute;bottom: -100px;left: 3%; max-height: 200px; z-index: 7;}
.floating-icon img { max-height:250px; min-height:175px; width:auto; margin-bottom: 0 !important;}
.floating-icon.bottomright {left: unset; right:3%;}
.floating-icon.topleft { bottom: unset; top:-100px;}
.floating-icon.topright { left: unset; right:3%; bottom: unset; top:-100px;}
.floating-icon.icon-stack { margin-top:-12px;}
.floating-icon.outsidebottomleft {left: -3%; }
.floating-icon.outsidebottomright {left: unset; right:-3%;}
.floating-icon.big-flower img {max-height: unset;max-width: unset;width: 100%;height: 100%;}
.floating-icon.outsidetopleft { bottom: unset; top:-100px; left:-3%;}
.floating-icon.outsidetopright { left: unset; right:-3%; bottom: unset; top:-100px;}
@media (max-width:1200px){
.floating-icon {bottom: -75px; left: 2%; max-height: 150px; max-width: 150px;}
.floating-icon img { max-height:175px; min-height:100px; width:auto; margin-bottom: 0 !important;}
.floating-icon.bottomright { right:2%;}
.floating-icon.topleft { top:-75px;}
.floating-icon.topright { right:2%; top:-75px;}
.floating-icon.icon-stack { margin-top:-5px;}
.floating-icon.outsidebottomleft {left: -2%; }
.floating-icon.outsidebottomright { right:-2%;}
.floating-icon.outsidetopleft { top:-75px; left:-2%;}
.floating-icon.outsidetopright { right:-2%; top:-75px;}
}
@media (max-width:767px){
.floating-icon {bottom: -50px; left: 2%; max-height: 100px; max-width: 100px;}
.floating-icon img { max-height:125px; min-height:100px; width:auto; margin-bottom: 0 !important;}
.floating-icon.bottomright { right:1.5%;}
.floating-icon.topleft { top:-50px;}
.floating-icon.topright { right:1.5%; top:-50px;}
.floating-icon.icon-stack { margin-top:-7px;}
.floating-icon.outsidebottomleft {left: -1.5%; }
.floating-icon.outsidebottomright { right:-1.5%;}
.floating-icon.outsidetopleft { top:-50px; left:-1.5%;}
.floating-icon.outsidetopright { right:-1.5%; top:-50px;}
}
footer .pageinner {
max-width: 1170px;
}
.floating-icon.big-flower { z-index: 1; left: calc(50% + 490px); right: unset; width: 373px; height: 430px; max-height: unset;}
@media (max-width:1440px){
.floating-icon.big-flower { z-index: 1; right: -150px; left:unset; width: 323px; height: 430px; max-height: unset;}
}
@media (max-width:1200px){
.floating-icon.big-flower { z-index: 1; right: -40px; left:unset; width: 323px; height: 430px; max-height: unset;}
}
@media (max-width:991px){
.floating-icon.big-flower { display: none;}
}
.button.mobilenav-item { height:44px; width:131px; text-align: center; margin-left:2%;}
.make-a-divider { display:flex !important; align-content:center; align-items: center;}
.make-a-divider img { margin:0 20px 0 -50px; width:270px;}
.make-a-divider hr { margin:0 !important;}
.make-a-divider.fern img { margin-left:-70px;}
.make-a-divider.leaf img { max-width:180px; margin-left: -41px;}
.make-a-divider.clef img { max-width:210px;}
.team_member img { border-radius:22px 0;}
.team_member .team_img::after { width:60px; height: 60px; content: ''; position: absolute; bottom: -20px; right: -20px; background: url("/wp-content/themes/perspectives/images/icons/leaf-blue.svg") no-repeat; background-size: contain; background-position: center;}
.team_member a.cell:nth-child(5n-3) .team_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-cerise.svg");}
.team_member a.cell:nth-child(5n-2) .team_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg");}
.team_member a.cell:nth-child(5n-1) .team_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
.team_member a.cell:nth-child(5n-0) .team_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-purple.svg");}
.insights .article_img::after { width:60px; height: 60px; content: ''; position: absolute; bottom: -20px; right: -20px; background: url("/wp-content/themes/perspectives/images/icons/leaf-blue.svg") no-repeat; background-size: contain; background-position: center;}
.insights .cell:nth-child(4n-2) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg");}
.insights .cell:nth-child(4n-1) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
.insights .cell:nth-child(4n-0) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-purple.svg");}
.insights:nth-child(2n-1) .cell:nth-child(4n-2) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-blue.svg");}
.insights:nth-child(2n-1) .cell:nth-child(4n-1) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-candlelight.svg");}
.insights:nth-child(2n-1) .cell:nth-child(4n-0) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-blueice.svg");}
.insights:nth-child(2n-1) .cell:nth-child(4n-3) .article_img::after { background-image: url("/wp-content/themes/perspectives/images/icons/leaf-purple.svg");}
.logo-panel img { width: auto; height: auto; max-width: 400px; max-height: 160px; padding-right: 32px; display: inline !important;}
@media (max-width:1350px) {
.logo-panel img { max-width: 300px; max-height: 120px; padding-right: 24px;}
}
@media (max-width:990px) {
.logo-panel img { max-width: 250px; max-height: 100px; padding-right: 16px;}
}
@media (max-width:540px) {
.logo-panel img { max-width: 200px; max-height: 80px; padding-right: 8px;}
}
/* ---------------- ---------------- */
/* -------- YouTube Custom Panel Values -------- */
/* ---------------- ---------------- */
.youtube-container {
display: block;
width: 100%;
margin: 0px auto 30px;
}
.youtube-player {margin-bottom: 24px;
display: block;
margin 20px auto;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
cursor: hand;
cursor: pointer;
display: block; border-radius: 30px 0 30px 0; background-color: var(--bluedark);
}
.youtube-thumb {margin-bottom: 24px;
display: block;
margin 20px auto;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
width: 100%;
height: auto;
cursor: hand;
cursor: pointer;
display: block; border-radius: 25px 25px 25px 0;
}
.youtube-player:hover div.youtube-play-btn { transform: scale(107%); transition: .25s transform ease-in-out;}
img.youtube-thumbnail {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
height: 100%;
margin: 0;
object-fit: cover;
opacity: .43;
mix-blend-mode: luminosity;
}
div.youtube-play-btn {
height: 100px;
width: 100px;
left: calc(50% - 50px);
top: calc(50% - 50px);
position: absolute;
background: url("/wp-content/themes/perspectives/images/play.svg") no-repeat center center;
background-size: 100px 100px;
transition: .25s transform ease-in-out;
}
@media (max-width:990px){
div.youtube-play-btn {height: 80px;width: 80px;left: calc(50% - 40px);top: calc(50% - 40px);background-size: 80px 80px;}
}
.youtube-thumb div.youtube-play-btn { opacity: 1; height:24px; width:24px; left: calc(50% - 12px); top: calc(50% - 12px);background-size: 24px 24px; }
.youtube-iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.video-link-panel { width:calc(100% + 40px); margin-left:-20px; margin-right: -20px; display: flex; flex-wrap: wrap;}
.video-link-panel .yt-thumb { width:50%; padding:20px; border-radius: 34px; transition: .25s background ease-in-out; }
.video-link-panel .yt-thumb:hover { background-color:var(--teal); transition: .25s background ease-in-out;}
.video-link-panel .yt-thumb.active { background-color:var(--sagelight); transition: .25s background ease-in-out;}
.video-link-panel .yt-thumb.active:hover { background-color:var(--sage); transition: .25s background ease-in-out;}
.video-link-panel .youtube-thumb { border-radius:20px; margin-bottom:0px;}
.thumb-title { font-weight: bold;font-size: 14px;letter-spacing: 0;line-height: 16px; color:var(--blue); margin-top:10px; transition: .25s color ease-in-out;}
.video-link-panel .yt-thumb:not(.active):hover .thumb-title { color:var(--white); transition: .25s color ease-in-out;}
.video-meta { display:none;}
.video-meta.active { display:block;}
.forminator-edit-module { display:none !important;}
.forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input input {padding-bottom: 7px !important;}