/*! Equal Justice Works > 20220724 ---------------- */

/* grid */

[grid],[flex] { --gc: 24; --gx: var(--sxo); --gy: var(--gx); margin-left: calc(var(--gx) * -1); margin-right: 0; padding: 0; pointer-events: none; }
 [grid]>*,[flex]>* { order: var(--o, 0); min-width: 0; margin-bottom: 0; background-clip: padding-box; pointer-events: auto; }
  [grid]>*:before,[flex]>*:before { display: none; }

[grid] { display: grid; grid-template-columns: repeat(var(--gc, 24), 1fr); grid-row-gap: var(--gy); }
[grid~="end"] { align-items: end; } [grid~="middle"] { align-items: center; }
 [grid]>* { grid-column: var(--c, auto) / span var(--w, var(--gc,24)); margin-left: var(--gx); margin-right: 0; }

[flex] { display: flex; flex-wrap: wrap; margin-top: calc(var(--gy) * -1); }
[flex~="inline"] { display: inline-flex; } [flex~="between"] { justify-content: space-between; } [flex~="right"] { justify-content: flex-end; } [flex~="end"] { align-items: flex-end; } [flex~="center"] { justify-content: center; } [flex~="middle"] { align-items: center; } [flex~="baseline"] { align-items: baseline; } [flex~="nowrap"] { flex-wrap: nowrap; }
 [flex]>* { width: calc(100% * (var(--w, 0) / var(--gc, 24) * 0.9999) - var(--gx)); margin: var(--gy) 0 0 var(--gx); }
 [flex~="auto"]>* { width: auto; }
 [flex]>[grow] { flex-grow: 1; } [flex]>[auto] { flex: none; width: auto; }

[w^="a/"]{width:auto}[w^="1/"]{--w:1}[w^="2/"]{--w:2}[w^="3/"]{--w:3}[w^="4/"]{--w:4}[w^="5/"]{--w:5}[w^="6/"]{--w:6}[w^="7/"]{--w:7}[w^="8/"]{--w:8}[w^="9/"]{--w:9}[w^="10/"]{--w:10}[w^="11/"]{--w:11}[w^="12/"]{--w:12}[w^="13/"]{--w:13}[w^="14/"]{--w:14}[w^="15/"]{--w:15}[w^="16/"]{--w:16}[w^="17/"]{--w:17}[w^="18/"]{--w:18}[w^="19/"]{--w:19}[w^="20/"]{--w:20}[w^="21/"]{--w:21}[w^="22/"]{--w:22}[w^="23/"]{--w:23}[w^="24/"]{--w:24}
[c^="-1/"]{grid-column:span var(--w, var(--gc, 24))/-1}[c^="0/"]{--c:1}[c^="1/"]{--c:2}[c^="2/"]{--c:3}[c^="3/"]{--c:4}[c^="4/"]{--c:5}[c^="5/"]{--c:6}[c^="6/"]{--c:7}[c^="7/"]{--c:8}[c^="8/"]{--c:9}[c^="9/"]{--c:10}[c^="10/"]{--c:11}[c^="11/"]{--c:12}[c^="12/"]{--c:13}[c^="13/"]{--c:14}[c^="14/"]{--c:15}[c^="15/"]{--c:16}[c^="16/"]{--c:17}[c^="17/"]{--c:18}[c^="18/"]{--c:19}[c^="19/"]{--c:20}[c^="20/"]{--c:21}[c^="21/"]{--c:22}[c^="22/"]{--c:23}[c^="23/"]{--c:24}
[o^="-1/"]{--o:-1}[o^="0/"]{--o:0}[o^="1/"]{--o:1}[o^="2/"]{--o:2}[o^="3/"]{--o:3}
@media print, (min-width: 720px){[w*="/a/"]{width:auto}[w*="/1/"]{--w:1}[w*="/2/"]{--w:2}[w*="/3/"]{--w:3}[w*="/4/"]{--w:4}[w*="/5/"]{--w:5}[w*="/6/"]{--w:6}[w*="/7/"]{--w:7}[w*="/8/"]{--w:8}[w*="/9/"]{--w:9}[w*="/10/"]{--w:10}[w*="/11/"]{--w:11}[w*="/12/"]{--w:12}[w*="/13/"]{--w:13}[w*="/14/"]{--w:14}[w*="/15/"]{--w:15}[w*="/16/"]{--w:16}[w*="/17/"]{--w:17}[w*="/18/"]{--w:18}[w*="/19/"]{--w:19}[w*="/20/"]{--w:20}[w*="/21/"]{--w:21}[w*="/22/"]{--w:22}[w*="/23/"]{--w:23}[w*="/24/"]{--w:24}[c*="/-1/"]{grid-column:span var(--w, var(--gc, 24))/-1}[c*="/0/"]{--c:1}[c*="/1/"]{--c:2}[c*="/2/"]{--c:3}[c*="/3/"]{--c:4}[c*="/4/"]{--c:5}[c*="/5/"]{--c:6}[c*="/6/"]{--c:7}[c*="/7/"]{--c:8}[c*="/8/"]{--c:9}[c*="/9/"]{--c:10}[c*="/10/"]{--c:11}[c*="/11/"]{--c:12}[c*="/12/"]{--c:13}[c*="/13/"]{--c:14}[c*="/14/"]{--c:15}[c*="/15/"]{--c:16}[c*="/16/"]{--c:17}[c*="/17/"]{--c:18}[c*="/18/"]{--c:19}[c*="/19/"]{--c:20}[c*="/20/"]{--c:21}[c*="/21/"]{--c:22}[c*="/22/"]{--c:23}[c*="/23/"]{--c:24}[o*="/-1/"]{--o:-1}[o*="/0/"]{--o:0}[o*="/1/"]{--o:1}[o*="/2/"]{--o:2}[o*="/3/"]{--o:3}}
@media print, (min-width: 1024px){[w$="/0"]{display:none !important}[w$="/a"]{width:auto}[w$="/1"]{--w:1}[w$="/2"]{--w:2}[w$="/3"]{--w:3}[w$="/4"]{--w:4}[w$="/5"]{--w:5}[w$="/6"]{--w:6}[w$="/7"]{--w:7}[w$="/8"]{--w:8}[w$="/9"]{--w:9}[w$="/10"]{--w:10}[w$="/11"]{--w:11}[w$="/12"]{--w:12}[w$="/13"]{--w:13}[w$="/14"]{--w:14}[w$="/15"]{--w:15}[w$="/16"]{--w:16}[w$="/17"]{--w:17}[w$="/18"]{--w:18}[w$="/19"]{--w:19}[w$="/20"]{--w:20}[w$="/21"]{--w:21}[w$="/22"]{--w:22}[w$="/23"]{--w:23}[w$="/24"]{--w:24}[c$="/-1"]{grid-column:span var(--w, var(--gc, 24))/-1}[c$="/0"]{--c:1}[c$="/1"]{--c:2}[c$="/2"]{--c:3}[c$="/3"]{--c:4}[c$="/4"]{--c:5}[c$="/5"]{--c:6}[c$="/6"]{--c:7}[c$="/7"]{--c:8}[c$="/8"]{--c:9}[c$="/9"]{--c:10}[c$="/10"]{--c:11}[c$="/11"]{--c:12}[c$="/12"]{--c:13}[c$="/13"]{--c:14}[c$="/14"]{--c:15}[c$="/15"]{--c:16}[c$="/16"]{--c:17}[c$="/17"]{--c:18}[c$="/18"]{--c:19}[c$="/19"]{--c:20}[c$="/20"]{--c:21}[c$="/21"]{--c:22}[c$="/22"]{--c:23}[c$="/23"]{--c:24}[o$="/-1"]{--o:-1}[o$="/0"]{--o:0}[o$="/1"]{--o:1}[o$="/2"]{--o:2}[o$="/3"]{--o:3}}
@media screen and (max-width: 719px) {[w^="0/"]{display:none !important}}
@media screen and (min-width: 720px) and (max-width: 1023px) {[w*="/0/"]{display:none !important}}

