/*------------------------------------------------------------------------------

[0] Fix | Delete

22.0 - About Pages

[1] Fix | Delete

[2] Fix | Delete

1.0 Global: About, Credits, Freedoms, Privacy

[3] Fix | Delete

1.1 Layout

[4] Fix | Delete

1.2 Typography & Elements

[5] Fix | Delete

1.3 Header

[6] Fix | Delete

2.0 Credits Page

[7] Fix | Delete

3.0 Freedoms Page

[8] Fix | Delete

x.2.0 Legacy About Styles: Global

[9] Fix | Delete

x.2.1 Typography

[10] Fix | Delete

x.2.2 Structure

[11] Fix | Delete

x.2.3 Point Releases

[12] Fix | Delete

x.3.0 Legacy About Styles: About Page

[13] Fix | Delete

x.3.1 Typography

[14] Fix | Delete

x.3.2 Structure

[15] Fix | Delete

x.4.0 Legacy About Styles: Credits & Freedoms Pages

[16] Fix | Delete

x.5.0 Legacy About Styles: Media Queries

[17] Fix | Delete

------------------------------------------------------------------------------*/

[18] Fix | Delete

[19] Fix | Delete

.about__container {

[20] Fix | Delete

/* Section backgrounds */

[21] Fix | Delete

--background: #fff;

[22] Fix | Delete

--subtle-background: #fde4bf;

[23] Fix | Delete

[24] Fix | Delete

/* Main text color */

[25] Fix | Delete

--text: #00131c;

[26] Fix | Delete

--text-light: #fff;

[27] Fix | Delete

[28] Fix | Delete

/* Accent colors: used in header, on special classes. */

[29] Fix | Delete

--accent-1: #0a5b89; /* Accent background */

[30] Fix | Delete

--accent-2: #fde4bf; /* Heading subtitle */

[31] Fix | Delete

[32] Fix | Delete

/* Navigation colors. */

[33] Fix | Delete

--nav-background: var(--background);

[34] Fix | Delete

--nav-border: #fcc36f;

[35] Fix | Delete

--nav-color: var(--text);

[36] Fix | Delete

--nav-current: #0a5b88;

[37] Fix | Delete

}

[38] Fix | Delete

[39] Fix | Delete

/*------------------------------------------------------------------------------

[40] Fix | Delete

1.0 - Global: About, Credits, Freedoms, Privacy

[41] Fix | Delete

------------------------------------------------------------------------------*/

[42] Fix | Delete

[43] Fix | Delete

.about-php,

[44] Fix | Delete

.credits-php,

[45] Fix | Delete

.freedoms-php,

[46] Fix | Delete

.privacy-php {

[47] Fix | Delete

background: #fff;

[48] Fix | Delete

}

[49] Fix | Delete

[50] Fix | Delete

.about-php #wpcontent,

[51] Fix | Delete

.credits-php #wpcontent,

[52] Fix | Delete

.freedoms-php #wpcontent,

[53] Fix | Delete

.privacy-php #wpcontent {

[54] Fix | Delete

background: white;

[55] Fix | Delete

padding: 0 24px;

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete

@media screen and (max-width: 782px) {

[59] Fix | Delete

.about-php.auto-fold #wpcontent,

[60] Fix | Delete

.credits-php.auto-fold #wpcontent,

[61] Fix | Delete

.freedoms-php.auto-fold #wpcontent,

[62] Fix | Delete

.privacy-php.auto-fold #wpcontent {

[63] Fix | Delete

padding-left: 24px;

[64] Fix | Delete

}

[65] Fix | Delete

}

[66] Fix | Delete

[67] Fix | Delete

.about__container {

[68] Fix | Delete

max-width: 1000px;

[69] Fix | Delete

margin: 24px auto;

[70] Fix | Delete

clear: both;

[71] Fix | Delete

}

[72] Fix | Delete

[73] Fix | Delete

.about__container .alignleft {

[74] Fix | Delete

float: left;

[75] Fix | Delete

}

[76] Fix | Delete

[77] Fix | Delete

.about__container .alignright {

[78] Fix | Delete

float: right;

[79] Fix | Delete

}

