.site-health #wpcontent,

[0] Fix | Delete

.site-health.auto-fold #wpcontent {

[1] Fix | Delete

padding-left: 0;

[2] Fix | Delete

}

[3] Fix | Delete

[4] Fix | Delete

/* Emulates .wrap h1 styling */

[5] Fix | Delete

.health-check-header h1 {

[6] Fix | Delete

display: inline-block;

[7] Fix | Delete

font-weight: 600;

[8] Fix | Delete

margin: 0 0.8rem 1rem;

[9] Fix | Delete

font-size: 23px;

[10] Fix | Delete

padding: 9px 0 4px 0;

[11] Fix | Delete

line-height: 1.3;

[12] Fix | Delete

}

[13] Fix | Delete

[14] Fix | Delete

.health-check-body h2 {

[15] Fix | Delete

line-height: 1.4;

[16] Fix | Delete

}

[17] Fix | Delete

[18] Fix | Delete

.health-check-body h3 {

[19] Fix | Delete

padding: 0;

[20] Fix | Delete

font-weight: 400;

[21] Fix | Delete

}

[22] Fix | Delete

[23] Fix | Delete

.health-check-header {

[24] Fix | Delete

text-align: center;

[25] Fix | Delete

margin: 0 0 1rem;

[26] Fix | Delete

background: #fff;

[27] Fix | Delete

border-bottom: 1px solid #dcdcde;

[28] Fix | Delete

}

[29] Fix | Delete

[30] Fix | Delete

.health-check-title-section {

[31] Fix | Delete

display: flex;

[32] Fix | Delete

align-items: center;

[33] Fix | Delete

justify-content: center;

[34] Fix | Delete

clear: both;

[35] Fix | Delete

}

[36] Fix | Delete

[37] Fix | Delete

.site-health-progress-wrapper {

[38] Fix | Delete

margin-bottom: 1rem;

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

.site-health-progress {

[42] Fix | Delete

display: inline-block;

[43] Fix | Delete

height: 20px;

[44] Fix | Delete

width: 20px;

[45] Fix | Delete

margin: 0;

[46] Fix | Delete

border-radius: 100%;

[47] Fix | Delete

position: relative;

[48] Fix | Delete

font-weight: 600;

[49] Fix | Delete

font-size: 0.4rem;

[50] Fix | Delete

}

[51] Fix | Delete

[52] Fix | Delete

.site-health-progress-count {

[53] Fix | Delete

position: absolute;

[54] Fix | Delete

display: block;

[55] Fix | Delete

height: 80px;

[56] Fix | Delete

width: 80px;

[57] Fix | Delete

left: 50%;

[58] Fix | Delete

top: 50%;

[59] Fix | Delete

margin-top: -40px;

[60] Fix | Delete

margin-left: -40px;

[61] Fix | Delete

border-radius: 100%;

[62] Fix | Delete

line-height: 6.3;

[63] Fix | Delete

font-size: 2em;

[64] Fix | Delete

}

[65] Fix | Delete

[66] Fix | Delete

.loading .site-health-progress svg #bar {

[67] Fix | Delete

stroke-dashoffset: 0;

[68] Fix | Delete

stroke: #c3c4c7;

[69] Fix | Delete

animation: loadingPulse 3s infinite ease-in-out;

[70] Fix | Delete

}

[71] Fix | Delete

[72] Fix | Delete

.site-health-progress svg circle {

[73] Fix | Delete

stroke-dashoffset: 0;

[74] Fix | Delete

transition: stroke-dashoffset 1s linear;

[75] Fix | Delete

stroke: #c3c4c7;

[76] Fix | Delete

stroke-width: 2em;

[77] Fix | Delete

}

[78] Fix | Delete

[79] Fix | Delete

.site-health-progress svg #bar {

[80] Fix | Delete

stroke-dashoffset: 565;

[81] Fix | Delete

stroke: #d63638;

[82] Fix | Delete

}

[83] Fix | Delete

[84] Fix | Delete

.green .site-health-progress #bar {

[85] Fix | Delete

stroke: #00a32a;

[86] Fix | Delete

}

[87] Fix | Delete

.green .site-health-progress .site-health-progress-label {

[88] Fix | Delete

color: #00a32a;

[89] Fix | Delete

}

[90] Fix | Delete

[91] Fix | Delete

.orange .site-health-progress #bar {