/**
 * @name .amount1
 * @description Amount line
 * @example { }
 */

.amount1 {  }
 .amount1 ul { display: flex; padding: 0; }
  .amount1 li { margin-bottom: 0; }
  .amount1 li ~ li { margin-left: 2rem; }
   .amount1 li:before { display: none; }
  .amount1-select { min-width: 8rem; min-height: 5rem; }
   .amount1-select input[type] { position: absolute; left: -10001px; }
   .amount1-select label[for] { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--c_b1); color: var(--c_d1); font-size: 1.6rem; }
   .amount1-select input:checked + label { background: var(--c_a2t); }
  .amount1-custom { display: flex; flex: 1 0 auto; position: relative; }
   .amount1-custom label[for] { --lh: 5rem; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 4rem; height: 100%; margin-bottom: 0; padding-left: 0.5rem; color: var(--c_d1); font-size: 1.4rem; text-align: center; }
   .amount1-custom input[type] { flex: 1 1 auto; width: 0; min-width: 0; padding-left: 4rem; }
   .amount1-custom .button1 { flex: none; }

@media screen and (max-width: 719px) {
.amount1 ul { flex-wrap: wrap; }
 .amount1-select { flex-grow: 1; }
 .amount1-custom[class] { margin: 2rem 0 0; }
}

@media print {
.amount1-select label[for] { box-shadow: inset 0 0 0 1px var(--c_o1t); }
}

/**
 * @name .archives1
 * @description Archives
 * @example { }
 */

.archives1 { }
 .archives1-wrap[disabled] { cursor: wait; pointer-events: auto; opacity: 0.2; }
  .archives1-wrap[disabled] > * { pointer-events: none; }
 .archives1-more[disabled] { pointer-events: none; opacity: 0.2; }

/**
 * @name .biggie1
 * @description Big image wrapper
 * @example { }
 */

.biggie1 { margin-bottom: var(--s1); }
 .biggie1 > .img1, .biggie1 > .slot1, .biggie1 > .embed1 { margin-bottom: 0; }
 .biggie1-caption { max-width: var(--xw_5); margin: 0 auto; padding: 2rem 0; border-bottom: 1px solid var(--c_o1t); }
  .biggie1-caption > span { display: block; max-width: 74ex; }

/**
* @name .box1
* @description Steps box
* @example { }
*/

.box1 { --px: min(var(--sx), 3rem); background: var(--c_b1); }
 .box1-header { margin-bottom: 0; padding: var(--px); padding-bottom: 0; }
 .box1.-sep1 .box1-header { padding-bottom: var(--px); border-bottom: 1px solid var(--c_o3t); }
  .box1-header > * { --sy: 1.6rem; }
  .box1-main { }
   .box1-main > * { --sy: 0.6rem; }
  .box1-side { }
 .box1-content { padding: var(--px); }