[80] Fix | Delete

[81] Fix | Delete

.about__container .aligncenter {

[82] Fix | Delete

text-align: center;

[83] Fix | Delete

}

[84] Fix | Delete

[85] Fix | Delete

.about__container .is-vertically-aligned-top {

[86] Fix | Delete

-ms-grid-row-align: start;

[87] Fix | Delete

align-self: start;

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

.about__container .is-vertically-aligned-center {

[91] Fix | Delete

-ms-grid-row-align: center;

[92] Fix | Delete

align-self: center;

[93] Fix | Delete

}

[94] Fix | Delete

[95] Fix | Delete

.about__container .is-vertically-aligned-bottom {

[96] Fix | Delete

-ms-grid-row-align: end;

[97] Fix | Delete

align-self: end;

[98] Fix | Delete

}

[99] Fix | Delete

[100] Fix | Delete

.about__section {

[101] Fix | Delete

background: #fff;

[102] Fix | Delete

background: var(--background);

[103] Fix | Delete

clear: both;

[104] Fix | Delete

}

[105] Fix | Delete

[106] Fix | Delete

.about__container .has-accent-background-color {

[107] Fix | Delete

background-color: #0a5b89;

[108] Fix | Delete

background-color: var(--accent-1);

[109] Fix | Delete

color: #fff;

[110] Fix | Delete

color: var(--text-light);

[111] Fix | Delete

}

[112] Fix | Delete

[113] Fix | Delete

.about__container .has-accent-background-color a {

[114] Fix | Delete

color: #fff;

[115] Fix | Delete

color: var(--text-light);

[116] Fix | Delete

}

[117] Fix | Delete

[118] Fix | Delete

.about__container .has-transparent-background-color {

[119] Fix | Delete

background-color: transparent;

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete

.about__container .has-accent-color {

[123] Fix | Delete

color: #00131c;

[124] Fix | Delete

color: var(--text);

[125] Fix | Delete

font-weight: bold;

[126] Fix | Delete

}

[127] Fix | Delete

[128] Fix | Delete

.about__container .has-border {

[129] Fix | Delete

border: 3px solid currentColor;

[130] Fix | Delete

}

[131] Fix | Delete

[132] Fix | Delete

.about__container .has-subtle-background-color {

[133] Fix | Delete

background-color: #fde4bf;

[134] Fix | Delete

background-color: var(--subtle-background);

[135] Fix | Delete

}

[136] Fix | Delete

[137] Fix | Delete

.about__container .has-background-image {

[138] Fix | Delete

background-size: contain;

[139] Fix | Delete

background-repeat: no-repeat;

[140] Fix | Delete

background-position: center;

[141] Fix | Delete

}

[142] Fix | Delete

[143] Fix | Delete

/* 1.1 - Layout */

[144] Fix | Delete

[145] Fix | Delete

.about__section {

[146] Fix | Delete

margin: 0;

[147] Fix | Delete

}

[148] Fix | Delete

[149] Fix | Delete

.about__section .column {

[150] Fix | Delete

padding: 32px;

[151] Fix | Delete

}

[152] Fix | Delete

[153] Fix | Delete

.about__section + .about__section .column {

[154] Fix | Delete

padding-top: 0;

[155] Fix | Delete

}

[156] Fix | Delete

[157] Fix | Delete

.about__section + .about__section .is-section-header {

[158] Fix | Delete

padding-bottom: 32px;

[159] Fix | Delete

}

[160] Fix | Delete

[161] Fix | Delete

.about__section .column[class*="background-color"],

[162] Fix | Delete

.about__section .column.has-border {

[163] Fix | Delete

padding-top: 32px;

[164] Fix | Delete

}

[165] Fix | Delete

[166] Fix | Delete

.about__section .column.is-edge-to-edge {

[167] Fix | Delete

padding: 0;

[168] Fix | Delete

}

[169] Fix | Delete

[170] Fix | Delete

.about__section .column p:first-of-type {

[171] Fix | Delete

margin-top: 0;

[172] Fix | Delete

}

[173] Fix | Delete

[174] Fix | Delete

.about__section .column p:last-of-type {

[175] Fix | Delete

margin-bottom: 0;

[176] Fix | Delete

}

[177] Fix | Delete

[178] Fix | Delete

.about__section .has-text-columns {

[179] Fix | Delete

columns: 2;

[180] Fix | Delete

column-gap: 64px;

[181] Fix | Delete

}

[182] Fix | Delete

[183] Fix | Delete

.about__section .is-section-header {

[184] Fix | Delete

margin-bottom: 0;

[185] Fix | Delete

padding: 32px 32px 0;

[186] Fix | Delete

}

[187] Fix | Delete

[188] Fix | Delete

.about__section .is-section-header p:last-child {

[189] Fix | Delete

margin-bottom: 0;

[190] Fix | Delete

}

[191] Fix | Delete

[192] Fix | Delete

/* Section header is alone in a container. */

[193] Fix | Delete

.about__section .is-section-header:first-child:last-child {

[194] Fix | Delete

padding: 0;

[195] Fix | Delete

}

[196] Fix | Delete

[197] Fix | Delete

.about__section.is-feature {

[198] Fix | Delete

padding: 32px;

[199] Fix | Delete

}

[200] Fix | Delete

[201] Fix | Delete

.about__section.is-feature p {

[202] Fix | Delete

margin: 0;

[203] Fix | Delete

}

[204] Fix | Delete

[205] Fix | Delete

.about__section.is-feature p + p {

[206] Fix | Delete

margin-top: 1rem;

[207] Fix | Delete

}

[208] Fix | Delete

[209] Fix | Delete

.about__section.has-1-column {

[210] Fix | Delete

margin-left: auto;

[211] Fix | Delete

margin-right: auto;

[212] Fix | Delete

max-width: 36em;

[213] Fix | Delete

}

[214] Fix | Delete

[215] Fix | Delete

.about__section.has-2-columns,

[216] Fix | Delete

.about__section.has-3-columns,

[217] Fix | Delete

.about__section.has-4-columns,

[218] Fix | Delete

.about__section.has-overlap-style {

[219] Fix | Delete

display: -ms-grid;

[220] Fix | Delete

display: grid;

[221] Fix | Delete

}

[222] Fix | Delete

[223] Fix | Delete

.about__section.has-gutters {

[224] Fix | Delete

gap: 16px;

[225] Fix | Delete

}

[226] Fix | Delete

[227] Fix | Delete

.about__section.has-2-columns {

[228] Fix | Delete

-ms-grid-columns: 1fr 1fr;

[229] Fix | Delete

grid-template-columns: 1fr 1fr;

[230] Fix | Delete

}

[231] Fix | Delete

[232] Fix | Delete

.about__section.has-2-columns.is-wider-right {

[233] Fix | Delete

-ms-grid-columns: 1fr 2fr;

[234] Fix | Delete

grid-template-columns: 1fr 2fr;

[235] Fix | Delete

}

[236] Fix | Delete

[237] Fix | Delete

.about__section.has-2-columns.is-wider-left {

[238] Fix | Delete

-ms-grid-columns: 2fr 1fr;

[239] Fix | Delete

grid-template-columns: 2fr 1fr;

[240] Fix | Delete

}

[241] Fix | Delete

[242] Fix | Delete

.about__section.has-2-columns .is-section-header {

[243] Fix | Delete

-ms-grid-column: 1;

[244] Fix | Delete

grid-column-start: 1;

[245] Fix | Delete

-ms-grid-column-span: 2;

[246] Fix | Delete

grid-column-end: span 2;

[247] Fix | Delete

}

[248] Fix | Delete

[249] Fix | Delete

.about__section.has-2-columns .column:nth-of-type(2n+1) {

[250] Fix | Delete

-ms-grid-column: 1;

[251] Fix | Delete

grid-column-start: 1;

[252] Fix | Delete

}

[253] Fix | Delete

[254] Fix | Delete

.about__section.has-2-columns .column:nth-of-type(2n) {

[255] Fix | Delete

-ms-grid-column: 2;

[256] Fix | Delete

grid-column-start: 2;

[257] Fix | Delete

}

[258] Fix | Delete

[259] Fix | Delete

.about__section.has-3-columns {

[260] Fix | Delete

-ms-grid-columns: (1fr)[3];

[261] Fix | Delete

grid-template-columns: repeat(3, 1fr);

[262] Fix | Delete

}

[263] Fix | Delete

[264] Fix | Delete

.about__section.has-3-columns .is-section-header {

[265] Fix | Delete

-ms-grid-column: 1;

[266] Fix | Delete

grid-column-start: 1;

[267] Fix | Delete

-ms-grid-column-span: 3;

[268] Fix | Delete

grid-column-end: span 3;

[269] Fix | Delete

}

[270] Fix | Delete

[271] Fix | Delete

.about__section.has-3-columns .column:nth-of-type(3n+1) {

[272] Fix | Delete

-ms-grid-column: 1;

[273] Fix | Delete

grid-column-start: 1;

[274] Fix | Delete

}

[275] Fix | Delete

[276] Fix | Delete

.about__section.has-3-columns .column:nth-of-type(3n+2) {

[277] Fix | Delete

-ms-grid-column: 2;

[278] Fix | Delete

grid-column-start: 2;

[279] Fix | Delete

}

[280] Fix | Delete

[281] Fix | Delete

.about__section.has-3-columns .column:nth-of-type(3n) {

[282] Fix | Delete

-ms-grid-column: 3;

[283] Fix | Delete

grid-column-start: 3;

[284] Fix | Delete

}

[285] Fix | Delete

[286] Fix | Delete

.about__section.has-4-columns {

[287] Fix | Delete

-ms-grid-columns: (1fr)[4];

[288] Fix | Delete

grid-template-columns: repeat(4, 1fr);

[289] Fix | Delete

}

[290] Fix | Delete

[291] Fix | Delete

.about__section.has-4-columns .is-section-header {

[292] Fix | Delete

-ms-grid-column: 1;

[293] Fix | Delete

grid-column-start: 1;

[294] Fix | Delete

-ms-grid-column-span: 4;

[295] Fix | Delete

grid-column-end: span 4;

[296] Fix | Delete

}

[297] Fix | Delete

[298] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n+1) {

[299] Fix | Delete

-ms-grid-column: 1;

[300] Fix | Delete

grid-column-start: 1;

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n+2) {

[304] Fix | Delete

-ms-grid-column: 2;

[305] Fix | Delete

grid-column-start: 2;

[306] Fix | Delete

}

[307] Fix | Delete

[308] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n+3) {

[309] Fix | Delete

-ms-grid-column: 3;

[310] Fix | Delete

grid-column-start: 3;

[311] Fix | Delete

}