[92] Fix | Delete

stroke: #dba617;

[93] Fix | Delete

}

[94] Fix | Delete

.orange .site-health-progress .site-health-progress-label {

[95] Fix | Delete

color: #dba617;

[96] Fix | Delete

}

[97] Fix | Delete

[98] Fix | Delete

.site-health-progress-label {

[99] Fix | Delete

font-weight: 600;

[100] Fix | Delete

line-height: 20px;

[101] Fix | Delete

margin-left: 0.3rem;

[102] Fix | Delete

}

[103] Fix | Delete

[104] Fix | Delete

@keyframes loadingPulse {

[105] Fix | Delete

0% {

[106] Fix | Delete

stroke: #c3c4c7;

[107] Fix | Delete

}

[108] Fix | Delete

50% {

[109] Fix | Delete

stroke: #72aee6;

[110] Fix | Delete

}

[111] Fix | Delete

100% {

[112] Fix | Delete

stroke: #c3c4c7;

[113] Fix | Delete

}

[114] Fix | Delete

}

[115] Fix | Delete

[116] Fix | Delete

.health-check-tabs-wrapper {

[117] Fix | Delete

/* IE 11 */

[118] Fix | Delete

display: -ms-inline-grid;

[119] Fix | Delete

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

[120] Fix | Delete

vertical-align: top;

[121] Fix | Delete

/* modern browsers */

[122] Fix | Delete

display: inline-grid;

[123] Fix | Delete

grid-template-columns: 1fr 1fr;

[124] Fix | Delete

}

[125] Fix | Delete

[126] Fix | Delete

.health-check-tab {

[127] Fix | Delete

display: block; /* IE 11 */

[128] Fix | Delete

text-decoration: none;

[129] Fix | Delete

color: inherit;

[130] Fix | Delete

padding: 0.5rem 1rem 1rem;

[131] Fix | Delete

margin: 0 1rem;

[132] Fix | Delete

transition: box-shadow 0.5s ease-in-out;

[133] Fix | Delete

}

[134] Fix | Delete

[135] Fix | Delete

.health-check-tab:nth-child(1) {

[136] Fix | Delete

-ms-grid-column: 1; /* IE 11 */

[137] Fix | Delete

}

[138] Fix | Delete

[139] Fix | Delete

.health-check-tab:nth-child(2) {

[140] Fix | Delete

-ms-grid-column: 2; /* IE 11 */

[141] Fix | Delete

}

[142] Fix | Delete

[143] Fix | Delete

.health-check-tab:focus {

[144] Fix | Delete

color: #1d2327;

[145] Fix | Delete

outline: 1px solid #787c82;

[146] Fix | Delete

box-shadow: none;

[147] Fix | Delete

}

[148] Fix | Delete

[149] Fix | Delete

.health-check-tab.active {

[150] Fix | Delete

box-shadow: inset 0 -3px #3582c4;

[151] Fix | Delete

font-weight: 600;

[152] Fix | Delete

}

[153] Fix | Delete

[154] Fix | Delete

.health-check-body {

[155] Fix | Delete

max-width: 800px;

[156] Fix | Delete

margin: 0 auto;

[157] Fix | Delete

}

[158] Fix | Delete

[159] Fix | Delete

.health-check-table td:first-child {

[160] Fix | Delete

width: 30%;

[161] Fix | Delete

}

[162] Fix | Delete

[163] Fix | Delete

.health-check-table td {

[164] Fix | Delete

width: 70%;

[165] Fix | Delete

}

[166] Fix | Delete

[167] Fix | Delete

.health-check-table ul,

[168] Fix | Delete

.health-check-table ol {

[169] Fix | Delete

margin: 0;

[170] Fix | Delete

}

[171] Fix | Delete

[172] Fix | Delete

.health-check-body li {

[173] Fix | Delete

line-height: 1.5;

[174] Fix | Delete

}

[175] Fix | Delete

[176] Fix | Delete

.health-check-body .pass::before,

[177] Fix | Delete

.health-check-body .good::before {

[178] Fix | Delete

content: "\f147";

[179] Fix | Delete

color: #00a32a;

[180] Fix | Delete

}

[181] Fix | Delete

[182] Fix | Delete

.health-check-body .warning::before {

[183] Fix | Delete

content: "\f460";

[184] Fix | Delete

color: #dba617;

[185] Fix | Delete

}

