/*
Theme Name: Academy Securities
*/
html, body { height: 100%; margin: 0; }
body { margin: 0; padding: 0; border: none; font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight: 400; color: #272727; }
a { color: #004681; }
p { font-size: 18px; font-weight: 400; color: #272727; }
.clear { clear: both; }
.center { text-align: center; }
.break { display: block; }
.nowrap { white-space: nowrap; }
.gray { color: #94999E !important; }
.dark { color: #272727 !important; }
.orange { color: #C24835 !important; }
.font-500 { font-weight: 500 !important; }
.font-500 p { font-weight: 500 !important; }
.vertical { display: flex; align-items: center; justify-content: center; }
.button { display: inline-block; padding: 16px 20px 12px 20px; font-size: 26px; text-transform: uppercase; text-decoration: none; color: #FFF; font-weight: bold; border: 3px solid #FFFFFF; line-height: 1; }
.button:hover { background-color: #FFF; border: 3px solid #FFF; color: #004681; }
.bg-poly-red .button:hover { color: #C24835 }
.b-blue { color: #004681; border: 3px solid #004681; }
.b-blue:hover { background-color: #C24835; border: 3px solid #C24835; color: #FFF; }
.pum-container .gform-theme .gform_footer input.gform_button.button { display: inline-block !important; padding: 16px 20px 12px 20px !important; font-size: 26px !important; text-transform: uppercase !important; text-decoration: none !important; color: #FFF !important; font-weight: bold !important; line-height: 1; }
.pum-container .gform-theme .gform_footer input.gform_button.button { background-color: #004681 !important; color: #ffffff !important; border: 3px solid #004681 !important; }
.pum-container .gform-theme .gform_footer input.gform_button.button:hover { background-color: #C24835 !important; border: 3px solid #C24835 !important; color: #FFF !important; }
.clip .content.logo-spacing { padding-top: 75px; padding-bottom: 0; }
.logo-column img { padding: 40px 0 0 0; }
@media only screen and (max-width:767px) {
.button { font-size: 18px; }
}
.v-button { color: #004681; font-size: 36px; font-weight: bold; text-decoration: none; }
.v-button svg { font-weight: bold; }
@media only screen and (max-width:767px) {
.v-button { font-size: 22px; }
}
#header { position: fixed; z-index: 11; text-align: center; padding: 70px 0 0 0; top: 0; left: 0; right: 0; height: 90px; box-sizing: border-box; }
#social-header { background-color: #004681; padding: 6px 0 2px 0; text-align: right; display: none; }
#social-header ul { margin: 0; padding: 0; float: right; }
#social-header ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline; line-height: 1; }
#social-header ul li a { color: #FFF; }
@media only screen and (min-width:992px) {
#nav { margin: 0; padding: 0; }
#nav > li { margin: 0 25px; padding: 0; list-style: none; text-transform: uppercase; position: relative; display: inline-block; height: 50px; vertical-align: top; min-width: 120px; }
#nav > li.d-nav > a { position: relative; top: -10px; line-height: 1.2; }
#nav > li:first-child { margin-left: 180px; }
#nav > li:nth-child(2) { margin-right: 320px; }
#nav li a { color: #FFFFFF; text-decoration: none; font-family: 'Jura', sans-serif; font-size: 16px; font-weight: 700; }
#nav > li > a { display: inline-block; line-height: 1.5; }
#nav > li > a .nav-line { display: block; height: 3px; background-color: #ae4933; width: 0; transition: width .5s, height .5s; }
#nav > li:hover > a .nav-line { width: 100%; }
#nav .sub-menu { position: absolute; top: 80%; left: -20px; background-color: rgba(255, 255, 255, 0.25); width: 250px; margin: 0; padding: 0; display: none; }
#nav .sub-menu li { margin: 0; padding: 0; list-style: none; color: #FFF; position: relative; }
#nav .sub-menu li:last-child { border: none; }
#nav .sub-menu li a { color: #ffffff; text-decoration: none; display: block; padding: 10px 20px; box-sizing: border-box; font-weight: 600; text-align: left; }
#nav .sub-menu li:hover a { color: #C24835; }
/*
#nav .sub-menu li .fa-chevron-right {
position:absolute;
right:15px;
top:12px;
}
*/
#nav li:hover > ul { display: block; z-index: 100; }
#nav > li .nav-up, #nav > li .nav-down { display: none; }
#mobile-button { display: none; }
}
@media only screen and (max-width:991px) {
#nav > li > a br { display: none; }
#mobile-button { display: flex; width: 50px; height: 50px; cursor: pointer; align-items: center; justify-content: center; position: absolute; top: 53px; right: 5px; }
#mobile-button .clicker { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: block; }
#mobile-button #m-lines { width: 25px; }
#mobile-button #m-lines .m-line { display: block; width: 100%; height: 3px; background-color: #FFF; margin-bottom: 4px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; -khtml-border-radius: 30px; position: relative; }
#mobile-button.mobile-button-on #m-lines .m-line:first-child { transform: rotate(45deg); top: 4px; }
#mobile-button.mobile-button-on #m-lines .m-line:nth-child(2) { transform: rotate(-45deg); top: -3px; }
#mobile-button.mobile-button-on #m-lines .m-line:last-child { display: none; }
#nav-scroll { position: fixed; top: 130px; left: 0; right: 0; bottom: 0; overflow: auto; background-color: #004681; display: none; }
#nav-scroll.mobile-nav-on { display: block; }
#nav { margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #000000; text-align: left; }
#nav > li { display: block; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #000000; position: relative; }
#nav > li .clicker { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: block; }
#nav > li .sub-nav-toggle { position: absolute; right: 0px; top: 0px; color: #FFF; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
#nav > li .sub-nav-toggle svg { z-index: 0; }
#nav > li .nav-up { display: none; }
#nav > li.sub-menu-on .nav-up { display: flex; }
#nav > li.sub-menu-on .nav-down { display: none; }
#nav > li > a { color: #FFF; display: block; padding: 20px 30px; text-decoration: none; box-sizing: border-box; font-weight: bold; }
#nav .sub-menu { margin: 0; padding: 0; height: 0; overflow: hidden; }
#nav > li.sub-menu-on .sub-menu { height: auto; }
#nav .sub-menu li { background-color: #000000; border-bottom: 1px solid #004681; list-style: none; margin: 0; padding: 0; }
#nav .sub-menu li:last-child { border: none; }
#nav .sub-menu li a { color: #FFF; display: block; padding: 20px 45px; text-decoration: none; box-sizing: border-box; font-weight: 500; position: relative; }
#nav .sub-menu li svg { position: absolute; right: 30px; top: 22px; }
}
#logo { width: 250px; display: block; position: absolute; left: 50%; top: 30px; margin-left: -125px; }
#logo img { width: 100%; }
#header.snapped { background-color: #000; padding: 70px 0 0 0; height: 130px; }
#header.snapped #nav > li > a { color: #FFF; }
#header.snapped #nav .sub-menu { background-color: rgba(0, 0, 0, .85); }
#header.snapped #logo { top: 40px; width: 200px; margin-left: -100px; }
#header.snapped #social-header { position: absolute; width: 100%; top: 0; left: 0; right: 0; display: none; display: block; }
.container { max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0 50px; }
.login-welcome { color: #fff; padding-left: 20px; padding-right: 30px; display: inline-block; font-weight: 600; letter-spacing: .02em; position: relative; }
.login-welcome::after { content: '|'; margin-left: 10px; font-size: 25px; position: absolute; top: -5px; }
.login-welcome a { color: #fff; text-decoration: none; text-transform: uppercase; }
.login-welcome a:hover, .login-welcome a:focus { color: #fff; text-decoration: underline; }
@media (max-width:1350px) {
#nav > li { margin: 0 15px; }
#nav > li:first-child { margin-left: 180px; }
#nav > li:nth-child(2) { margin-right: 250px; }
}
@media only screen and (min-width:992px) and (max-width:1215px) {
#header.snapped { height: 210px; }
a#logo { width: 225px; }
#nav > li:first-child { margin-left: 25px !important; }
#nav > li:nth-child(2) { margin-right: 25px !important; }
#nav > li { margin: 0 18px !important; min-width: 1px; }
#nav { position: relative; top: 80px; }
}
@media only screen and (max-width:991px) {
.container { padding: 0 20px; }
}
/*
@media only screen and (max-width : 1245px) {
.container {
padding:0 20px;
}
}
*/
/*
https://stackoverflow.com/questions/47835960/how-to-make-a-triangle-shape-in-the-bottom-of-the-div
https://bennettfeely.com/clippy/
*/
.clipped { width: 100%; clip-path: polygon(100% 0%, 100% 80%, 50% 90%, 50% 90%, 0 80%, 0 0); clip-path: polygon(50% 100px, 100% 0, 100% 100%, 0 100%, 0 0); position: absolute; padding: 150px 0 250px 0; background-color: #FFF; }
.pos { position: absolute; padding: 150px 0 250px 0; width: 100%; }
.clipped.no-pad { padding: 0; }
.clipped.pad-top { padding: 150px 0 0 0; }
.clipped.pad-bottom { padding: 0 0 250px 0; }
@media only screen and (max-width:991px) {
.clipped { clip-path: polygon(50% 50px, 100% 0, 100% 100%, 0 100%, 0 0); padding: 75px 0 125px 0; }
.clipped.no-pad { padding: 0; }
.clipped.pad-top { padding: 75px 0 0 0; }
.clipped.pad-bottom { padding: 0 0 125px 0; }
}
@media only screen and (max-width:767px) {
.clipped { clip-path: polygon(50% 30px, 100% 0, 100% 100%, 0 100%, 0 0); }
}
.bg-b-gradient { background-image: url(images/bg-bottom-gradient.png); background-repeat: repeat-x; background-position: left bottom; }
/*
@media only screen and (max-width : 1449px) {
.clipped {
clip-path: polygon(100% 0%, 100% 85%, 50% 90%, 50% 90%, 0 85%, 0 0);
}
}
*/
.hero { position: relative; /* position: absolute;
top:0;
left:0;
right:0; */ height: 400px; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; box-sizing: border-box; }
.hero-top { background-position: center top; }
#hero-home { height: 675px; }
.hero .hero-bg { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 200px; z-index: 0; }
.hero .hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: .5; }
.hero .hero-align { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 1; }
.hero .hero-text { max-width: 900px; margin: 0 auto; }
.hero h1 { font-size: 80px; color: #FFF; text-transform: uppercase; margin: 150px 0 10px 0; line-height: 1.1; }
#hero-home h1 { font-size: 60px; text-transform: none; }
.hero h1 span { font-size: 80px; color: #FFF; display: block; }
.hero h1 .hero-text-2 { font-size: 55px; text-transform: uppercase; }
.f-80 { font-size: 80px !important; display: inline !important; }
.hero p { font-size: 23px; color: #FFF; margin: 0 0 10px 0; line-height: 1.4; }
/*
.hero-space {
position: relative;
height:100%;
}
*/
.hero-scroll { position: absolute; color: #FFF; width: 60px; height: 100px; left: 50%; bottom: -60px; margin-left: -30px; text-align: center; cursor: pointer; box-sizing: border-box; text-transform: uppercase; z-index: 1; }
.hero-scroll span { font-size: 15px; }
.hero-scroll .fa-chevron-down { font-size: 50px; position: relative }
.hero-scroll .fa-chevron-down:nth-child(2) { top: -15px; }
.hero-scroll .fa-chevron-down:nth-child(3) { top: -45px; }
.hero-scroll .fa-chevron-down:nth-child(4) { top: -75px; }
.hero-scroll:hover svg { color: #C24835; }
@media only screen and (max-width:991px) {
#hero-home { height: 575px; }
.hero .hero-text { padding: 0 20px; }
.hero h1 { font-size: 30px; }
#hero-home h1 { font-size: 20px; }
.f-80 { font-size: 40px !important; }
.hero h1 span { font-size: 40px; }
.hero p { font-size: 16px; line-height: 1.7; }
}
@media only screen and (max-width:767px) {
.f-80 { font-size: 30px; }
.hero h1 span { font-size: 30px; }
.hero-scroll { width: 40px; height: 70px; bottom: -25px; margin-left: -20px; }
.hero-scroll span { font-size: 15px; }
.hero-scroll .fa-chevron-down { font-size: 30px; }
.hero-scroll .fa-chevron-down:nth-child(2) { top: -10px; }
.hero-scroll .fa-chevron-down:nth-child(3) { top: -29px }
.hero-scroll .fa-chevron-down:nth-child(4) { top: -48px }
.hero h1 .hero-text-2 { font-size: 20px; }
}
#stats-outer .bg { }
/* #stats { display: grid; grid-template-columns: 30% 36% 30%; grid-gap: 2%; font-weight: 700; text-align: center; color: #FFF; } */
.section .stats .stat-lrg { font-size: 83px; }
.section .stats .stat-lrg span { font-size: 66px; }
.section .stats p { font-size: 23px; font-weight: bold; color: #FFF; margin: 0; line-height: 1.5; }
.section .stats p .orange { font-size: 30px; }
.home-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5%; row-gap: 30px; padding-bottom: 0; padding-top: 80px; }
/* Each logo “cell” */
.home-logos > div { flex: 0 1 31.5%; max-width: 31.5%; height: clamp(75px, 9vw, 105px); display: flex; align-items: center; justify-content: center; text-align: center; }
.home-logos .home-logo { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }
.home-logos .home-logo[style*="--smush-placeholder-aspect-ratio"] { aspect-ratio: auto !important; }
/* Responsive: smaller rows on narrow screens, 2-per-row then 1-per-row */
@media (max-width:900px) {
.home-logos > div { flex: 0 1 48%; max-width: 48%; height: clamp(50px, 12vw, 72px); }
}
@media (max-width:600px) {
.home-logos > div { flex: 0 1 100%; max-width: 100%; height: clamp(44px, 14vw, 64px); }
}
@media only screen and (max-width:991px) {
.section .stats .stat-lrg { font-size: 60px; }
.section .stats .stat-lrg span { font-size: 45px; }
.section .stats p { font-size: 16px; }
}
@media only screen and (max-width:767px) {
.section .stats .stat-lrg { font-size: 40px; }
.section .stats .stat-lrg span { font-size: 25px; }
.section .stats p { font-size: 13px; }
.section .stats p .orange { font-size: 18px; }
#stats { grid-template-columns: 48% 48%; grid-gap: 4%; }
}
#home-summary-outer .bg { background-image: url(/wp-content/uploads/firm-temp.jpg); }
#home-summary-mobile { display: none; }
#home-summary { color: #FFF; position: relative; overflow: hidden; }
#home-summary h2 { text-align: center; }
#home-summary h2 span { position: relative; }
#home-summary h2 span:before { content: " "; width: 250px; border-bottom: 2px solid #ffffff; display: block; position: absolute; top: 24px; left: -280px; }
#home-summary h2 span:after { content: " "; width: 250px; border-bottom: 2px solid #ffffff; display: block; position: absolute; top: 24px; right: -280px; }
#home-summary p { font-size: 20px; line-height: 2; color: #FFF; }
@media only screen and (max-width:991px) {
#home-summary { width: auto; }
}
@media only screen and (max-width:767px) {
#home-summary-outer .bg { background: none; background-color: #000; }
#home-summary p { font-size: 14px; }
#home-summary-mobile { display: block; width: 100%; }
}
#home-mission-outer .bg { background-image: url(/wp-content/uploads/hero-mission-temp.jpg); }
#home-mission-mobile { display: none; }
#home-mission { color: #FFF; position: relative; overflow: hidden; padding-bottom: 120px; }
#home-mission h2 { text-align: center; }
#home-mission h2 span { position: relative; }
#home-mission h2 span:before { content: " "; width: 410px; border-bottom: 2px solid #ffffff; display: block; position: absolute; top: 24px; left: -440px; }
#home-mission h2 span:after { content: " "; width: 410px; border-bottom: 2px solid #ffffff; display: block; position: absolute; top: 24px; right: -440px; }
#home-mission p { font-size: 20px; line-height: 1.2; color: #FFF; }
@media only screen and (max-width:991px) {
#home-mission { width: auto; }
}
@media only screen and (max-width:767px) {
#home-mission-outer .bg { background: none; background-color: #000; }
#home-mission p { font-size: 14px; }
#home-mission-mobile { display: block; width: 100%; }
}
#recent-transactions { }
#recent-transactions h2 { font-size: 70px; width: 100%; text-align: center; text-transform: uppercase; color: #000; }
@media only screen and (max-width:991px) {
#recent-transactions h2 { font-size: 35px; }
}
@media only screen and (max-width:767px) {
#recent-transactions h2 { font-size: 25px; }
}
.t-card { width: 260px; height: 330px; position: relative; -webkit-box-shadow: 0px 0px 10px 2px #ccc; -moz-box-shadow: 0px 0px 10px 2px #ccc; box-shadow: 0px 0px 10px 2px #ccc; }
.t-inner { margin: 10px; display: flex; align-items: center; justify-content: center; }
.t-inner img { width: 100%; display: block; }
.t-front { position: absolute; background-color: #f7f9fa; width: 260px; height: 330px; display: flex; align-items: center; justify-content: center; }
.t-front img { display: block; max-width: 220px; margin: 0 auto; aspect-ratio: 1 / 1; object-fit: contain; }
.t-back { aspect-ratio: 260 / 330; height: 100%; width: 100%; overflow: hidden; }
.t-back img { width: 100%; height: 100%; }
.slide-nav { border: 3px solid #000000; padding: 10px 12px 8px 12px; display: inline-block; font-size: 25px; line-height: 1; margin: 20px 5px 20px 5px; cursor: pointer; }
.slide-nav:hover { background-color: #C24835; border: 3px solid #C24835; color: #FFF; }
.slick-arrow { display: none !important; }
#all-transactions { margin-bottom: 30px; }
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card { background-color: transparent; width: 260px; height: 330px; border: 1px solid #f1f1f1; perspective: 1000px; /* Remove this if you don't want the 3D effect */ }
/* This container is needed to position the front and back side */
.flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; }
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner { transform: rotateY(180deg); }
/* Position the front and back side */
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; -webkit-box-shadow: 0px 0px 10px 2px #ccc; -moz-box-shadow: 0px 0px 10px 2px #ccc; box-shadow: 0px 0px 10px 2px #ccc; }
/* Style the front side (fallback if image is missing) */
.flip-card-front { background-color: #f7f9fa; color: black; -webkit-box-shadow: 0px 0px 10px 2px #ccc; -moz-box-shadow: 0px 0px 10px 2px #ccc; box-shadow: 0px 0px 10px 2px #ccc; }
/* Style the back side */
.flip-card-back { background-color: dodgerblue; color: white; transform: rotateY(180deg); }
#home-news { /*
max-width:1024px;
margin:0 auto;
display: grid;
grid-template-columns:48% 48%;
grid-gap: 4%;
*/
text-align: left; }
#video-grid h3 { font-size: 22px; margin: 20px 0 10px 0; color: #000000; }
@media only screen and (max-width:767px) {
#home-news h3 { font-size: 16px; }
#home-news .home-date { font-size: 14px; }
}
#team { padding-top: 100px; padding-bottom: 140px; }
#team .bg { /*background-image: url(images/bg-team.png); */ background-color: #ffffff; }
#team .bg .bg-color { background-color: #ffffff; opacity: .70; }
#team h2 { width: 100%; text-align: center; text-transform: uppercase; color: #004681; }
#team h2 span { position: relative; }
/* #team h2 span:before { content: " "; width: 410px; border-bottom: 2px solid #004681; display: block; position: absolute; top: 24px; left: -440px; }
#team h2 span:after { content: " "; width: 410px; border-bottom: 2px solid #004681; display: block; position: absolute; top: 24px; right: -440px; } */
#team h2 { display: flex; align-items: center; justify-content: center; gap: 30px; /* spacing around the text */ position: relative; }
#team h2:before, #team h2:after { content: ""; flex: 1; border-bottom: 2px solid #004681; opacity: 1; }
#team h2 span { white-space: nowrap; font-weight: 700; font-size: 36px; }
#team .slide-nav { border: 3px solid #FFFFFF; color: #FFF; }
#team .slide-nav:hover { background-color: #FFF; border: 3px solid #FFF; color: #000; }
.home .bio { height: auto; border: none; }
.home .bio .bio-top { cursor: auto; }
.bio-left, .bio-right { float: left; }
.home .bio .bio-title { color: #1f5792; }
.home .bio .bio-exp { color: #C24835; font-size: 21px; font-weight: bold; }
.bio-card { width: 209px; height: 245px; position: relative; margin: 0 auto; }
.bio-card[data-link] { cursor: pointer; }
.bio-card-front { position: absolute; width: 100%; height: 100%; z-index: 1; }
.bio-card-back { position: absolute; width: 100%; height: 100%; z-index: 0; }
.bio-card img { width: 100%; aspect-ratio: 290 / 245; object-fit: cover; height: 100%; }
@media only screen and (max-width:991px) {
#team h2 { font-size: 35px; }
}
@media only screen and (max-width:767px) {
#team h2 { font-size: 25px; }
}
#world-outer .bg { background-image: url(images/bg-map.png); }
#world { display: grid; grid-template-columns: 48% 48%; grid-gap: 4%; }
#world h2 { font-size: 60px; width: 100%; text-transform: uppercase; color: #FFF; line-height: .8; margin: 0; }
#world h2 span { font-size: 42px; }
#world p { font-size: 20px; line-height: 2; color: #FFF; }
#geo-links { background-color: rgba(0, 0, 0, 0.5); margin: 0; padding: 25px; }
#geo-links li { margin: 0 0 20px 0; padding: 0; list-style: none; color: #FFF; font-size: 30px; }
#geo-links a { color: #FFF; font-size: 30px; font-weight: bold; text-decoration: none; }
#geo-links li span { white-space: nowrap; }
@media only screen and (max-width:991px) {
#world h2 { font-size: 40px; }
#world h2 span { font-size: 32px; }
#geo-links li { line-height: 1; }
#geo-links a { font-size: 24px; }
#world p { font-size: 16px; }
}
@media only screen and (max-width:767px) {
#world { display: block; }
#world h2 { font-size: 25px; }
#world h2 span { font-size: 20px; }
#geo-links a { font-size: 18px; }
#world p { font-size: 14px; }
}
#home-map-outer .bg { background-color: #000000; }
#home-map { display: grid; grid-template-columns: 55% 40%; grid-gap: 5%; color: #FFF; }
#home-map h3 { font-size: 50px; line-height: 1; text-transform: uppercase; margin: 0; }
#home-map h3 span { color: #C24835; font-size: 30px; display: block; }
#home-map p { font-size: 31px; font-weight: bold; margin: 25px 0 0 0; color: #FFF; line-height: 1.2; }
#the-map { position: relative; }
#the-map img { position: relative; z-index: 0; width: 100%; }
#markers { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.marker { width: 16px; height: 16px; background-color: #FFF; border: 1px solid #FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; position: absolute; cursor: pointer; }
.marker.m-new-york { left: 88.5%; top: 29.5%; }
.marker.m-san-diego { left: 7.5%; top: 60.5%; }
.marker.m-chicago { left: 64%; top: 34.5%; }
.marker.m-los-angeles { left: 5.5%; top: 57%; }
.marker.m-chapel-hill { left: 82%; top: 52.5%; }
.marker.m-sacramento { left: 2%; top: 37%; }
.marker.m-kansas-city { left: 52.5%; top: 48%; }
.marker.m-austin { left: 47%; top: 80.5%; }
.marker.m-louisville { left: 69.5%; top: 48%; }
.marker.m-dallas { left: 49%; top: 70%; }
.marker.m-west-palm-beach { right: 13%; bottom: 6% }
.marker.active { background-color: #C24835; }
#map-nav { color: #94999E; margin: 40px 0 0 0; padding: 0; }
#map-nav li { color: #94999E; margin: 0 40px 0 0; padding: 0; list-style: none; font-size: 20px; font-weight: 600; display: inline; line-height: 2.5; white-space: nowrap; cursor: pointer; }
#map-nav li.active { color: #FFF; text-decoration: underline; }
.map-address { display: none; }
.map-address.active { display: block; }
.map-frame { margin-top: 30px; }
.map-frame iframe { width: 100%; height: 300px; }
@media only screen and (max-width:991px) {
#home-map h3 { font-size: 36px; }
#home-map p { font-size: 20px; }
}
@media only screen and (max-width:767px) {
#home-map { display: block; }
#map-nav { margin-bottom: 30px; }
#home-map h3 { font-size: 32px; }
#home-map h3 span { font-size: 17px; }
#home-map p { font-size: 16px; }
#map-nav li { line-height: 1.8; }
}
#home-careers .bg { background-image: url(images/bg-home-careers.png); }
#home-careers .bg .bg-color { background-color: #94999E; opacity: .7; }
#home-careers .container { z-index: 1; position: relative; text-align: center; }
#home-careers h2 { font-size: 70px; color: #FFF; width: 100%; text-align: center; text-transform: uppercase; margin: 0; }
#home-careers p { font-size: 20px; line-height: 2; color: #FFF; }
@media only screen and (max-width:991px) {
#home-careers h2 { font-size: 35px; }
}
@media only screen and (max-width:767px) {
#home-careers h2 { font-size: 25px; }
#home-careers p { font-size: 14px; }
}
#home-certified { text-align: center; padding: 25px 0; position: relative; top: -1350px; z-index: 3; display: none; }
/*
#content {
min-height: calc(100vh - 500px);
border:1px solid #FF0000;
}
#bottom {
height:500px;
}
*/
#bottom { position: relative; z-index: 9; }
#social-bar { background-color: #004681; margin: 0; padding: 10px 0 8px 0; text-align: center; position: relative; z-index: 3; }
#social-bar ul { margin: 0; padding: 0; text-align: center; }
#social-bar ul li { margin: 0 10px; padding: 0; list-style: none; color: #FFF; display: inline-block; }
#social-bar ul li a { color: #FFF; line-height: 1; font-size: 22px; }
#footer-logos { text-align: center; padding: 20px 0; }
#footer-logos img { max-width: 100%; }
#footer { background-color: #000000; text-align: center; padding: 40px 0; }
#footer-links { margin: 30px 0 0 0; padding: 0; }
#footer-links li { margin: 0 20px; padding: 0; display: inline-block; color: #FFF; }
#footer-links a { color: #FFF; text-decoration: none; font-size: 20px; }
.copy { font-size: 20px; color: #FFF; }
#transactions { overflow: visible; }
@media only screen and (max-width:767px) {
#footer-logos { max-width: 80%; margin: 0 auto; }
#footer-links a { font-size: 16px; }
.copy { font-size: 11px; }
}
h2 { font-size: 47px; text-transform: uppercase; }
ul { margin: 0; padding: 0; }
ul li { margin: 0 0 15px 20px; padding: 0; }
/* Subpages */
.duals { display: flex; flex-wrap: wrap; min-height: 650px; }
.duals .dual { flex: 1; background-size: cover; background-position: center; position: relative; }
.duals .dual img { display: none; }
.duals .dual .dual-text { padding: 0 60px; position: absolute; width: 100%; height: 100%; box-sizing: border-box; color: #FFF; }
.duals .dual .dual-text h2 { color: #FFF; margin: 0 0 20px 0; }
.duals .dual .dual-text p { margin: 0 0 20px 0; }
.duals .dual .dual-text a { color: #FFF; font-size: 36px; text-decoration: none; font-weight: bold; }
a.raquo { }
a.raquo .raq { white-space: nowrap; }
a.raquo svg { font-size: .7em !important; }
.raq svg { font-size: .7em !important; }
.cols a.raquo { text-transform: uppercase; }
#veteran a.raquo { text-transform: uppercase; }
.pod-link.raquo { text-transform: uppercase; }
.raquo:hover .raq { color: #C24835 !important; }
.bg-poly-red .raquo:hover .raq { color: #033769 !important; }
@media only screen and (max-width:991px) {
.duals .dual { flex: 0 0 100%; padding: 0; background-image: none !important; box-sizing: border-box; margin-bottom: 20px; }
}
/* About */
#hero-about .hero-bg { background-position: center top; }
#firm .bg { background-image: url(images/bg-about-firm.png); /* Replace */ }
#about-map { display: block; max-width: 980px; margin: 0 auto; width: 100%; }
#about-firm-img-holder { float: right; margin: 0 0 50px 80px; max-width: 500px; }
#about-firm-img { width: 100%; }
#about-firm-caption { font-size: 13px; margin: 10px 0 20px 0 }
@media only screen and (max-width:991px) {
#about-firm-img-holder { float: none; margin: 0 0 25px 0; display: block; margin: 0 auto; max-width: 100%; }
}
#about-meet a, #about-recent a { color: #FFF; font-size: 36px; text-decoration: none; font-weight: bold; }
#about-resources .bg { background-image: url(images/about-resources.png); /* Replace */ background-position: center top; }
#about-resources .bg .bg-color { opacity: .7; }
#about-resources a { color: #FFF; font-size: 60px; text-decoration: none; font-weight: bold; text-transform: uppercase; }
@media only screen and (max-width:767px) {
#about-meet a, #about-recent a, #about-resources a { font-size: 22px; }
}
/* Leadership */
.clicker { position: absolute; top: 0; right: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.clicker svg { position: relative; z-index: 0; }
.clicker .clickme { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; }
#bio-categories { margin-bottom: 30px; }
#bio-categories .bio-category { display: inline-block; white-space: nowrap; margin-bottom: 10px; }
.branch { width: 36px; height: 36px; background-color: #033769; color: #FFF; font-size: 26px; font-weight: bold; display: inline-block; box-sizing: border-box; text-align: center; padding-top: 3px; }
.branch.n { background-color: #033769; }
.branch.a { background-color: #5c623d; }
.branch.m { background-color: #c31a00; }
.branch.af { background-color: #033769; }
.branch.cg { background-color: #3085AC; }
.branch.sf { background-color: #000000; }
.branch.ic { background-color: #702963; }
.branch.fbi { background-color: #033769; color: #ffd61a; }
.branch.na { background-color: #0b3d91; }
.n-color { color: #033769; }
.a-color { color: #5c623d; }
.m-color { color: #c31a00; }
.af-color { color: #033769; }
.cg-color { color: #3085AC; }
.sf-color { color: #000000; }
.ic-color { color: #702963; }
.fbi-color { color: #033769; }
.na-color { color: #0b3d91; }
.bio-category { font-weight: bold; font-size: 14px; text-transform: uppercase; margin-right: 10px; }
.bio-category .branch { margin-right: 7px; }
.bio { border-top: 1px solid #707070; padding: 20px 0; height: 40px; overflow: hidden; position: relative; }
.bio.active { height: auto; }
.bio .bio-top { margin-bottom: 20px; cursor: pointer; }
.bio .bio-name { font-size: 31px; font-weight: bold; }
.bio .bio-title { color: #C24835; font-size: 21px; font-weight: bold; }
.bio.active .bio-title { color: #004681; }
.bio .branch { margin-left: 7px; }
.bio .bio-pipe { width: 3px; height: 30px; display: inline-block; background-color: #004681; margin: 0 10px; position: relative; top: 6px; }
.bio .bio-img { float: left; margin: 0 30px 10px 0; max-width: 300px; width: 100%; height: auto; }
.bio-close { width: 30px; height: 30px; font-size: 30px; display: none; top: 20px; z-index: 1; }
.bio.active .bio-close { display: flex; }
@media only screen and (max-width:991px) {
.bio { height: 65px; }
.bio .bio-top { margin-bottom: 45px; }
}
@media only screen and (max-width:767px) {
.bio { height: 55px; }
.bio .bio-name { display: block; font-size: 16px; }
.bio .bio-top { margin-bottom: 35px; }
.bio .bio-pipe { display: none; }
.bio .bio-title { font-size: 14px; }
.bio .bio-img { display: block; margin: 0 auto 15px auto; float: none; }
.bio-close { top: 10px; right: -5px; }
.branch { width: 25px; height: 25px; font-size: 15px; }
}
.bottom-buttons { margin: 100px 0 0 0; }
.bottom-buttons .button { margin: 0 25px; }
@media only screen and (max-width:767px) {
.bottom-buttons { margin: 30px 0 0 0; }
.bottom-buttons .button { margin: 0 25px 10px 25px; }
}
/* community organizations */
.page-template-page-community .hero .hero-text { max-width: 1040px; }
.community-blurb { padding-top: 20px; padding-bottom: 80px; }
.org-section .org-name { font-size: 31px; font-weight: bold; }
.org-section .bio-pipe { position: relative; display: inline-block; width: 3px; height: 30px; margin: 0 10px; background-color: #004681; }
.org-img img { width: auto; height: 60px; object-fit: contain; }
.organization { position: relative; overflow: hidden; padding: 20px 0; border-top: 1px solid #707070; }
.org-section { display: flex; align-items: center; column-gap: .4em; flex-wrap: wrap; }
.organization > a { position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; }
.org-modal.fancybox__content { overflow-y: auto; width: 100%; max-width: 1170px; max-height: 80vh; padding: 30px 25px; -webkit-overflow-scrolling: touch; }
.org-modal-content .org-img img { display: block; width: 100%; max-width: 260px; height: auto; margin: 0 auto; object-fit: contain; }
.org-modal-content .org-name { font-family: 'Rajdhani', sans-serif; font-size: 31px; font-weight: bold; margin-bottom: 10px; text-align: left; color: #272727; margin-top: 0; }
.org-modal.fancybox__content > .f-button.is-close-btn { top: 0; opacity: 1; border-radius: 0; background: #004681; }
.org-modal-content { display: flex; column-gap: 1.8em; row-gap: 1em; }
.org-logo { flex: 0 1 20%; min-width: 200px; width: 100%; max-width: 200px; }
.org-content p { margin-top: 0; }
.org-volunteer-info { flex: 0 0 100%; text-align: left; font-size: 22px; font-weight: 500; color: #004681; }
.org-location { color: #000; }
@media screen and (max-width:1200px) {
.org-modal.fancybox__content { max-width: 94%; }
.org-feature img { width: 100%; height: auto; }
}
@media screen and (max-width:976px) {
.org-modal-content { flex-direction: column; row-gap: 30px; }
}
@media screen and (max-width:768px) {
.org-modal.fancybox__content > .f-button.is-close-btn { position: fixed; }
.org-modal.fancybox__content { max-width: 90%; }
.org-section { flex-direction: column; row-gap: 10px; text-align: center; }
.org-section .bio-pipe { display: none; }
.org-img img { width: auto; height: 100px; object-fit: contain; }
.org-logo { flex: 0 0 100%; }
.org-volunteer-info { text-align: center; }
}
@media screen and (max-width:640px) { }
/* Transactions */
#transactions-intro h2 { font-size: 31px; }
#t-nav { margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: 18% 18% 18% 18% 18%; grid-gap: 2.5%; }
#t-nav li { margin: 0; padding: 0; list-style: none; }
#t-nav li a { margin: 0; padding: 10px 20px; display: block; color: #004681; font-size: 24px; line-height: 1; text-decoration: none; font-weight: bold; border: 3px solid #004681; text-align: center; text-transform: uppercase; }
#t-nav li a:hover, #t-nav li a.active { color: #FFF; border: 3px solid #C24835; background-color: #C24835; }
#transactions-numbers .t { position: relative; z-index: 1; }
#transactions-numbers .t-top { display: grid; color: #FFF; font-weight: bold; text-align: center; }
#transactions-numbers .t-top.t-5 { grid-template-columns: 19% 19% 19% 19% 19%; grid-gap: 1%; }
#transactions-numbers .t-top.t-4 { grid-template-columns: 24% 24% 24% 24%; grid-gap: 1%; }
#transactions-numbers .t-top.t-3 { grid-template-columns: 31% 31% 31%; grid-gap: 3.5%; }
#transactions-numbers .t-top.t-2 { grid-template-columns: 48% 48%; grid-gap: 4%; }
#transactions-numbers .t-stat .t-amount { text-align: center; font-size: 83px; }
#transactions-numbers .t-stat .t-bt { text-align: center; font-size: 66px; }
#transactions-numbers .t-stat .t-text { display: block; font-size: 26px; }
#transactions-numbers .t-bottom { text-align: center; color: #FFF; font-weight: bold; text-align: center; margin-top: 30px; }
#transactions-numbers .t-bottom .t-amount { font-size: 113px; }
#transactions-numbers .t-bt { font-size: 90px; }
#transactions-numbers .t-text { display: block; font-size: 37px; }
#transactions-grids .transactions-grid { border-top: 1px solid #707070; padding: 0; height: 70px; overflow: hidden; position: relative; }
#transactions-grids .transactions-grid.active { height: auto; }
#transactions-grids .transactions-grid .tg-top { padding: 20px 0; height: 40px; cursor: pointer; position: relative; }
#transactions-grids .transactions-grid .tg-top svg { position: absolute; right: 10px; top: 21px; color: #004681; font-size: 30px; display: none; }
#transactions-grids .transactions-grid.active .tg-top svg { display: block; }
#transactions-grids .transactions-grid h3 { font-size: 31px; line-height: 1; margin: 0; }
.t-grid { font-size: 31px; margin: 0; display: grid; grid-template-columns: 25% 25% 25% 25%; }
.t-grid .tg { margin-bottom: 10px; }
.t-grid .tg .tg-pad { margin: 0 15px 30px 15px; }
.t-grid .tg img { max-width: 100%; display: block; margin: 0 auto; -webkit-box-shadow: 0px 1px 10px 6px #e5e5e5; -moz-box-shadow: 0px 1px 10px 6px #e5e5e5; box-shadow: 0px 1px 10px 6px #e5e5e5; aspect-ratio: 260 / 330; height: auto; width: 100%; }
@media only screen and (max-width:991px) {
#t-nav li a { font-size: 14px; }
#transactions-numbers .t-stat .t-amount { font-size: 60px; }
#transactions-numbers .t-stat .t-bt { font-size: 55px; }
#transactions-numbers .t-stat .t-text { font-size: 20px; }
#transactions-numbers .t-bottom .t-amount { font-size: 80px; }
#transactions-numbers .t-bt { font-size: 70px; }
#transactions-numbers .t-text { font-size: 22px; }
.t-grid { grid-template-columns: 50% 50%; }
}
@media only screen and (max-width:767px) {
#transactions-intro h2 { font-size: 24px; }
#t-nav { display: block; }
#t-nav li { margin-bottom: 10px; }
#t-nav li br { display: none; }
#transactions-numbers .t-stat .t-amount { font-size: 35px; }
#transactions-numbers .t-stat .t-bt { font-size: 30px; }
#transactions-numbers .t-stat .t-text { font-size: 14px; }
#transactions-numbers .t-bottom .t-amount { font-size: 60px; }
#transactions-numbers .t-bt { font-size: 45px; }
#transactions-numbers .t-text { font-size: 16px; }
.t-grid { grid-template-columns: 100%; }
}
.more-button { display: block; width: 270px; margin: 0 auto 15px auto; font-size: 31px; font-weight: bold; text-align: center; color: #004681; text-transform: uppercase !important; height: 90px; overflow: hidden; cursor: pointer; }
.more-button svg { font-size: .7em !important; display: block; margin: 0 auto; position: relative; }
.more-button svg:nth-child(2) { top: -10px; }
.more-button svg:nth-child(3) { top: -20px; }
.more-button:hover svg { color: #C24835 }
.section { position: relative; overflow: visible; }
.section.section-last { overflow: hidden; }
.clip { clip-path: polygon(50% 100px, 100% 0, 100% 100%, 50% calc(100% + 100px), 0 100%, 0 0); }
.clip-top { clip-path: polygon(50% 100px, 100% 0, 100% 100%, 0 100%, 0 0); }
.clip-bottom { clip-path: polygon(100% 0, 100% 100%, 50% calc(100% + 100px), 0 100%, 0 0); }
@media only screen and (max-width:991px) {
.clip { clip-path: polygon(50% 80px, 100% 0, 100% 100%, 50% calc(100% + 80px), 0 100%, 0 0); }
.clip-top { clip-path: polygon(50% 80px, 100% 0, 100% 100%, 0 100%, 0 0); }
.clip-bottom { clip-path: polygon(100% 0, 100% 100%, 50% calc(100% + 80px), 0 100%, 0 0); }
}
@media only screen and (max-width:767px) {
.clip { clip-path: polygon(50% 50px, 100% 0, 100% 100%, 50% calc(100% + 50px), 0 100%, 0 0); }
.clip-top { clip-path: polygon(50% 50px, 100% 0, 100% 100%, 0 100%, 0 0); }
.clip-bottom { clip-path: polygon(100% 0, 100% 100%, 50% calc(100% + 50px), 0 100%, 0 0); }
}
@media only screen and (max-width:991px) {
.clip.m-no-clip, .clip-top.m-no-clip, .clip-bottom.m-no-clip { clip-path: polygon(50% 0px, 100% 0, 100% 100%, 50% calc(100% + 0px), 0 100%, 0 0); }
}
.section .bg { position: absolute; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 200px; }
.section .bg .bg-color { position: absolute; width: 100%; height: 100%; }
.section .content { position: relative; z-index: 1; max-width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0 20px; }
.clip .content { padding: 170px 20px 50px 20px; }
.clip-top .content { padding: 150px 20px 70px 20px; }
.clip-bottom .content { padding: 70px 20px 50px 20px; }
.no-clip .content { padding: 50px 20px 50px 20px; }
@media only screen and (max-width:991px) {
.clip .content { padding: 100px 20px 40px 20px; }
.clip-top .content { padding: 120px 20px 56px 20px; }
.clip-bottom .content { padding: 56px 20px 40px 20px; }
.no-clip .content { padding: 40px 20px 40px 20px; }
}
@media only screen and (max-width:767px) {
.clip .content { padding: 90px 20px 40px 20px; }
.clip-top .content { padding: 90px 20px 56px 20px; }
}
.section h2 { color: #004681; font-size: 42px; margin: 0 0 40px 0; text-transform: uppercase; line-height: 1; }
.section h3 { color: #004681; font-size: 36px; margin: 0 0 10px 0; text-transform: uppercase; line-height: 1.1; }
.section h3 a { text-decoration: none; }
.section p { font-size: 18px; font-weight: 400; line-height: 1.7; color: #272727; }
.text-white, .text-white p, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #FFF !important; }
.text-white a { color: #FFF }
.decorated { overflow: hidden; text-align: center; }
.decorated > span { position: relative; display: inline-block; }
.decorated > span:before, .decorated > span:after { content: ''; position: absolute; top: 50%; border-bottom: 2px solid; width: 100vw; margin: 0 20px; }
.decorated > span:before { right: 100%; }
.decorated > span:after { left: 100%; }
.section ul { margin: 0 0 40px 40px; padding: 0; }
.section ul li { margin: 0 0 20px 0; padding: 0; list-style: none; list-style-image: url(images/bullet.svg); padding-inline-start: 1ch; }
.section ul li .highlight { color: #004681; }
.section ul li ul { margin: 20px 0 0 40px; }
.section ul li ul li { list-style-image: url(images/bullet-thin.svg); }
.section .text-white ul li { list-style-image: url(images/bullet-white.svg); }
.section .text-white ul li ul li { list-style-image: url(images/bullet-thin-white.svg); }
.section .red-bull ul li { list-style-image: url(images/bullet-red.svg); }
.section .red-bull ul { margin-top: 50px; }
.section .red-bull ul li { margin-bottom: 25px; }
@media only screen and (max-width:767px) {
.section h2 { font-size: 28px; }
.section h3 { font-size: 20px; }
.section p { font-size: 14px; }
.section ul li { font-size: 14px; }
}
.bg-poly { background-image: url(images/bg-poly.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.bg-poly-blue { background-image: url(images/bg-poly-blue.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.bg-poly-red { background-image: url(images/bg-poly-red.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.bg .bg-color { background-color: #002446; opacity: .90; }
.section .cols h2 { font-size: 45px; margin: 0 0 30px 0; text-transform: uppercase; }
/*
.section .cols p {
color:#FFF;
}
*/
@media only screen and (min-width:992px) {
.col-outer { height: 600px; }
/* for shapes */
.col { min-height: 500px; }
.cols { display: flex; }
.cols .col { flex-basis: 50%; position: relative; }
.col-img-outer { background-repeat: no-repeat; background-position: center; background-size: cover; }
.cols .col img { display: block; width: 100%; display: none; }
.cols.col-reverse .col:nth-child(1) { order: 2; }
.cols.col-reverse .col:nth-child(2) { order: 1; }
.col-text { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 12%; right: 12%; }
.col-text p { margin: 0 0 10px 0; }
.clip .cols .col { padding-bottom: 200px; }
.clip-top .cols .col { padding-bottom: 200px; }
.clip-bottom .cols .col { padding-bottom: 200px; }
}
@media only screen and (min-width:992px) and (max-width:1240px) {
#securitized .col.bg-poly-blue, #das-board-placement .col.bg-poly { padding-bottom: 300px; }
#securitized, #das-board-placement { height: 700px; }
}
@media only screen and (max-width:991px) {
.col-img-outer { background: none !important; }
.col-img { display: block; width: 100%; }
.col-text { padding: 30px; }
}
@media only screen and (max-width:767px) {
.section .cols h2 { font-size: 28px; }
}
.fifty-grid { display: grid; grid-template-columns: 48% 48%; grid-gap: 4%; }
@media only screen and (max-width:767px) {
.fifty-grid { display: block; }
}
/* Mission Statement */
#mission-statement { text-align: center; }
#mission-statement .bg { background-image: url(images/mission-statement.jpg); }
#p-grid { display: grid; grid-template-columns: 20% 77%; grid-gap: 3%; }
#p-grid .p-img img { display: block; margin: 0 auto; }
@media only screen and (max-width:767px) {
#p-grid { display: block; }
}
/* Mission - Social */
#e-grid { display: grid; grid-template-columns: 32% 65%; grid-gap: 3%; margin-top: 60px; }
#e-grid img { display: block; width: 100%; -webkit-box-shadow: 0px 0px 20px 3px #ccc; -moz-box-shadow: 0px 0px 20px 3px #ccc; box-shadow: 0px 0px 20px 3px #ccc; margin-top: 40px; height: inherit; }
#e-grid h2 { font-size: 31px; margin: 30px 0 0 0; }
#social-caption { font-size: 13px; margin: 10px 0 20px 0; }
@media only screen and (max-width:767px) {
#e-grid { display: block; margin-top: 30px; }
#e-grid h2 { font-size: 24px; }
}
/* Social - Philanthropy */
#phil-grid { display: grid; grid-template-columns: 40% 57%; grid-gap: 3%; }
@media only screen and (max-width:767px) {
#phil-grid { display: block; }
#phil-grid img { margin-bottom: 30px; }
}
/* Services */
#services { background-image: url(images/services.png); /* Replace */ }
.clip-grid { display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; }
.clip-grid .book-clip { clip-path: polygon(50% 30px, 100% 0, 100% 100%, 50% calc(100% + 30px), 0 100%, 0 0); height: 235px; overflow: visible; margin-bottom: 15px; }
.clip-grid .book { display: grid; grid-template-columns: 50% 50%; height: 265px; cursor: pointer; }
.clip-grid .book h2 { font-size: 26px; margin: 0; }
.clip-grid .book .b-text { position: relative; background-color: #FFF; }
.clip-grid .book:hover .b-text { background-color: #C24835; color: #FFF; }
.clip-grid .book:hover .b-text h2 { color: #FFF; }
.clip-grid .book .b-text .b-pad { position: absolute; top: 0; bottom: 0; left: 20px; right: 20px; display: flex; align-items: center; justify-content: center; }
.clip-grid .book .b img { height: 100%; }
@media only screen and (max-width:991px) {
.clip-grid .book h2 { font-size: 18px; }
}
@media only screen and (max-width:767px) {
.clip-grid { display: block; }
.clip-grid .book { width: 280px; margin: 0 auto; overflow: hidden; }
}
/* Debts */
#strengths { max-width: 900px; margin: 0 auto; }
#underwritting .bg { background-image: url(images/services-underwritting.png); /* Replace */ background-size: 200% auto; }
#underwritting .bg .bg-color { background-color: #000000; opacity: .80; }
#u-text { max-width: 980px; margin: 0 auto; }
#u-text ul { max-width: 750px; margin: 0 auto; }
#u-text-title { max-width: 780px; margin: 0 auto; }
#u-text-bottom { }
@media only screen and (max-width:767px) {
#u-text ul { padding-left: 30px; }
}
#broad { text-align: center; }
#broad h2 { font-size: 40px; color: #272727; text-transform: none; }
@media only screen and (max-width:767px) {
#broad h2 { font-size: 28px; }
}
.array { color: #004681; text-align: center; }
.array .arr { font-size: 28px; line-height: 1; font-weight: bold; max-width: 275px; display: inline-block; text-transform: uppercase; margin-bottom: 30px; border-left: 1px solid #707070; padding: 20px 20px; vertical-align: middle; }
.array .arr:first-child { border: none; }
.array .arr:nth-child(4) { border: none; }
@media only screen and (max-width:991px) {
.array .arr { border: none; }
}
@media only screen and (max-width:767px) {
.array .arr { border: block; margin: 0 auto; font-size: 22px; }
}
#other .bg { background-image: url(images/bg-services-other.png); }
#other .bg .bg-color { opacity: 0.65; }
#other-services { text-align: center; max-width: 800px; margin: 30px auto 0 auto; }
#other-services .other-service { width: 230px; height: 84px; border: 3px solid #004681; background-color: #FFF; color: #004681; font-size: 26px; text-align: center; font-weight: bold; text-transform: uppercase; line-height: 1.1; display: inline-block; vertical-align: top; margin: 0 10px 20px 10px; position: relative; display: none; }
#other-services .other-service .os { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #004681; text-decoration: none; }
#other-services .other-service:hover { border: 3px solid #C24835; background-color: #C24835; color: #FFF; }
#other-services .other-service:hover .os { color: #FFF; }
@media only screen and (max-width:767px) {
#other-services .other-service { font-size: 18px; }
}
/* Equity */
#equity #charting { display: block; width: 100%; }
/* Public Finance */
#public-grid { text-align: center; margin-top: 30px; }
.public-grid { display: inline-block; width: 20%; vertical-align: top; }
.public-grid h2 { font-size: 26px; }
.public-grid img { width: 100%; }
@media only screen and (max-width:991px) {
.public-grid h2 { font-size: 18px; }
}
@media only screen and (max-width:767px) {
.public-grid h2 { font-size: 14px; }
.public-grid { width: 45%; }
}
/* Institutional Agency */
#equity-fixed { margin: 70px 0 0 0; }
#ef-map { max-width: 600px; margin: 0 auto; display: block; width: 100%; }
#hour { max-width: 700px; margin: 0 auto; }
#also-offer { max-width: 850px; margin: 60px auto 0 auto; }
#i-tech .bg { background-image: url(images/services-inst-tech.png); }
#i-tech .bg .bg-color { background-color: #000000; opacity: .85; }
/* Investment Banking */
#investment { }
#investment h2 { color: #272727; margin-top: 40px; }
#client-base { max-width: 500px; margin: 0 auto; }
#services-include { max-width: 700px; margin: 50px auto 0 auto; }
#services-include h3 { font-size: 31px; margin: 0 0 25px 0; }
@media only screen and (max-width:767px) {
#services-include h3 { font-size: 20px; }
}
/* Money Market Funds */
#prospectus { text-align: center; margin: 50px 0 0 0; }
#prospectus a { font-size: 36px; color: #004681; font-weight: bold; text-decoration: none; display: inline-block; margin: 0 20px; }
@media only screen and (max-width:767px) {
#prospectus a { font-size: 20px; display: block; }
}
#prospects { margin-top: 40px; }
.prospect { position: relative; border: 1px solid #707070; padding: 30px 50px 30px 80px; margin-bottom: 30px; }
.prospect .pro-color { background-color: #004681; width: 33px; height: 100%; position: absolute; top: 0; left: 0; }
.prospect h3 { color: #272727; font-size: 31px; margin-bottom: 30px; }
.prospect h4 { font-size: 24px; color: #004681; text-transform: uppercase; margin: 0 0 0 0; }
.prospect ul { margin-top: 30px; margin-bottom: 0; }
@media only screen and (max-width:767px) {
.prospect { padding: 15px 25px 15px 50px; }
.prospect h3 { font-size: 20px; }
.prospect h4 { font-size: 14px; }
}
/* Geopolitical */
#geo { padding-bottom: 40px; }
#geo-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2.5%; column-gap: 2.5%; max-width: 100%; margin: 0 auto; padding-top: 50px; }
#geo-grid .geo-grid { text-align: center; position: relative; padding-bottom: 60px; margin-bottom: 30px; }
#geo-grid .geo-grid h2 { font-size: 28px; margin: 0; min-height: 84px; height: auto; }
#geo-grid .geo-grid img { height: 100%; margin-bottom: 30px; max-height: 70px; }
#geo-grid .geo-grid .g-button { position: absolute; left: 0; bottom: 0; right: 0; }
#geo-grid .map-wrap { width: calc(100% - 400px); margin-left: auto; }
#geo-grid-mobile { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2.5%; column-gap: 2.5%; max-width: 100%; margin: 0 auto; padding-top: 50px; text-align: center; }
#geo-grid-mobile.hide-desktop { visibility: hidden; height: 1px; }
.bg-solid-water.hide-desktop { visibility: hidden; height: 1px; }
#geo-grid .geo-grid.hide-mobile { width: 200px; float: right; padding-bottom: 0px; margin-bottom: 0px; display: grid; align-items: center; }
#geo-grid.hide-mobile { visibility: visible; height: auto; }
#geo-grid-mobile .geo-grid-item h2 { font-size: 28px; margin: 40px; min-height: 84px; height: auto; }
#geo-grid-mobile .geo-grid-item img { height: 100%; margin-bottom: 30px; max-height: 70px; }
.geo-map-title { color: #004681; width: 100%; text-align: center; }
#geo-grid .toggles .toggle { border-top: none; height: 150px; }
#geo-grid .toggles .toggle.active { height: auto; }
#geo-grid .toggles .toggle .toggle-top { padding-top: 0; height: auto; }
#geo-grid .toggle.trick-toggle { height: 0px !important; }
#geo-grid .toggles .toggle.trick-toggle .toggle-top { padding: 0 !important; }
#geo-grid .toggles .toggle .toggle-content { background-color: #ffffff; padding: 20px; }
#geo-grid .toggles .toggle .toggle-content p { line-height: 1.2; }
#geo-grid .toggles .toggle .toggle-content a { text-decoration: none; font-family: 'Jura', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; }
.page-id-6694 #geo-grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
#geo-grid-mobile .toggles .toggle { border-top: none; height: 180px; }
#geo-grid-mobile .toggles .toggle.active { height: auto; }
#geo-grid-mobile .toggles .toggle .toggle-top { padding-top: 0; height: auto; }
#geo-grid-mobile .toggle.trick-toggle { height: 0px !important; }
#geo-grid-mobile .toggles .toggle.trick-toggle .toggle-top { padding: 0 !important; }
#geo-grid-mobile .toggles .toggle.trick-toggle .toggle-top h2 { margin: 20px 0 0; }
@media only screen and (max-width:1200px) {
#geo-grid { grid-template-columns: 47% 47%; row-gap: 5%; }
#geo-grid .geo-grid h2 { min-height: 1px; }
.geo-map-title { padding-top: 150px; }
#geo-grid .map-wrap { width: 100%; }
#geo-grid.hide-mobile { visibility: hidden; height: 1px; display: none !important; }
#geo-grid-mobile.hide-desktop { visibility: visible; height: auto; }
.bg-solid-water.hide-desktop { visibility: visible; height: 100%; }
}
@media only screen and (max-width:1023px) {
#geo-grid-mobile { grid-template-columns: 47% 47%; row-gap: 5%; }
}
@media only screen and (max-width:767px) {
#geo-grid { display: block; }
.geo-map-title { padding-top: 100px; }
#geo-grid .geo-grid h2 { font-size: 25px; }
#geo-grid-mobile .geo-grid-item h2 { font-size: 22px; }
}
@media (max-width:620px) {
#geo-grid-mobile .geo-grid-item h2 { font-size: 18px; }
}
/* Geo - Around World */
.w-date a { color: #004681; font-size: 31px; text-decoration: none; font-weight: bold; }
.w-grid { display: grid; grid-template-columns: 25% 73%; grid-gap: 1%; }
.world { margin-bottom: 30px; padding: 30px 0 0 30px; border-top: 1px solid #707070; }
.world .w-date { margin-bottom: 20px; }
.wg img { max-width: 100%; }
@media only screen and (max-width:767px) {
.w-date a { font-size: 18px; }
.w-grid { display: block; }
.wg img { margin-bottom: 20px; }
}
#g-intro { display: grid; grid-template-columns: 20% 79%; grid-gap: 1%; margin-bottom: 30px; }
#g-intro img { display: block; max-width: 100%; }
@media only screen and (max-width:767px) {
#g-intro { display: block; }
#g-intro img { margin: 0 auto; }
}
#w-trips { display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 1%; max-width: 1000px; margin: 100px auto 0 auto; }
#w-trips .w-trip { text-align: center; display: none; }
#w-trips .w-trip h3 { font-size: 28px; margin: 30px 0; }
#w-trips .w-trip img { height: 120px; }
@media only screen and (max-width:767px) {
#w-trips { display: block; margin: 30px auto 0 auto; }
#w-trips .w-trip { margin-bottom: 40px; }
}
/* Geo - Intelligence */
#ig-grid { display: grid; grid-template-columns: 47% 47%; grid-gap: 6%; margin: 100px auto 40px auto; max-width: 900px; }
#ig-grid .ig-grid { }
#ig-grid .ig-grid h3 { margin-bottom: 30px; }
.ig-callout { border: 1px solid #707070; position: relative; padding: 30px 60px; }
.ig-callout .ig-color { width: 33px; background-color: #004681; position: absolute; left: 0; top: 0; height: 100%; }
#ig-bios { margin-top: 50px; }
@media only screen and (max-width:767px) {
#ig-grid { display: block; margin: 20px auto; }
.ig-callout { padding: 30px 30px 30px 60px; }
}
/* News - Insights */
#news-teaser { display: grid; grid-template-columns: 48% 48%; grid-gap: 4%; }
#news-teaser #news-t-img img { width: 100%; height: auto; }
#news-teaser .new-badge, #news-teaser-text .new-badge { color: #FFF; background-color: #C24835; font-size: 31px; display: inline-block; font-weight: bold; padding: 0 5px; margin-bottom: 10px; }
.additional-news { display: grid; grid-template-columns: 48% 48%; grid-column-gap: 4%; grid-row-gap: 20px; padding: 0; }
.additional-news .news-date { font-size: 18px; display: block; font-weight: bold; color: #C24835; margin-bottom: 10px; }
@media only screen and (max-width:767px) {
#news-teaser { display: block; }
#news-t-text { margin-top: 20px; }
.additional-news { display: block; }
.additional-new { margin-bottom: 30px; }
}
/* Marco */
#macro-toggle { margin-bottom: 40px; }
#macro p { margin: 0 0 15px 0; }
#macro-img { float: left; margin: 0 20px 20px 0; max-width: 300px; }
@media only screen and (max-width:767px) {
#macro-img { float: none; margin: 0 auto 20px auto; display: block; max-width: 100%; }
}
p.ms-date { color: #C24835; font-weight: bold; margin: 0; position: relative; top: -10px; }
#pieces .fifty-floats { margin-bottom: 40px; }
.float-left { float: left; width: 48%; margin-bottom: 30px; }
.float-right { float: right; width: 48%; margin-bottom: 30px; }
@media only screen and (max-width:767px) {
.float-left, .float-right { float: none; width: 100%; }
}
/* ESG */
.m-report { margin-bottom: 50px; }
.m-report h3 { margin: 0; }
.m-report p { margin: 0; }
/* Videos */
.video { max-width: 800px; margin: 0 auto 30px auto; }
.video-560 { max-width: 560px; margin: 0 auto; }
.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#top-video-w { max-width: 800px; margin: 0 auto; }
#video-grid h2 { font-size: 22px; margin: 20px 0 10px 0; color: #000000; }
.v-date { color: #C24835; font-weight: bold; }
.vg { cursor: pointer; width: 25%; display: inline-block; margin: 0 0 30px -4px; text-align: left; vertical-align: top; }
.v { margin: 0 10px; }
.v img { width: 100%; }
.vd { display: none; }
#video-pop { max-width: 800px; margin: 0 auto 30px auto; position: relative; }
#video-pop .v-close { position: absolute; top: -5px; right: -30px; font-size: 30px; cursor: pointer; }
#video-pop .v-close .svg-inline--fa { font-size: 30px; position: relative; z-index: 0; }
#video-pop .v-close .clicker { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
/*
li {font-size: 16px;
line-height: 1.5;
margin-bottom:15px;}
*/
.alignleft { text-align: left; margin-right: 15px; margin-bottom: 15px; }
.small_text { font-size: 11px; }
blockquote { line-height: 1.5; }
@media only screen and (max-width:991px) {
#video-pop { max-width: 85%; }
}
@media only screen and (max-width:799px) {
.vg { width: 50%; }
}
@media only screen and (max-width:499px) {
.vg { width: 100%; }
}
/* Careers */
#positions { margin-top: 60px; }
#positions a { text-decoration: none; font-size: 22px; }
/* Toggle */
.toggles .toggle { border-top: 1px solid #707070; padding: 0; height: 70px; overflow: hidden; position: relative; }
.toggles .toggle.active { height: auto; }
.toggles .toggle .toggle-top { padding: 20px 0; height: 40px; cursor: pointer; position: relative; }
.toggles .toggle .toggle-top svg { position: absolute; right: 10px; top: 21px; color: #004681; font-size: 30px; display: none; }
.toggles .toggle.active .toggle-top svg { display: block; }
.toggles .toggle .toggle-top h3 { font-size: 31px; line-height: 1; margin: 0; }
@media only screen and (max-width:799px) {
.toggles .toggle .toggle-top h3 { font-size: 20px; }
}
/* Single */
.single-content { }
.single-content h1 { color: #004681; font-size: 48px; margin: 0 0 15px 0; text-transform: uppercase; line-height: 1; }
.single-content h2 { margin: 25px 0 20px 0; }
.single-content img { max-width: 100%; margin-bottom: 30px; }
.single-content .single-date { font-weight: bold; margin: 0 0 20px 0; }
.single-podcasts .single-date { color: #C24835; }
@media only screen and (max-width:799px) {
.single-content h1 { font-size: 24px; line-height: 1.3; }
}
/* Media */
.media a { color: #FFF; font-size: 60px; text-decoration: none; font-weight: bold; }
#media-videos a { color: #004681; font-size: 60px; text-decoration: none; font-weight: bold; }
.m-icon { display: inline-block !important; width: 95px !important; margin-right: 20px; }
.m-move { position: relative; top: -20px; }
@media only screen and (max-width:767px) {
.media a { font-size: 30px; }
#media-videos a { font-size: 30px; }
.m-icon { width: 45px !important; }
.m-move { top: -8px; }
}
#pod-intro h3 { font-size: 30px; color: #272727; }
.pod-title { font-size: 30px; color: #272727; }
.pod-date { font-size: 18px; font-weight: bold; color: #C24835; margin: 10px 0; display: block; }
.pod-img { display: block; max-width: 100%; margin: 30px auto; }
.pod-link { font-size: 30px; color: #004681; font-weight: bold; text-decoration: none; }
#more-podcasts { margin-top: 60px; }
.podcast { border-bottom: 1px solid #707070; padding: 0 0 10px 0; margin: 30px 0 0 0; }
.podcast h4 { margin: 0; }
.pod-details { display: grid; grid-template-columns: 45% 53%; grid-gap: 2%; }
.pod-details h4 { color: #C24835; text-transform: uppercase; font-size: 30px; margin: 0 0 30px 0; }
.pod-details h5 { color: #004681; font-size: 20px; margin: 0; }
.pod-details { color: #004681; font-size: 16px; }
.pod-details .pd-right ul { margin: 0 0 0 20px; }
.pod-details .pd-right ul li { color: #272727; }
.pd-img { float: left; margin: 0 20px 20px 0; }
@media only screen and (max-width:767px) {
.pod-details h5 { font-size: 16px; }
.pod-details { display: block; font-size: 14px; }
}
@media only screen and (max-width:767px) {
#pod-intro h3 { font-size: 18px; }
.podcast h4 { font-size: 18px; }
.pod-link { font-size: 18px; }
}
.photo-intro { margin-bottom: 30px; }
#photo-grid { display: grid; grid-template-columns: 25% 25% 25% 25%; }
.photo-grid.active, .photo-grid:hover { /* background-color: #C24835; */ }
.the-photo { background-repeat: no-repeat; background-position: center; background-size: cover; margin: 12px; cursor: pointer; }
.the-photo img { width: 100%; }
.photo-grid .the-photo img { width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; }
@media only screen and (max-width:991px) {
#photo-grid { grid-template-columns: 50% 50%; }
}
@media only screen and (max-width:767px) {
#photo-grid { grid-template-columns: 100%; }
}
#lightbox { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; display: flex; align-items: center; justify-content: center; display: none; }
#light-pic { background-color: #FFF; max-width: 800px; position: relative; padding: 12px 12px 40px 12px; box-sizing: border-box; max-height: 80%; }
#light-pic #light-close { position: absolute; top: -35px; right: -25px; }
#light-pic #light-close .clicker { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: block; }
#light-pic #light-close svg { color: #FFF; font-size: 30px; position: relative; z-index: 0; }
#light-pic img { max-width: 100%; margin: 0 auto; display: block; }
#light-pic a { font-size: 26px; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 10px; }
#light-pic #light-right { position: absolute; right: 12px; bottom: 2px; }
#light-pic #light-left { position: absolute; left: 12px; bottom: 2px; }
#light-pic #light-left:hover svg { color: #C24835; }
#asset-3 .bg { background-image: url(images/services-inst-tech.png); }
#asset-3 .bg .bg-color { background-color: #000000; opacity: .85; }
#best { margin: 50px 0; }
#best-stats { margin: 0 0 50px 0; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; }
.best-stat { text-align: center; color: #05447D; font-weight: bold; }
.best-stat .best-p { font-size: 83px; }
.best-stat .best-text { font-size: 22px; }
@media only screen and (max-width:767px) {
#best-stats { display: block; }
.best-stat { margin-bottom: 30px; }
.best-stat .best-p { font-size: 60px; }
.best-stat .best-text { font-size: 16px; }
}
.am-lr { display: grid; grid-template-columns: 45% 45%; grid-gap: 10%; max-width: 850px; margin: 0 auto; }
@media only screen and (max-width:767px) {
.am-lr { display: block; }
}
.i-bio { margin-bottom: 20px; }
.i-bio-name { font-size: 31px; font-weight: bold; display: inline; }
.i-pipe { width: 3px; height: 35px; background-color: #004681; display: inline-block; margin: 0 10px; position: relative; top: 8px; }
.i-bio-title { font-size: 21px; font-weight: bold; display: inline; color: #004681; }
.i-bio .branch { margin-left: 10px; }
.i-bio-experience { font-size: 21px; font-weight: bold; color: #C24835 }
.i-bio-image { float: left; max-width: 215px; margin: 0 20px 20px 0; display: block; }
@media only screen and (max-width:767px) {
.i-bio-name { font-size: 20px; }
.i-pipe { display: none }
.i-bio-title { font-size: 16px; display: block; margin: 10px 0; }
.i-bio-experience { font-size: 16px; }
.i-bio-image { float: none; margin: 0 auto 20px auto; }
}
.n-date { font-weight: bold !important; }
#cboxPrevious { font-size: 24px; font-size: 24px; font-weight: bold; color: #004681; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; left: 5px; bottom: -1px; }
#cboxNext { position: absolute; bottom: -1px; left: auto; right: 5px; font-size: 24px; font-size: 24px; font-weight: bold; color: #004681; font-family: 'Rajdhani', sans-serif; text-transform: uppercase; }
#cboxClose { position: absolute; bottom: auto; top: 13px; right: 18px; display: block; color: #FFFFFF; font-size: 30px; }
.bio-lr { display: block !important; max-width: 120px; float: left; margin: 0 20px 20px 0; height: inherit; }
#dei p { margin: 0 0 15px 0; }
#dei-img { max-width: 215px; display: block; }
@media only screen and (max-width:767px) {
#dei-img { float: none; margin: 0 auto 20px auto; }
}
.default h2 { margin: 0 0 20px 0; }
.default p { margin: 0 0 20px 0; }
.toggle-content { padding-bottom: 55px; }
/* General Template */
.default-img { display: block; margin: 0 auto; max-width: 100%; height: inherit; }
.inner { padding: 30px 0; }
.inner-title { padding: 30px 0 0 0; }
.inner-title h2 { margin: 0; }
.left-right { display: flex; align-items: center; justify-content: center; }
.left-right.sixty-60 { }
.lr-image { flex-basis: 50%; }
.lr-content { flex-basis: 50%; }
.left-right.ratio-60 .lr-image { flex-basis: 40%; }
.left-right.ratio-60 .lr-content { flex-basis: 60%; }
.left-right.ratio-65 .lr-image { flex-basis: 35%; }
.left-right.ratio-65 .lr-content { flex-basis: 65%; }
.left-right.ratio-75 .lr-image { flex-basis: 25%; }
.left-right.ratio-75 .lr-content { flex-basis: 75%; }
.left-right.ratio-85 .lr-image { flex-basis: 15%; }
.left-right.ratio-85 .lr-content { flex-basis: 85%; }
.inner.five-col { display: flex; }
.left-right.ratio-20 { flex-basis: 20%; }
.five-col-cta { text-align: center; padding: 0px 15px 10px; color: #ffffff; border: 5px solid #ffffff; background-color: #798f9d; width: 290px; max-width: 60%; position: fixed; right: 20px; bottom: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 999; }
.five-col-cta h4 { color: #ffffff; display: inline-block; margin-bottom: 0; text-align: left; width: 100%; font-size: 24px; margin-top: 12px; }
.five-col-cta p { color: #ffffff; line-height: 1; text-align: left; margin-top: 5px; font-family: Ariel, sans-serif; font-size: 14px; }
.five-col-cta button { background-color: #C24835; color: #ffffff; cursor: pointer; font-size: 18px; padding: 12px 20px 2px; font-family: Ariel, sans-serif; margin-bottom: 6px; }
.five-col-cta button:hover { background-color: rgb(0, 47, 87); color: #ffffff }
.float-icon { float: left; margin-right: 12px; width: 26px; position: relative; top: -5px; }
.pum-content .gfield--type-name { text-align: left !important; }
.pum-content #gform_fields_3 span.gfield_required { display: none !important; }
.lr-image img { width: 100%; display: block; height: inherit; }
.lr-text { max-width: 90%; margin: 0 auto; }
.lr-text .button { margin-top: 30px; }
@media (max-width:480px) {
.five-col-cta h4 { font-size: 20px; }
.five-col-cta p { font-size: 12px; }
.five-col-cta button { font-size: 14px; }
.float-icon { top: -6px; }
.five-col-cta button { padding-bottom: 0; }
}
@media (max-width:410px) {
.five-col-cta h4 { font-size: 18px; }
.five-col-cta p { font-size: 10px; }
.five-col-cta button { font-size: 12px; }
.float-icon { top: -3.5px; width: 18px !important; height: 18px !important; }
.five-col-cta button { padding-bottom: 0; padding-top: 7px; }
}
@media only screen and (min-width:992px) {
.lr-reverse .lr-image { order: 2; }
}
@media only screen and (max-width:991px) {
.left-right { display: block; }
.lr-text { max-width: none; padding: 30px 20px; }
}
.designed { position: relative; z-index: 2; }
.cols-bg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 200px; z-index: 1; }
.cols-bg.reverse-bg { left: auto; right: 0; }
.designed img { display: none; }
.designed .button { margin-top: 20px; }
@media only screen and (max-width:991px) {
.cols-bg { display: none; }
.designed img { display: block; }
}
.links h3 { margin: 0; }
.links .links-date { margin: 0; }
.links-grid.col-2 { display: grid; grid-template-columns: 48% 48%; grid-column-gap: 4%; grid-row-gap: 20px; }
.lg { margin-bottom: 30px; }
@media only screen and (max-width:767px) {
.links-grid.col-2 { display: block; }
.footer-logos-mobile { width: 340px; height: 98px; }
}
.pum-content .content-wrap { padding: 25px 50px; text-align: center; }
.cancel-close { color: #ffffff; background-color: #004681; padding: 5px 8px; text-decoration: none; }
.podcast-spacer { padding-bottom: 35px; }
.single-macro .single-content { text-align: justify !important; }
.single-macro .single-content h1, .single-macro .single-content h3, .section .fifty-floats h3, .page-template-page-esg .section .m-report h3, .page-id-2452 .section .links-grid .lg h3 { text-transform: capitalize; }
@media print {
#nav { display: none !important; }
.single-macro .hero.clip-bottom, .single-around_the_world .hero.clip-bottom, .single-insights .hero.clip-bottom { display: none !important; }
#pi_tracking_opt_in_div { display: none !important; }
#header { position: absolute !important; }
.single-macro .clip, .single-macro .clip-bottom, .single-around_the_world .clip, .single-around_the_world .clip-bottom, .single-insights .clip, .single-insights .clip-bottom { clip-path: none !important; }
.hero.hero-bg { padding-bottom: 0 !important; }
.single-macro #social-bar, .single-macro #footer, .single-around_the_world #social-bar, .single-around_the_world #footer, .single-insights #social-bar, .single-insights #footer { display: none !important; }
body { margin: 10mm 10mm 10mm 10mm; }
}
@page { size: auto; margin: 25mm 25mm 25mm 25mm; }
body.single-macro, body.single-macro p, body.single-macro ul, body.single-macro li, body.single-around_the_world, body.single-around_the_world p, body.single-around_the_world ul, body.single-around_the_world li, body.single-insights, body.single-insights p, body.single-insights ul, body.single-insights li, .page-id-600 .m-report p, .page-id-600 p { font-family: 'Calibri', sans-serif; }
.page-id-600 .m-report, .page-id-590 p, .page-id-333 li, .page-id-333 p, .page-id-329 p, .page-id-2452 p { font-family: 'Calibri', sans-serif; }
.page-id-600 .m-report h3 { font-family: 'Rajdhani', sans-serif; }
body.single-macro img, body.single-around_the_world img, body.single-insights img, body.single-macro ul, body.single-around_the_world ul, body.single-insights ul { margin-bottom: 0; }
body.single-macro ol li, body.single-around_the_world ol li, body.single-insights ol li { margin-bottom: 20px; }
img.alignright { float: right; margin-left: 25px; margin-bottom: 15px !important; }
img.alignleft { float: left; margin-right: 25px; margin-bottom: 15px !important; }
@media (max-width:991px) {
img.alignright { float: none; margin-left: 0; }
img.alignleft { float: none; margin-right: 0; }
}
.macro-posts { display: flex; flex-wrap: wrap; }
.macro-post { box-sizing: border-box; width: 50%; padding: 5px; }
#signup-welcome { display: none; }
iframe.heroku-embed { padding: 100px 0; height: 2000px; width: 100%; min-height: calc(100vh + 50%); }
iframe.heroku-embed #map { width: 100%; margin: 0 auto; background-color: white; border: 1px solid #333; }
/* photo edits */
.page-template-page-photos #cboxClose { position: absolute; top: 0; right: 0; display: inline-block; width: 30px; height: 30px; padding: 0; border: 0; background-color: #004681; transition: .3s ease-out; }
.page-template-page-photos #cboxClose:hover, .page-template-page-photos #cboxClose:focus { background-color: #C24835; transition: .3s ease-out; }
.page-template-page-photos #cboxClose svg path { fill: #fff; }
@media only screen and (min-width:1216px) and (max-width:1350px) {
a#logo { width: 225px; }
}
@media screen and (max-width:991px) {
#nav > li:first-child, #nav > li, #nav > li:nth-child(2) { margin-left: 0; margin-right: 0; }
}
@media screen and (min-width:699px) {
.home .bio { display: flex; gap: 1em; align-items: flex-start; }
.home .bio .bio-left { flex: 0 0 30%; }
.home .bio-right { flex: 1 1 auto; }
}
@media screen and (max-width:700px) {
.bio-left, .bio-right { float: none; width: 100%; }
.home .bio .bio-top { text-align: center; margin-bottom: 20px; }
h2.mission-title { line-height: 1.1; font-size: 40px; }
#home-summary h2 span::before, #home-summary h2 span::after, #team h2::before, #team h2::after { content: none; }
}
@media screen and (max-width:480px) {
a#logo { max-width: 200px; margin-left: auto; margin-right: auto; display: block; width: 100%; left: 0; right: 0; }
#header.snapped #logo { margin-left: auto; }
}