[312] Fix | Delete

[313] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n) {

[314] Fix | Delete

-ms-grid-column: 4;

[315] Fix | Delete

grid-column-start: 4;

[316] Fix | Delete

}

[317] Fix | Delete

[318] Fix | Delete

/* Any columns following a section header need to be expicitly put into the second row, for IE support. */

[319] Fix | Delete

.about__section.has-2-columns .is-section-header ~ .column,

[320] Fix | Delete

.about__section.has-3-columns .is-section-header ~ .column,

[321] Fix | Delete

.about__section.has-4-columns .is-section-header ~ .column,

[322] Fix | Delete

.about__section.has-overlap-style .is-section-header ~ .column {

[323] Fix | Delete

-ms-grid-row: 2;

[324] Fix | Delete

grid-row-start: 2;

[325] Fix | Delete

}

[326] Fix | Delete

[327] Fix | Delete

.about__section.has-overlap-style {

[328] Fix | Delete

-ms-grid-columns: (1fr)[7];

[329] Fix | Delete

grid-template-columns: repeat(7, 1fr);

[330] Fix | Delete

}

[331] Fix | Delete

[332] Fix | Delete

.about__section.has-overlap-style .column {

[333] Fix | Delete

-ms-grid-row: 1;

[334] Fix | Delete

grid-row-start: 1;

[335] Fix | Delete

}

