/*
 * Investment Grade Brand: the native block home page. Rebuilt from the 2017 Bridge and WPBakery layout with the
 * measured live values (Raleway, sizes, line heights, colors, spacing, band heights) so it looks the same.
 * Loaded only on the static front page when it renders through the theme. Breakpoints follow the old layout:
 * columns side by side from 768px, header and title changes at 1000px, image bands grow to fit at 768px.
 */

/* Page frame */
body.igip-front { margin: 0; background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.igip-front .wp-site-blocks { padding: 0; }
body.igip-front .wp-site-blocks > * { margin-block: 0; }
body.igip-front .igip-main, body.igip-front .igip-main > .wp-block-post-content { margin: 0; padding: 0; }

.igip-home, .igip-hdr, .igip-ftr { font-family: Raleway, sans-serif; font-size: 18px; line-height: 26px; font-weight: 400; color: #818181; letter-spacing: normal; }
.igip-home { background: #fff; text-align: left; }

/* No automatic gaps: every vertical space is a spacer block or a rule below */
body.igip-front .igip-home > *,
body.igip-front .igip-home :where(.wp-block-group, .wp-block-column, .wp-block-columns, .wp-block-details) > *,
body.igip-front .igip-ftr > *, body.igip-front .igip-hdr > *,
body.igip-front .igip-ftr :where(.wp-block-group, .wp-block-column, .wp-block-columns) > * { margin-block: 0; }
.igip-home :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure):not(.igip-lead *),
.igip-ftr :where(h1, h2, h3, h4, h5, h6, p, figure) { margin: 0; padding: 0; }

/* Typography (measured on the live page) */
.igip-home :is(h1, h2, h3, h4, h5, h6), .igip-ftr :is(h5, p), .igip-home :is(p, li):not(.igip-lead *) { font-family: inherit; text-wrap: wrap; font-style: normal; }
.igip-home h1 { font-size: 36px; line-height: 45px; font-weight: 700; color: #303030; letter-spacing: 0; text-transform: none; }
.igip-home h2 { font-size: 24px; line-height: 33.2308px; font-weight: 600; color: #303030; letter-spacing: 1px; text-transform: uppercase; }
.igip-home h3 { font-size: 17px; line-height: 22.1739px; font-weight: 600; color: #303030; letter-spacing: 1px; text-transform: uppercase; }
.igip-home h4 { font-size: 19px; line-height: 26.125px; font-weight: 400; color: #303030; letter-spacing: 0; text-transform: none; }
.igip-home :is(p, li):not(.igip-lead *) { font-size: 18px; line-height: 26px; font-weight: 400; letter-spacing: normal; text-transform: none; }
.igip-home ul:not(.igip-lead *) { list-style: disc inside; }
.igip-home a { color: #303030; text-decoration: none; }
.igip-home a:hover { color: #c6ae11; }
.igip-home mark.has-inline-color { padding: 0; }

/* Text column: one empty line (26px) between blocks, as on the old page */
body.igip-front .igip-home .igip-txt > * + * { margin-block-start: 26px; }
body.igip-front .igip-home .igip-txt > .igip-g0 { margin-block-start: 0; }
body.igip-front .igip-home .igip-txt > .igip-g26h4 { margin-block-start: 26.125px; }

/* Content widths: 8 of 12 and 6 of 12 columns of the old grid (30px gutters) */
/* 16.6667% and 66.6667% (not exact sixths): the browser rounds layout down, and these land on the same whole pixels as the old grid */
.igip-home .igip-c8, .igip-home .igip-cols { margin-left: calc(16.6667% + 5px); width: calc(66.6667% - 10px); }
.igip-home .igip-c6 { margin-left: calc(25% + 7.5px); width: calc(50% - 15px); }
.igip-home .igip-c6.igip-pb2 { padding-bottom: 1px; }
body.igip-front .igip-home .igip-cols { display: flex; flex-wrap: nowrap; gap: 0 30px; align-items: stretch; }
body.igip-front .igip-home .igip-cols > .wp-block-column { min-width: 0; word-break: normal; overflow-wrap: normal; flex-grow: 0; flex-shrink: 0; }
body.igip-front .igip-home .igip-cols > .igip-ci { flex-basis: calc(25% - 22.5px); }
body.igip-front .igip-home .igip-cols > .igip-ct { flex-basis: calc(75% - 7.5px); }
body.igip-front .igip-home .igip-cols > .igip-ch { flex-basis: calc(50% - 15px); }
.igip-navy { background: #152239; }
.igip-py10 { padding: 10px 0; }

/* Images */
.igip-home .wp-block-image { margin: 0; }
.igip-home .wp-block-image > a { display: block; }
.igip-home .wp-block-image img { display: block; height: auto; max-width: 100%; vertical-align: bottom; }
.igip-home .wp-block-image.aligncenter { display: block; text-align: center; margin: 0; }
.igip-home .wp-block-image.aligncenter img { margin-left: auto; margin-right: auto; }
.igip-home .igip-fill img { width: 100%; }
.igip-home .igip-zoom { overflow: hidden; }
.igip-home .igip-zoom img { transition: transform .3s cubic-bezier(.4, 0, 1, 1); }
.igip-home .igip-zoom:hover img { transform: scale(1.05) translateZ(0); }
body.igip-front .igip-home hr.igip-sep { border: 0; height: 1px; margin: 10px 0; padding: 0; width: auto; max-width: none; background: #b38808; color: #b38808; opacity: 1; }

/* Title image under the header, with the short dark rule of the old title area */
.igip-home .igip-title-img { position: relative; }
.igip-home .igip-title-img img { width: 100%; }
.igip-home .igip-title-img::after { content: ""; position: absolute; width: 22px; height: 2px; background: #303030; top: calc(50% + 51px); left: calc(50% - 550px); }

/* Image bands (parallax: background fixed to the window, moved by igip-home.js) */
.igip-band { position: relative; overflow: hidden; background-color: transparent; }
.igip-h300 { height: 300px; }
.igip-h350 { height: 350px; }
.igip-h700 { height: 700px; }
.igip-home .igip-band-c { width: 1100px; margin-left: auto; margin-right: auto; text-align: center; }
.igip-home .igip-band-f { width: auto; }

/* Info panels (open to show a form) */
body.igip-front .igip-home .igip-facts { background: #152239; overflow: hidden; margin-block: 0; padding: 0; border: 0; }
.igip-facts > summary { display: block; list-style: none; position: relative; z-index: 90; margin: 0 -15px; padding: 39px 0 15px; cursor: pointer; text-align: center; color: #b38808; font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.igip-facts > summary::-webkit-details-marker { display: none; }
.igip-facts > summary::marker { content: ""; }
.igip-facts > summary::after { content: ""; display: block; height: 22px; margin-top: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1152 1792'%3E%3Cpath fill='%23b38808' transform='matrix%281 0 0 -1 0 1536%29' d='M1075 800q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l393 -393l393 393q10 10 23 10t23 -10l50 -50q10 -10 10 -23z'/%3E%3C/svg%3E") no-repeat 50% 2px / 12.2143px 19px; transition: transform .3s ease-in-out; }
.igip-facts > summary:hover { color: #fff; }
.igip-facts > summary:hover::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1152 1792'%3E%3Cpath fill='%23ffffff' transform='matrix%281 0 0 -1 0 1536%29' d='M1075 800q0 -13 -10 -23l-466 -466q-10 -10 -23 -10t-23 10l-466 466q-10 10 -10 23t10 23l50 50q10 10 23 10t23 -10l393 -393l393 393q10 10 23 10t23 -10l50 -50q10 -10 10 -23z'/%3E%3C/svg%3E"); }
.igip-facts[open] > summary::after { transform: rotate(-180deg); }
body.igip-front .igip-home .igip-lead { margin: 10px auto; }
/* The forms keep normal line breaking (the parent theme asks for "pretty" wrapping on paragraphs) */
.igip-home .igip-lead :is(p, h1, h2, h3, h4, h5, h6) { text-wrap: wrap; }
body.igip-front .igip-home .igip-facts > .igip-lead { margin-top: 11px; }

/* Card that turns over on hover (front photo, gold back with the text) */
.igip-flip { position: relative; text-align: center; }
.igip-flip > .igip-flip-front, .igip-flip > .igip-flip-back { transition: transform .5s ease-in-out; transform-style: preserve-3d; backface-visibility: hidden; }
body.igip-front .igip-home .igip-flip > .igip-flip-front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center; }
.igip-flip > .igip-flip-front { transform: rotateY(0); }
.igip-flip > .igip-flip-back { transform: rotateY(180deg); background: #b38808; padding: 23.640625px 20px 23.65625px; min-height: 257px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.igip-flip-back * { backface-visibility: hidden; }
body.igip-front .igip-home .igip-flip:hover > .igip-flip-front { transform: rotateY(-180deg); }
body.igip-front .igip-home .igip-flip:hover > .igip-flip-back { transform: rotateY(0); }

/* Button image that swaps on hover */
.igip-swap { position: relative; width: max-content; max-width: 100%; }
.igip-swap img { transition: opacity .3s ease-in-out; }
body.igip-front .igip-home .igip-swap > .igip-swap-b { position: absolute; top: 0; left: 0; }
.igip-swap > .igip-swap-b img, .igip-swap:hover > .igip-swap-a img { opacity: 0; }
.igip-swap:hover > .igip-swap-b img { opacity: 1; }

/* Tenant logo row */
body.igip-front .igip-home .igip-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; padding: 10px 0; }
body.igip-front .igip-home .igip-logos > .igip-logo-i { flex: 0 1 130px; margin: 0; }
.igip-home .igip-logos img { max-width: 130px; height: auto; }

/* Header */
.igip-hdr { position: relative; z-index: 110; height: 100px; padding: 0 45px; box-sizing: border-box; background: #152239; }
.igip-hdr-in { position: relative; width: 1100px; max-width: 100%; height: 100px; margin: 0 auto; }
.igip-hdr-in::after { content: ""; position: absolute; right: 0; top: 43.5px; width: 12px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath fill='%239d9d9d' transform='matrix%281 0 0 -1 0 1536%29' d='M1536 192v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 704v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45zM1536 1216v-128q0 -26 -19 -45t-45 -19h-1408q-26 0 -45 19t-19 45v128q0 26 19 45t45 19h1408q26 0 45 -19t19 -45z'/%3E%3C/svg%3E") no-repeat 0 0 / 12px 14px; }
body.igip-front .igip-hdr .igip-logo { position: absolute; left: 0; top: 5px; margin: 0; }
.igip-hdr .igip-logo img { display: block; height: 90px; width: auto; max-width: none; }

/* Footer */
.igip-ftr { color: #fff; }
.igip-ftr-top { background: #152239; padding: 72px 0 52px; }
body.igip-front .igip-ftr .igip-fcols { display: flex; flex-wrap: nowrap; gap: 0; width: 1100px; max-width: 100%; margin: 0 auto; align-items: flex-start; }
body.igip-front .igip-ftr .igip-fcols > .wp-block-column { flex: 0 0 25%; box-sizing: border-box; min-width: 0; word-break: normal; overflow-wrap: normal; }
body.igip-front .igip-ftr .igip-fc1 { padding: 0 15px 0 0; }
body.igip-front .igip-ftr .igip-fc2 { padding: 0 10px 0 20px; }
body.igip-front .igip-ftr .igip-fc3 { padding: 0 5px 0 20px; }
body.igip-front .igip-ftr .igip-fc4 { padding: 0 0 0 20px; }
body.igip-front .igip-ftr h5 { font-size: 15px; line-height: 23.5714px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0 0 22px; }
.igip-ftr p { font-size: 18px; line-height: 26px; color: #fff; }
.igip-ftr .wp-block-image { margin: 0; }
.igip-ftr .wp-block-image img { display: inline; width: 100%; height: auto; max-width: 100%; vertical-align: baseline; }
.igip-ftr-bot { background: #081428; padding: 15.5px 0; text-align: center; }
body.igip-front .igip-ftr .igip-ftr-bot p { color: #b38808; font-size: 12px; line-height: 22px; }

/* Back to top button (shown once the page is scrolled, as before) */
.igip-top { position: fixed; right: 25px; bottom: 65px; z-index: 10000; display: block; width: 56px; height: 56px; margin: 0; opacity: 0; visibility: hidden; transition: all .3s ease 0s; -webkit-backface-visibility: hidden; text-decoration: none; }
.igip-top.on { opacity: 1; visibility: visible; }
.igip-top > span { display: block; box-sizing: content-box; width: 52px; height: 52px; border: 2px solid #e8e8e8; border-radius: 52px; transition: all .2s ease 0s; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792'%3E%3Cpath fill='%23b0b0b0' transform='matrix%281 0 0 -1 0 1536%29' d='M1611 565q0 -51 -37 -90l-75 -75q-38 -38 -91 -38q-54 0 -90 38l-294 293v-704q0 -52 -37.5 -84.5t-90.5 -32.5h-128q-53 0 -90.5 32.5t-37.5 84.5v704l-294 -293q-36 -38 -90 -38t-90 38l-75 75q-38 38 -38 90q0 53 38 91l651 651q35 37 90 37q54 0 91 -37l651 -651q37 -39 37 -91z'/%3E%3C/svg%3E") no-repeat 15.7857px 15px / 20.4286px 22px; }
.igip-top:hover > span { background-color: #e8e8e8; }

@media (max-width: 1200px) {
	.igip-home .igip-band-c { width: 950px; }
	.igip-home .igip-title-img::after { left: calc(50% - 475px); }
	body.igip-front .igip-ftr .igip-fcols { width: 950px; }
}
@media (min-width: 1001px) and (max-width: 1200px) {
	.igip-hdr-in { width: 100%; }
}
@media (min-width: 1001px) {
	body.igip-front .igip-home > .igip-title-img { margin-top: -100px; }
}
@media (max-width: 1000px) {
	.igip-hdr { background: #fff; }
	.igip-hdr-in { width: 768px; }
	body.igip-front .igip-hdr .igip-logo { left: 50%; top: 10px; transform: translateX(-50%); }
	.igip-hdr .igip-logo img { height: 80px; }
	.igip-home .igip-band-c { width: 768px; }
	.igip-home .igip-title-img::after { top: calc(50% + 1px); left: calc(50% - 384px); }
	body.igip-front .igip-ftr .igip-fcols { width: 768px; }
}
@media (max-width: 768px) {
	body.igip-front .igip-band { height: auto; min-height: 450px; }
	.igip-home .igip-band-c { width: 600px; }
	.igip-hdr-in { width: 600px; }
	.igip-home .igip-title-img::after { left: calc(50% - 300px); }
	body.igip-front .igip-ftr .igip-fcols { width: 600px; }
}
@media (max-width: 767px) {
	body.igip-front .igip-home .igip-c8, body.igip-front .igip-home .igip-c6, body.igip-front .igip-home .igip-cols { margin-left: 0; width: auto; padding: 1px 0; }
	body.igip-front .igip-home .igip-c6.igip-pb2 { padding-bottom: 2px; }
	.igip-flip > .igip-flip-back { padding: 23.40625px 20px 23.421875px; }
	body.igip-front .igip-home .igip-cols { display: block; }
	body.igip-front .igip-home .igip-cols > .wp-block-column { width: 100%; }
}
@media (max-width: 600px) {
	.igip-home .igip-band-c { width: 420px; }
	.igip-hdr-in { width: 420px; }
	.igip-home .igip-title-img::after { left: calc(50% - 210px); }
	body.igip-front .igip-ftr .igip-fcols { display: block; width: 420px; }
	body.igip-front .igip-ftr .igip-fcols > .wp-block-column { width: 100%; padding: 0; margin: 0 0 25px; }
	body.igip-front .igip-ftr .igip-fcols > .igip-fc4 { margin-bottom: 0; }
}
@media (max-width: 480px) {
	.igip-home .igip-band-c { width: 300px; }
	.igip-home .igip-title-img::after { display: none; }
	.igip-hdr { padding: 0 25px; }
	.igip-hdr-in { width: auto; }
	body.igip-front .igip-ftr .igip-fcols { width: auto; padding: 0 25px; }
	body.igip-front .igip-ftr .igip-fcols > .wp-block-column { padding-bottom: 25px; }
	.igip-ftr-bot { padding: 0; }
	body.igip-front .igip-ftr .igip-ftr-bot p { line-height: 35px; }
}
@media (max-width: 420px) {
	.igip-hdr { padding: 0 15px; }
	body.igip-front .igip-ftr .igip-fcols { padding: 0 15px; }
}
@media (max-width: 350px) {
	.igip-home .igip-band-c { width: 95%; }
}