.box1.-content1 { display: flex; flex-flow: column; }
 .box1.-content1 > * { width: 100%; }
 .box1.-content1 > .box1-content { overflow: auto; flex-grow: 1; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
 .box1.-content1 > .box1-content { background: linear-gradient(90deg, #fff 50%, rgba(255,255,255,0)) 0 0 / 8rem 100% no-repeat local, linear-gradient(90deg, rgba(0,0,0,0.15), rgba(0,0,0,0)) 0 0 / 4rem 100% no-repeat, linear-gradient(90deg, rgba(255,255,255,0),#fff 50%) 100% 0 / 8rem 100% no-repeat local, linear-gradient(90deg, rgba(0,0,0,0),rgba(0,0,0,0.15)) 100% 0 / 4rem 100% no-repeat; }


@media print, (min-width: 720px) {
.box1-header { display: flex; justify-content: space-between; align-items: baseline; }
 .box1-main { margin-bottom: 0; }
 .box1-side { flex: none; margin: 0 0 0 var(--s1); }
}

/**
 * @name .brow1
 * @description Archives count/sort line
 * @example { }
 */

.brow1 { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--s1); padding-bottom: 1.5rem; border-bottom: 1px solid var(--c_o3t); }
 .brow1-title { margin-bottom: 0; }
 .brow1-sort { display: flex; align-items: baseline; flex: none; margin: 0 0 0 1rem; }
  .brow1-sort label[for] { flex: none; margin-bottom: 0; }
  .brow1-sort select { --ahm: auto; --apx: 0; --apy: 0; --aosn: 0; --lh: 1; margin: 0 0 0 1rem; padding-right: 1.5rem; background-position: 100% 50%; background-size: 0.8rem auto; }

@media screen and (max-width: 719px) {
.brow1 { display: block; }
 .brow1-sort { margin: var(--sy) 0 0; }
}

/**
* @name .card1
* @description Simple card
* @example { }
*/

.card1 { position: relative; }
:where(.card1) { margin-bottom: var(--s1); }
 .card1 > * { --sy: 1.6rem; color: var(--c_d1t); }
 .card1-image { position: relative; }
  .card1-label { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; }


/**
* @name .card2
* @description Boxed card
* @example { }
*/

.card2 { position: relative; padding: var(--sx); }
 .card2 > * { --sy: 1.6rem; position: relative; color: var(--c_d1t); }
 .card2-link { --abcn: var(--c_b1); --abch: var(--c_a1t); }
 .card2 > .img1 { display: block; }
 .card2 > .insert1 { --sy: 1.6rem; }

@media print, (min-width: 720px) {
.card2 { padding: 3rem; }
}

/**
* @name .card3
* @description Events card
* @example { }
*/

.card3 { position: relative; margin-bottom: var(--s1); padding-bottom: var(--s1); border-bottom: 1px solid var(--c_o3t); }
 .card3-wrap { max-width: var(--xw_3); margin: 0 auto; color: var(--c_d1t); }
  .card3-main { --sy: 1.2rem; }
   .card3-date { --sy: 0.8rem; }
   .card3-lead { margin-top: 1.6rem; }
  .card3-side { --sy: 0.8rem; margin-top: 2rem; }

@media print, (min-width: 720px) {
.card3-wrap { display: grid; grid-template-columns: 3fr 1fr; grid-column-gap: var(--s4); }
}

/**
* @name .card4
* @description Slant, wide card
* @example { }
*/

.card4 { position: relative; }
 .card4-image { margin: 0 var(--nx) 1.6rem; }

@media print, (min-width: 1024px) {
.card4 { display: grid; grid-template-columns: 7fr 3fr; grid-column-gap: var(--s1); }
 .card4-image { align-self: start; margin: 0; }
}

/**
* @name .card5
* @description Slant, boxed card
* @example { }
*/

.card5 { position: relative; margin: 0 var(--nx) var(--sy); }
.card5 + .card5 { margin-top: -3rem;; }
 .card5-image { position: relative; z-index: 2; }
 .card5-insert { margin: -33% 0 0; padding: 33% var(--sx) calc(var(--cp_5y, 0) + var(--sx)); background: var(--c_b2t); }

@media print, (min-width: 720px) {
.card5-insert { padding-left: var(--s1); padding-right: var(--s1); padding-bottom: calc(var(--cp_5y, 0) + var(--s1)); }
}

/**
* @name .card6
* @description Fellow card
* @example { }
*/

.card6 { position: relative; }
 .card6-image { align-self: start; position: relative; margin-bottom: 1.6rem; }
  .card6-label { position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; }
   .card6-label span { display: inline-block; padding: 0.3rem 0.5rem; background: var(--c_o3t); vertical-align: top; }
 .card6-wrap { }
  .card6-wrap > * { --sy: 1rem; }

@media print, (min-width: 720px) {
.card6 { display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 2rem; }
 .card6 > * { margin-bottom: 0; }
}
@media print, (min-width: 1024px) {
.card6.-flat\>m { display: block; }
 .card6.-flat\>m > .card6-image { margin-bottom: 1.6rem; }
}

/**
* @name .card7
* @description Fellowships card
* @example { }
*/

.card7 { position: relative; aspect-ratio: 1; width: 100%; height: 100%; min-height: auto; padding: var(--s1) var(--sx); }
.safari .card7 { aspect-ratio: auto; }
 .card7-link { }
 .card7-wrap { display: flex; flex-direction: column; position: relative; min-height: 100%; }
  .card7-wrap > * { --sy: 2rem; flex: none; }
  .card7-category { --gx: 1rem; margin-top: auto; }
   .card7-category > * { pointer-events: inherit; }
  .card7-list + .card7-more { margin-top: -0.5rem; }
   .card7-list > * { --sy: 0.6rem; }

@media (hover: hover) and (pointer: fine) {
.card7:hover { background: var(--c_b2t); }
}

@media screen and (max-width: 719px) {
.card7, .safari .card7 { aspect-ratio: auto; }
 .card7-wrap { height: auto; }
}

/**
* @name .card8
* @description Colored card
* @example { }
*/


.card8 { position: relative; padding: var(--s1); background: currentColor; color: var(--c_b1t); }
 .card8 > * { color: var(--c_d1t); }
 .card8-image { align-self: start; position: relative; margin-bottom: 1.6rem; }
 .card8-wrap { --sy: 2rem; }
  .card8-wrap > * { --sy: 1rem; }

@media print, (min-width: 720px) {
.card8 { display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: var(--s1); }
 .card8 > * { margin-bottom: 0; }
}

/**
 * @name .colored1
 * @description Themable element
 * @example { }
 */

.colored1 { background: currentColor; color: var(--c_b1t); }
 .colored1 > * { color: var(--c_d1t); }

@media print {
.colored1 { border: 1px solid; background: none; }
}

/**
 * @name .content1
 * @description Global content
 */

.content1 { margin-bottom: 0; }
 .content1:before { display: block; content: attr(data-warning); margin: 0; padding: 2rem 4rem; background: #b22; color: #fff; text-align: center; }
@supports (display: grid) { .content1:before { display: none; } }

@media screen and (max-width: 719px) {
 .content1:before { padding: 1.5rem 2rem; font-size: 1.4rem; }
}

/**
 * @name .embed1
 * @description Responsive embeds
 */

.embed1 { display: block; position: relative; overflow: hidden; }
 .embed1:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r, 0.5625) * 100%); }
 .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/**
 * @name .error1
 * @description Error page overlay
 */