[186] Fix | Delete

[187] Fix | Delete

.health-check-body .info::before {

[188] Fix | Delete

content: "\f348";

[189] Fix | Delete

color: #72aee6;

[190] Fix | Delete

}

[191] Fix | Delete

[192] Fix | Delete

.health-check-body .fail::before,

[193] Fix | Delete

.health-check-body .error::before {

[194] Fix | Delete

content: "\f335";

[195] Fix | Delete

color: #d63638;

[196] Fix | Delete

}

[197] Fix | Delete

[198] Fix | Delete

.site-health-copy-buttons {

[199] Fix | Delete

margin: 1rem 0;

[200] Fix | Delete

}

[201] Fix | Delete

[202] Fix | Delete

.site-health-copy-buttons .copy-button-wrapper {

[203] Fix | Delete

display: inline-flex;

[204] Fix | Delete

align-items: center;

[205] Fix | Delete

margin: 0.5rem 0 1rem;

[206] Fix | Delete

}

[207] Fix | Delete

[208] Fix | Delete

.site-health-copy-buttons .success {

[209] Fix | Delete

color: #008a20;

[210] Fix | Delete

margin-left: 0.5rem;

[211] Fix | Delete

}

[212] Fix | Delete

[213] Fix | Delete

.site-status-has-issues.hide {

[214] Fix | Delete

display: none;

[215] Fix | Delete

}

[216] Fix | Delete

[217] Fix | Delete

.site-health-view-more {

[218] Fix | Delete

text-align: center;

[219] Fix | Delete

}

[220] Fix | Delete

[221] Fix | Delete

.site-health-issues-wrapper:first-of-type {

[222] Fix | Delete

margin-top: 3rem;

[223] Fix | Delete

}

[224] Fix | Delete

[225] Fix | Delete

.site-health-issues-wrapper {

[226] Fix | Delete

margin-bottom: 3rem;

[227] Fix | Delete

margin-top: 2rem;

[228] Fix | Delete

}

[229] Fix | Delete

[230] Fix | Delete

.site-status-all-clear {

[231] Fix | Delete

display: flex;

[232] Fix | Delete

flex-direction: column;

[233] Fix | Delete

align-items: center;

[234] Fix | Delete

justify-content: center;

[235] Fix | Delete

text-align: center;

[236] Fix | Delete

height: 100%;

[237] Fix | Delete

width: 100%;

[238] Fix | Delete

margin-top: 0;

[239] Fix | Delete

}

[240] Fix | Delete

[241] Fix | Delete

@media all and (min-width: 784px) {

[242] Fix | Delete

.site-status-all-clear {

[243] Fix | Delete

margin: 5rem 0;

[244] Fix | Delete

}

[245] Fix | Delete

}

[246] Fix | Delete

[247] Fix | Delete

.site-status-all-clear.hide {

[248] Fix | Delete

display: none;

[249] Fix | Delete

}

[250] Fix | Delete

[251] Fix | Delete

.site-status-all-clear .dashicons {

[252] Fix | Delete

font-size: 150px;

[253] Fix | Delete

height: 130px;

[254] Fix | Delete

width: 150px;

[255] Fix | Delete

}

[256] Fix | Delete

[257] Fix | Delete

.site-status-all-clear .encouragement {

[258] Fix | Delete

font-size: 1.5rem;

[259] Fix | Delete

font-weight: 600;

[260] Fix | Delete

}

[261] Fix | Delete

[262] Fix | Delete

.site-status-all-clear p {

[263] Fix | Delete

margin: 0;

[264] Fix | Delete

}

[265] Fix | Delete

[266] Fix | Delete

.health-check-accordion {

[267] Fix | Delete

border: 1px solid #c3c4c7;

[268] Fix | Delete

}

[269] Fix | Delete

[270] Fix | Delete

.health-check-accordion-heading {

[271] Fix | Delete

margin: 0;

[272] Fix | Delete

border-top: 1px solid #c3c4c7;

[273] Fix | Delete

font-size: inherit;

[274] Fix | Delete

line-height: inherit;

[275] Fix | Delete

font-weight: 600;

[276] Fix | Delete

color: inherit;

[277] Fix | Delete

}

[278] Fix | Delete

[279] Fix | Delete

.health-check-accordion-heading:first-child {

[280] Fix | Delete

border-top: none;

[281] Fix | Delete

}