[336] Fix | Delete

[337] Fix | Delete

.about__section.has-overlap-style .column:nth-of-type(2n+1) {

[338] Fix | Delete

-ms-grid-column: 2;

[339] Fix | Delete

grid-column-start: 2;

[340] Fix | Delete

-ms-grid-column-span: 3;

[341] Fix | Delete

grid-column-end: span 3;

[342] Fix | Delete

}

[343] Fix | Delete

[344] Fix | Delete

.about__section.has-overlap-style .column:nth-of-type(2n) {

[345] Fix | Delete

-ms-grid-column: 4;

[346] Fix | Delete

grid-column-start: 4;

[347] Fix | Delete

-ms-grid-column-span: 3;

[348] Fix | Delete

grid-column-end: span 3;

[349] Fix | Delete

}

[350] Fix | Delete

[351] Fix | Delete

.about__section.has-overlap-style .column.is-top-layer {

[352] Fix | Delete

z-index: 1;

[353] Fix | Delete

}

[354] Fix | Delete

[355] Fix | Delete

@media screen and (max-width: 782px) {

[356] Fix | Delete

.about__section.has-2-columns.is-wider-right,

[357] Fix | Delete

.about__section.has-2-columns.is-wider-left,

[358] Fix | Delete

.about__section.has-3-columns {

[359] Fix | Delete

display: block;

[360] Fix | Delete

padding-bottom: 16px;

[361] Fix | Delete

}

[362] Fix | Delete

[363] Fix | Delete

.about__section.has-2-columns.has-gutters .column,

[364] Fix | Delete

.about__section.has-2-columns.has-gutters .column,

[365] Fix | Delete

.about__section.has-3-columns.has-gutters .column {

[366] Fix | Delete

margin-bottom: 16px;

[367] Fix | Delete

}

[368] Fix | Delete

[369] Fix | Delete

.about__section.has-2-columns.has-gutters .column:last-child,

[370] Fix | Delete

.about__section.has-2-columns.has-gutters .column:last-child,

[371] Fix | Delete

.about__section.has-3-columns.has-gutters .column:last-child {

[372] Fix | Delete

margin-bottom: 0;

[373] Fix | Delete

}

[374] Fix | Delete

[375] Fix | Delete

.about__section.has-3-columns .column:nth-of-type(n) {

[376] Fix | Delete

padding-top: 16px;

[377] Fix | Delete

padding-bottom: 16px;

[378] Fix | Delete

}

[379] Fix | Delete

[380] Fix | Delete

.about__section.has-4-columns {

[381] Fix | Delete

-ms-grid-columns: (1fr)[2];

[382] Fix | Delete

grid-template-columns: repeat(2, 1fr);

[383] Fix | Delete

}

[384] Fix | Delete

[385] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(2n+1) {

[386] Fix | Delete

-ms-grid-column: 1;

[387] Fix | Delete

grid-column-start: 1;

[388] Fix | Delete

}

[389] Fix | Delete

[390] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(2n) {

[391] Fix | Delete

-ms-grid-column: 2;

[392] Fix | Delete

grid-column-start: 2;

[393] Fix | Delete

}

[394] Fix | Delete

[395] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n+3),