.error1 { display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; max-width: none; height: var(--vhx); margin: 0; background: #f2f2f2; text-align: center; }
 .error1-wrap { margin-left: auto; margin-right: auto; }
  .error1-code { margin: 0; font-size: 8.2rem; line-height: 1; opacity: 0.2; }
  .error1-title { margin-bottom: 1rem; }
  .error1-info { margin-bottom: calc(var(--sy) / 2); }

/**
 * @name .fieldbox1
 * @description Fields combo
 * @example { }
 */

.fieldbox1 { --gx: 0rem; }
 .fieldbox1 > * { flex: none; width: auto; }
 .fieldbox1 input[type] { flex-grow: 1; }
 .fieldbox1 button[type] { flex: none; }

/**
* @name .filters1
* @description Archive filter tabs
* @example { }
*/

.filters1 { box-shadow: inset 0 -1px var(--c_o3t); }
 .filters1-main { display: flex; justify-content: center; padding: 0; }
  .filters1-main li { position: relative; margin: 0; }
  .filters1-main li ~ li { margin-left: 1rem; }
   .filters1-main li:before { display: none; }
   .filters1-main input[type] { position: absolute; left: -10001px; top: 0; }
   .filters1-main label[for] { display: flex; justify-content: center; align-items: center; min-height: 6rem; padding: 1rem 2rem 0.2rem; }
   .filters1-main :checked ~ label[for] { box-shadow: inset 1px 0 var(--c_o3t), inset -1px 0 var(--c_o3t), inset 0 0.8rem var(--c_a1t); background: var(--c_b1); }

/**
 * @name .float1
 * @description Floating container
 * @example { }
 */

@media print, (min-width: 720px) {
.float1 { display: block; margin-bottom: 0; }
 .float1 > :first-child { display: block; float: right; width: var(--w, 34rem); margin: 0 0 0 var(--s1); }
 .float1[class] > :first-child { margin-bottom: 1rem; }
 .float1.-left > :first-child { float: left; margin-right: var(--s1); margin-left: 0; }
}

/**
* @name .grid1
* @description Program grid
* @example { }
*/

.grid1 { overflow: hidden; margin: 0 var(--nx) var(--s3); border-top: 1px solid var(--c_o3t); }
 .grid1-wrap { display: grid; grid-template-columns: repeat(3,1fr); margin-right: -1px; }
  .grid1-wrap > .card7 { margin-bottom: 0; border: 1px solid var(--c_o3t); border-width: 0 1px 1px 0; }
  .grid1-wrap > .card8 { grid-column-end: span 2; margin-bottom: 0; border: 2rem solid transparent; background-clip: padding-box; }
  .grid1-cell { margin-bottom: 0; padding: var(--s1) var(--sx); }

@media screen and (max-width: 1023px) {
.grid1-wrap { grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 719px) {
.grid1-wrap { grid-template-columns: 1fr; }
 .grid1-wrap > .card8 { grid-column-end: span 1; }
}

/**
* @name .gridclip1
* @description Clipper for grids
* @example { }
*/

.gridclip1 { clip-path: inset(0 0 0 var(--gx, 0)); }

/**
* @name .header1
* @description Page header
* @example { }
*/

.header1 {  }
 .header1 > .insert1 { --sy: 2rem; margin-bottom: var(--s1); }
  .header1 > .insert1 > * { max-width: var(--xw_4); }
  .header1 > .insert1 > .insert1-title { max-width: var(--xw_3); }
 .header1-image { margin-top: var(--s1); margin-right: var(--nx); }

@media print, (min-width: 1024px) {
.header1 { display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: var(--s1); }
 .header1 > .insert1:last-child { grid-column: 1 / 3; }
}

/**
* @name .header3
* @description Big header with slant bottom
* @example { }
*/

.header3 { --h3ic: 0.425rem; position: relative; padding-bottom: calc(var(--cp_2y) + var(--s1)); }
 .header3-wrap { position: relative; z-index: 2; margin-bottom: 0; color: var(--c_d1t); }
  .header3-main { margin-bottom: var(--s3); }
   .header3-brow { --sy: 1.6rem; --gx: 1rem; }
   .header3-subtitle { padding: 0.6rem 1.6rem; background: var(--c_a2); color: var(--c_d1); }
  .header3-side { }
   .header3-image { margin-bottom: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--h3is, var(--cp_2y)) + var(--h3ic)), 0 100%) }
   .header3-box { --sy: 1.6rem; position: relative; max-width: 26rem; margin: -12rem 0 0 auto; margin-bottom:40px !important; padding: 2rem; text-align: center; }

