Edit File by line
/home/barbar84/www/wp-conte.../themes/twentytw...
File: style.css
[1000] Fix | Delete
.section-inner.thin {
[1001] Fix | Delete
max-width: 58rem;
[1002] Fix | Delete
}
[1003] Fix | Delete
[1004] Fix | Delete
.section-inner.small {
[1005] Fix | Delete
max-width: 80rem;
[1006] Fix | Delete
}
[1007] Fix | Delete
[1008] Fix | Delete
.section-inner.medium {
[1009] Fix | Delete
max-width: 100rem;
[1010] Fix | Delete
}
[1011] Fix | Delete
[1012] Fix | Delete
.section-inner.no-margin {
[1013] Fix | Delete
margin: 0;
[1014] Fix | Delete
}
[1015] Fix | Delete
[1016] Fix | Delete
[1017] Fix | Delete
/* Toggles ----------------------------------- */
[1018] Fix | Delete
[1019] Fix | Delete
.toggle {
[1020] Fix | Delete
-moz-appearance: none;
[1021] Fix | Delete
-webkit-appearance: none;
[1022] Fix | Delete
color: inherit;
[1023] Fix | Delete
cursor: pointer;
[1024] Fix | Delete
font-family: inherit;
[1025] Fix | Delete
position: relative;
[1026] Fix | Delete
-webkit-touch-callout: none;
[1027] Fix | Delete
-webkit-user-select: none;
[1028] Fix | Delete
-khtml-user-select: none;
[1029] Fix | Delete
-moz-user-select: none;
[1030] Fix | Delete
-ms-user-select: none;
[1031] Fix | Delete
text-align: inherit;
[1032] Fix | Delete
user-select: none;
[1033] Fix | Delete
}
[1034] Fix | Delete
[1035] Fix | Delete
button.toggle {
[1036] Fix | Delete
background: none;
[1037] Fix | Delete
border: none;
[1038] Fix | Delete
box-shadow: none;
[1039] Fix | Delete
border-radius: 0;
[1040] Fix | Delete
font-size: inherit;
[1041] Fix | Delete
font-weight: 400;
[1042] Fix | Delete
letter-spacing: inherit;
[1043] Fix | Delete
padding: 0;
[1044] Fix | Delete
text-transform: none;
[1045] Fix | Delete
}
[1046] Fix | Delete
[1047] Fix | Delete
/* Hiding and Showing ------------------------ */
[1048] Fix | Delete
[1049] Fix | Delete
.js .show-js {
[1050] Fix | Delete
display: block !important;
[1051] Fix | Delete
}
[1052] Fix | Delete
[1053] Fix | Delete
.js .hide-js {
[1054] Fix | Delete
display: none !important;
[1055] Fix | Delete
}
[1056] Fix | Delete
[1057] Fix | Delete
.no-js .show-no-js {
[1058] Fix | Delete
display: block !important;
[1059] Fix | Delete
}
[1060] Fix | Delete
[1061] Fix | Delete
.no-js .hide-no-js {
[1062] Fix | Delete
display: none !important;
[1063] Fix | Delete
}
[1064] Fix | Delete
[1065] Fix | Delete
[1066] Fix | Delete
/* Typography -------------------------------- */
[1067] Fix | Delete
[1068] Fix | Delete
.font-size-xl {
[1069] Fix | Delete
font-size: 1.25em;
[1070] Fix | Delete
}
[1071] Fix | Delete
[1072] Fix | Delete
.font-size-xs {
[1073] Fix | Delete
font-size: 0.8em;
[1074] Fix | Delete
}
[1075] Fix | Delete
[1076] Fix | Delete
.no-select {
[1077] Fix | Delete
-webkit-touch-callout: none;
[1078] Fix | Delete
-webkit-user-select: none;
[1079] Fix | Delete
-moz-user-select: none;
[1080] Fix | Delete
-ms-user-select: none;
[1081] Fix | Delete
user-select: none;
[1082] Fix | Delete
}
[1083] Fix | Delete
[1084] Fix | Delete
[1085] Fix | Delete
/* Colors ------------------------------------ */
[1086] Fix | Delete
[1087] Fix | Delete
/* COLOR */
[1088] Fix | Delete
[1089] Fix | Delete
.color-accent,
[1090] Fix | Delete
.color-accent-hover:focus,
[1091] Fix | Delete
.color-accent-hover:hover {
[1092] Fix | Delete
color: #cd2653;
[1093] Fix | Delete
}
[1094] Fix | Delete
[1095] Fix | Delete
/* BACKGROUND COLOR */
[1096] Fix | Delete
[1097] Fix | Delete
.bg-accent,
[1098] Fix | Delete
.bg-accent-hover:focus,
[1099] Fix | Delete
.bg-accent-hover:hover {
[1100] Fix | Delete
background-color: #cd2653;
[1101] Fix | Delete
}
[1102] Fix | Delete
[1103] Fix | Delete
/* BORDER COLOR */
[1104] Fix | Delete
[1105] Fix | Delete
.border-color-accent,
[1106] Fix | Delete
.border-color-accent-hover:focus,
[1107] Fix | Delete
.border-color-accent-hover:hover {
[1108] Fix | Delete
border-color: #cd2653;
[1109] Fix | Delete
}
[1110] Fix | Delete
[1111] Fix | Delete
/* FILL COLOR */
[1112] Fix | Delete
[1113] Fix | Delete
.fill-children-accent,
[1114] Fix | Delete
.fill-children-accent * {
[1115] Fix | Delete
fill: #cd2653;
[1116] Fix | Delete
}
[1117] Fix | Delete
[1118] Fix | Delete
.fill-children-current-color,
[1119] Fix | Delete
.fill-children-current-color * {
[1120] Fix | Delete
fill: currentColor;
[1121] Fix | Delete
}
[1122] Fix | Delete
[1123] Fix | Delete
[1124] Fix | Delete
/* Opacity ----------------------------------- */
[1125] Fix | Delete
[1126] Fix | Delete
.opacity-0 {
[1127] Fix | Delete
opacity: 0;
[1128] Fix | Delete
}
[1129] Fix | Delete
[1130] Fix | Delete
.opacity-5 {
[1131] Fix | Delete
opacity: 0.05;
[1132] Fix | Delete
}
[1133] Fix | Delete
[1134] Fix | Delete
.opacity-10 {
[1135] Fix | Delete
opacity: 0.1;
[1136] Fix | Delete
}
[1137] Fix | Delete
[1138] Fix | Delete
.opacity-15 {
[1139] Fix | Delete
opacity: 0.15;
[1140] Fix | Delete
}
[1141] Fix | Delete
[1142] Fix | Delete
.opacity-20 {
[1143] Fix | Delete
opacity: 0.2;
[1144] Fix | Delete
}
[1145] Fix | Delete
[1146] Fix | Delete
.opacity-25 {
[1147] Fix | Delete
opacity: 0.25;
[1148] Fix | Delete
}
[1149] Fix | Delete
[1150] Fix | Delete
.opacity-30 {
[1151] Fix | Delete
opacity: 0.3;
[1152] Fix | Delete
}
[1153] Fix | Delete
[1154] Fix | Delete
.opacity-35 {
[1155] Fix | Delete
opacity: 0.35;
[1156] Fix | Delete
}
[1157] Fix | Delete
[1158] Fix | Delete
.opacity-40 {
[1159] Fix | Delete
opacity: 0.4;
[1160] Fix | Delete
}
[1161] Fix | Delete
[1162] Fix | Delete
.opacity-45 {
[1163] Fix | Delete
opacity: 0.45;
[1164] Fix | Delete
}
[1165] Fix | Delete
[1166] Fix | Delete
.opacity-50 {
[1167] Fix | Delete
opacity: 0.5;
[1168] Fix | Delete
}
[1169] Fix | Delete
[1170] Fix | Delete
.opacity-55 {
[1171] Fix | Delete
opacity: 0.55;
[1172] Fix | Delete
}
[1173] Fix | Delete
[1174] Fix | Delete
.opacity-60 {
[1175] Fix | Delete
opacity: 0.6;
[1176] Fix | Delete
}
[1177] Fix | Delete
[1178] Fix | Delete
.opacity-65 {
[1179] Fix | Delete
opacity: 0.65;
[1180] Fix | Delete
}
[1181] Fix | Delete
[1182] Fix | Delete
.opacity-70 {
[1183] Fix | Delete
opacity: 0.7;
[1184] Fix | Delete
}
[1185] Fix | Delete
[1186] Fix | Delete
.opacity-75 {
[1187] Fix | Delete
opacity: 0.75;
[1188] Fix | Delete
}
[1189] Fix | Delete
[1190] Fix | Delete
.opacity-80 {
[1191] Fix | Delete
opacity: 0.8;
[1192] Fix | Delete
}
[1193] Fix | Delete
[1194] Fix | Delete
.opacity-85 {
[1195] Fix | Delete
opacity: 0.85;
[1196] Fix | Delete
}
[1197] Fix | Delete
[1198] Fix | Delete
.opacity-90 {
[1199] Fix | Delete
opacity: 0.9;
[1200] Fix | Delete
}
[1201] Fix | Delete
[1202] Fix | Delete
.blend-mode-exclusion {
[1203] Fix | Delete
mix-blend-mode: exclusion;
[1204] Fix | Delete
}
[1205] Fix | Delete
[1206] Fix | Delete
.blend-mode-hue {
[1207] Fix | Delete
mix-blend-mode: hue;
[1208] Fix | Delete
}
[1209] Fix | Delete
[1210] Fix | Delete
.blend-mode-saturation {
[1211] Fix | Delete
mix-blend-mode: saturation;
[1212] Fix | Delete
}
[1213] Fix | Delete
[1214] Fix | Delete
.blend-mode-color {
[1215] Fix | Delete
mix-blend-mode: color;
[1216] Fix | Delete
}
[1217] Fix | Delete
[1218] Fix | Delete
.blend-mode-luminosity {
[1219] Fix | Delete
mix-blend-mode: luminosity;
[1220] Fix | Delete
}
[1221] Fix | Delete
[1222] Fix | Delete
[1223] Fix | Delete
/* Image Classes ----------------------------- */
[1224] Fix | Delete
[1225] Fix | Delete
.bg-image {
[1226] Fix | Delete
background-position: center;
[1227] Fix | Delete
background-repeat: no-repeat;
[1228] Fix | Delete
background-size: cover;
[1229] Fix | Delete
}
[1230] Fix | Delete
[1231] Fix | Delete
.bg-attachment-fixed {
[1232] Fix | Delete
background-attachment: fixed;
[1233] Fix | Delete
}
[1234] Fix | Delete
[1235] Fix | Delete
@supports ( -webkit-overflow-scrolling: touch ) {
[1236] Fix | Delete
[1237] Fix | Delete
.bg-attachment-fixed {
[1238] Fix | Delete
background-attachment: scroll;
[1239] Fix | Delete
}
[1240] Fix | Delete
}
[1241] Fix | Delete
[1242] Fix | Delete
@media ( prefers-reduced-motion: reduce ) {
[1243] Fix | Delete
[1244] Fix | Delete
.bg-attachment-fixed {
[1245] Fix | Delete
background-attachment: scroll;
[1246] Fix | Delete
}
[1247] Fix | Delete
}
[1248] Fix | Delete
[1249] Fix | Delete
.wp-block-image.is-resized {
[1250] Fix | Delete
margin-left: auto;
[1251] Fix | Delete
margin-right: auto;
[1252] Fix | Delete
}
[1253] Fix | Delete
[1254] Fix | Delete
/* Search Form ------------------------------- */
[1255] Fix | Delete
[1256] Fix | Delete
.search-form {
[1257] Fix | Delete
align-items: stretch;
[1258] Fix | Delete
display: flex;
[1259] Fix | Delete
flex-wrap: nowrap;
[1260] Fix | Delete
margin: 0 0 -0.8rem -0.8rem;
[1261] Fix | Delete
}
[1262] Fix | Delete
[1263] Fix | Delete
.search-form .search-field,
[1264] Fix | Delete
.search-form .search-submit {
[1265] Fix | Delete
margin: 0 0 0.8rem 0.8rem;
[1266] Fix | Delete
}
[1267] Fix | Delete
[1268] Fix | Delete
.search-form label {
[1269] Fix | Delete
align-items: stretch;
[1270] Fix | Delete
display: flex;
[1271] Fix | Delete
font-size: inherit;
[1272] Fix | Delete
margin: 0;
[1273] Fix | Delete
width: 100%;
[1274] Fix | Delete
}
[1275] Fix | Delete
[1276] Fix | Delete
.search-form .search-field {
[1277] Fix | Delete
width: 100%;
[1278] Fix | Delete
}
[1279] Fix | Delete
[1280] Fix | Delete
.search-form .search-submit {
[1281] Fix | Delete
flex-shrink: 0;
[1282] Fix | Delete
}
[1283] Fix | Delete
[1284] Fix | Delete
.search-form .search-submit:focus,
[1285] Fix | Delete
.search-form .search-submit:hover {
[1286] Fix | Delete
text-decoration: none;
[1287] Fix | Delete
}
[1288] Fix | Delete
[1289] Fix | Delete
[1290] Fix | Delete
/* Social Icons ------------------------------ */
[1291] Fix | Delete
[1292] Fix | Delete
ul.social-icons {
[1293] Fix | Delete
display: flex;
[1294] Fix | Delete
flex-wrap: wrap;
[1295] Fix | Delete
margin: -0.9rem 0 0 -0.9rem;
[1296] Fix | Delete
width: calc(100% + 0.9rem);
[1297] Fix | Delete
}
[1298] Fix | Delete
[1299] Fix | Delete
ul.social-icons li {
[1300] Fix | Delete
margin: 0.9rem 0 0 0.9rem;
[1301] Fix | Delete
}
[1302] Fix | Delete
[1303] Fix | Delete
.social-icons a {
[1304] Fix | Delete
align-items: center;
[1305] Fix | Delete
background: #cd2653;
[1306] Fix | Delete
border-radius: 50%;
[1307] Fix | Delete
color: #fff;
[1308] Fix | Delete
display: flex;
[1309] Fix | Delete
height: 4.4rem;
[1310] Fix | Delete
justify-content: center;
[1311] Fix | Delete
padding: 0;
[1312] Fix | Delete
text-decoration: none;
[1313] Fix | Delete
transition: transform 0.15s ease-in-out;
[1314] Fix | Delete
width: 4.4rem;
[1315] Fix | Delete
}
[1316] Fix | Delete
[1317] Fix | Delete
.social-icons a:focus,
[1318] Fix | Delete
.social-icons a:hover {
[1319] Fix | Delete
transform: scale(1.1);
[1320] Fix | Delete
text-decoration: none;
[1321] Fix | Delete
}
[1322] Fix | Delete
[1323] Fix | Delete
[1324] Fix | Delete
/* Cover Modals ------------------------------ */
[1325] Fix | Delete
[1326] Fix | Delete
.cover-modal {
[1327] Fix | Delete
display: none;
[1328] Fix | Delete
-ms-overflow-style: none;
[1329] Fix | Delete
overflow: -moz-scrollbars-none;
[1330] Fix | Delete
}
[1331] Fix | Delete
[1332] Fix | Delete
.cover-modal::-webkit-scrollbar {
[1333] Fix | Delete
display: none !important;
[1334] Fix | Delete
}
[1335] Fix | Delete
[1336] Fix | Delete
.cover-modal.show-modal {
[1337] Fix | Delete
display: block;
[1338] Fix | Delete
cursor: pointer;
[1339] Fix | Delete
}
[1340] Fix | Delete
[1341] Fix | Delete
.cover-modal.show-modal > * {
[1342] Fix | Delete
cursor: default;
[1343] Fix | Delete
}
[1344] Fix | Delete
[1345] Fix | Delete
[1346] Fix | Delete
/* -------------------------------------------------------------------------- */
[1347] Fix | Delete
[1348] Fix | Delete
/* 4. Site Header
[1349] Fix | Delete
/* -------------------------------------------------------------------------- */
[1350] Fix | Delete
[1351] Fix | Delete
[1352] Fix | Delete
#site-header {
[1353] Fix | Delete
background: #fff;
[1354] Fix | Delete
position: relative;
[1355] Fix | Delete
}
[1356] Fix | Delete
[1357] Fix | Delete
.header-inner {
[1358] Fix | Delete
max-width: 168rem;
[1359] Fix | Delete
padding: 3.15rem 0;
[1360] Fix | Delete
z-index: 100;
[1361] Fix | Delete
}
[1362] Fix | Delete
[1363] Fix | Delete
/* Header Titles ----------------------------- */
[1364] Fix | Delete
[1365] Fix | Delete
.header-titles-wrapper {
[1366] Fix | Delete
align-items: center;
[1367] Fix | Delete
display: flex;
[1368] Fix | Delete
justify-content: center;
[1369] Fix | Delete
padding: 0 4rem;
[1370] Fix | Delete
text-align: center;
[1371] Fix | Delete
}
[1372] Fix | Delete
[1373] Fix | Delete
body:not(.enable-search-modal) .header-titles-wrapper {
[1374] Fix | Delete
justify-content: flex-start;
[1375] Fix | Delete
padding-left: 0;
[1376] Fix | Delete
text-align: left;
[1377] Fix | Delete
}
[1378] Fix | Delete
[1379] Fix | Delete
.site-title,
[1380] Fix | Delete
.site-logo,
[1381] Fix | Delete
.site-description {
[1382] Fix | Delete
margin: 0;
[1383] Fix | Delete
}
[1384] Fix | Delete
[1385] Fix | Delete
.site-title {
[1386] Fix | Delete
font-size: 2.1rem;
[1387] Fix | Delete
font-weight: 600;
[1388] Fix | Delete
line-height: 1;
[1389] Fix | Delete
}
[1390] Fix | Delete
[1391] Fix | Delete
.site-title a {
[1392] Fix | Delete
color: inherit;
[1393] Fix | Delete
display: block;
[1394] Fix | Delete
text-decoration: none;
[1395] Fix | Delete
}
[1396] Fix | Delete
[1397] Fix | Delete
.site-title a:hover,
[1398] Fix | Delete
.site-title a:focus {
[1399] Fix | Delete
text-decoration: underline;
[1400] Fix | Delete
}
[1401] Fix | Delete
[1402] Fix | Delete
.site-description {
[1403] Fix | Delete
margin-top: 1rem;
[1404] Fix | Delete
color: #6d6d6d;
[1405] Fix | Delete
font-size: 1.8rem;
[1406] Fix | Delete
font-weight: 500;
[1407] Fix | Delete
display: none;
[1408] Fix | Delete
letter-spacing: -0.0311em;
[1409] Fix | Delete
transition: all 0.15s linear;
[1410] Fix | Delete
}
[1411] Fix | Delete
[1412] Fix | Delete
.site-logo a,
[1413] Fix | Delete
.site-logo img {
[1414] Fix | Delete
display: block;
[1415] Fix | Delete
}
[1416] Fix | Delete
[1417] Fix | Delete
.header-titles .site-logo .site-logo {
[1418] Fix | Delete
margin: 0;
[1419] Fix | Delete
}
[1420] Fix | Delete
[1421] Fix | Delete
.site-logo img {
[1422] Fix | Delete
max-height: 6rem;
[1423] Fix | Delete
margin: 0 auto;
[1424] Fix | Delete
width: auto;
[1425] Fix | Delete
}
[1426] Fix | Delete
[1427] Fix | Delete
body:not(.enable-search-modal) .site-logo img {
[1428] Fix | Delete
margin: 0;
[1429] Fix | Delete
}
[1430] Fix | Delete
[1431] Fix | Delete
/* Overlay Header ---------------------------- */
[1432] Fix | Delete
[1433] Fix | Delete
.overlay-header #site-header {
[1434] Fix | Delete
background: transparent;
[1435] Fix | Delete
margin: 0;
[1436] Fix | Delete
position: absolute;
[1437] Fix | Delete
left: 0;
[1438] Fix | Delete
right: 0;
[1439] Fix | Delete
top: 0;
[1440] Fix | Delete
z-index: 2;
[1441] Fix | Delete
}
[1442] Fix | Delete
[1443] Fix | Delete
.overlay-header .header-inner {
[1444] Fix | Delete
color: #fff;
[1445] Fix | Delete
}
[1446] Fix | Delete
[1447] Fix | Delete
.overlay-header .site-description,
[1448] Fix | Delete
.overlay-header .toggle {
[1449] Fix | Delete
color: inherit;
[1450] Fix | Delete
}
[1451] Fix | Delete
[1452] Fix | Delete
.overlay-header .header-inner .toggle-wrapper::before {
[1453] Fix | Delete
background-color: currentColor;
[1454] Fix | Delete
opacity: 0.25;
[1455] Fix | Delete
}
[1456] Fix | Delete
[1457] Fix | Delete
.admin-bar.overlay-header #site-header {
[1458] Fix | Delete
top: 32px;
[1459] Fix | Delete
}
[1460] Fix | Delete
[1461] Fix | Delete
@media (max-width: 782px) {
[1462] Fix | Delete
[1463] Fix | Delete
.admin-bar.overlay-header #site-header {
[1464] Fix | Delete
top: 46px;
[1465] Fix | Delete
}
[1466] Fix | Delete
}
[1467] Fix | Delete
[1468] Fix | Delete
/* Header Navigation ------------------------- */
[1469] Fix | Delete
[1470] Fix | Delete
.header-navigation-wrapper {
[1471] Fix | Delete
display: none;
[1472] Fix | Delete
}
[1473] Fix | Delete
[1474] Fix | Delete
/* Header Toggles ---------------------------- */
[1475] Fix | Delete
[1476] Fix | Delete
.header-toggles {
[1477] Fix | Delete
display: none;
[1478] Fix | Delete
}
[1479] Fix | Delete
[1480] Fix | Delete
.header-inner .toggle {
[1481] Fix | Delete
align-items: center;
[1482] Fix | Delete
display: flex;
[1483] Fix | Delete
overflow: visible;
[1484] Fix | Delete
padding: 0 2rem;
[1485] Fix | Delete
}
[1486] Fix | Delete
[1487] Fix | Delete
.header-inner .toggle svg {
[1488] Fix | Delete
display: block;
[1489] Fix | Delete
position: relative;
[1490] Fix | Delete
z-index: 1;
[1491] Fix | Delete
}
[1492] Fix | Delete
[1493] Fix | Delete
.header-inner .toggle path {
[1494] Fix | Delete
fill: currentColor;
[1495] Fix | Delete
}
[1496] Fix | Delete
[1497] Fix | Delete
.toggle-inner {
[1498] Fix | Delete
display: flex;
[1499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function