[282] Fix | Delete

[283] Fix | Delete

.health-check-accordion-trigger {

[284] Fix | Delete

background: #fff;

[285] Fix | Delete

border: 0;

[286] Fix | Delete

color: #2c3338;

[287] Fix | Delete

cursor: pointer;

[288] Fix | Delete

display: flex;

[289] Fix | Delete

font-weight: 400;

[290] Fix | Delete

margin: 0;

[291] Fix | Delete

padding: 1em 3.5em 1em 1.5em;

[292] Fix | Delete

min-height: 46px;

[293] Fix | Delete

position: relative;

[294] Fix | Delete

text-align: left;

[295] Fix | Delete

width: 100%;

[296] Fix | Delete

align-items: center;

[297] Fix | Delete

justify-content: space-between;

[298] Fix | Delete

-webkit-user-select: auto;

[299] Fix | Delete

-ms-user-select: auto;

[300] Fix | Delete

user-select: auto;

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

.wp-core-ui .button.site-health-view-passed {

[304] Fix | Delete

position: relative;

[305] Fix | Delete

padding-right: 40px;

[306] Fix | Delete

padding-left: 20px;

[307] Fix | Delete

}

[308] Fix | Delete

[309] Fix | Delete

.health-check-accordion-trigger:hover,

[310] Fix | Delete

.health-check-accordion-trigger:active {

[311] Fix | Delete

background: #f6f7f7;

[312] Fix | Delete

}

[313] Fix | Delete

[314] Fix | Delete

.health-check-accordion-trigger:focus {

[315] Fix | Delete

color: #1d2327;

[316] Fix | Delete

border: none;

[317] Fix | Delete

box-shadow: none;

[318] Fix | Delete

outline-offset: -1px;

[319] Fix | Delete

outline: 2px solid #2271b1;

[320] Fix | Delete

background-color: #f6f7f7;

[321] Fix | Delete

}

[322] Fix | Delete

[323] Fix | Delete

.health-check-accordion-trigger .title {

[324] Fix | Delete

pointer-events: none;

[325] Fix | Delete

font-weight: 600;

[326] Fix | Delete

flex-grow: 1;

[327] Fix | Delete

}

[328] Fix | Delete

[329] Fix | Delete

.health-check-accordion-trigger .icon,

[330] Fix | Delete

.site-health-view-passed .icon {

[331] Fix | Delete

border: solid #50575e;

[332] Fix | Delete

border-width: 0 2px 2px 0;

[333] Fix | Delete

height: 0.5rem;

[334] Fix | Delete

pointer-events: none;

[335] Fix | Delete

position: absolute;

[336] Fix | Delete

right: 1.5em;

[337] Fix | Delete

top: 50%;

[338] Fix | Delete

transform: translateY(-70%) rotate(45deg);

[339] Fix | Delete

width: 0.5rem;

[340] Fix | Delete

}

[341] Fix | Delete

[342] Fix | Delete

.health-check-accordion-trigger .badge {

[343] Fix | Delete

padding: 0.1rem 0.5rem 0.15rem;

[344] Fix | Delete

color: #2c3338;

[345] Fix | Delete

font-weight: 600;

[346] Fix | Delete

margin-left: 0.5rem;

[347] Fix | Delete

}

[348] Fix | Delete

[349] Fix | Delete

.health-check-accordion-trigger .badge.blue {

[350] Fix | Delete

border: 1px solid #72aee6;

[351] Fix | Delete

}

[352] Fix | Delete

[353] Fix | Delete

.health-check-accordion-trigger .badge.orange {

[354] Fix | Delete

border: 1px solid #dba617;

[355] Fix | Delete

}

[356] Fix | Delete

[357] Fix | Delete

.health-check-accordion-trigger .badge.red {

[358] Fix | Delete

border: 1px solid #e65054;

[359] Fix | Delete

}

[360] Fix | Delete

[361] Fix | Delete

.health-check-accordion-trigger .badge.green {

[362] Fix | Delete

border: 1px solid #00ba37;

[363] Fix | Delete

}

[364] Fix | Delete

[365] Fix | Delete

.health-check-accordion-trigger .badge.purple {

[366] Fix | Delete

border: 1px solid #2271b1;

[367] Fix | Delete

}

[368] Fix | Delete

[369] Fix | Delete

.health-check-accordion-trigger .badge.gray {

[370] Fix | Delete

border: 1px solid #c3c4c7;

[371] Fix | Delete

}

[372] Fix | Delete

[373] Fix | Delete

.health-check-accordion-trigger[aria-expanded="true"] .icon,

[374] Fix | Delete

.site-health-view-passed[aria-expanded="true"] .icon {

[375] Fix | Delete

transform: translateY(-30%) rotate(-135deg)

[376] Fix | Delete

}

[377] Fix | Delete

[378] Fix | Delete

.health-check-accordion-panel {

[379] Fix | Delete

margin: 0;

[380] Fix | Delete

padding: 1em 1.5em;

[381] Fix | Delete

background: #fff;

[382] Fix | Delete

}

[383] Fix | Delete

[384] Fix | Delete

.health-check-accordion-panel[hidden] {

[385] Fix | Delete

display: none;

[386] Fix | Delete

}

[387] Fix | Delete

[388] Fix | Delete

.health-check-accordion-panel a .dashicons {

[389] Fix | Delete

text-decoration: none;

[390] Fix | Delete

}

[391] Fix | Delete

[392] Fix | Delete

/* Better position for the WordPress admin notices and update nag. */

[393] Fix | Delete

.site-health .notice {

[394] Fix | Delete

margin: 5px 20px 15px 22px;

[395] Fix | Delete

}

[396] Fix | Delete

[397] Fix | Delete

.site-health .update-nag {

[398] Fix | Delete

margin-bottom: 20px;

[399] Fix | Delete

margin-left: 22px;

[400] Fix | Delete

}

[401] Fix | Delete

[402] Fix | Delete

.health-check-wp-paths-sizes.spinner {

[403] Fix | Delete

visibility: visible;

[404] Fix | Delete

float: none;

[405] Fix | Delete

margin: 0 4px;

[406] Fix | Delete

flex-shrink: 0;

[407] Fix | Delete

}

[408] Fix | Delete

[409] Fix | Delete

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

[410] Fix | Delete

.health-check-body {

[411] Fix | Delete

margin: 0 12px;

[412] Fix | Delete

width: auto;

[413] Fix | Delete

}

[414] Fix | Delete

[415] Fix | Delete

.site-health .notice {

[416] Fix | Delete

margin: 5px 10px 15px;

[417] Fix | Delete

}

[418] Fix | Delete

[419] Fix | Delete

.site-health .update-nag {

[420] Fix | Delete

margin-right: 10px;

[421] Fix | Delete

margin-left: 10px;

[422] Fix | Delete

}

[423] Fix | Delete

[424] Fix | Delete

.site-health-issues-wrapper .health-check-accordion-trigger {

[425] Fix | Delete

flex-direction: column;

[426] Fix | Delete

align-items: flex-start;

[427] Fix | Delete

}

[428] Fix | Delete

[429] Fix | Delete

.health-check-accordion-trigger .badge {

[430] Fix | Delete

margin: 1em 0 0;

[431] Fix | Delete

}

[432] Fix | Delete

[433] Fix | Delete

.health-check-table {

[434] Fix | Delete

table-layout: fixed;

[435] Fix | Delete

}

[436] Fix | Delete

[437] Fix | Delete

.health-check-table td {

[438] Fix | Delete

box-sizing: border-box;

[439] Fix | Delete

display: block;

[440] Fix | Delete

width: 100%;

[441] Fix | Delete

word-wrap: break-word;

[442] Fix | Delete

}

[443] Fix | Delete

[444] Fix | Delete

.health-check-table td:first-child {

[445] Fix | Delete

width: 100%;

[446] Fix | Delete

padding-bottom: 0;

[447] Fix | Delete

font-weight: 600;

[448] Fix | Delete

}

[449] Fix | Delete

[450] Fix | Delete

.wp-core-ui .site-health-copy-buttons .copy-button {

[451] Fix | Delete

margin-bottom: 0;

[452] Fix | Delete

}

[453] Fix | Delete

}

[454] Fix | Delete

[455] Fix | Delete

/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */

[456] Fix | Delete

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

[457] Fix | Delete

.health-check-body {

[458] Fix | Delete

margin: 0 22px;

[459] Fix | Delete

width: auto;

[460] Fix | Delete

}

[461] Fix | Delete

}

[462] Fix | Delete

[463] Fix | Delete