[396] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(4n) {

[397] Fix | Delete

-ms-grid-row: 2;

[398] Fix | Delete

grid-row-start: 2;

[399] Fix | Delete

}

[400] Fix | Delete

[401] Fix | Delete

.about__section.has-4-columns .is-section-header {

[402] Fix | Delete

-ms-grid-column-span: 2;

[403] Fix | Delete

grid-column-end: span 2;

[404] Fix | Delete

}

[405] Fix | Delete

[406] Fix | Delete

.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),

[407] Fix | Delete

.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {

[408] Fix | Delete

-ms-grid-row: 3;

[409] Fix | Delete

grid-row-start: 3;

[410] Fix | Delete

}

[411] Fix | Delete

[412] Fix | Delete

.about__section.has-overlap-style {

[413] Fix | Delete

-ms-grid-columns: 1fr;

[414] Fix | Delete

grid-template-columns: 1fr;

[415] Fix | Delete

}

[416] Fix | Delete

[417] Fix | Delete

/* At this size, the two columns fully overlap */

[418] Fix | Delete

.about__section.has-overlap-style .column.column {

[419] Fix | Delete

-ms-grid-column: 1;

[420] Fix | Delete

grid-column-start: 1;

[421] Fix | Delete

-ms-grid-column-span: 1;

[422] Fix | Delete

grid-column-end: 2;

[423] Fix | Delete

-ms-grid-row: 1;

[424] Fix | Delete

grid-row-start: 1;

[425] Fix | Delete

-ms-grid-row-span: 1;

[426] Fix | Delete

grid-row-end: 2;

[427] Fix | Delete

}