.header3.-v2 { padding-bottom: 20rem; } /* with contact box */

@media print, (min-width: 720px) {
.header3-box { max-width: 30rem; margin-top: -16rem; padding: 3rem; }
}
@media print, (min-width: 1024px) {
.header3 { --h3is: calc(var(--cp_2y) * 0.4); --h3ic: 0.7rem; padding-bottom: calc(var(--cp_2y) * 0.65 + var(--s1)); }
 .header3-wrap { display: grid; grid-template-columns: 6fr 4fr; grid-column-gap: var(--s1); }
  .header3-main { margin-bottom: 0; }
   .header3-box { margin-top: -12rem; }

.header3.-v2 { padding-bottom: 24rem; } /* with contact box */
}

@media print {
.header3-box { background: var(--c_b1t); }
}

/**
* @name .header4
* @description Homepage header
* @example { }
*/

.header4 {  }
 .header4-top { position: relative; margin-bottom: var(--s3); }
  .header4-image { margin: 0 var(--nx) 0 10vw; background: #000;; }
   .header4-image .img1 { opacity: 0.7 }
  .header4-main { position: relative; }

@media print, (min-width: 1024px) {
.header4-top { margin-bottom: var(--s1); }
 .header4-image { margin-bottom: 0; margin-left: 36rem; }
 .header4-main { position: absolute; left: 0; top: 50%; max-width: var(--xw_4); margin: 0; transform: translateY(-50%); }
  .header4-lead { max-width: 54rem; }
.header4-bottom { max-width: 77rem; margin-left: auto; }
}

@media print {
.header4-image { background: #fff; }
}

/**
 * @name .img1
 * @description Image wrapper
 */

/* .img1 { display: block; position: relative; overflow: hidden; width: 100%; will-change: transform, opacity; }
.img1.-fill { position: absolute; left: 0; top: 0; height: 100%; margin: 0; }
.img1.-grayscale { filter: grayscale(1); }
.img1.-width { width: 100%; max-width: calc(var(--w) * 0.1rem); }
.img1.-round { border-radius: 50%; }
 .img1[style*="--rl:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--rl) * 100%); }
 .img1 img, .img1 video { display: block; width: 100%; }
 .img1[style*="--rl:"] img, .img1[style*="--rl:"] video { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: var(--x, 50%) var(--y, 50%); }
 .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; }
 .img1.-fit img, .img1.-fit video { height: 100%; object-fit: contain; }

@media screen and (max-width: 1023px) {
.img1[style*="--rm:"]:before { padding-bottom: calc(var(--rm) * 100%); }
}
@media screen and (max-width: 719px) {
.img1[style*="--rs:"]:before { padding-bottom: calc(var(--rs) * 100%); }
} */

/**
* @name .insert1
* @description Card insert
* @example { }
*/

.insert1 { --sy: 1rem; }
 .insert1-brow { --sy: 1.6rem }
 .insert1-title { --sy: 1.2rem }
 .insert1-label { --sy: 1.6rem; margin-top: var(--sy); }

/**
 * @name .invalid1
 * @description Validation message
 * @example { }
 */

.invalid1 { display: none; margin-top: 0.5rem; color: var(--c_e1t); }
.-validated:invalid ~ .invalid1, .-validated:invalid + label .invalid1, .invalid1.-visible { display: block; }

/**
* @name .list1
* @description Column list
*/

.list1 { }
 .list1-main { --sy: 1rem; margin-top: calc(var(--sy) * -1); padding: 0; }
 .list1-main.-c4\<m { columns: 4; }
  .list1-main li { --sy: inherit; display: inline-block; position: relative; width: 100%; margin-bottom: 0; padding-top: var(--sy); }
   .list1-main li:before { display: none; }

@media print, (min-width: 720px) {
.list1-main { columns: 2; column-gap: var(--s1); }
.list1-main.-c4 { columns: 4; }
}


/**
 * @name .loader1
 * @description Loading spinner
 */

.loader1 { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(var(--c_dxt),0.1); color: rgba(var(--c_dxt),0.25); font-size: 2.4rem; pointer-events: none; transition-property: var(--t8n_p2); }
.lazyload ~ .loader1, .lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; }
.lazyloading ~ .loader1 { visibility: visible; opacity: 1; }
 .loader1:before { display: block; flex: none; content: ''; width: 1em; height: 1em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; animation: loader1 1s infinite linear; will-change: transform; }
 .lazyloaded ~ .loader1:before { animation-iteration-count: 2; }

@media screen and (max-width: 719px) {
.loader1 { font-size: 2rem; }
}

@keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/**
 * @name .loader2
 * @description Full screen loader
 */

.loader2 { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; margin-bottom: 0; color: var(--c_d1); font-size: 6rem; transition-property: opacity, visibility; opacity: 0; }
.loader2.-active { visibility: visible; opacity: 1; }
 .loader2:after { position: absolute; left: 50%; top: 50%; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0 -0.5em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; animation: loader1 1s infinite paused linear; }
 .loader2.-active:after { animation-play-state: running; }
.loader2.-small { font-size: 3.2rem; }

.loader2.-static { display: none; position: relative; z-index: unset; margin-bottom: var(--sy); background: none; }
.loader2.-static.-active { display: block; }
 .loader2.-static:after { display: block; position: relative; left: 0; top: 0; margin: 0; color: var(--c_d1); opacity: 0.75; }

.loader2.-corner { left: auto; top: auto; right: 2rem; bottom: 2rem; background: none; font-size: 4rem; }
 .loader2.-corner:after { display: block; position: relative; left: auto; top: auto; margin: 0; color: var(--c_a3t); filter: drop-shadow(0 0 2rem var(--c_i1t)); }

 /**
* @name .overlink1
* @description Card link
* @example { }
*/

.overlink1 { --abgn: none; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.overlink1 ~ * { pointer-events: none; }
 .overlink1 ~ * a { position: relative; pointer-events: auto; }

/**
 * @name .paging1
 * @description Paging wrapper
 */

.paging1 {  }
.paging1[disabled] { --d: 1; pointer-events: none; opacity: 0.65; }
 .paging1-more .button1 { position: relative; }
  .paging1-more .button1 > span { opacity: calc(1 - var(--d, 0)); }
  .paging1-more .button1 > .loader1 { opacity: var(--d, 0); }
 .paging1-pages { --gx: 0.5rem; justify-content: center; align-items: center; padding: 0; }
  .paging1-pages li { flex: none; width: auto; margin-bottom: 0; }
   .paging1-pages li:before { display: none; }
   .paging1-pages a { --abgn: ''; --atch: var(--c_a1t); display: block; min-width: 2rem; box-shadow: none; text-align: center; }
   .paging1-pages a[aria-current] { --atcn: var(--c_a1t); font-weight: 700; }
  .paging1-dots { padding: 0 0.3rem; }
  .paging1-step { --lh: 1; font-size: 1.2em; }
   .paging1-dots a { min-width: 0; }

/**
* @name .promo1
* @description Footer promo
* @example { }
*/

.promo1 { position: relative; background: var(--c_o3t); }
.promo1:last-child { margin-bottom: calc(var(--cp_1y) * -1) }
 .promo1-image { margin-bottom: 0; }
 .promo1-insert { max-width: calc(var(--xw_4) + var(--sx) * 2); margin: 0 auto; padding: var(--s1) var(--sx) calc(var(--cp_1y) * 2 + var(--s1)); }
  .promo1-insert > * { --sy: 2rem; }

@media print, (min-width: 1024px) {
.promo1 { display: grid; grid-template-columns: 6.5fr 3.5fr; }
 .promo1-image .img1 { height: 100%; }
}

@media print {
.safari .promo1.-breakout { margin-left: var(--nx); margin-right: var(--nx); padding-left: 0; padding-right: 0; }
}

/**
* @name .quote1
* @description Clean quote
* @example { }
*/

.quote1 { padding-left: 0; box-shadow: none; }

/**
 * @name .scrolled1
 * @description Horizontally scrolled container
 */

@media screen and (max-width: 1023px) {
.scrolled1 { position: relative; width: auto; max-width: 100vw; margin-left: var(--nx); margin-right: var(--nx); }
 .scrolled1:after { position: absolute; right: var(--sx); bottom: -1.6rem; content: ''; width: 1.8rem; height: 2.4rem; background: url(../images/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; pointer-events: none; animation: scrolled1 2s infinite; }
 .scrolled1-outer { overflow: auto; overflow-y: hidden; padding: 0; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .scrolled1-outer::-webkit-scrollbar { display: none; }
  .scrolled1-inner { min-width: calc(102.4rem - var(--sx) * 2); }
   .scrolled1-inner table { width: 100%; }
    .scrolled1-inner tr > :first-child { border-left-width: 0; padding-left: var(--sx); }
    .scrolled1-inner tr > :last-child { border-right-width: 0; padding-right: var(--sx); }

@keyframes scrolled1 { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-2rem,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-2rem,0,0); } }
}

/**
* @name .sidebar2
* @description Sidebar under header3
* @example { }
*/

.sidebar2 { max-width: 34rem; margin-left: auto; padding-left: var(--sx); border-left: 1px solid var(--c_o3t); }

@media print, (min-width: 720px) {
.sidebar2 { padding-left: var(--s1); }
}

/**
 * @name .skips1
 * @description Skip links
 */

.skips1 { position: absolute; top: 100%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -3rem 0 0; padding: 0; text-align: center; }
 .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 5rem/1 Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips1 li:before { display: none;  }
  .skips1 li a { display: inline-block; position: absolute; left: -10001em; margin: 0 auto; padding: 2rem 3rem; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 2rem; background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; }

@media print, screen and (max-width: 1023px) {
.skips1 { display: none; }
}

/**
* @name .slant1
* @description Slant background
* @example { }
*/

.slant1 { position: absolute; left: 0; right: 0; top: calc(var(--cp_2y) * -0.5); bottom: 0; content: ''; margin: 0; background: currentColor; color: var(--c_b2); pointer-events: none; }

/**
* @name .slant2
* @description Slant background (archived program)
* @example { }
*/

.slant2 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: currentColor; color: var(--c_d1t); clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cp_2y, 0)), 0 100%); }
 .slant2-bottom { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 6rem 0; background: var(--c_b1t); color: var(--c_d1t); clip-path: polygon(0 0, 100% var(--cp_2y, 0), 100% 100%, 0 100%); }

