: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.about__container .about__image + h3 {
margin-top: calc(0.75 * var(--gap));
margin: calc(var(--gap) / 2) var(--gap);
border-top: 4px solid var(--accent-3);
.about__container hr.is-small {
.about__container hr.is-large {
.about__container hr.is-invisible {
.about__container div.updated,
.about__container div.error,
.about__container .notice {
display: none !important;
.about__section.is-feature {
.about__section.has-3-columns,
.about__section.has-4-columns {
@media screen and (max-width: 480px) {
.about__section.is-feature {
.about__container h3.is-larger-heading {
justify-content: flex-end;
padding: calc(var(--gap) * 1.5);
min-height: clamp(10rem, 25vw, 18.75rem);
border-radius: var(--border-radius);
background-repeat: no-repeat;
background-position: left 7% center, top right;
background-color: var(--background);
margin: 0 var(--gap) 3em;
.about__header-title h1 {
/* Fluid font size scales on browser size 960px - 1200px. */
font-size: clamp(2rem, 20vw - 9rem, 4rem);
.about-php .about__header-title h1,
.credits-php .about__header-title h1,
.freedoms-php .about__header-title h1,
.privacy-php .about__header-title h1,
.contribute-php .about__header-title h1 {
/* Fluid font size scales on browser size 960px - 1200px. */
font-size: clamp(2rem, 20vw - 9rem, 4rem);
.about__header-navigation {
justify-content: space-between;
margin-bottom: var(--gap);
background: var(--nav-background);
border-bottom: 3px solid var(--nav-border);
.about__header-navigation::after {
.about__header-navigation .nav-tab {
padding: calc(var(--gap) * 0.75) var(--gap);
border-color: transparent;
.about__header-navigation .nav-tab:hover,
.about__header-navigation .nav-tab:active {
background-color: var(--nav-current);
color: var(--text-light);
.about__header-navigation .nav-tab-active {
color: var(--nav-current);
border-color: var(--nav-current);
.about__header-navigation .nav-tab-active:hover,
.about__header-navigation .nav-tab-active:active {
background-color: var(--nav-current);
color: var(--text-light);
border-color: var(--nav-current);
@media screen and (max-width: 960px) {
.about-php .about__header-title h1,
.credits-php .about__header-title h1,
.freedoms-php .about__header-title h1,
.privacy-php .about__header-title h1,
.contribute-php .about__header-title h1 {
/* Fluid font size scales on browser size 600px - 960px. */
font-size: clamp(2rem, 20vw - 9rem, 4rem);
.about__header-navigation .nav-tab {
padding: calc(var(--gap) * 0.75) calc(var(--gap) * 0.5);
@media screen and (max-width: 782px) {
.about__container .about__header-text {
.about__header-container {
.about__header-navigation .nav-tab {
@media screen and (max-width: 600px) {
.credits-php .about__header,
.freedoms-php .about__header,
.privacy-php .about__header,
.contribute-php .about__header {
.about__header-navigation {
.about__header-navigation .nav-tab {
padding: calc(var(--gap) / 2);
.about__header-navigation .nav-tab-active {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.about__section .wp-people-group-title {
margin-bottom: calc(var(--gap) * 2 - 10px);
.about__section .wp-people-group {
.about__section .wp-person {
margin-bottom: calc(var(--gap) - 10px);
.about__section .compact .wp-person {
.about__section .wp-person-avatar {
margin: 0 auto calc(var(--gap) / 2);
.about__section .wp-person .gravatar {
.about__section .compact .wp-person-avatar,
.about__section .compact .wp-person .gravatar {
.about__section .wp-person .web {
.about__section .wp-person .web:hover {
text-decoration: underline;
.about__section .compact .wp-person .web {
.about__section .wp-person .title {
@media screen and (max-width: 782px) {
.about__section .wp-person {
.about__section .compact .wp-person {
.about__section .wp-person-avatar,
.about__section .wp-person .gravatar {
@media screen and (max-width: 600px) {
.about__section .wp-person {
.about__section .compact .wp-person {
.about__section .wp-person .web {
@media screen and (max-width: 480px) {
.about__section .wp-person {
.about__section .wp-person .web {
.about__section .compact .wp-person .web {
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.about__section .column .freedom-image {
margin-bottom: var(--gap);
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.about__section .column .privacy-image {
/*------------------------------------------------------------------------------
x.2.0 - Legacy About Styles: Global
------------------------------------------------------------------------------*/
margin: 25px 20px 0 40px;
max-width: 1050px; /* readability */
.about-wrap.full-width-layout {
display: none !important;
border-top: 1px solid rgba(0, 0, 0, 0.1);
.about-wrap .inline-svg img {
/* WordPress Version Badge */
background: #0073aa url(../images/w-logo-white.png?ver=20160308) no-repeat;
background-position: center 25px;
background-size: 80px 80px;
text-rendering: optimizeLegibility;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background-image: url(../images/wordpress-logo-white.svg?ver=20160308);