[428] Fix | Delete

}

[429] Fix | Delete

[430] Fix | Delete

@media screen and (max-width: 600px) {

[431] Fix | Delete

.about__section.has-2-columns {

[432] Fix | Delete

display: block;

[433] Fix | Delete

padding-bottom: 16px;

[434] Fix | Delete

}

[435] Fix | Delete

[436] Fix | Delete

.about__section.has-2-columns.has-gutters .column {

[437] Fix | Delete

margin-bottom: 16px;

[438] Fix | Delete

}

[439] Fix | Delete

[440] Fix | Delete

.about__section.has-2-columns.has-gutters .column:last-child {

[441] Fix | Delete

margin-bottom: 0;

[442] Fix | Delete

}

[443] Fix | Delete

[444] Fix | Delete

.about__section.has-2-columns .column:nth-of-type(n) {

[445] Fix | Delete

padding-top: 16px;

[446] Fix | Delete

padding-bottom: 16px;

[447] Fix | Delete

}

[448] Fix | Delete

}

[449] Fix | Delete

[450] Fix | Delete

@media screen and (max-width: 480px) {

[451] Fix | Delete

.about__section.is-feature .column {

[452] Fix | Delete

padding: 0;

[453] Fix | Delete

}

[454] Fix | Delete

[455] Fix | Delete

.about__section.has-4-columns {

[456] Fix | Delete

display: block;

[457] Fix | Delete

padding-bottom: 16px;

[458] Fix | Delete

}

[459] Fix | Delete

[460] Fix | Delete

.about__section.has-4-columns.has-gutters .column {

[461] Fix | Delete

margin-bottom: 16px;

[462] Fix | Delete

}

[463] Fix | Delete

[464] Fix | Delete

.about__section.has-4-columns.has-gutters .column:last-child {

[465] Fix | Delete

margin-bottom: 0;

[466] Fix | Delete

}

[467] Fix | Delete

[468] Fix | Delete

.about__section.has-4-columns .column:nth-of-type(n) {

[469] Fix | Delete

padding-top: 16px;

[470] Fix | Delete

padding-bottom: 16px;

[471] Fix | Delete

}

[472] Fix | Delete

}

[473] Fix | Delete

[474] Fix | Delete

/* 1.2 - Typography & Elements */

[475] Fix | Delete

[476] Fix | Delete

.about__container {

[477] Fix | Delete

line-height: 1.4;

[478] Fix | Delete

color: #00131c;

[479] Fix | Delete

color: var(--text);

[480] Fix | Delete

}

[481] Fix | Delete

[482] Fix | Delete

.about__container h1 {

[483] Fix | Delete

margin: 0 0 1em;

[484] Fix | Delete

padding: 0;

[485] Fix | Delete

font-weight: 600;

[486] Fix | Delete

color: inherit;

[487] Fix | Delete

}

[488] Fix | Delete

[489] Fix | Delete

.about__container h1,

[490] Fix | Delete

.about__container h2,

[491] Fix | Delete

.about__container h3.is-larger-heading {

[492] Fix | Delete

margin-top: 0;

[493] Fix | Delete

margin-bottom: 0.5em;

[494] Fix | Delete

font-size: 2.9em;

[495] Fix | Delete

line-height: 1.2;

[496] Fix | Delete

font-weight: 400;

[497] Fix | Delete

}

[498] Fix | Delete

[499] Fix | Delete