@media print, (min-width: 720px) {
.slant2-bottom { padding: 8rem 0; }
}

@media print {
.slant2 { color: var(--c_b2t); }
 .slant2-bottom { background: rgba(0,0,0,0.05); }
}

/**
* @name .slant3
* @description Slant background (cta)
* @example { }
*/

.slant3 { position: absolute; left: 0; right: 0; top: calc(var(--cp_2y) * -0.5); bottom: calc(var(--cp_2y) * -0.5); content: ''; margin: 0; background: currentColor; color: var(--c_b1t); pointer-events: none; }

/**
* @name .slant4
* @description Slant background (step)
* @example { }
*/

.slant4 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; }
 .slant4:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: currentColor; color: var(--c_b2); clip-path: polygon(0 0, 100% var(--cp_2y, 0), 100% 100%, 0 100%); pointer-events: none; }
 .slant4-email { position: absolute; left: 0; top: 0; right: 0; padding: var(--s3) 0; background: var(--c_b1t); clip-path: polygon(0 var(--cp_2y, 0), 100% 0, 100% 100%, 0 100%); }
  .slant4-wrap { position: relative; color: var(--c_d1t); pointer-events: auto; }
   .slant4-inner { margin-left: auto; max-width: var(--xw_5); text-align: right; }

@media screen and (max-width: 1023px) {
.slant4:after { top: 6rem; }
.slant4-email { min-height: 24rem; padding: 6.5rem 0; }
}
@media screen and (max-width: 719px) {
.slant4:after { top: 13rem; }
.slant4-email { padding: 6rem 0; }
}

/**
* @name .slant5
* @description Slant background (home)
* @example { }
*/

.slant5 { --x: 67%; --y: 2rem; position: absolute; left: 0; right: 0; top: -1px; bottom: 0; content: ''; margin: 0; background: currentColor; color: var(--c_b1t); pointer-events: none; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--y)), var(--x) 100%, 0 100%); }

@media print, (min-width: 720px) {
.slant5 { --y: var(--s3); }
}

/**
* @name .slantcards1
* @description Card combo
* @example { }
*/

@media print, (min-width: 720px) {
.slantcards1 { display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: var(--s1); padding-bottom: var(--cp_5y); }
 .slantcards1 > .card4 { grid-column-end: span 2; margin-bottom: 0; }
 .slantcards1 > .card5 { display: flex; flex-flow: column; margin: 0; }
  .slantcards1 > .card5 > .card5-insert { flex: 1 0 auto; }
 .slantcards1 > .card5:nth-child(2) { --push: 0.4rem; top: calc(var(--cp_5y) + var(--push)); }
}
@media print, (min-width: 1024px) {
.slantcards1 > .card4 { margin-bottom: -17rem; }
 .slantcards1 > .card4 .card4-insert { padding-bottom: 16rem; }
.slantcards1 > .card5:nth-child(2) { --push: 0.9rem; }

}

/**
 * @name .slot1
 * @description Placeholder
 * @example { }
 */

.slot1 { display: flex; justify-content: center; align-items: center; min-height: 10rem; padding: 10px; box-shadow: inset 0 0 0 1px var(--c_o1t); color: rgba(var(--c_dxt),0.25); font: 800 18px/1 var(--ff_1); text-transform: uppercase; }
.slot1.-todo { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); background: #FF6F61; color: var(--c_i1); }

/**
 * @name .spacer1
 * @description Spacing div
 * @example { }
 */

.spacer1 { height: 1px; margin-top: -1px; margin-bottom: 0; pointer-events: none; }
.spacer1:not(.-pull)[style*="--hl:"] { height: var(--hl); }
.spacer1.-pull[style*="--hl:"] { margin-bottom: calc(var(--hl) * -1); }

@media screen and (max-width: 1023px) {
.spacer1:not(.-pull)[style*="--hm:"] { height: var(--hm); }
.spacer1.-pull[style*="--hm:"] { margin-bottom: calc(var(--hm) * -1); }
}
@media screen and (max-width: 719px) {
.spacer1:not(.-pull)[style*="--hs:"] { height: var(--hs); }
.spacer1.-pull[style*="--hs:"] { margin-bottom: calc(var(--hs) * -1); }
}

@media print {
.spacer1:not(.-pull)[style*="--hp:"] { height: var(--hp); }
.spacer1.-pull[style*="--hp:"] { margin-bottom: calc(var(--hp) * -1); }
}

/**
* @name .square1
* @description Square
* @example { }
*/

.square1 { --lh: 1; display: inline-block; width: 1rem; height: 1rem; margin: 0 0.5rem 0 0; background: currentColor; vertical-align: baseline; }

/**
* @name .steps1
* @description Steps
* @example { }
*/

.steps1 {  }
 .steps1-header { margin-top: 1rem; margin-bottom: 1rem; color: var(--c_d2t); text-align: center; }
  .steps1-header:before { display: block; content: ''; width: 1px; height: var(--s3); margin: 0 auto 1rem; border-left: 1px solid var(--c_o1t); }
  .steps1-header:first-child:before { display: none; }
 .steps1-section { position: relative; margin-bottom: 0; }
  .steps1-step { margin-bottom: 1rem; }
   .steps1-step:before { display: block; content: ''; width: 1px; height: var(--s3); margin: 0 auto 1rem; border-left: 1px solid var(--c_o1t); }
   .steps1-main { --sy: 1.6rem; margin-bottom: 3rem; }
    .steps1-title { text-align: center; }
     .steps1-title big { display: flex; justify-content: center; align-items: center; width: 1.5em; height: 1.5em; margin: 0 auto 1.2rem; background: var(--c_a2t); font: inherit; }
     .steps1.-hide-numbers .steps1-title big { display: none; }
   .steps1-side { }

@media print, (min-width: 1024px) {
.steps1 { max-width: 114rem; margin-left: auto; margin-right: auto; }
.steps1-header:before { display: none; }
.steps1-section { padding: calc( var(--s1) * 1.25 ) 0; }
 .steps1-section:before { position: absolute; left: 50%; top: 0; bottom: 0; content: ''; border-left: 1px solid var(--c_o1t); }
 .steps1-step { display: flex; justify-content: space-between; position: relative; margin-bottom: var(--s3); }
 .steps1-section.-right .steps1-step:nth-child(odd) { flex-direction: row-reverse; }
 .steps1-section.-left .steps1-step:nth-child(even) { flex-direction: row-reverse; }
  .steps1-step:before { display: none; }
  .steps1-main { width: calc(45% - var(--s2) / 2); margin-bottom: 0; padding-left: 7.5rem; padding-top: 0.65rem; }
   .steps1.-hide-numbers .steps1-main { padding-left: 0 }
  .steps1-step.-nonum .steps1-main { padding-left: 0; }
   .steps1-title { text-align: left; }
    .steps1-title big { float: left; margin: -0.65rem 0 0 -7.5rem; }
  .steps1-side { width: calc(55% - var(--s2) / 2); }
  .steps1-step.-ending .steps1-side { max-width: 41rem; }
   .steps1-side > .box1 { min-height: 100%; }

}

/**
 * @name .tabbed1
 * @description Tabbed content
 * @example { }
 */

.tabbed1 { overflow: hidden; position: relative; z-index: 1; }
 .tabbed1-content { position: relative; }
  .tabbed1-tab { position: relative; z-index: 1; margin-bottom: 0; background: var(--c_b1t); transition-duration: var(--t8n_d2); }
  .tabbed1-tab.-enter { transition-duration: 0; }
  .tabbed1-tab.-leave { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; opacity: 0; }

/**
* @name .tabs2
* @description Class tabs
* @example { }
*/

.tabs2 { background: var(--c_b2t); }
 .tabs2-main { --xpl: 0; display: flex; margin: 0 0 0 var(--nx); }
  .tabs2-main li { --sy: 0; }
   .tabs2-main li:before { display: none; }
   .tabs2-main a { --abgn: none; --atch: var(--c_b3t); display: flex; align-items: center; padding: 2.8rem var(--sx) 2rem; }
   .tabs2-main li[aria-current] a { --abcn: var(--c_d1t); --atcn: var(--c_i1t); --atch: var(--atcn); box-shadow: inset 0 0.8rem var(--c_a1t); }
    .tabs2-main .img1 { flex: none; width: 8rem; margin: 0 2rem 0 0; }
    .tabs2-main span { flex: none; }
     .tabs2-main span span { display: block; }
 .tabs2-select { display: none; }

@media screen and (max-width: 1023px) {
.tabs2-main { display: none; }
.tabs2-select { display: block; padding: 2rem 0 2.4rem; }
}

/**
* @name .tag1
* @description Tag block
* @example { }
*/

.tag1 { display: inline-block; padding: 0.4rem 0.7rem; background: var(--c_o3t); vertical-align: top; }

/**
* @name .ticker1
* @description News ticker
* @example { }
*/

.ticker1 { overflow: hidden; white-space: nowrap; }
 .ticker1-list { display: inline-flex; align-items: center; min-height: 4rem; max-width: none; padding: 0; vertical-align: top; animation: ticker1a var(--speed, 20s) infinite linear; will-change: transform; }
 .ticker1-list:hover { animation-play-state: paused; }
  .ticker1-list li { flex: none; margin-bottom: 0; padding: 0 2rem; transform: translateZ(0); }
   .ticker1-list li:before { display: none; }
   .ticker1-list a { display: block; padding: 0.25rem 0; }

@keyframes ticker1a { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-50%,0,0) } }

@media print {
.ticker1 { border: 1px solid var(--c_o3t); border-width: 1px 0; }
}

/**
 * @name .wrap1
 * @description Content wrapper
 */

.wrap1 { position: relative; margin-bottom: 0; padding: var(--s3) 0; background: currentColor; color: var(--c_b1t); }
.wrap1.-bg1 { background: none; }
 .wrap1-inner { position: relative; color: var(--c_d1t); }

@media print {
.wrap1 { background: none; color: inherit; }
}