| 557 | | @media only screen and (max-width: 480px) { |
| 558 | | .about-wrap .has-2-columns.is-wider-right, |
| 559 | | .about-wrap .has-2-columns.is-wider-left { |
| 560 | | display: block; |
| | 963 | button.toggle { |
| | 964 | background: none; |
| | 965 | border: none; |
| | 966 | box-shadow: none; |
| | 967 | border-radius: 0; |
| | 968 | font-size: inherit; |
| | 969 | font-weight: 400; |
| | 970 | letter-spacing: inherit; |
| | 971 | padding: 0; |
| | 972 | text-transform: none; |
| | 973 | } |
| | 974 | |
| | 975 | /* Hiding and Showing ------------------------ */ |
| | 976 | |
| | 977 | .js .show-js { |
| | 978 | display: block !important; |
| | 979 | } |
| | 980 | |
| | 981 | .js .hide-js { |
| | 982 | display: none !important; |
| | 983 | } |
| | 984 | |
| | 985 | .no-js .show-no-js { |
| | 986 | display: block !important; |
| | 987 | } |
| | 988 | |
| | 989 | .no-js .hide-no-js { |
| | 990 | display: none !important; |
| | 991 | } |
| | 992 | |
| | 993 | |
| | 994 | /* Typography -------------------------------- */ |
| | 995 | |
| | 996 | .font-size-xl { |
| | 997 | font-size: 1.25em; |
| | 998 | } |
| | 999 | |
| | 1000 | .font-size-xs { |
| | 1001 | font-size: 0.8em; |
| | 1002 | } |
| | 1003 | |
| | 1004 | .no-select { |
| | 1005 | -webkit-touch-callout: none; |
| | 1006 | -webkit-user-select: none; |
| | 1007 | -moz-user-select: none; |
| | 1008 | -ms-user-select: none; |
| | 1009 | user-select: none; |
| | 1010 | } |
| | 1011 | |
| | 1012 | |
| | 1013 | /* Colors ------------------------------------ */ |
| | 1014 | |
| | 1015 | /* COLOR */ |
| | 1016 | |
| | 1017 | .color-accent, |
| | 1018 | .color-accent-hover:focus, |
| | 1019 | .color-accent-hover:hover { |
| | 1020 | color: #cd2653; |
| | 1021 | } |
| | 1022 | |
| | 1023 | /* BACKGROUND COLOR */ |
| | 1024 | |
| | 1025 | .bg-accent, |
| | 1026 | .bg-accent-hover:focus, |
| | 1027 | .bg-accent-hover:hover { |
| | 1028 | background-color: #cd2653; |
| | 1029 | } |
| | 1030 | |
| | 1031 | /* BORDER COLOR */ |
| | 1032 | |
| | 1033 | .border-color-accent, |
| | 1034 | .border-color-accent-hover:focus, |
| | 1035 | .border-color-accent-hover:hover { |
| | 1036 | border-color: #cd2653; |
| | 1037 | } |
| | 1038 | |
| | 1039 | /* FILL COLOR */ |
| | 1040 | |
| | 1041 | .fill-children-accent, |
| | 1042 | .fill-children-accent * { |
| | 1043 | fill: #cd2653; |
| | 1044 | } |
| | 1045 | |
| | 1046 | .fill-children-current-color, |
| | 1047 | .fill-children-current-color * { |
| | 1048 | fill: currentColor; |
| | 1049 | } |
| | 1050 | |
| | 1051 | |
| | 1052 | /* Opacity ----------------------------------- */ |
| | 1053 | |
| | 1054 | .opacity-0 { |
| | 1055 | opacity: 0; |
| | 1056 | } |
| | 1057 | |
| | 1058 | .opacity-5 { |
| | 1059 | opacity: 0.05; |
| | 1060 | } |
| | 1061 | |
| | 1062 | .opacity-10 { |
| | 1063 | opacity: 0.1; |
| | 1064 | } |
| | 1065 | |
| | 1066 | .opacity-15 { |
| | 1067 | opacity: 0.15; |
| | 1068 | } |
| | 1069 | |
| | 1070 | .opacity-20 { |
| | 1071 | opacity: 0.2; |
| | 1072 | } |
| | 1073 | |
| | 1074 | .opacity-25 { |
| | 1075 | opacity: 0.25; |
| | 1076 | } |
| | 1077 | |
| | 1078 | .opacity-30 { |
| | 1079 | opacity: 0.3; |
| | 1080 | } |
| | 1081 | |
| | 1082 | .opacity-35 { |
| | 1083 | opacity: 0.35; |
| | 1084 | } |
| | 1085 | |
| | 1086 | .opacity-40 { |
| | 1087 | opacity: 0.4; |
| | 1088 | } |
| | 1089 | |
| | 1090 | .opacity-45 { |
| | 1091 | opacity: 0.45; |
| | 1092 | } |
| | 1093 | |
| | 1094 | .opacity-50 { |
| | 1095 | opacity: 0.5; |
| | 1096 | } |
| | 1097 | |
| | 1098 | .opacity-55 { |
| | 1099 | opacity: 0.55; |
| | 1100 | } |
| | 1101 | |
| | 1102 | .opacity-60 { |
| | 1103 | opacity: 0.6; |
| | 1104 | } |
| | 1105 | |
| | 1106 | .opacity-65 { |
| | 1107 | opacity: 0.65; |
| | 1108 | } |
| | 1109 | |
| | 1110 | .opacity-70 { |
| | 1111 | opacity: 0.7; |
| | 1112 | } |
| | 1113 | |
| | 1114 | .opacity-75 { |
| | 1115 | opacity: 0.75; |
| | 1116 | } |
| | 1117 | |
| | 1118 | .opacity-80 { |
| | 1119 | opacity: 0.8; |
| | 1120 | } |
| | 1121 | |
| | 1122 | .opacity-85 { |
| | 1123 | opacity: 0.85; |
| | 1124 | } |
| | 1125 | |
| | 1126 | .opacity-90 { |
| | 1127 | opacity: 0.9; |
| | 1128 | } |
| | 1129 | |
| | 1130 | .blend-mode-exclusion { |
| | 1131 | mix-blend-mode: exclusion; |
| | 1132 | } |
| | 1133 | |
| | 1134 | .blend-mode-hue { |
| | 1135 | mix-blend-mode: hue; |
| | 1136 | } |
| | 1137 | |
| | 1138 | .blend-mode-saturation { |
| | 1139 | mix-blend-mode: saturation; |
| | 1140 | } |
| | 1141 | |
| | 1142 | .blend-mode-color { |
| | 1143 | mix-blend-mode: color; |
| | 1144 | } |
| | 1145 | |
| | 1146 | .blend-mode-luminosity { |
| | 1147 | mix-blend-mode: luminosity; |
| | 1148 | } |
| | 1149 | |
| | 1150 | |
| | 1151 | /* Image Classes ----------------------------- */ |
| | 1152 | |
| | 1153 | .bg-image { |
| | 1154 | background-position: center; |
| | 1155 | background-repeat: no-repeat; |
| | 1156 | background-size: cover; |
| | 1157 | } |
| | 1158 | |
| | 1159 | .bg-attachment-fixed { |
| | 1160 | background-attachment: fixed; |
| | 1161 | } |
| | 1162 | |
| | 1163 | @supports ( -webkit-overflow-scrolling: touch ) { |
| | 1164 | |
| | 1165 | .bg-attachment-fixed { |
| | 1166 | background-attachment: scroll; |
| | 1167 | } |
| | 1168 | } |
| | 1169 | |
| | 1170 | @media ( prefers-reduced-motion: reduce ) { |
| | 1171 | |
| | 1172 | .bg-attachment-fixed { |
| | 1173 | background-attachment: scroll; |
| | 1174 | } |
| | 1175 | } |
| | 1176 | |
| | 1177 | |
| | 1178 | /* Search Form ------------------------------- */ |
| | 1179 | |
| | 1180 | .search-form { |
| | 1181 | align-items: stretch; |
| | 1182 | display: flex; |
| | 1183 | flex-wrap: nowrap; |
| | 1184 | margin: 0 0 -0.8rem -0.8rem; |
| | 1185 | } |
| | 1186 | |
| | 1187 | .search-form .search-field, |
| | 1188 | .search-form .search-submit { |
| | 1189 | margin: 0 0 0.8rem 0.8rem; |
| | 1190 | } |
| | 1191 | |
| | 1192 | .search-form label { |
| | 1193 | align-items: stretch; |
| | 1194 | display: flex; |
| | 1195 | font-size: inherit; |
| | 1196 | margin: 0; |
| | 1197 | width: 100%; |
| | 1198 | } |
| | 1199 | |
| | 1200 | .search-form .search-field { |
| | 1201 | width: 100%; |
| | 1202 | } |
| | 1203 | |
| | 1204 | .search-form .search-submit { |
| | 1205 | flex-shrink: 0; |
| | 1206 | } |
| | 1207 | |
| | 1208 | .search-form .search-submit:focus, |
| | 1209 | .search-form .search-submit:hover { |
| | 1210 | text-decoration: none; |
| | 1211 | } |
| | 1212 | |
| | 1213 | |
| | 1214 | /* Social Icons ------------------------------ */ |
| | 1215 | |
| | 1216 | ul.social-icons { |
| | 1217 | display: flex; |
| | 1218 | flex-wrap: wrap; |
| | 1219 | margin: -0.9rem 0 0 -0.9rem; |
| | 1220 | width: calc(100% + 0.9rem); |
| | 1221 | } |
| | 1222 | |
| | 1223 | ul.social-icons li { |
| | 1224 | margin: 0.9rem 0 0 0.9rem; |
| | 1225 | } |
| | 1226 | |
| | 1227 | .social-icons a { |
| | 1228 | align-items: center; |
| | 1229 | background: #cd2653; |
| | 1230 | border-radius: 50%; |
| | 1231 | color: #fff; |
| | 1232 | display: flex; |
| | 1233 | height: 4.4rem; |
| | 1234 | justify-content: center; |
| | 1235 | padding: 0; |
| | 1236 | text-decoration: none; |
| | 1237 | transition: transform 0.15s ease-in-out; |
| | 1238 | width: 4.4rem; |
| | 1239 | } |
| | 1240 | |
| | 1241 | .social-icons a:focus, |
| | 1242 | .social-icons a:hover { |
| | 1243 | transform: scale(1.1); |
| | 1244 | text-decoration: none; |
| | 1245 | } |
| | 1246 | |
| | 1247 | |
| | 1248 | /* Cover Modals ------------------------------ */ |
| | 1249 | |
| | 1250 | .cover-modal { |
| | 1251 | display: none; |
| | 1252 | -ms-overflow-style: none; |
| | 1253 | overflow: -moz-scrollbars-none; |
| | 1254 | } |
| | 1255 | |
| | 1256 | .cover-modal::-webkit-scrollbar { |
| | 1257 | display: none !important; |
| | 1258 | } |
| | 1259 | |
| | 1260 | .cover-modal.show-modal { |
| | 1261 | display: block; |
| | 1262 | cursor: pointer; |
| | 1263 | } |
| | 1264 | |
| | 1265 | .cover-modal.show-modal > * { |
| | 1266 | cursor: default; |
| | 1267 | } |
| | 1268 | |
| | 1269 | |
| | 1270 | /* -------------------------------------------------------------------------- */ |
| | 1271 | |
| | 1272 | /* 4. Site Header |
| | 1273 | /* -------------------------------------------------------------------------- */ |
| | 1274 | |
| | 1275 | |
| | 1276 | #site-header { |
| | 1277 | background: #fff; |
| | 1278 | position: relative; |
| | 1279 | } |
| | 1280 | |
| | 1281 | .header-inner { |
| | 1282 | max-width: 168rem; |
| | 1283 | padding: 3.15rem 0; |
| | 1284 | z-index: 100; |
| | 1285 | } |
| | 1286 | |
| | 1287 | /* Header Titles ----------------------------- */ |
| | 1288 | |
| | 1289 | .header-titles-wrapper { |
| | 1290 | align-items: center; |
| | 1291 | display: flex; |
| | 1292 | justify-content: center; |
| | 1293 | padding: 0 4rem; |
| | 1294 | text-align: center; |
| | 1295 | } |
| | 1296 | |
| | 1297 | body:not(.enable-search-modal) .header-titles-wrapper { |
| | 1298 | justify-content: flex-start; |
| | 1299 | padding-left: 0; |
| | 1300 | text-align: left; |
| | 1301 | } |
| | 1302 | |
| | 1303 | .site-title, |
| | 1304 | .site-logo, |
| | 1305 | .site-description { |
| | 1306 | margin: 0; |
| | 1307 | } |
| | 1308 | |
| | 1309 | .site-title { |
| | 1310 | font-size: 2.1rem; |
| | 1311 | font-weight: 600; |
| | 1312 | line-height: 1; |
| | 1313 | } |
| | 1314 | |
| | 1315 | .site-title a { |
| | 1316 | color: inherit; |
| | 1317 | display: block; |
| | 1318 | text-decoration: none; |
| | 1319 | } |
| | 1320 | |
| | 1321 | .site-title a:hover, |
| | 1322 | .site-title a:focus { |
| | 1323 | text-decoration: underline; |
| | 1324 | } |
| | 1325 | |
| | 1326 | .site-description { |
| | 1327 | margin-top: 1rem; |
| | 1328 | color: #6d6d6d; |
| | 1329 | font-size: 1.8rem; |
| | 1330 | font-weight: 500; |
| | 1331 | display: none; |
| | 1332 | letter-spacing: -0.0311em; |
| | 1333 | transition: all 0.15s linear; |
| | 1334 | } |
| | 1335 | |
| | 1336 | .site-logo a, |
| | 1337 | .site-logo img { |
| | 1338 | display: block; |
| | 1339 | } |
| | 1340 | |
| | 1341 | .site-logo img { |
| | 1342 | max-height: 6rem; |
| | 1343 | width: auto; |
| | 1344 | margin: 0 auto; |
| | 1345 | } |
| | 1346 | |
| | 1347 | body:not(.enable-search-modal) .site-logo img { |
| | 1348 | margin: 0; |
| | 1349 | } |
| | 1350 | |
| | 1351 | /* Overlay Header ---------------------------- */ |
| | 1352 | |
| | 1353 | .overlay-header #site-header { |
| | 1354 | background: transparent; |
| | 1355 | margin: 0; |
| | 1356 | position: absolute; |
| | 1357 | left: 0; |
| | 1358 | right: 0; |
| | 1359 | top: 0; |
| | 1360 | z-index: 2; |
| | 1361 | } |
| | 1362 | |
| | 1363 | .overlay-header .header-inner { |
| | 1364 | color: #fff; |
| | 1365 | } |
| | 1366 | |
| | 1367 | .overlay-header .site-description, |
| | 1368 | .overlay-header .toggle { |
| | 1369 | color: inherit; |
| | 1370 | } |
| | 1371 | |
| | 1372 | .overlay-header .header-inner .toggle-wrapper::before { |
| | 1373 | background-color: currentColor; |
| | 1374 | opacity: 0.25; |
| | 1375 | } |
| | 1376 | |
| | 1377 | .admin-bar.overlay-header #site-header { |
| | 1378 | top: 32px; |
| | 1379 | } |
| | 1380 | |
| | 1381 | @media (max-width: 782px) { |
| | 1382 | |
| | 1383 | .admin-bar.overlay-header #site-header { |
| | 1384 | top: 46px; |
| | 1385 | } |
| | 1386 | } |
| | 1387 | |
| | 1388 | /* Header Navigation ------------------------- */ |
| | 1389 | |
| | 1390 | .header-navigation-wrapper { |
| | 1391 | display: none; |
| | 1392 | } |
| | 1393 | |
| | 1394 | /* Header Toggles ---------------------------- */ |
| | 1395 | |
| | 1396 | .header-toggles { |
| | 1397 | display: none; |
| | 1398 | } |
| | 1399 | |
| | 1400 | .header-inner .toggle { |
| | 1401 | align-items: center; |
| | 1402 | display: flex; |
| | 1403 | overflow: visible; |
| | 1404 | padding: 0 2rem; |
| | 1405 | } |
| | 1406 | |
| | 1407 | .header-inner .toggle svg { |
| | 1408 | display: block; |
| | 1409 | position: relative; |
| | 1410 | z-index: 1; |
| | 1411 | } |
| | 1412 | |
| | 1413 | .header-inner .toggle path { |
| | 1414 | fill: currentColor; |
| | 1415 | } |
| | 1416 | |
| | 1417 | .toggle-inner { |
| | 1418 | height: 2.3rem; |
| | 1419 | position: relative; |
| | 1420 | } |
| | 1421 | |
| | 1422 | .toggle-icon { |
| | 1423 | display: block; |
| | 1424 | overflow: hidden; |
| | 1425 | } |
| | 1426 | |
| | 1427 | .toggle-inner .toggle-text { |
| | 1428 | color: #6d6d6d; |
| | 1429 | font-size: 1rem; |
| | 1430 | font-weight: 600; |
| | 1431 | position: absolute; |
| | 1432 | top: calc(100% + 0.5rem); |
| | 1433 | width: auto; |
| | 1434 | white-space: nowrap; |
| | 1435 | word-break: break-all; |
| | 1436 | } |
| | 1437 | |
| | 1438 | .overlay-header .toggle-text { |
| | 1439 | color: inherit; |
| | 1440 | } |
| | 1441 | |
| | 1442 | .header-inner .toggle:focus .toggle-text, |
| | 1443 | .header-inner .toggle:hover .toggle-text { |
| | 1444 | text-decoration: underline; |
| | 1445 | } |
| | 1446 | |
| | 1447 | /* Search Toggle ----------------------------- */ |
| | 1448 | |
| | 1449 | .search-toggle { |
| | 1450 | position: absolute; |
| | 1451 | bottom: 0; |
| | 1452 | left: 0; |
| | 1453 | top: 0; |
| | 1454 | } |
| | 1455 | |
| | 1456 | .search-toggle .toggle-icon, |
| | 1457 | .search-toggle svg { |
| | 1458 | height: 2.5rem; |
| | 1459 | max-width: 2.3rem; |
| | 1460 | width: 2.3rem; |
| | 1461 | } |
| | 1462 | |
| | 1463 | .search-toggle .toggle-text { |
| | 1464 | left: 0; |
| | 1465 | text-align: left; |
| | 1466 | } |
| | 1467 | |
| | 1468 | /* Navigation Toggle ------------------------- */ |
| | 1469 | |
| | 1470 | .nav-toggle { |
| | 1471 | position: absolute; |
| | 1472 | bottom: 0; |
| | 1473 | right: 0; |
| | 1474 | top: 0; |
| | 1475 | width: 6.6rem; |
| | 1476 | } |
| | 1477 | |
| | 1478 | .nav-toggle .toggle-icon, |
| | 1479 | .nav-toggle svg { |
| | 1480 | height: 0.8rem; |
| | 1481 | width: 2.6rem; |
| | 1482 | } |
| | 1483 | |
| | 1484 | .nav-toggle .toggle-inner { |
| | 1485 | padding-top: 0.8rem; |
| | 1486 | } |
| | 1487 | |
| | 1488 | .nav-toggle .toggle-text { |
| | 1489 | right: 0; |
| | 1490 | text-align: right; |
| | 1491 | } |
| | 1492 | |
| | 1493 | /* Primary Menu ---------------------------- */ |
| | 1494 | |
| | 1495 | .primary-menu-wrapper { |
| | 1496 | display: none; |
| | 1497 | } |
| | 1498 | |
| | 1499 | ul.primary-menu { |
| | 1500 | display: flex; |
| | 1501 | font-size: 1.8rem; |
| | 1502 | font-weight: 500; |
| | 1503 | letter-spacing: -0.0277em; |
| | 1504 | flex-wrap: wrap; |
| | 1505 | justify-content: flex-end; |
| | 1506 | margin: -0.8rem 0 0 -1.6rem; |
| | 1507 | } |
| | 1508 | |
| | 1509 | .primary-menu .icon { |
| | 1510 | display: block; |
| | 1511 | height: 0.7rem; |
| | 1512 | position: absolute; |
| | 1513 | pointer-events: none; |
| | 1514 | transform: rotate(-45deg); |
| | 1515 | width: 1.3rem; |
| | 1516 | } |
| | 1517 | |
| | 1518 | .primary-menu .icon::before, |
| | 1519 | .primary-menu .icon::after { |
| | 1520 | content: ""; |
| | 1521 | display: block; |
| | 1522 | background-color: currentColor; |
| | 1523 | position: absolute; |
| | 1524 | bottom: calc(50% - 0.1rem); |
| | 1525 | left: 0; |
| | 1526 | } |
| | 1527 | |
| | 1528 | .primary-menu .icon::before { |
| | 1529 | height: 0.9rem; |
| | 1530 | width: 0.2rem; |
| | 1531 | } |
| | 1532 | |
| | 1533 | .primary-menu .icon::after { |
| | 1534 | height: 0.2rem; |
| | 1535 | width: 0.9rem; |
| | 1536 | } |
| | 1537 | |
| | 1538 | .primary-menu li { |
| | 1539 | font-size: inherit; |
| | 1540 | line-height: 1.25; |
| | 1541 | position: relative; |
| | 1542 | } |
| | 1543 | |
| | 1544 | .primary-menu > li { |
| | 1545 | margin: 0.8rem 0 0 1.6rem; |
| | 1546 | } |
| | 1547 | |
| | 1548 | .primary-menu > li.menu-item-has-children > a { |
| | 1549 | padding-right: 2rem; |
| | 1550 | } |
| | 1551 | |
| | 1552 | .primary-menu > li > .icon { |
| | 1553 | right: -0.5rem; |
| | 1554 | top: calc(50% - 0.4rem); |
| | 1555 | } |
| | 1556 | |
| | 1557 | .primary-menu a { |
| | 1558 | color: inherit; |
| | 1559 | display: block; |
| | 1560 | line-height: 1.2; |
| | 1561 | text-decoration: none; |
| | 1562 | } |
| | 1563 | |
| | 1564 | .primary-menu a:hover, |
| | 1565 | .primary-menu a:focus { |
| | 1566 | text-decoration: underline; |
| | 1567 | } |
| | 1568 | |
| | 1569 | .primary-menu li.current-menu-item > a, |
| | 1570 | .primary-menu li.current-menu-item > .link-icon-wrapper > a { |
| | 1571 | text-decoration: underline; |
| | 1572 | } |
| | 1573 | |
| | 1574 | .primary-menu li.current-menu-item > a:hover, |
| | 1575 | .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, |
| | 1576 | .primary-menu li.current-menu-item > a:focus, |
| | 1577 | .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { |
| | 1578 | text-decoration: none; |
| | 1579 | } |
| | 1580 | |
| | 1581 | /* SUB MENU */ |
| | 1582 | |
| | 1583 | .primary-menu ul { |
| | 1584 | background: #000; |
| | 1585 | border-radius: 0.4rem; |
| | 1586 | color: #fff; |
| | 1587 | font-size: 1.7rem; |
| | 1588 | opacity: 0; |
| | 1589 | padding: 1rem 0; |
| | 1590 | position: absolute; |
| | 1591 | right: 9999rem; |
| | 1592 | top: calc(100% + 2rem); |
| | 1593 | transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; |
| | 1594 | transform: translateY(0.6rem); |
| | 1595 | width: 20rem; |
| | 1596 | z-index: 1; |
| | 1597 | } |
| | 1598 | |
| | 1599 | .primary-menu li.menu-item-has-children:hover > ul, |
| | 1600 | .primary-menu li.menu-item-has-children:focus > ul, |
| | 1601 | .primary-menu li.menu-item-has-children.focus > ul { |
| | 1602 | right: 0; |
| | 1603 | opacity: 1; |
| | 1604 | transform: translateY(0); |
| | 1605 | transition: opacity 0.15s linear, transform 0.15s linear; |
| | 1606 | } |
| | 1607 | |
| | 1608 | .primary-menu ul::before, |
| | 1609 | .primary-menu ul::after { |
| | 1610 | content: ""; |
| | 1611 | display: block; |
| | 1612 | position: absolute; |
| | 1613 | bottom: 100%; |
| | 1614 | } |
| | 1615 | |
| | 1616 | .primary-menu ul::before { |
| | 1617 | height: 2rem; |
| | 1618 | left: 0; |
| | 1619 | right: 0; |
| | 1620 | } |
| | 1621 | |
| | 1622 | .primary-menu ul::after { |
| | 1623 | border: 0.8rem solid transparent; |
| | 1624 | border-bottom-color: #000; |
| | 1625 | right: 1.8rem; |
| | 1626 | } |
| | 1627 | |
| | 1628 | .primary-menu ul a { |
| | 1629 | background: transparent; |
| | 1630 | border: none; |
| | 1631 | color: inherit; |
| | 1632 | display: block; |
| | 1633 | padding: 1rem 2rem; |
| | 1634 | transition: background-color 0.15s linear; |
| | 1635 | width: 100%; |
| | 1636 | } |
| | 1637 | |
| | 1638 | .primary-menu ul li.menu-item-has-children > a { |
| | 1639 | padding-right: 4.5rem; |
| | 1640 | } |
| | 1641 | |
| | 1642 | .primary-menu ul li.menu-item-has-children .icon { |
| | 1643 | position: absolute; |
| | 1644 | right: 1.5rem; |
| | 1645 | top: calc(50% - 0.5rem); |
| | 1646 | } |
| | 1647 | |
| | 1648 | /* DEEP DOWN */ |
| | 1649 | |
| | 1650 | .primary-menu ul ul { |
| | 1651 | top: -1rem; |
| | 1652 | } |
| | 1653 | |
| | 1654 | .primary-menu ul li.menu-item-has-children:hover > ul, |
| | 1655 | .primary-menu ul li.menu-item-has-children:focus > ul, |
| | 1656 | .primary-menu ul li.menu-item-has-children.focus > ul { |
| | 1657 | right: calc(100% + 2rem); |
| | 1658 | } |
| | 1659 | |
| | 1660 | .primary-menu ul ul::before { |
| | 1661 | bottom: 0; |
| | 1662 | height: auto; |
| | 1663 | left: auto; |
| | 1664 | right: -2rem; |
| | 1665 | top: 0; |
| | 1666 | width: 2rem; |
| | 1667 | } |
| | 1668 | |
| | 1669 | .primary-menu ul ul::after { |
| | 1670 | border-bottom-color: transparent; |
| | 1671 | border-left-color: #000; |
| | 1672 | bottom: auto; |
| | 1673 | right: -1.6rem; |
| | 1674 | top: 2rem; |
| | 1675 | } |
| | 1676 | |
| | 1677 | |
| | 1678 | /* -------------------------------------------------------------------------- */ |
| | 1679 | |
| | 1680 | /* 5. Menu Modal |
| | 1681 | /* -------------------------------------------------------------------------- */ |
| | 1682 | |
| | 1683 | |
| | 1684 | .menu-modal { |
| | 1685 | background: #fff; |
| | 1686 | display: none; |
| | 1687 | opacity: 0; |
| | 1688 | overflow: auto; |
| | 1689 | position: fixed; |
| | 1690 | bottom: 0; |
| | 1691 | left: -99999rem; |
| | 1692 | right: 99999rem; |
| | 1693 | top: 0; |
| | 1694 | transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; |
| | 1695 | z-index: 99; |
| | 1696 | } |
| | 1697 | |
| | 1698 | .admin-bar .menu-modal { |
| | 1699 | top: 32px; |
| | 1700 | } |
| | 1701 | |
| | 1702 | @media (max-width: 782px) { |
| | 1703 | |
| | 1704 | .admin-bar .menu-modal { |
| | 1705 | top: 46px; |
| | 1706 | } |
| | 1707 | } |
| | 1708 | |
| | 1709 | .menu-modal.show-modal { |
| | 1710 | display: flex; |
| | 1711 | } |
| | 1712 | |
| | 1713 | .menu-modal.active { |
| | 1714 | left: 0; |
| | 1715 | opacity: 1; |
| | 1716 | right: 0; |
| | 1717 | transition: opacity 0.25s ease-out; |
| | 1718 | } |
| | 1719 | |
| | 1720 | .menu-modal-inner { |
| | 1721 | background: #fff; |
| | 1722 | display: flex; |
| | 1723 | justify-content: stretch; |
| | 1724 | overflow: auto; |
| | 1725 | -ms-overflow-style: auto; |
| | 1726 | width: 100%; |
| | 1727 | } |
| | 1728 | |
| | 1729 | .menu-wrapper { |
| | 1730 | display: flex; |
| | 1731 | flex-direction: column; |
| | 1732 | justify-content: space-between; |
| | 1733 | position: relative; |
| | 1734 | } |
| | 1735 | |
| | 1736 | button.close-nav-toggle { |
| | 1737 | align-items: center; |
| | 1738 | display: flex; |
| | 1739 | font-size: 1.6rem; |
| | 1740 | font-weight: 500; |
| | 1741 | justify-content: flex-end; |
| | 1742 | padding: 3.1rem 0; |
| | 1743 | width: 100%; |
| | 1744 | } |
| | 1745 | |
| | 1746 | button.close-nav-toggle svg { |
| | 1747 | height: 1.6rem; |
| | 1748 | width: 1.6rem; |
| | 1749 | } |
| | 1750 | |
| | 1751 | button.close-nav-toggle .toggle-text { |
| | 1752 | margin-right: 1.6rem; |
| | 1753 | } |
| | 1754 | |
| | 1755 | .menu-modal .menu-top { |
| | 1756 | flex-shrink: 0; |
| | 1757 | } |
| | 1758 | |
| | 1759 | |
| | 1760 | /* Main Menu --------------------------------- */ |
| | 1761 | |
| | 1762 | .modal-menu { |
| | 1763 | position: relative; |
| | 1764 | left: calc(50% - 50vw); |
| | 1765 | width: 100vw; |
| | 1766 | } |
| | 1767 | |
| | 1768 | .modal-menu li { |
| | 1769 | border-color: #dedfdf; |
| | 1770 | border-style: solid; |
| | 1771 | border-width: 0.1rem 0 0 0; |
| | 1772 | display: flex; |
| | 1773 | flex-wrap: wrap; |
| | 1774 | line-height: 1; |
| | 1775 | justify-content: flex-start; |
| | 1776 | margin: 0; |
| | 1777 | } |
| | 1778 | |
| | 1779 | .modal-menu > li > a, |
| | 1780 | .modal-menu > li > .ancestor-wrapper > a { |
| | 1781 | font-size: 2rem; |
| | 1782 | font-weight: 700; |
| | 1783 | letter-spacing: -0.0375em; |
| | 1784 | } |
| | 1785 | |
| | 1786 | .modal-menu > li:last-child { |
| | 1787 | border-bottom-width: 0.1rem; |
| | 1788 | } |
| | 1789 | |
| | 1790 | .modal-menu .ancestor-wrapper { |
| | 1791 | display: flex; |
| | 1792 | justify-content: space-between; |
| | 1793 | width: 100%; |
| | 1794 | } |
| | 1795 | |
| | 1796 | .modal-menu a { |
| | 1797 | display: block; |
| | 1798 | padding: 2rem 2.5rem; |
| | 1799 | text-decoration: none; |
| | 1800 | width: 100%; |
| | 1801 | } |
| | 1802 | |
| | 1803 | .modal-menu a:focus, |
| | 1804 | .modal-menu a:hover, |
| | 1805 | .modal-menu li.current-menu-item > .ancestor-wrapper > a { |
| | 1806 | text-decoration: underline; |
| | 1807 | } |
| | 1808 | |
| | 1809 | button.sub-menu-toggle { |
| | 1810 | border-left: 0.1rem solid #dedfdf; |
| | 1811 | flex-shrink: 0; |
| | 1812 | margin: 1rem 0; |
| | 1813 | padding: 0 2.5rem; |
| | 1814 | } |
| | 1815 | |
| | 1816 | button.sub-menu-toggle svg { |
| | 1817 | height: 0.9rem; |
| | 1818 | transition: transform 0.15s linear; |
| | 1819 | width: 1.5rem; |
| | 1820 | } |
| | 1821 | |
| | 1822 | button.sub-menu-toggle.active svg { |
| | 1823 | transform: rotate(180deg); |
| | 1824 | } |
| | 1825 | |
| | 1826 | .modal-menu ul { |
| | 1827 | display: none; |
| | 1828 | margin: 0; |
| | 1829 | width: 100%; |
| | 1830 | } |
| | 1831 | |
| | 1832 | .modal-menu ul li { |
| | 1833 | border-left-width: 1rem; |
| | 1834 | } |
| | 1835 | |
| | 1836 | .modal-menu ul li a { |
| | 1837 | color: inherit; |
| | 1838 | font-weight: 500; |
| | 1839 | } |
| | 1840 | |
| | 1841 | /* Main menu animation ----------------------- */ |
| | 1842 | |
| | 1843 | .menu-wrapper .menu-item { |
| | 1844 | position: relative; |
| | 1845 | } |
| | 1846 | |
| | 1847 | .menu-wrapper .active { |
| | 1848 | display: block; |
| | 1849 | } |
| | 1850 | |
| | 1851 | .menu-wrapper.is-toggling { |
| | 1852 | pointer-events: none; |
| | 1853 | } |
| | 1854 | |
| | 1855 | .menu-wrapper.is-toggling .menu-item { |
| | 1856 | position: absolute; |
| | 1857 | top: 0; |
| | 1858 | left: 0; |
| | 1859 | margin: 0; |
| | 1860 | width: 100%; |
| | 1861 | } |
| | 1862 | |
| | 1863 | .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { |
| | 1864 | width: auto; |
| | 1865 | } |
| | 1866 | |
| | 1867 | .menu-wrapper.is-animating .menu-item, |
| | 1868 | .menu-wrapper.is-animating .toggling-target { |
| | 1869 | transition-duration: 250ms; |
| | 1870 | } |
| | 1871 | |
| | 1872 | .menu-wrapper.is-animating .menu-item { |
| | 1873 | transition-property: transform; |
| | 1874 | } |
| | 1875 | |
| | 1876 | .menu-wrapper.is-toggling .toggling-target { |
| | 1877 | display: block; |
| | 1878 | position: absolute; |
| | 1879 | top: 0; |
| | 1880 | left: 0; |
| | 1881 | opacity: 1; |
| | 1882 | } |
| | 1883 | |
| | 1884 | .menu-wrapper.is-toggling .toggling-target.active { |
| | 1885 | opacity: 0; |
| | 1886 | } |
| | 1887 | |
| | 1888 | .menu-wrapper.is-animating.is-toggling .toggling-target { |
| | 1889 | display: block; |
| | 1890 | transition-property: opacity; |
| | 1891 | opacity: 0; |
| | 1892 | } |
| | 1893 | |
| | 1894 | .menu-wrapper.is-animating.is-toggling .toggling-target.active { |
| | 1895 | opacity: 1; |
| | 1896 | } |
| | 1897 | |
| | 1898 | .menu-wrapper.is-toggling .modal-menu > li:last-child li { |
| | 1899 | border-top-color: transparent; |
| | 1900 | border-bottom-width: 0.1rem; |
| | 1901 | } |
| | 1902 | |
| | 1903 | @media (prefers-reduced-motion: reduce) { |
| | 1904 | |
| | 1905 | .menu-wrapper.is-animating .menu-item, |
| | 1906 | .menu-wrapper.is-animating .toggling-target { |
| | 1907 | transition-duration: 1ms !important; |
| | 1908 | } |
| | 1909 | |
| | 1910 | } |
| | 1911 | |
| | 1912 | |
| | 1913 | /* Expanded Menu ----------------------------- */ |
| | 1914 | |
| | 1915 | .expanded-menu { |
| | 1916 | display: none; |
| | 1917 | } |
| | 1918 | |
| | 1919 | .mobile-menu { |
| | 1920 | display: block; |
| | 1921 | } |
| | 1922 | |
| | 1923 | |
| | 1924 | /* Menu Bottom ------------------------------- */ |
| | 1925 | |
| | 1926 | .menu-bottom { |
| | 1927 | flex-shrink: 0; |
| | 1928 | padding: 4rem 0; |
| | 1929 | } |
| | 1930 | |
| | 1931 | .menu-bottom nav { |
| | 1932 | width: 100%; |
| | 1933 | } |
| | 1934 | |
| | 1935 | .menu-copyright { |
| | 1936 | display: none; |
| | 1937 | font-size: 1.6rem; |
| | 1938 | font-weight: 500; |
| | 1939 | margin: 0; |
| | 1940 | } |
| | 1941 | |
| | 1942 | .menu-copyright a:focus, |
| | 1943 | .menu-copyright a:hover { |
| | 1944 | text-decoration: underline; |
| | 1945 | } |
| | 1946 | |
| | 1947 | .menu-bottom .social-menu { |
| | 1948 | justify-content: center; |
| | 1949 | } |
| | 1950 | |
| | 1951 | |
| | 1952 | /* -------------------------------------------------------------------------- */ |
| | 1953 | |
| | 1954 | /* 6. Search Modal |
| | 1955 | /* -------------------------------------------------------------------------- */ |
| | 1956 | |
| | 1957 | |
| | 1958 | .search-modal { |
| | 1959 | background: rgba(0, 0, 0, 0.2); |
| | 1960 | display: none; |
| | 1961 | opacity: 0; |
| | 1962 | position: fixed; |
| | 1963 | bottom: 0; |
| | 1964 | left: -9999rem; |
| | 1965 | top: 0; |
| | 1966 | transition: opacity 0.2s linear, left 0s 0.2s linear; |
| | 1967 | width: 100%; |
| | 1968 | z-index: 999; |
| | 1969 | } |
| | 1970 | |
| | 1971 | .admin-bar .search-modal.active { |
| | 1972 | top: 32px; |
| | 1973 | } |
| | 1974 | |
| | 1975 | @media (max-width: 782px) { |
| | 1976 | |
| | 1977 | .admin-bar .search-modal.active { |
| | 1978 | top: 46px; |
| | 1979 | } |
| | 1980 | } |
| | 1981 | |
| | 1982 | .search-modal-inner { |
| | 1983 | background: #fff; |
| | 1984 | transform: translateY(-100%); |
| | 1985 | transition: transform 0.15s linear, box-shadow 0.15s linear; |
| | 1986 | } |
| | 1987 | |
| | 1988 | .search-modal-inner .section-inner { |
| | 1989 | display: flex; |
| | 1990 | justify-content: space-between; |
| | 1991 | max-width: 168rem; |
| | 1992 | } |
| | 1993 | |
| | 1994 | .search-modal.active { |
| | 1995 | left: 0; |
| | 1996 | opacity: 1; |
| | 1997 | transition: opacity 0.2s linear; |
| | 1998 | } |
| | 1999 | |
| | 2000 | .search-modal.active .search-modal-inner { |
| | 2001 | box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); |
| | 2002 | transform: translateY(0); |
| | 2003 | transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; |
| | 2004 | } |
| | 2005 | |
| | 2006 | button.search-untoggle { |
| | 2007 | align-items: center; |
| | 2008 | display: flex; |
| | 2009 | flex-shrink: 0; |
| | 2010 | justify-content: center; |
| | 2011 | margin-right: -2.5rem; |
| | 2012 | padding: 0 2.5rem; |
| | 2013 | } |
| | 2014 | |
| | 2015 | .search-modal button.search-untoggle { |
| | 2016 | color: inherit; |
| | 2017 | } |
| | 2018 | |
| | 2019 | .search-modal.active .search-untoggle { |
| | 2020 | animation: popIn both 0.3s 0.2s; |
| | 2021 | } |
| | 2022 | |
| | 2023 | .search-untoggle svg { |
| | 2024 | height: 1.5rem; |
| | 2025 | transition: transform 0.15s ease-in-out; |
| | 2026 | width: 1.5rem; |
| | 2027 | } |
| | 2028 | |
| | 2029 | .search-untoggle:focus svg, |
| | 2030 | .search-untoggle:hover svg { |
| | 2031 | transform: scale(1.15); |
| | 2032 | } |
| | 2033 | |
| | 2034 | |
| | 2035 | /* Modal Search Form ------------------------- */ |
| | 2036 | |
| | 2037 | .search-modal form { |
| | 2038 | margin: 0; |
| | 2039 | position: relative; |
| | 2040 | width: 100%; |
| | 2041 | } |
| | 2042 | |
| | 2043 | .search-modal .search-field { |
| | 2044 | background: none; |
| | 2045 | border: none; |
| | 2046 | border-radius: 0; |
| | 2047 | color: inherit; |
| | 2048 | font-size: 2rem; |
| | 2049 | letter-spacing: -0.0277em; |
| | 2050 | height: 8.4rem; |
| | 2051 | margin: 0 0 0 -2rem; |
| | 2052 | max-width: calc(100% + 2rem); |
| | 2053 | padding: 0 0 0 2rem; |
| | 2054 | width: calc(100% + 2rem); |
| | 2055 | } |
| | 2056 | |
| | 2057 | .search-modal .search-field::-webkit-input-placeholder { |
| | 2058 | color: inherit; |
| | 2059 | } |
| | 2060 | |
| | 2061 | .search-modal .search-field:-ms-input-placeholder { |
| | 2062 | color: inherit; |
| | 2063 | } |
| | 2064 | |
| | 2065 | .search-modal .search-field::-moz-placeholder { |
| | 2066 | color: inherit; |
| | 2067 | line-height: 4; |
| | 2068 | } |
| | 2069 | |
| | 2070 | .search-modal .search-submit { |
| | 2071 | position: absolute; |
| | 2072 | right: -9999rem; |
| | 2073 | top: 50%; |
| | 2074 | transform: translateY(-50%); |
| | 2075 | } |
| | 2076 | |
| | 2077 | .search-modal .search-submit:focus { |
| | 2078 | right: 0; |
| | 2079 | } |
| | 2080 | |
| | 2081 | |
| | 2082 | /* -------------------------------------------------------------------------- */ |
| | 2083 | |
| | 2084 | /* 7a. Template: Cover Template |
| | 2085 | /* -------------------------------------------------------------------------- */ |
| | 2086 | |
| | 2087 | |
| | 2088 | .cover-header { |
| | 2089 | display: flex; |
| | 2090 | overflow: hidden; |
| | 2091 | } |
| | 2092 | |
| | 2093 | .cover-header-inner-wrapper { |
| | 2094 | display: flex; |
| | 2095 | position: relative; |
| | 2096 | flex-direction: column; |
| | 2097 | justify-content: flex-end; |
| | 2098 | width: 100%; |
| | 2099 | } |
| | 2100 | |
| | 2101 | .cover-header-inner { |
| | 2102 | padding: 10rem 0 5rem 0; |
| | 2103 | width: 100%; |
| | 2104 | } |
| | 2105 | |
| | 2106 | .cover-color-overlay, |
| | 2107 | .cover-color-overlay::before { |
| | 2108 | position: absolute; |
| | 2109 | bottom: 0; |
| | 2110 | left: 0; |
| | 2111 | right: 0; |
| | 2112 | top: 0; |
| | 2113 | } |
| | 2114 | |
| | 2115 | .cover-color-overlay::before { |
| | 2116 | background: currentColor; |
| | 2117 | content: ""; |
| | 2118 | display: block; |
| | 2119 | } |
| | 2120 | |
| | 2121 | .cover-header .entry-header { |
| | 2122 | position: relative; |
| | 2123 | width: 100%; |
| | 2124 | z-index: 1; |
| | 2125 | } |
| | 2126 | |
| | 2127 | .cover-header .entry-header * { |
| | 2128 | color: #fff; |
| | 2129 | } |
| | 2130 | |
| | 2131 | body.template-cover .entry-header { |
| | 2132 | background: transparent; |
| | 2133 | padding: 0; |
| | 2134 | } |
| | 2135 | |
| | 2136 | .cover-header h1, |
| | 2137 | .cover-header h2, |
| | 2138 | .cover-header h3, |
| | 2139 | .cover-header h4, |
| | 2140 | .cover-header h5, |
| | 2141 | .cover-header h6, |
| | 2142 | .cover-header .faux-heading { |
| | 2143 | color: inherit; |
| | 2144 | } |
| | 2145 | |
| | 2146 | .cover-header .entry-header a { |
| | 2147 | color: inherit; |
| | 2148 | } |
| | 2149 | |
| | 2150 | /* To The Content ---------------------------- */ |
| | 2151 | |
| | 2152 | .to-the-content-wrapper { |
| | 2153 | position: absolute; |
| | 2154 | left: 0; |
| | 2155 | right: 0; |
| | 2156 | top: calc(100% + 0.5rem); |
| | 2157 | } |
| | 2158 | |
| | 2159 | .to-the-content { |
| | 2160 | align-items: center; |
| | 2161 | display: flex; |
| | 2162 | justify-content: center; |
| | 2163 | height: 4rem; |
| | 2164 | text-decoration: none; |
| | 2165 | } |
| | 2166 | |
| | 2167 | .to-the-content svg { |
| | 2168 | height: 2rem; |
| | 2169 | transition: transform 0.15s linear; |
| | 2170 | transform: translateY(0); |
| | 2171 | width: 1.767rem; |
| | 2172 | } |
| | 2173 | |
| | 2174 | .to-the-content:focus svg, |
| | 2175 | .to-the-content:hover svg { |
| | 2176 | transform: translateY(20%); |
| | 2177 | } |
| | 2178 | |
| | 2179 | |
| | 2180 | /* -------------------------------------------------------------------------- */ |
| | 2181 | |
| | 2182 | /* 7c. Template: Full Width |
| | 2183 | /* -------------------------------------------------------------------------- */ |
| | 2184 | |
| | 2185 | body.template-full-width .entry-content { |
| | 2186 | max-width: none; |
| | 2187 | } |
| | 2188 | |
| | 2189 | body.template-full-width .entry-content .alignleft { |
| | 2190 | margin-left: 0; |
| | 2191 | } |
| | 2192 | |
| | 2193 | body.template-full-width .entry-content .alignright { |
| | 2194 | margin-right: 0; |
| | 2195 | } |
| | 2196 | |
| | 2197 | /* -------------------------------------------------------------------------- */ |
| | 2198 | |
| | 2199 | /* 8. Post: Archive |
| | 2200 | /* -------------------------------------------------------------------------- */ |
| | 2201 | |
| | 2202 | |
| | 2203 | /* Archive Header ---------------------------- */ |
| | 2204 | |
| | 2205 | .archive-header { |
| | 2206 | background-color: #fff; |
| | 2207 | padding: 4rem 0; |
| | 2208 | } |
| | 2209 | |
| | 2210 | .reduced-spacing .archive-header { |
| | 2211 | padding-bottom: 2rem; |
| | 2212 | } |
| | 2213 | |
| | 2214 | .archive-title { |
| | 2215 | font-size: 2.4rem; |
| | 2216 | font-weight: 700; |
| | 2217 | letter-spacing: -0.026666667em; |
| | 2218 | margin: 0; |
| | 2219 | } |
| | 2220 | |
| | 2221 | .archive-subtitle p:last-child { |
| | 2222 | margin-bottom: 0; |
| | 2223 | } |
| | 2224 | |
| | 2225 | |
| | 2226 | /* Posts ------------------------------------- */ |
| | 2227 | |
| | 2228 | body:not(.singular) main > article:first-of-type { |
| | 2229 | padding: 4rem 0 0; |
| | 2230 | } |
| | 2231 | |
| | 2232 | |
| | 2233 | /* Search Results ---------------------------- */ |
| | 2234 | |
| | 2235 | .no-search-results-form { |
| | 2236 | padding-top: 5rem; |
| | 2237 | } |
| | 2238 | |
| | 2239 | |
| | 2240 | /* -------------------------------------------------------------------------- */ |
| | 2241 | |
| | 2242 | /* 9. Post: Single |
| | 2243 | /* -------------------------------------------------------------------------- */ |
| | 2244 | |
| | 2245 | |
| | 2246 | /* Post Header ------------------------------- */ |
| | 2247 | |
| | 2248 | .singular .entry-header { |
| | 2249 | background-color: #fff; |
| | 2250 | padding: 4rem 0; |
| | 2251 | } |
| | 2252 | |
| | 2253 | .entry-categories { |
| | 2254 | line-height: 1.25; |
| | 2255 | margin-bottom: 2rem; |
| | 2256 | } |
| | 2257 | |
| | 2258 | .entry-categories-inner { |
| | 2259 | justify-content: center; |
| | 2260 | display: flex; |
| | 2261 | flex-wrap: wrap; |
| | 2262 | margin: -0.5rem 0 0 -1rem; |
| | 2263 | } |
| | 2264 | |
| | 2265 | .entry-categories a { |
| | 2266 | border-bottom: 0.15rem solid currentColor; |
| | 2267 | font-size: 1.4rem; |
| | 2268 | font-weight: 700; |
| | 2269 | letter-spacing: 0.036666667em; |
| | 2270 | margin: 0.5rem 0 0 1rem; |
| | 2271 | text-decoration: none; |
| | 2272 | text-transform: uppercase; |
| | 2273 | } |
| | 2274 | |
| | 2275 | .entry-categories a:focus, |
| | 2276 | .entry-categories a:hover { |
| | 2277 | border-bottom-color: transparent; |
| | 2278 | } |
| | 2279 | |
| | 2280 | h1.entry-title, |
| | 2281 | h2.entry-title { |
| | 2282 | margin: 0; |
| | 2283 | } |
| | 2284 | |
| | 2285 | .entry-title a { |
| | 2286 | color: inherit; |
| | 2287 | text-decoration: none; |
| | 2288 | } |
| | 2289 | |
| | 2290 | .entry-title a:focus, |
| | 2291 | .entry-title a:hover { |
| | 2292 | text-decoration: underline; |
| | 2293 | } |
| | 2294 | |
| | 2295 | .intro-text { |
| | 2296 | margin-top: 2rem; |
| | 2297 | } |
| | 2298 | |
| | 2299 | .singular .intro-text { |
| | 2300 | font-size: 2rem; |
| | 2301 | letter-spacing: -0.0315em; |
| | 2302 | line-height: 1.4; |
| | 2303 | } |
| | 2304 | |
| | 2305 | /* POST META */ |
| | 2306 | |
| | 2307 | .post-meta-single-top .post-meta { |
| | 2308 | justify-content: center; |
| | 2309 | } |
| | 2310 | |
| | 2311 | .post-meta-wrapper { |
| | 2312 | margin-top: 2rem; |
| | 2313 | } |
| | 2314 | |
| | 2315 | .post-meta { |
| | 2316 | color: #6d6d6d; |
| | 2317 | display: flex; |
| | 2318 | flex-wrap: wrap; |
| | 2319 | font-size: 1.5rem; |
| | 2320 | font-weight: 500; |
| | 2321 | list-style: none; |
| | 2322 | margin: -1rem 0 0 -2rem; |
| | 2323 | } |
| | 2324 | |
| | 2325 | .post-meta li { |
| | 2326 | flex-shrink: 0; |
| | 2327 | letter-spacing: -0.016875em; |
| | 2328 | margin: 1rem 0 0 2rem; |
| | 2329 | max-width: calc(100% - 2rem); |
| | 2330 | } |
| | 2331 | |
| | 2332 | .post-meta a { |
| | 2333 | color: inherit; |
| | 2334 | text-decoration: none; |
| | 2335 | } |
| | 2336 | |
| | 2337 | .post-meta a:focus, |
| | 2338 | .post-meta a:hover { |
| | 2339 | text-decoration: underline; |
| | 2340 | } |
| | 2341 | |
| | 2342 | .post-meta .meta-wrapper { |
| | 2343 | align-items: center; |
| | 2344 | display: flex; |
| | 2345 | flex-wrap: nowrap; |
| | 2346 | } |
| | 2347 | |
| | 2348 | .post-meta .meta-icon { |
| | 2349 | flex-shrink: 0; |
| | 2350 | margin-right: 1rem; |
| | 2351 | } |
| | 2352 | |
| | 2353 | .sticky .post-sticky { |
| | 2354 | color: inherit; |
| | 2355 | } |
| | 2356 | |
| | 2357 | .post-meta .post-author .meta-icon svg { |
| | 2358 | width: 1.6rem; |
| | 2359 | height: 1.8rem; |
| | 2360 | } |
| | 2361 | |
| | 2362 | .post-meta .post-categories .meta-icon svg { |
| | 2363 | width: 1.8rem; |
| | 2364 | height: 1.7rem; |
| | 2365 | } |
| | 2366 | |
| | 2367 | .post-meta .post-comment-link .meta-icon svg { |
| | 2368 | width: 1.8rem; |
| | 2369 | height: 1.8rem; |
| | 2370 | } |
| | 2371 | |
| | 2372 | .post-meta .post-date .meta-icon svg { |
| | 2373 | width: 1.7rem; |
| | 2374 | height: 1.8rem; |
| | 2375 | } |
| | 2376 | |
| | 2377 | .post-meta .post-edit .meta-icon svg { |
| | 2378 | width: 1.8rem; |
| | 2379 | height: 1.8rem; |
| | 2380 | } |
| | 2381 | |
| | 2382 | .post-meta .post-sticky .meta-icon svg { |
| | 2383 | width: 1.5rem; |
| | 2384 | height: 1.8rem; |
| | 2385 | } |
| | 2386 | |
| | 2387 | .post-meta .post-tags .meta-icon svg { |
| | 2388 | width: 1.8rem; |
| | 2389 | height: 1.8rem; |
| | 2390 | } |
| | 2391 | |
| | 2392 | .post-meta svg * { |
| | 2393 | fill: currentColor; |
| | 2394 | } |
| | 2395 | |
| | 2396 | |
| | 2397 | /* Featured Media ---------------------------- */ |
| | 2398 | |
| | 2399 | .featured-media { |
| | 2400 | margin-top: 5rem; |
| | 2401 | position: relative; |
| | 2402 | } |
| | 2403 | |
| | 2404 | .singular .featured-media { |
| | 2405 | margin-top: 0; |
| | 2406 | } |
| | 2407 | |
| | 2408 | .singular .featured-media-inner { |
| | 2409 | position: relative; |
| | 2410 | left: calc(50% - 50vw); |
| | 2411 | width: 100vw; |
| | 2412 | } |
| | 2413 | |
| | 2414 | .singular .featured-media::before { |
| | 2415 | background: #fff; |
| | 2416 | content: ""; |
| | 2417 | display: block; |
| | 2418 | position: absolute; |
| | 2419 | bottom: 50%; |
| | 2420 | left: 0; |
| | 2421 | right: 0; |
| | 2422 | top: 0; |
| | 2423 | } |
| | 2424 | |
| | 2425 | .featured-media img { |
| | 2426 | margin: 0 auto; |
| | 2427 | } |
| | 2428 | |
| | 2429 | .featured-media figcaption { |
| | 2430 | margin: 1.5rem auto 0 auto; |
| | 2431 | text-align: center; |
| | 2432 | width: calc(100% - 5rem); |
| | 2433 | } |
| | 2434 | |
| | 2435 | .post-inner { |
| | 2436 | padding-top: 5rem; |
| | 2437 | } |
| | 2438 | |
| | 2439 | .reduced-spacing.missing-post-thumbnail .post-inner { |
| | 2440 | padding-top: 0; |
| | 2441 | } |
| | 2442 | |
| | 2443 | |
| | 2444 | /* Post Footer ------------------------------- */ |
| | 2445 | |
| | 2446 | /* POST NAV LINKS */ |
| | 2447 | |
| | 2448 | .post-nav-links { |
| | 2449 | border-radius: 0.4rem; |
| | 2450 | display: flex; |
| | 2451 | font-size: 0.9em; |
| | 2452 | font-weight: 600; |
| | 2453 | line-height: 1; |
| | 2454 | margin-top: 3em; |
| | 2455 | padding: 0 0.25em; |
| | 2456 | } |
| | 2457 | |
| | 2458 | .post-nav-links > * { |
| | 2459 | padding: 1em 0.75em; |
| | 2460 | } |
| | 2461 | |
| | 2462 | /* POST META BOTTOM */ |
| | 2463 | |
| | 2464 | .post-meta-wrapper.post-meta-single-bottom { |
| | 2465 | margin-top: 3rem; |
| | 2466 | } |
| | 2467 | |
| | 2468 | |
| | 2469 | /* Author Bio -------------------------------- */ |
| | 2470 | |
| | 2471 | .avatar { |
| | 2472 | border-radius: 50%; |
| | 2473 | } |
| | 2474 | |
| | 2475 | .author-bio { |
| | 2476 | margin-top: 4rem; |
| | 2477 | } |
| | 2478 | |
| | 2479 | .hide-avatars .author-bio { |
| | 2480 | padding-left: 0; |
| | 2481 | } |
| | 2482 | |
| | 2483 | .author-bio-inner p:last-child { |
| | 2484 | margin-bottom: 0; |
| | 2485 | } |
| | 2486 | |
| | 2487 | .author-bio .avatar { |
| | 2488 | margin-right: 1.5rem; |
| | 2489 | height: 5rem; |
| | 2490 | width: 5rem; |
| | 2491 | } |
| | 2492 | |
| | 2493 | .author-bio .author-title { |
| | 2494 | align-items: center; |
| | 2495 | display: flex; |
| | 2496 | margin: 0 0 1rem 0; |
| | 2497 | } |
| | 2498 | |
| | 2499 | .author-bio .author-link { |
| | 2500 | display: block; |
| | 2501 | font-size: 1.6rem; |
| | 2502 | font-weight: 600; |
| | 2503 | margin-top: 1em; |
| | 2504 | text-decoration: none; |
| | 2505 | } |
| | 2506 | |
| | 2507 | .author-bio .author-link:focus, |
| | 2508 | .author-bio .author-link:hover { |
| | 2509 | text-decoration: underline; |
| | 2510 | } |
| | 2511 | |
| | 2512 | |
| | 2513 | /* Single Pagination ------------------------- */ |
| | 2514 | |
| | 2515 | .pagination-single { |
| | 2516 | font-size: 1.8rem; |
| | 2517 | margin-top: 5rem; |
| | 2518 | } |
| | 2519 | |
| | 2520 | .pagination-single-inner { |
| | 2521 | display: flex; |
| | 2522 | flex-direction: column; |
| | 2523 | } |
| | 2524 | |
| | 2525 | .pagination-single hr:first-child { |
| | 2526 | margin: 0 0 2.8rem 0; |
| | 2527 | } |
| | 2528 | |
| | 2529 | .pagination-single hr:last-child { |
| | 2530 | margin: 2.8rem 0 0 0; |
| | 2531 | } |
| | 2532 | |
| | 2533 | .pagination-single a { |
| | 2534 | align-items: baseline; |
| | 2535 | display: flex; |
| | 2536 | font-weight: 600; |
| | 2537 | letter-spacing: -0.0275em; |
| | 2538 | text-decoration: none; |
| | 2539 | } |
| | 2540 | |
| | 2541 | .pagination-single a:hover, |
| | 2542 | .pagination-single a:focus { |
| | 2543 | text-decoration: underline; |
| | 2544 | } |
| | 2545 | |
| | 2546 | .pagination-single a + a { |
| | 2547 | margin-top: 1rem; |
| | 2548 | } |
| | 2549 | |
| | 2550 | .pagination-single a .arrow { |
| | 2551 | margin-right: 1rem; |
| | 2552 | } |
| | 2553 | |
| | 2554 | .pagination-single a:focus .title, |
| | 2555 | .pagination-single a:hover .title { |
| | 2556 | text-decoration: underline; |
| | 2557 | } |
| | 2558 | |
| | 2559 | |
| | 2560 | /* -------------------------------------------------------------------------- */ |
| | 2561 | |
| | 2562 | /* 10. Blocks |
| | 2563 | /* -------------------------------------------------------------------------- */ |
| | 2564 | |
| | 2565 | |
| | 2566 | /* Block Colors ------------------------------ */ |
| | 2567 | |
| | 2568 | .has-text-color a { |
| | 2569 | color: inherit; |
| | 2570 | } |
| | 2571 | |
| | 2572 | /* CUSTOM COLORS */ |
| | 2573 | |
| | 2574 | .has-accent-color { |
| | 2575 | color: #cd2653; |
| | 2576 | } |
| | 2577 | |
| | 2578 | .has-accent-background-color { |
| | 2579 | background-color: #cd2653; |
| | 2580 | } |
| | 2581 | |
| | 2582 | .has-primary-color { |
| | 2583 | color: #000; |
| | 2584 | } |
| | 2585 | |
| | 2586 | .has-primary-background-color { |
| | 2587 | background-color: #000; |
| | 2588 | } |
| | 2589 | |
| | 2590 | .has-secondary-color { |
| | 2591 | color: #6d6d6d; |
| | 2592 | } |
| | 2593 | |
| | 2594 | .has-secondary-background-color { |
| | 2595 | background-color: #6d6d6d; |
| | 2596 | } |
| | 2597 | |
| | 2598 | .has-subtle-background-color { |
| | 2599 | color: #dcd7ca; |
| | 2600 | } |
| | 2601 | |
| | 2602 | .has-subtle-background-background-color { |
| | 2603 | background-color: #dcd7ca; |
| | 2604 | } |
| | 2605 | |
| | 2606 | .has-background-color { |
| | 2607 | color: #f5efe0; |
| | 2608 | } |
| | 2609 | |
| | 2610 | .has-background-background-color { |
| | 2611 | background-color: #f5efe0; |
| | 2612 | } |
| | 2613 | |
| | 2614 | |
| | 2615 | /* Block Typography Classes ------------------ */ |
| | 2616 | |
| | 2617 | .has-text-align-left { |
| | 2618 | text-align: left; |
| | 2619 | } |
| | 2620 | |
| | 2621 | .has-text-align-center { |
| | 2622 | text-align: center; |
| | 2623 | } |
| | 2624 | |
| | 2625 | .has-text-align-right { |
| | 2626 | text-align: right; |
| | 2627 | } |
| | 2628 | |
| | 2629 | .has-drop-cap:not(:focus)::first-letter { |
| | 2630 | color: #cd2653; |
| | 2631 | font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 2632 | font-size: 5.1em; |
| | 2633 | font-weight: 800; |
| | 2634 | margin: 0.05em 0.1em 0 0; |
| | 2635 | } |
| | 2636 | |
| | 2637 | .has-drop-cap:not(:focus)::first-letter::after { |
| | 2638 | content: ""; |
| | 2639 | display: table; |
| | 2640 | clear: both; |
| | 2641 | } |
| | 2642 | |
| | 2643 | .has-drop-cap:not(:focus)::after { |
| | 2644 | padding: 0; |
| | 2645 | } |
| | 2646 | |
| | 2647 | |
| | 2648 | /* Block Font Families ----------------------- */ |
| | 2649 | |
| | 2650 | .has-drop-cap:not(:focus)::first-letter, |
| | 2651 | .entry-content .wp-block-archives, |
| | 2652 | .entry-content .wp-block-categories, |
| | 2653 | .entry-content .wp-block-cover-image, |
| | 2654 | .entry-content .wp-block-latest-comments, |
| | 2655 | .entry-content .wp-block-latest-posts, |
| | 2656 | .entry-content .wp-block-pullquote, |
| | 2657 | .entry-content .wp-block-quote.is-large, |
| | 2658 | .entry-content .wp-block-quote.is-style-large { |
| | 2659 | font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 2660 | } |
| | 2661 | |
| | 2662 | @supports ( font-variation-settings: normal ) { |
| | 2663 | |
| | 2664 | .has-drop-cap:not(:focus)::first-letter, |
| | 2665 | .entry-content .wp-block-archives, |
| | 2666 | .entry-content .wp-block-categories, |
| | 2667 | .entry-content .wp-block-latest-posts, |
| | 2668 | .entry-content .wp-block-latest-comments, |
| | 2669 | .entry-content .wp-block-cover-image p, |
| | 2670 | .entry-content .wp-block-pullquote { |
| | 2671 | font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 2672 | } |
| | 2673 | } |
| | 2674 | |
| | 2675 | /* Block Font Sizes -------------------------- */ |
| | 2676 | |
| | 2677 | .entry-content .has-small-font-size { |
| | 2678 | font-size: 0.842em; |
| | 2679 | } |
| | 2680 | |
| | 2681 | .entry-content .has-regular-font-size { |
| | 2682 | font-size: 1em; |
| | 2683 | } |
| | 2684 | |
| | 2685 | .entry-content .has-medium-font-size { |
| | 2686 | font-size: 1.1em; |
| | 2687 | line-height: 1.45; |
| | 2688 | } |
| | 2689 | |
| | 2690 | .entry-content .has-large-font-size { |
| | 2691 | font-size: 1.25em; |
| | 2692 | line-height: 1.4; |
| | 2693 | } |
| | 2694 | |
| | 2695 | .entry-content .has-larger-font-size { |
| | 2696 | font-size: 1.5em; |
| | 2697 | line-height: 1.3; |
| | 2698 | } |
| | 2699 | |
| | 2700 | |
| | 2701 | /* Block: Base Margins ----------------------- */ |
| | 2702 | |
| | 2703 | *[class*="_inner-container"] > *:first-child { |
| | 2704 | margin-top: 0; |
| | 2705 | } |
| | 2706 | |
| | 2707 | *[class*="_inner-container"] > *:last-child { |
| | 2708 | margin-bottom: 0; |
| | 2709 | } |
| | 2710 | |
| | 2711 | .wp-block-archives, |
| | 2712 | .wp-block-categories, |
| | 2713 | .wp-block-code, |
| | 2714 | .wp-block-columns, |
| | 2715 | .wp-block-cover, |
| | 2716 | .wp-block-embed, |
| | 2717 | .wp-block-gallery, |
| | 2718 | .wp-block-group, |
| | 2719 | .wp-block-latest-comments, |
| | 2720 | .wp-block-latest-posts, |
| | 2721 | .wp-block-media-text, |
| | 2722 | .wp-block-preformatted, |
| | 2723 | .wp-block-pullquote, |
| | 2724 | .wp-block-quote, |
| | 2725 | .wp-block-quote.is-large, |
| | 2726 | .wp-block-quote.is-style-large, |
| | 2727 | .wp-block-verse, |
| | 2728 | .wp-block-video { |
| | 2729 | margin-bottom: 3rem; |
| | 2730 | margin-top: 3rem; |
| | 2731 | } |
| | 2732 | |
| | 2733 | |
| | 2734 | /* Block: Shared Nesting Alignment Resets ---- */ |
| | 2735 | |
| | 2736 | [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), |
| | 2737 | [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { |
| | 2738 | margin-left: auto; |
| | 2739 | margin-right: auto; |
| | 2740 | max-width: 58rem; |
| | 2741 | } |
| | 2742 | |
| | 2743 | |
| | 2744 | /* Block: Shared Widget Styles --------------- */ |
| | 2745 | |
| | 2746 | .wp-block-archives, |
| | 2747 | .wp-block-categories, |
| | 2748 | .wp-block-latest-posts, |
| | 2749 | .wp-block-latest-comments { |
| | 2750 | list-style: none; |
| | 2751 | margin-left: 0; |
| | 2752 | } |
| | 2753 | |
| | 2754 | .wp-block-archives ul, |
| | 2755 | .wp-block-categories ul, |
| | 2756 | .wp-block-latest-posts ul, |
| | 2757 | .wp-block-latest-comments ul { |
| | 2758 | list-style: none; |
| | 2759 | } |
| | 2760 | |
| | 2761 | .entry-content .wp-block-archives > li, |
| | 2762 | .entry-content .wp-block-categories > li, |
| | 2763 | .entry-content .wp-block-latest-posts > li, |
| | 2764 | .entry-content .wp-block-latest-comment > li { |
| | 2765 | margin-left: 0; |
| | 2766 | } |
| | 2767 | |
| | 2768 | .entry-content .wp-block-archives > li:last-child, |
| | 2769 | .entry-content .wp-block-categories > li:last-child, |
| | 2770 | .entry-content .wp-block-latest-posts > li:last-child, |
| | 2771 | .entry-content .wp-block-latest-comment > li:last-child { |
| | 2772 | margin-bottom: 0; |
| | 2773 | } |
| | 2774 | |
| | 2775 | .entry-content .wp-block-archives *, |
| | 2776 | .entry-content .wp-block-categories *, |
| | 2777 | .entry-content .wp-block-latest-posts *, |
| | 2778 | .entry-content .wp-block-latest-comments * { |
| | 2779 | font-family: inherit; |
| | 2780 | } |
| | 2781 | |
| | 2782 | .entry-content .wp-block-archives li, |
| | 2783 | .entry-content .wp-block-categories li, |
| | 2784 | .entry-content .wp-block-latest-posts li { |
| | 2785 | color: #6d6d6d; |
| | 2786 | } |
| | 2787 | |
| | 2788 | .wp-block-archives a, |
| | 2789 | .wp-block-categories a, |
| | 2790 | .wp-block-latest-posts a, |
| | 2791 | .wp-block-latest-comments a { |
| | 2792 | font-weight: 700; |
| | 2793 | text-decoration: none; |
| | 2794 | } |
| | 2795 | |
| | 2796 | .wp-block-archives a:hover, |
| | 2797 | .wp-block-categories a:hover, |
| | 2798 | .wp-block-latest-posts a:hover, |
| | 2799 | .wp-block-latest-comments a:hover, |
| | 2800 | .wp-block-archives a:focus, |
| | 2801 | .wp-block-categories a:focus, |
| | 2802 | .wp-block-latest-posts a:focus, |
| | 2803 | .wp-block-latest-comments a:focus { |
| | 2804 | text-decoration: underline; |
| | 2805 | } |
| | 2806 | |
| | 2807 | .wp-block-latest-posts a, |
| | 2808 | .wp-block-latest-comments__comment-meta { |
| | 2809 | font-weight: 700; |
| | 2810 | letter-spacing: -0.025em; |
| | 2811 | line-height: 1.25; |
| | 2812 | } |
| | 2813 | |
| | 2814 | .wp-block-latest-comments__comment-date, |
| | 2815 | .wp-block-latest-posts__post-date { |
| | 2816 | color: #6d6d6d; |
| | 2817 | font-size: 0.7em; |
| | 2818 | font-weight: 600; |
| | 2819 | letter-spacing: normal; |
| | 2820 | margin-top: 0.15em; |
| | 2821 | } |
| | 2822 | |
| | 2823 | |
| | 2824 | /* Block: Shared Media Styles ---------------- */ |
| | 2825 | |
| | 2826 | .wp-block-embed figcaption, |
| | 2827 | .wp-block-image figcaption { |
| | 2828 | color: #6d6d6d; |
| | 2829 | font-size: 1.4rem; |
| | 2830 | margin-bottom: 0; |
| | 2831 | margin-top: 1.5rem; |
| | 2832 | } |
| | 2833 | |
| | 2834 | /* Block: Audio ------------------------------ */ |
| | 2835 | |
| | 2836 | .wp-block-audio audio { |
| | 2837 | width: 100%; |
| | 2838 | } |
| | 2839 | |
| | 2840 | /* Block: Button ----------------------------- */ |
| | 2841 | |
| | 2842 | .wp-block-button.is-style-outline { |
| | 2843 | color: #cd2653; |
| | 2844 | } |
| | 2845 | |
| | 2846 | .wp-block-button.is-style-outline .wp-block-button__link { |
| | 2847 | color: inherit; |
| | 2848 | } |
| | 2849 | |
| | 2850 | /* Block: Columns ---------------------------- */ |
| | 2851 | |
| | 2852 | .wp-block-column { |
| | 2853 | margin-bottom: 3.2rem; |
| | 2854 | } |
| | 2855 | |
| | 2856 | .wp-block-column > *:first-child { |
| | 2857 | margin-top: 0; |
| | 2858 | } |
| | 2859 | |
| | 2860 | .wp-block-column > *:last-child { |
| | 2861 | margin-bottom: 0; |
| | 2862 | } |
| | 2863 | |
| | 2864 | /* Block: Cover ------------------------------ */ |
| | 2865 | |
| | 2866 | .wp-block-cover-image .wp-block-cover__inner-container, |
| | 2867 | .wp-block-cover .wp-block-cover__inner-container { |
| | 2868 | width: calc(100% - 4rem); |
| | 2869 | padding: 2rem 0; |
| | 2870 | } |
| | 2871 | |
| | 2872 | .wp-block-cover-image .wp-block-cover-image-text, |
| | 2873 | .wp-block-cover-image .wp-block-cover-text, |
| | 2874 | .wp-block-cover-image h2, |
| | 2875 | .wp-block-cover .wp-block-cover-image-text, |
| | 2876 | .wp-block-cover .wp-block-cover-text, |
| | 2877 | .wp-block-cover h2 { |
| | 2878 | max-width: 100%; |
| | 2879 | padding: 0; |
| | 2880 | } |
| | 2881 | |
| | 2882 | .wp-block-cover-image h2, |
| | 2883 | .wp-block-cover h2 { |
| | 2884 | font-size: 3.2rem; |
| | 2885 | } |
| | 2886 | |
| | 2887 | /* Block: Embed ------------------------------ */ |
| | 2888 | |
| | 2889 | /* Block: File ------------------------------- */ |
| | 2890 | |
| | 2891 | .wp-block-file { |
| | 2892 | align-items: center; |
| | 2893 | display: flex; |
| | 2894 | flex-wrap: wrap; |
| | 2895 | justify-content: space-between; |
| | 2896 | } |
| | 2897 | |
| | 2898 | .wp-block-file a:not(.wp-block-file__button) { |
| | 2899 | font-weight: 700; |
| | 2900 | text-decoration: none; |
| | 2901 | } |
| | 2902 | |
| | 2903 | .wp-block-file a:not(.wp-block-file__button):not(:last-child) { |
| | 2904 | margin-right: 1rem; |
| | 2905 | } |
| | 2906 | |
| | 2907 | .wp-block-file a:not(.wp-block-file__button):focus, |
| | 2908 | .wp-block-file a:not(.wp-block-file__button):hover { |
| | 2909 | text-decoration: underline; |
| | 2910 | } |
| | 2911 | |
| | 2912 | .wp-block-file .wp-block-file__button { |
| | 2913 | font-size: 1.5rem; |
| | 2914 | padding: 1em 1.25em; |
| | 2915 | } |
| | 2916 | |
| | 2917 | .wp-block-file a.wp-block-file__button:visited { |
| | 2918 | opacity: 1; |
| | 2919 | } |
| | 2920 | |
| | 2921 | .wp-block-file a.wp-block-file__button:active, |
| | 2922 | .wp-block-file a.wp-block-file__button:focus, |
| | 2923 | .wp-block-file a.wp-block-file__button:hover { |
| | 2924 | opacity: 1; |
| | 2925 | text-decoration: underline; |
| | 2926 | } |
| | 2927 | |
| | 2928 | |
| | 2929 | /* Block: Gallery ---------------------------- */ |
| | 2930 | |
| | 2931 | ul.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) { |
| | 2932 | margin-left: 0; |
| | 2933 | } |
| | 2934 | |
| | 2935 | .wp-block-gallery ul { |
| | 2936 | list-style: none; |
| | 2937 | margin: 0 0 -1.6rem 0; |
| | 2938 | } |
| | 2939 | |
| | 2940 | figure.wp-block-gallery.alignnone, |
| | 2941 | figure.wp-block-gallery.aligncenter { |
| | 2942 | margin-bottom: 3rem; |
| | 2943 | margin-top: 3rem; |
| | 2944 | } |
| | 2945 | |
| | 2946 | figure.wp-block-gallery.alignleft { |
| | 2947 | margin: 0.3rem 2rem 2rem 0; |
| | 2948 | } |
| | 2949 | |
| | 2950 | figure.wp-block-gallery.alignright { |
| | 2951 | margin: 0.3rem 0 2rem 2rem; |
| | 2952 | } |
| | 2953 | |
| | 2954 | figure.wp-block-gallery.alignwide { |
| | 2955 | margin-bottom: 4rem; |
| | 2956 | margin-top: 4rem; |
| | 2957 | } |
| | 2958 | |
| | 2959 | figure.wp-block-gallery.alignfull { |
| | 2960 | margin-bottom: 5rem; |
| | 2961 | margin-top: 5rem; |
| | 2962 | } |
| | 2963 | |
| | 2964 | /* Block: Group ------------------------------ */ |
| | 2965 | |
| | 2966 | .wp-block-group.has-background { |
| | 2967 | padding: 2rem; |
| | 2968 | } |
| | 2969 | |
| | 2970 | .wp-block-group__inner-container { |
| | 2971 | margin: 0 auto; |
| | 2972 | } |
| | 2973 | |
| | 2974 | .wp-block-group__inner-container, |
| | 2975 | .entry-content .wp-block-group p { |
| | 2976 | max-width: 100%; |
| | 2977 | } |
| | 2978 | |
| | 2979 | /* Block: Image ------------------------------ */ |
| | 2980 | |
| | 2981 | /* Block: Media And Text --------------------- */ |
| | 2982 | |
| | 2983 | .wp-block-media-text .wp-block-media-text__content { |
| | 2984 | padding: 3rem 2rem; |
| | 2985 | } |
| | 2986 | |
| | 2987 | .wp-block-media-text .wp-block-media-text__content p { |
| | 2988 | max-width: none; |
| | 2989 | } |
| | 2990 | |
| | 2991 | .wp-block-media-text__content > *:last-child { |
| | 2992 | margin-bottom: 0; |
| | 2993 | } |
| | 2994 | |
| | 2995 | /* Block: Pullquote -------------------------- */ |
| | 2996 | |
| | 2997 | /* STYLE: DEFAULT */ |
| | 2998 | |
| | 2999 | .wp-block-pullquote { |
| | 3000 | padding: 0; |
| | 3001 | position: relative; |
| | 3002 | } |
| | 3003 | |
| | 3004 | .wp-block-pullquote.alignleft, |
| | 3005 | .wp-block-pullquote.alignright { |
| | 3006 | max-width: 100%; |
| | 3007 | } |
| | 3008 | |
| | 3009 | .wp-block-pullquote::before { |
| | 3010 | background: #fff; |
| | 3011 | border-radius: 50%; |
| | 3012 | color: #cd2653; |
| | 3013 | content: "”"; |
| | 3014 | display: block; |
| | 3015 | font-size: 6.2rem; |
| | 3016 | font-weight: 500; |
| | 3017 | line-height: 1.2; |
| | 3018 | margin: 0 auto 1.5rem auto; |
| | 3019 | text-align: center; |
| | 3020 | height: 4.4rem; |
| | 3021 | width: 4.4rem; |
| | 3022 | } |
| | 3023 | |
| | 3024 | .reduced-spacing .wp-block-pullquote::before { |
| | 3025 | border: 0.1rem solid currentColor; |
| | 3026 | font-size: 5.9rem; |
| | 3027 | } |
| | 3028 | |
| | 3029 | .wp-block-pullquote blockquote { |
| | 3030 | border: none; |
| | 3031 | margin: 0; |
| | 3032 | padding: 0; |
| | 3033 | } |
| | 3034 | |
| | 3035 | .wp-block-pullquote blockquote p { |
| | 3036 | font-family: inherit; |
| | 3037 | font-size: 2.8rem; |
| | 3038 | font-weight: 700; |
| | 3039 | line-height: 1.178571429; |
| | 3040 | letter-spacing: -0.041785714em; |
| | 3041 | max-width: 100%; |
| | 3042 | } |
| | 3043 | |
| | 3044 | .wp-block-pullquote p:last-of-type { |
| | 3045 | margin-bottom: 0; |
| | 3046 | } |
| | 3047 | |
| | 3048 | .wp-block-pullquote cite { |
| | 3049 | color: #6d6d6d; |
| | 3050 | font-size: 1.6rem; |
| | 3051 | font-weight: 500; |
| | 3052 | margin-top: 1.2rem; |
| | 3053 | } |
| | 3054 | |
| | 3055 | .wp-block-pullquote.alignleft p, |
| | 3056 | .wp-block-pullquote.alignright p { |
| | 3057 | font-size: 2.8rem; |
| | 3058 | } |
| | 3059 | |
| | 3060 | .wp-block-pullquote.alignleft { |
| | 3061 | text-align: left; |
| | 3062 | } |
| | 3063 | |
| | 3064 | .wp-block-pullquote.alignright { |
| | 3065 | text-align: right; |
| | 3066 | } |
| | 3067 | |
| | 3068 | .wp-block-pullquote.alignleft::before { |
| | 3069 | margin-left: 0; |
| | 3070 | } |
| | 3071 | |
| | 3072 | .wp-block-pullquote.alignright::before { |
| | 3073 | margin-right: 0; |
| | 3074 | } |
| | 3075 | |
| | 3076 | /* STYLE: SOLID BACKGROUND COLOR */ |
| | 3077 | |
| | 3078 | .wp-block-pullquote.is-style-solid-color { |
| | 3079 | padding: 3rem 2rem; |
| | 3080 | } |
| | 3081 | |
| | 3082 | .wp-block-pullquote.is-style-solid-color::before { |
| | 3083 | position: absolute; |
| | 3084 | top: 0; |
| | 3085 | left: 50%; |
| | 3086 | transform: translateY(-50%) translateX(-50%); |
| | 3087 | } |
| | 3088 | |
| | 3089 | .wp-block-pullquote.is-style-solid-color.alignleft::before, |
| | 3090 | .wp-block-pullquote.is-style-solid-color.alignright::before { |
| | 3091 | transform: translateY(-50%); |
| | 3092 | } |
| | 3093 | |
| | 3094 | .wp-block-pullquote.is-style-solid-color.alignleft::before { |
| | 3095 | left: 2rem; |
| | 3096 | } |
| | 3097 | |
| | 3098 | .wp-block-pullquote.is-style-solid-color.alignright::before { |
| | 3099 | left: auto; |
| | 3100 | right: 2rem; |
| | 3101 | } |
| | 3102 | |
| | 3103 | .wp-block-pullquote.is-style-solid-color blockquote { |
| | 3104 | max-width: 100%; |
| | 3105 | text-align: inherit; |
| | 3106 | } |
| | 3107 | |
| | 3108 | .wp-block-pullquote.is-style-solid-color cite { |
| | 3109 | color: inherit; |
| | 3110 | } |
| | 3111 | |
| | 3112 | /* Block: Separator ------------------------- */ |
| | 3113 | |
| | 3114 | hr.wp-block-separator { |
| | 3115 | margin: 3rem 0; |
| | 3116 | } |
| | 3117 | |
| | 3118 | /* STYLE: WIDE */ |
| | 3119 | |
| | 3120 | .wp-block-separator.is-style-wide { |
| | 3121 | max-width: calc(100vw - 4rem); |
| | 3122 | position: relative; |
| | 3123 | left: calc(50% - 50vw + 2rem); |
| | 3124 | width: calc(100vw - 4rem); |
| | 3125 | } |
| | 3126 | |
| | 3127 | /* STYLE: DOTS */ |
| | 3128 | |
| | 3129 | .wp-block-separator.is-style-dots::before { |
| | 3130 | background: none; |
| | 3131 | color: inherit; |
| | 3132 | font-size: 3.2rem; |
| | 3133 | font-weight: 700; |
| | 3134 | height: auto; |
| | 3135 | letter-spacing: 1em; |
| | 3136 | padding-left: 1em; |
| | 3137 | position: static; |
| | 3138 | transform: none; |
| | 3139 | width: auto; |
| | 3140 | } |
| | 3141 | |
| | 3142 | .wp-block-separator.is-style-dots::after { |
| | 3143 | content: none; |
| | 3144 | } |
| | 3145 | |
| | 3146 | |
| | 3147 | /* Block: Search ----------------------------- */ |
| | 3148 | |
| | 3149 | .wp-block-search .wp-block-search__input { |
| | 3150 | width: auto; |
| | 3151 | } |
| | 3152 | |
| | 3153 | /* Block: Table ------------------------------ */ |
| | 3154 | |
| | 3155 | .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { |
| | 3156 | background: #dcd7ca; |
| | 3157 | } |
| | 3158 | |
| | 3159 | .wp-block-table.is-style-stripes { |
| | 3160 | border-bottom-color: #dcd7ca; |
| | 3161 | } |
| | 3162 | |
| | 3163 | /* Block: Quote ------------------------------ */ |
| | 3164 | |
| | 3165 | .wp-block-quote p, |
| | 3166 | .wp-block-quote cite { |
| | 3167 | text-align: inherit; |
| | 3168 | } |
| | 3169 | |
| | 3170 | .wp-block-quote[style="text-align:center"] { |
| | 3171 | border-width: 0; |
| | 3172 | padding: 0; |
| | 3173 | } |
| | 3174 | |
| | 3175 | .wp-block-quote[style="text-align:right"] { |
| | 3176 | border-width: 0 0.2rem 0 0; |
| | 3177 | padding: 0 2rem 0 0; |
| | 3178 | } |
| | 3179 | |
| | 3180 | /* STYLE: LARGE */ |
| | 3181 | |
| | 3182 | .wp-block-quote.is-large, |
| | 3183 | .wp-block-quote.is-style-large { |
| | 3184 | border: none; |
| | 3185 | padding: 0; |
| | 3186 | } |
| | 3187 | |
| | 3188 | .wp-block-quote.is-large p, |
| | 3189 | .wp-block-quote.is-style-large p { |
| | 3190 | font-family: inherit; |
| | 3191 | font-size: 2.4rem; |
| | 3192 | font-style: normal; |
| | 3193 | font-weight: 700; |
| | 3194 | letter-spacing: -0.02em; |
| | 3195 | line-height: 1.285; |
| | 3196 | } |
| | 3197 | |
| | 3198 | .wp-block-quote.is-large cite, |
| | 3199 | .wp-block-quote.is-large footer, |
| | 3200 | .wp-block-quote.is-style-large cite, |
| | 3201 | .wp-block-quote.is-style-large footer { |
| | 3202 | font-size: 1.6rem; |
| | 3203 | text-align: inherit; |
| | 3204 | } |
| | 3205 | |
| | 3206 | /* Block: Widget Latest Comments ------------- */ |
| | 3207 | |
| | 3208 | .entry-content .wp-block-latest-comments, |
| | 3209 | .entry-content .wp-block-latest-comments li { |
| | 3210 | margin-left: 0; |
| | 3211 | } |
| | 3212 | |
| | 3213 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, |
| | 3214 | .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { |
| | 3215 | margin-left: 5.5rem; |
| | 3216 | } |
| | 3217 | |
| | 3218 | .entry-content .wp-block-latest-comments a { |
| | 3219 | text-decoration: none; |
| | 3220 | } |
| | 3221 | |
| | 3222 | .entry-content .wp-block-latest-comments a:hover, |
| | 3223 | .entry-content .wp-block-latest-comments a:focus { |
| | 3224 | text-decoration: underline; |
| | 3225 | } |
| | 3226 | |
| | 3227 | .wp-block-latest-comments__comment { |
| | 3228 | font-size: inherit; |
| | 3229 | } |
| | 3230 | |
| | 3231 | .wp-block-latest-comments__comment-date { |
| | 3232 | margin-top: 0.4em; |
| | 3233 | } |
| | 3234 | |
| | 3235 | .wp-block-latest-comments__comment-excerpt p { |
| | 3236 | font-size: 0.7em; |
| | 3237 | margin: 0.9rem 0 2rem 0; |
| | 3238 | } |
| | 3239 | |
| | 3240 | /* Block: Widget Latest Posts ---------------- */ |
| | 3241 | |
| | 3242 | .wp-block-latest-posts.is-grid, |
| | 3243 | .wp-block-latest-posts.has-dates, |
| | 3244 | .wp-block-latest-posts.has-dates li { |
| | 3245 | margin-left: 0; |
| | 3246 | } |
| | 3247 | |
| | 3248 | .wp-block-latest-posts.is-grid li { |
| | 3249 | border-top: 0.2rem solid #dcd7ca; |
| | 3250 | margin-top: 2rem; |
| | 3251 | padding-top: 1rem; |
| | 3252 | } |
| | 3253 | |
| | 3254 | .wp-block-latest-posts.has-dates { |
| | 3255 | list-style: none; |
| | 3256 | } |
| | 3257 | |
| | 3258 | .wp-block-latest-posts.has-dates:not(.is-grid) li { |
| | 3259 | margin-top: 1.5rem; |
| | 3260 | } |
| | 3261 | |
| | 3262 | .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { |
| | 3263 | margin-top: 0; |
| | 3264 | } |
| | 3265 | |
| | 3266 | |
| | 3267 | /* -------------------------------------------------------------------------- */ |
| | 3268 | |
| | 3269 | /* 11. Entry Content |
| | 3270 | /* -------------------------------------------------------------------------- */ |
| | 3271 | |
| | 3272 | |
| | 3273 | .entry-content { |
| | 3274 | line-height: 1.5; |
| | 3275 | max-width: 58rem; |
| | 3276 | } |
| | 3277 | |
| | 3278 | .entry-content > *:first-child { |
| | 3279 | margin-top: 0; |
| | 3280 | } |
| | 3281 | |
| | 3282 | .entry-content > *:last-child { |
| | 3283 | margin-bottom: 0; |
| | 3284 | } |
| | 3285 | |
| | 3286 | .entry-content a:hover, |
| | 3287 | .entry-content a:focus { |
| | 3288 | text-decoration: none; |
| | 3289 | } |
| | 3290 | |
| | 3291 | .entry-content p, |
| | 3292 | .entry-content li { |
| | 3293 | line-height: 1.4; |
| | 3294 | } |
| | 3295 | |
| | 3296 | .entry-content h1, |
| | 3297 | .entry-content h2, |
| | 3298 | .entry-content h3, |
| | 3299 | .entry-content h4, |
| | 3300 | .entry-content h5, |
| | 3301 | .entry-content h6 { |
| | 3302 | margin: 3.5rem 0 2rem; |
| | 3303 | } |
| | 3304 | |
| | 3305 | .entry-content ul ul, |
| | 3306 | .entry-content ol ol, |
| | 3307 | .entry-content ul ol, |
| | 3308 | .entry-content ol ul { |
| | 3309 | margin-bottom: 1rem; |
| | 3310 | } |
| | 3311 | |
| | 3312 | .entry-content hr { |
| | 3313 | margin: 4rem 0; |
| | 3314 | } |
| | 3315 | |
| | 3316 | /* Font Families ----------------------------- */ |
| | 3317 | |
| | 3318 | .entry-content p, |
| | 3319 | .entry-content ol, |
| | 3320 | .entry-content ul, |
| | 3321 | .entry-content dl, |
| | 3322 | .entry-content dt { |
| | 3323 | font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; |
| | 3324 | letter-spacing: normal; |
| | 3325 | } |
| | 3326 | |
| | 3327 | .entry-content cite, |
| | 3328 | .entry-content figcaption, |
| | 3329 | .entry-content .wp-caption-text { |
| | 3330 | font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 3331 | } |
| | 3332 | |
| | 3333 | @supports ( font-variation-settings: normal ) { |
| | 3334 | |
| | 3335 | .entry-content cite, |
| | 3336 | .entry-content figcaption, |
| | 3337 | .entry-content .wp-caption-text { |
| | 3338 | font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 3339 | } |
| | 3340 | } |
| | 3341 | |
| | 3342 | |
| | 3343 | /* Alignment Classes ------------------------- */ |
| | 3344 | |
| | 3345 | .alignnone, |
| | 3346 | .aligncenter, |
| | 3347 | .alignleft, |
| | 3348 | .alignright { |
| | 3349 | margin: 3rem 0; |
| | 3350 | max-width: 100%; |
| | 3351 | } |
| | 3352 | |
| | 3353 | .aligncenter, |
| | 3354 | .aligncenter img { |
| | 3355 | margin-left: auto; |
| | 3356 | margin-right: auto; |
| | 3357 | } |
| | 3358 | |
| | 3359 | .alignleft, |
| | 3360 | .alignright { |
| | 3361 | max-width: 50%; |
| | 3362 | } |
| | 3363 | |
| | 3364 | .alignleft { |
| | 3365 | |
| | 3366 | /*rtl:ignore*/ |
| | 3367 | float: left; |
| | 3368 | margin: 0.3rem 2rem 2rem 0; |
| | 3369 | } |
| | 3370 | |
| | 3371 | .alignright { |
| | 3372 | |
| | 3373 | /*rtl:ignore*/ |
| | 3374 | float: right; |
| | 3375 | margin: 0.3rem 0 2rem 2rem; |
| | 3376 | } |
| | 3377 | |
| | 3378 | .alignwide { |
| | 3379 | margin: 4rem auto; |
| | 3380 | max-width: 120rem; |
| | 3381 | } |
| | 3382 | |
| | 3383 | .entry-content > .alignwide { |
| | 3384 | max-width: calc(100vw - 4rem); |
| | 3385 | position: relative; |
| | 3386 | left: calc(50% - 50vw + 2rem); |
| | 3387 | width: calc(100vw - 4rem); |
| | 3388 | } |
| | 3389 | |
| | 3390 | .alignfull { |
| | 3391 | margin: 5rem 0; |
| | 3392 | } |
| | 3393 | |
| | 3394 | .entry-content > .alignfull { |
| | 3395 | max-width: 100vw; |
| | 3396 | position: relative; |
| | 3397 | left: calc(50% - 50vw); |
| | 3398 | width: 100vw; |
| | 3399 | } |
| | 3400 | |
| | 3401 | |
| | 3402 | /* Entry Media ------------------------------- */ |
| | 3403 | |
| | 3404 | .alignfull > figcaption, |
| | 3405 | .alignfull > .wp-caption-text { |
| | 3406 | margin-left: auto; |
| | 3407 | margin-right: auto; |
| | 3408 | max-width: 120rem; |
| | 3409 | width: calc(100% - 4rem); |
| | 3410 | } |
| | 3411 | |
| | 3412 | |
| | 3413 | /* -------------------------------------------------------------------------- */ |
| | 3414 | |
| | 3415 | /* 12. Comments |
| | 3416 | /* -------------------------------------------------------------------------- */ |
| | 3417 | |
| | 3418 | |
| | 3419 | /* Comment Headers ----------------------------- */ |
| | 3420 | |
| | 3421 | .comments-wrapper { |
| | 3422 | margin-top: 5rem; |
| | 3423 | } |
| | 3424 | |
| | 3425 | .comment-reply-title { |
| | 3426 | margin: 0 0 4rem 0; |
| | 3427 | text-align: center; |
| | 3428 | } |
| | 3429 | |
| | 3430 | |
| | 3431 | /* Comment Item ----------------------------- */ |
| | 3432 | |
| | 3433 | /* COMMENT HEADER */ |
| | 3434 | |
| | 3435 | .comments .comment, |
| | 3436 | .comments .pingback, |
| | 3437 | .comments .trackback, |
| | 3438 | .comments .review { |
| | 3439 | padding-top: 3.5rem; |
| | 3440 | } |
| | 3441 | |
| | 3442 | div.comment:first-of-type { |
| | 3443 | margin-top: 3.5rem; |
| | 3444 | padding-top: 0; |
| | 3445 | } |
| | 3446 | |
| | 3447 | .comments .comments-header + div { |
| | 3448 | margin-top: 0; |
| | 3449 | padding-top: 0; |
| | 3450 | } |
| | 3451 | |
| | 3452 | .comment-body { |
| | 3453 | position: relative; |
| | 3454 | } |
| | 3455 | |
| | 3456 | .comment .comment { |
| | 3457 | padding-left: 5%; |
| | 3458 | } |
| | 3459 | |
| | 3460 | .comment-meta { |
| | 3461 | line-height: 1.1; |
| | 3462 | margin-bottom: 1.5rem; |
| | 3463 | min-height: 5rem; |
| | 3464 | padding-left: 5rem; |
| | 3465 | position: relative; |
| | 3466 | } |
| | 3467 | |
| | 3468 | .hide-avatars .comment-meta { |
| | 3469 | min-height: 0; |
| | 3470 | padding-left: 0; |
| | 3471 | } |
| | 3472 | |
| | 3473 | .comment-meta a { |
| | 3474 | color: inherit; |
| | 3475 | } |
| | 3476 | |
| | 3477 | .comment-author { |
| | 3478 | font-size: 1.8rem; |
| | 3479 | font-weight: 700; |
| | 3480 | letter-spacing: -0.027777778em; |
| | 3481 | } |
| | 3482 | |
| | 3483 | .comment-author a { |
| | 3484 | text-decoration: underline; |
| | 3485 | } |
| | 3486 | |
| | 3487 | .comment-author a:hover, |
| | 3488 | .comment-author a:focus { |
| | 3489 | text-decoration: none; |
| | 3490 | } |
| | 3491 | |
| | 3492 | .comment-meta .avatar { |
| | 3493 | height: 4rem; |
| | 3494 | position: absolute; |
| | 3495 | left: 0; |
| | 3496 | top: 0; |
| | 3497 | width: 4rem; |
| | 3498 | } |
| | 3499 | |
| | 3500 | .comment-author .url { |
| | 3501 | text-decoration: underline; |
| | 3502 | } |
| | 3503 | |
| | 3504 | .comment-metadata { |
| | 3505 | color: #6d6d6d; |
| | 3506 | font-size: 1.4rem; |
| | 3507 | font-weight: 500; |
| | 3508 | margin-top: 0.6rem; |
| | 3509 | } |
| | 3510 | |
| | 3511 | .comment-metadata a { |
| | 3512 | text-decoration: none; |
| | 3513 | } |
| | 3514 | |
| | 3515 | .comment-metadata a:focus, |
| | 3516 | .comment-metadata a:hover { |
| | 3517 | text-decoration: underline; |
| | 3518 | } |
| | 3519 | |
| | 3520 | |
| | 3521 | /* COMMENT CONTENT */ |
| | 3522 | |
| | 3523 | .comment-content.entry-content .alignleft { |
| | 3524 | margin-left: 0; |
| | 3525 | } |
| | 3526 | |
| | 3527 | .comment-content.entry-content .alignright { |
| | 3528 | margin-right: 0; |
| | 3529 | } |
| | 3530 | |
| | 3531 | .comment-content.entry-content > .alignwide, |
| | 3532 | .comment-content.entry-content > .alignfull { |
| | 3533 | left: auto; |
| | 3534 | max-width: 100%; |
| | 3535 | width: auto; |
| | 3536 | } |
| | 3537 | |
| | 3538 | /* COMMENT FOOTER */ |
| | 3539 | |
| | 3540 | .comment-footer-meta { |
| | 3541 | align-items: center; |
| | 3542 | display: flex; |
| | 3543 | flex-wrap: wrap; |
| | 3544 | font-size: 1.2rem; |
| | 3545 | font-weight: 600; |
| | 3546 | justify-content: flex-start; |
| | 3547 | letter-spacing: 0.030833333em; |
| | 3548 | line-height: 1; |
| | 3549 | margin: 1.5rem 0 -1rem -1.5rem; |
| | 3550 | text-transform: uppercase; |
| | 3551 | } |
| | 3552 | |
| | 3553 | .comment-footer-meta > * { |
| | 3554 | margin: 0 0 1rem 1.5rem; |
| | 3555 | } |
| | 3556 | |
| | 3557 | .comment-reply-link { |
| | 3558 | background-color: #cd2653; |
| | 3559 | color: #fff; |
| | 3560 | display: block; |
| | 3561 | padding: 0.7rem; |
| | 3562 | } |
| | 3563 | |
| | 3564 | .bypostauthor .comment-footer-meta .by-post-author { |
| | 3565 | display: block; |
| | 3566 | } |
| | 3567 | |
| | 3568 | .comment-footer-meta a { |
| | 3569 | text-decoration: none; |
| | 3570 | } |
| | 3571 | |
| | 3572 | .comment-footer-meta a:focus, |
| | 3573 | .comment-footer-meta a:hover { |
| | 3574 | text-decoration: underline; |
| | 3575 | } |
| | 3576 | |
| | 3577 | |
| | 3578 | /* Pingbacks & Trackbacks ------------------------- */ |
| | 3579 | |
| | 3580 | .pingback .comment-meta, |
| | 3581 | .trackback .comment-meta { |
| | 3582 | padding-left: 0; |
| | 3583 | } |
| | 3584 | |
| | 3585 | |
| | 3586 | /* Comments Pagination ---------------------------- */ |
| | 3587 | |
| | 3588 | .comments-pagination { |
| | 3589 | display: flex; |
| | 3590 | flex-wrap: wrap; |
| | 3591 | justify-content: space-between; |
| | 3592 | margin-top: 6rem; |
| | 3593 | text-align: center; |
| | 3594 | } |
| | 3595 | |
| | 3596 | .comments-pagination.only-next { |
| | 3597 | justify-content: flex-end; |
| | 3598 | } |
| | 3599 | |
| | 3600 | .comments-pagination .page-numbers { |
| | 3601 | display: none; |
| | 3602 | text-decoration: none; |
| | 3603 | } |
| | 3604 | |
| | 3605 | .comments-pagination .page-numbers:focus, |
| | 3606 | .comments-pagination .page-numbers:hover { |
| | 3607 | text-decoration: underline; |
| | 3608 | } |
| | 3609 | |
| | 3610 | .comments-pagination .prev, |
| | 3611 | .comments-pagination .next { |
| | 3612 | display: block; |
| | 3613 | } |
| | 3614 | |
| | 3615 | .comments-pagination .prev { |
| | 3616 | left: 0; |
| | 3617 | } |
| | 3618 | |
| | 3619 | .comments-pagination .next { |
| | 3620 | right: 0; |
| | 3621 | text-align: right; |
| | 3622 | } |
| | 3623 | |
| | 3624 | |
| | 3625 | /* Comment Respond ---------------------------- */ |
| | 3626 | |
| | 3627 | .comment-respond::after { |
| | 3628 | clear: both; |
| | 3629 | content: ""; |
| | 3630 | display: block; |
| | 3631 | } |
| | 3632 | |
| | 3633 | .comment-respond .comment-notes, |
| | 3634 | .comment-respond .logged-in-as { |
| | 3635 | color: #6d6d6d; |
| | 3636 | font-size: 1.6rem; |
| | 3637 | line-height: 1.4; |
| | 3638 | margin: -3rem 0 4rem 0; |
| | 3639 | text-align: center; |
| | 3640 | } |
| | 3641 | |
| | 3642 | .comment-respond .comment-notes a, |
| | 3643 | .comment-respond .logged-in-as a { |
| | 3644 | color: inherit; |
| | 3645 | text-decoration: none; |
| | 3646 | } |
| | 3647 | |
| | 3648 | .comment-respond .comment-notes a:focus, |
| | 3649 | .comment-respond .comment-notes a:hover, |
| | 3650 | .comment-respond .logged-in-as a:focus, |
| | 3651 | .comment-respond .logged-in-as a:hover { |
| | 3652 | text-decoration: underline; |
| | 3653 | } |
| | 3654 | |
| | 3655 | .comment-respond p { |
| | 3656 | line-height: 1.1; |
| | 3657 | margin-bottom: 2rem; |
| | 3658 | margin-left: auto; |
| | 3659 | margin-right: auto; |
| | 3660 | } |
| | 3661 | |
| | 3662 | .comment-respond p:not(.comment-notes) { |
| | 3663 | max-width: 58rem; |
| | 3664 | } |
| | 3665 | |
| | 3666 | .comment-form-cookies-consent { |
| | 3667 | align-items: baseline; |
| | 3668 | display: flex; |
| | 3669 | } |
| | 3670 | |
| | 3671 | .comment-respond > p:last-of-type { |
| | 3672 | margin-bottom: 0; |
| | 3673 | } |
| | 3674 | |
| | 3675 | .comment-respond label { |
| | 3676 | display: block; |
| | 3677 | } |
| | 3678 | |
| | 3679 | .comment-respond input[type="checkbox"] + label { |
| | 3680 | font-size: 1.5rem; |
| | 3681 | line-height: 1.25; |
| | 3682 | } |
| | 3683 | |
| | 3684 | .comment-respond input[type="text"], |
| | 3685 | .comment-respond input[type="email"], |
| | 3686 | .comment-respond textarea { |
| | 3687 | margin-bottom: 0; |
| | 3688 | } |
| | 3689 | |
| | 3690 | .comment-respond textarea { |
| | 3691 | height: 15rem; |
| | 3692 | } |
| | 3693 | |
| | 3694 | .comment-respond #submit { |
| | 3695 | display: block; |
| | 3696 | } |
| | 3697 | |
| | 3698 | .comment-respond .comments-closed { |
| | 3699 | text-align: center; |
| | 3700 | } |
| | 3701 | |
| | 3702 | |
| | 3703 | /* Reply Respond ---------------------------- */ |
| | 3704 | |
| | 3705 | .comments .comment-respond { |
| | 3706 | padding: 3rem 0 0; |
| | 3707 | } |
| | 3708 | |
| | 3709 | .comments .comment-respond .comment-reply-title, |
| | 3710 | .comments .comment-respond .comment-notes, |
| | 3711 | .comments .comment-respond .logged-in-as { |
| | 3712 | text-align: left; |
| | 3713 | } |
| | 3714 | |
| | 3715 | .comment-reply-title small { |
| | 3716 | display: block; |
| | 3717 | font-size: 1.6rem; |
| | 3718 | font-weight: 600; |
| | 3719 | letter-spacing: -0.0277em; |
| | 3720 | margin: 0.5rem 0 0 0; |
| | 3721 | white-space: nowrap; |
| | 3722 | } |
| | 3723 | |
| | 3724 | .comment-reply-title small a { |
| | 3725 | text-decoration: none; |
| | 3726 | } |
| | 3727 | |
| | 3728 | .comment-reply-title small a:focus, |
| | 3729 | .comment-reply-title small a:hover { |
| | 3730 | text-decoration: underline; |
| | 3731 | } |
| | 3732 | |
| | 3733 | |
| | 3734 | /* -------------------------------------------------------------------------- */ |
| | 3735 | |
| | 3736 | /* 13. Site Pagination |
| | 3737 | /* -------------------------------------------------------------------------- */ |
| | 3738 | |
| | 3739 | |
| | 3740 | .pagination .nav-links { |
| | 3741 | align-items: baseline; |
| | 3742 | display: flex; |
| | 3743 | flex-wrap: wrap; |
| | 3744 | font-size: 1.8rem; |
| | 3745 | font-weight: 600; |
| | 3746 | margin: -1.5rem 0 0 -2.5rem; |
| | 3747 | width: calc(100% + 2.5rem); |
| | 3748 | } |
| | 3749 | |
| | 3750 | .pagination-separator { |
| | 3751 | margin: 5rem 0; |
| | 3752 | } |
| | 3753 | |
| | 3754 | .nav-links > * { |
| | 3755 | margin: 1.5rem 0 0 2.5rem; |
| | 3756 | } |
| | 3757 | |
| | 3758 | .nav-links .placeholder { |
| | 3759 | display: none; |
| | 3760 | visibility: hidden; |
| | 3761 | } |
| | 3762 | |
| | 3763 | .pagination a { |
| | 3764 | text-decoration: none; |
| | 3765 | } |
| | 3766 | |
| | 3767 | .pagination a:focus, |
| | 3768 | .pagination a:hover { |
| | 3769 | text-decoration: underline; |
| | 3770 | } |
| | 3771 | |
| | 3772 | .pagination .dots { |
| | 3773 | transform: translateY(-0.3em); |
| | 3774 | color: #6d6d6d; |
| | 3775 | } |
| | 3776 | |
| | 3777 | .nav-short { |
| | 3778 | display: none; |
| | 3779 | } |
| | 3780 | |
| | 3781 | /* -------------------------------------------------------------------------- */ |
| | 3782 | |
| | 3783 | /* 14. Error 404 |
| | 3784 | /* -------------------------------------------------------------------------- */ |
| | 3785 | |
| | 3786 | |
| | 3787 | .error404 #site-content { |
| | 3788 | padding-top: 4rem; |
| | 3789 | } |
| | 3790 | |
| | 3791 | .error404-content { |
| | 3792 | text-align: center; |
| | 3793 | } |
| | 3794 | |
| | 3795 | .error404 #site-content .search-form { |
| | 3796 | justify-content: center; |
| | 3797 | margin-top: 3rem; |
| | 3798 | } |
| | 3799 | |
| | 3800 | |
| | 3801 | /* -------------------------------------------------------------------------- */ |
| | 3802 | |
| | 3803 | /* 15. Widgets |
| | 3804 | /* -------------------------------------------------------------------------- */ |
| | 3805 | |
| | 3806 | |
| | 3807 | /* Widget Base ------------------------------- */ |
| | 3808 | |
| | 3809 | .widget { |
| | 3810 | margin-top: 3rem; |
| | 3811 | } |
| | 3812 | |
| | 3813 | .widget:first-child { |
| | 3814 | margin-top: 0; |
| | 3815 | } |
| | 3816 | |
| | 3817 | .widget-content > div > *:first-child { |
| | 3818 | margin-top: 0; |
| | 3819 | } |
| | 3820 | |
| | 3821 | .widget-content > div > *:last-child { |
| | 3822 | margin-bottom: 0; |
| | 3823 | } |
| | 3824 | |
| | 3825 | .widget .widget-title { |
| | 3826 | margin: 0 0 2rem; |
| | 3827 | } |
| | 3828 | |
| | 3829 | .widget li { |
| | 3830 | margin: 2rem 0 0 0; |
| | 3831 | } |
| | 3832 | |
| | 3833 | .widget li:first-child, |
| | 3834 | .widget li > ul, |
| | 3835 | .widget li > ol { |
| | 3836 | margin-top: 0; |
| | 3837 | } |
| | 3838 | |
| | 3839 | .widget table, |
| | 3840 | .widget table * { |
| | 3841 | border-color: #dedfdf; |
| | 3842 | } |
| | 3843 | |
| | 3844 | .widget table caption { |
| | 3845 | background-color: #dedfdf; |
| | 3846 | } |
| | 3847 | |
| | 3848 | .widget .post-date, |
| | 3849 | .widget .rss-date { |
| | 3850 | color: #6d6d6d; |
| | 3851 | display: block; |
| | 3852 | font-size: 0.85em; |
| | 3853 | font-weight: 500; |
| | 3854 | margin-top: 0.2rem; |
| | 3855 | } |
| | 3856 | |
| | 3857 | .widget select { |
| | 3858 | max-width: 100%; |
| | 3859 | } |
| | 3860 | |
| | 3861 | /* Font Families ----------------------------- */ |
| | 3862 | |
| | 3863 | .widget_text p, |
| | 3864 | .widget_text ol, |
| | 3865 | .widget_text ul, |
| | 3866 | .widget_text dl, |
| | 3867 | .widget_text dt, |
| | 3868 | .widget-content .rssSummary { |
| | 3869 | font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif; |
| | 3870 | letter-spacing: normal; |
| | 3871 | } |
| | 3872 | |
| | 3873 | .widget-content cite, |
| | 3874 | .widget-content figcaption, |
| | 3875 | .widget-content .wp-caption-text { |
| | 3876 | font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 3877 | } |
| | 3878 | |
| | 3879 | @supports ( font-variation-settings: normal ) { |
| | 3880 | |
| | 3881 | .widget-content cite, |
| | 3882 | .widget-content figcaption, |
| | 3883 | .widget-content .wp-caption-text { |
| | 3884 | font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; |
| | 3885 | } |
| | 3886 | } |
| | 3887 | |
| | 3888 | /* Base List Widget -------------------------- */ |
| | 3889 | |
| | 3890 | .widget_archive ul, |
| | 3891 | .widget_categories ul, |
| | 3892 | .widget_pages ul, |
| | 3893 | .widget_meta ul, |
| | 3894 | .widget_nav_menu ul, |
| | 3895 | .widget_recent_comments ul, |
| | 3896 | .widget_recent_entries ul, |
| | 3897 | .widget_rss ul { |
| | 3898 | list-style: none; |
| | 3899 | margin: 0; |
| | 3900 | } |
| | 3901 | |
| | 3902 | .widget_archive li, |
| | 3903 | .widget_categories li, |
| | 3904 | .widget_pages li, |
| | 3905 | .widget_meta li, |
| | 3906 | .widget_nav_menu li { |
| | 3907 | color: #6d6d6d; |
| | 3908 | margin: 0.3rem 0; |
| | 3909 | } |
| | 3910 | |
| | 3911 | .widget_archive li li, |
| | 3912 | .widget_categories li li, |
| | 3913 | .widget_pages li li, |
| | 3914 | .widget_meta li li, |
| | 3915 | .widget_nav_menu li li { |
| | 3916 | margin-left: 2rem; |
| | 3917 | } |
| | 3918 | |
| | 3919 | .widget_archive a, |
| | 3920 | .widget_categories a, |
| | 3921 | .widget_pages a, |
| | 3922 | .widget_meta a, |
| | 3923 | .widget_nav_menu a { |
| | 3924 | font-weight: 700; |
| | 3925 | text-decoration: none; |
| | 3926 | } |
| | 3927 | |
| | 3928 | .widget_archive a:focus, |
| | 3929 | .widget_archive a:hover, |
| | 3930 | .widget_categories a:focus, |
| | 3931 | .widget_categories a:hover, |
| | 3932 | .widget_pages a:focus, |
| | 3933 | .widget_pages a:hover, |
| | 3934 | .widget_meta a:focus, |
| | 3935 | .widget_meta a:hover, |
| | 3936 | .widget_nav_menu a:focus, |
| | 3937 | .widget_nav_menu a:hover { |
| | 3938 | text-decoration: underline; |
| | 3939 | } |
| | 3940 | |
| | 3941 | /* Widget: Calendar -------------------------- */ |
| | 3942 | |
| | 3943 | .calendar_wrap { |
| | 3944 | font-size: 2.4rem; |
| | 3945 | } |
| | 3946 | |
| | 3947 | .calendar_wrap th, |
| | 3948 | .calendar_wrap td { |
| | 3949 | font-size: 1em; |
| | 3950 | font-weight: 500; |
| | 3951 | line-height: 1; |
| | 3952 | padding: 2.5% 2.5% 1.75% 2.5%; |
| | 3953 | text-align: center; |
| | 3954 | } |
| | 3955 | |
| | 3956 | .calendar_wrap tfoot td { |
| | 3957 | border-bottom: none; |
| | 3958 | } |
| | 3959 | |
| | 3960 | .calendar_wrap tfoot a { |
| | 3961 | text-decoration: none; |
| | 3962 | } |
| | 3963 | |
| | 3964 | .calendar_wrap tfoot #prev { |
| | 3965 | text-align: left; |
| | 3966 | } |
| | 3967 | |
| | 3968 | .calendar_wrap tfoot #next { |
| | 3969 | text-align: right; |
| | 3970 | } |
| | 3971 | |
| | 3972 | /* Widget: Image ----------------------------- */ |
| | 3973 | |
| | 3974 | /* Widget: Gallery --------------------------- */ |
| | 3975 | |
| | 3976 | .widget_media_gallery .gallery { |
| | 3977 | margin: 0 -0.4em -0.8em -0.4em; |
| | 3978 | width: calc(100% + 0.8em); |
| | 3979 | } |
| | 3980 | |
| | 3981 | .widget_media_gallery .gallery-item { |
| | 3982 | margin: 0 0 0.8em 0; |
| | 3983 | padding: 0 0.4em; |
| | 3984 | } |
| | 3985 | |
| | 3986 | /* Widget: Nav Menu -------------------------- */ |
| | 3987 | |
| | 3988 | .widget_nav_menu .widget-content > div > ul { |
| | 3989 | margin-left: 0; |
| | 3990 | } |
| | 3991 | |
| | 3992 | /* Widget: Recent Comments ------------------- */ |
| | 3993 | |
| | 3994 | .widget_recent_comments li { |
| | 3995 | font-weight: 700; |
| | 3996 | } |
| | 3997 | |
| | 3998 | .widget_recent_comments a { |
| | 3999 | text-decoration: none; |
| | 4000 | } |
| | 4001 | |
| | 4002 | .widget_recent_comments a:focus, |
| | 4003 | .widget_recent_comments a:hover { |
| | 4004 | text-decoration: underline; |
| | 4005 | } |
| | 4006 | |
| | 4007 | /* Widget: Recent Entries -------------------- */ |
| | 4008 | |
| | 4009 | .widget_recent_entries a { |
| | 4010 | font-weight: 700; |
| | 4011 | text-decoration: none; |
| | 4012 | } |
| | 4013 | |
| | 4014 | .widget_recent_entries a:focus, |
| | 4015 | .widget_recent_entries a:hover { |
| | 4016 | text-decoration: underline; |
| | 4017 | } |
| | 4018 | |
| | 4019 | /* Widget: RSS ------------------------------- */ |
| | 4020 | |
| | 4021 | .widget_rss a.rsswidget:first-of-type { |
| | 4022 | display: none; |
| | 4023 | } |
| | 4024 | |
| | 4025 | .widget_rss .rsswidget { |
| | 4026 | font-weight: 700; |
| | 4027 | } |
| | 4028 | |
| | 4029 | .widget_rss a { |
| | 4030 | text-decoration: none; |
| | 4031 | } |
| | 4032 | |
| | 4033 | .widget_rss a:focus, |
| | 4034 | .widget_rss a:hover { |
| | 4035 | text-decoration: underline; |
| | 4036 | } |
| | 4037 | |
| | 4038 | .widget_rss .rssSummary { |
| | 4039 | margin-top: 0.5rem; |
| | 4040 | } |
| | 4041 | |
| | 4042 | .widget_rss cite::before { |
| | 4043 | content: "— "; |
| | 4044 | } |
| | 4045 | |
| | 4046 | /* Widget: Search ---------------------------- */ |
| | 4047 | |
| | 4048 | .widget_search .search-field { |
| | 4049 | border-color: #dedfdf; |
| | 4050 | } |
| | 4051 | |
| | 4052 | /* Widget: Tag Cloud ------------------------- */ |
| | 4053 | |
| | 4054 | .widget_tag_cloud a { |
| | 4055 | font-weight: 700; |
| | 4056 | margin-right: 0.5rem; |
| | 4057 | text-decoration: none; |
| | 4058 | white-space: nowrap; |
| | 4059 | } |
| | 4060 | |
| | 4061 | .widget_tag_cloud a:focus, |
| | 4062 | .widget_tag_cloud a:hover { |
| | 4063 | text-decoration: underline; |
| | 4064 | } |
| | 4065 | |
| | 4066 | /* Widget: Text ------------------------------ */ |
| | 4067 | |
| | 4068 | |
| | 4069 | /* -------------------------------------------------------------------------- */ |
| | 4070 | |
| | 4071 | /* 16. Site Footer |
| | 4072 | /* -------------------------------------------------------------------------- */ |
| | 4073 | |
| | 4074 | |
| | 4075 | .footer-nav-widgets-wrapper, |
| | 4076 | #site-footer { |
| | 4077 | background-color: #fff; |
| | 4078 | border-color: #dedfdf; |
| | 4079 | border-style: solid; |
| | 4080 | border-width: 0; |
| | 4081 | } |
| | 4082 | |
| | 4083 | .footer-top-visible .footer-nav-widgets-wrapper, |
| | 4084 | .footer-top-hidden #site-footer { |
| | 4085 | margin-top: 5rem; |
| | 4086 | } |
| | 4087 | |
| | 4088 | .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, |
| | 4089 | .reduced-spacing.footer-top-hidden #site-footer { |
| | 4090 | border-top-width: 0.1rem; |
| | 4091 | } |
| | 4092 | |
| | 4093 | .footer-top, |
| | 4094 | .footer-widgets-outer-wrapper, |
| | 4095 | #site-footer { |
| | 4096 | padding: 3rem 0; |
| | 4097 | } |
| | 4098 | |
| | 4099 | |
| | 4100 | /* Footer Top -------------------------------- */ |
| | 4101 | |
| | 4102 | .footer-top { |
| | 4103 | display: flex; |
| | 4104 | border-bottom: 0.1rem solid #dedfdf; |
| | 4105 | justify-content: space-between; |
| | 4106 | } |
| | 4107 | |
| | 4108 | /* FOOTER MENU */ |
| | 4109 | |
| | 4110 | .footer-menu { |
| | 4111 | font-size: 1.8rem; |
| | 4112 | font-weight: 700; |
| | 4113 | letter-spacing: -0.0277em; |
| | 4114 | } |
| | 4115 | |
| | 4116 | .footer-menu li { |
| | 4117 | line-height: 1.25; |
| | 4118 | margin: 0.25em 0 0 0; |
| | 4119 | } |
| | 4120 | |
| | 4121 | .footer-menu a { |
| | 4122 | text-decoration: none; |
| | 4123 | } |
| | 4124 | |
| | 4125 | .footer-menu a:hover, |
| | 4126 | .footer-menu a:focus { |
| | 4127 | text-decoration: underline; |
| | 4128 | } |
| | 4129 | |
| | 4130 | /* FOOTER SOCIAL */ |
| | 4131 | |
| | 4132 | .footer-social-wrapper { |
| | 4133 | margin: 0; |
| | 4134 | width: 100%; |
| | 4135 | } |
| | 4136 | |
| | 4137 | .has-footer-menu .footer-social-wrapper { |
| | 4138 | flex-shrink: 0; |
| | 4139 | margin-left: 1rem; |
| | 4140 | width: 50%; |
| | 4141 | } |
| | 4142 | |
| | 4143 | ul.footer-social { |
| | 4144 | margin: -0.5rem 0 0 -0.5rem; |
| | 4145 | } |
| | 4146 | |
| | 4147 | .has-footer-menu .footer-social { |
| | 4148 | justify-content: flex-end; |
| | 4149 | } |
| | 4150 | |
| | 4151 | ul.footer-social li { |
| | 4152 | margin: 0.5rem 0 0 0.5rem; |
| | 4153 | } |
| | 4154 | |
| | 4155 | .footer-social a { |
| | 4156 | background-color: #cd2653; |
| | 4157 | height: 3.6rem; |
| | 4158 | width: 3.6rem; |
| | 4159 | } |
| | 4160 | |
| | 4161 | .footer-social a::before { |
| | 4162 | font-size: 1.6rem; |
| | 4163 | } |
| | 4164 | |
| | 4165 | /* Footer Widgets ---------------------------- */ |
| | 4166 | |
| | 4167 | .footer-widgets-outer-wrapper { |
| | 4168 | border-bottom: 0.1rem solid #dedfdf; |
| | 4169 | } |
| | 4170 | |
| | 4171 | .footer-widgets + .footer-widgets { |
| | 4172 | margin-top: 3rem; |
| | 4173 | } |
| | 4174 | |
| | 4175 | /* Footer Bottom ----------------------------- */ |
| | 4176 | |
| | 4177 | #site-footer { |
| | 4178 | font-size: 1.6rem; |
| | 4179 | } |
| | 4180 | |
| | 4181 | #site-footer .section-inner { |
| | 4182 | align-items: baseline; |
| | 4183 | display: flex; |
| | 4184 | justify-content: space-between; |
| | 4185 | } |
| | 4186 | |
| | 4187 | #site-footer a { |
| | 4188 | text-decoration: none; |
| | 4189 | } |
| | 4190 | |
| | 4191 | #site-footer a:focus, |
| | 4192 | #site-footer a:hover { |
| | 4193 | text-decoration: underline; |
| | 4194 | } |
| | 4195 | |
| | 4196 | .footer-copyright a, |
| | 4197 | .powered-by-wordpress a { |
| | 4198 | color: inherit; |
| | 4199 | } |
| | 4200 | |
| | 4201 | .powered-by-wordpress, |
| | 4202 | .to-the-top { |
| | 4203 | color: #6d6d6d; |
| | 4204 | } |
| | 4205 | |
| | 4206 | a.to-the-top > * { |
| | 4207 | pointer-events: none; |
| | 4208 | } |
| | 4209 | |
| | 4210 | .footer-copyright { |
| | 4211 | font-weight: 600; |
| | 4212 | margin: 0; |
| | 4213 | } |
| | 4214 | |
| | 4215 | .powered-by-wordpress { |
| | 4216 | display: none; |
| | 4217 | margin: 0 0 0 2.4rem; |
| | 4218 | } |
| | 4219 | |
| | 4220 | .to-the-top-long { |
| | 4221 | display: none; |
| | 4222 | } |
| | 4223 | |
| | 4224 | |
| | 4225 | /* -------------------------------------------------------------------------- */ |
| | 4226 | |
| | 4227 | /* 17. Media Queries |
| | 4228 | /* -------------------------------------------------------------------------- */ |
| | 4229 | |
| | 4230 | @media ( max-width: 479px ) { |
| | 4231 | |
| | 4232 | /* Blocks -------------------------------- */ |
| | 4233 | |
| | 4234 | .wp-block-pullquote.alignleft, |
| | 4235 | .wp-block-pullquote.alignright { |
| | 4236 | float: none; |
| | 4237 | margin: 3rem 0; |
| | 4238 | } |
| | 4239 | |
| | 4240 | .wp-block-pullquote.alignleft:first-child, |
| | 4241 | .wp-block-pullquote.alignright:first-child { |
| | 4242 | margin-top: 0; |
| | 4243 | } |
| | 4244 | |
| | 4245 | .wp-block-pullquote.alignleft:last-child, |
| | 4246 | .wp-block-pullquote.alignright:last-child { |
| | 4247 | margin-bottom: 0; |
| | 4248 | } |
| | 4249 | |
| | 4250 | /* Entry Content ------------------------- */ |
| | 4251 | |
| | 4252 | /* LISTS */ |
| | 4253 | |
| | 4254 | ul, |
| | 4255 | ol { |
| | 4256 | margin: 0 0 3rem 2rem; |
| | 4257 | } |
| | 4258 | |
| | 4259 | li { |
| | 4260 | margin: 0.5rem 0 0 1rem; |
| | 4261 | } |
| | 4262 | } |
| | 4263 | |
| | 4264 | @media ( min-width: 480px ) { |
| | 4265 | |
| | 4266 | /* Blocks -------------------------------- */ |
| | 4267 | |
| | 4268 | /* BLOCK: BASE ALIGNMENT WIDTH */ |
| | 4269 | |
| | 4270 | .wp-block-pullquote.alignleft, |
| | 4271 | .wp-block-pullquote.alignright, |
| | 4272 | .wp-block-cover-image.alignleft, |
| | 4273 | .wp-block-cover-image.alignright, |
| | 4274 | .wp-block-cover.alignleft, |
| | 4275 | .wp-block-cover.alignright, |
| | 4276 | .wp-block-embed.alignleft, |
| | 4277 | .wp-block-embed.alignright, |
| | 4278 | .wp-block-gallery.alignleft, |
| | 4279 | .wp-block-gallery.alignright { |
| | 4280 | max-width: 26rem; |
| | 4281 | } |
| | 4282 | |
| | 4283 | /* Entry Content ------------------------- */ |
| | 4284 | |
| | 4285 | /* ALIGNMENT CLASSES */ |
| | 4286 | |
| | 4287 | .alignleft, |
| | 4288 | .alignright { |
| | 4289 | max-width: 26rem; |
| | 4290 | } |
| | 4291 | } |
| | 4292 | |
| | 4293 | @media ( max-width: 599px ) { |
| | 4294 | |
| | 4295 | /* Blocks -------------------------------- */ |
| | 4296 | |
| | 4297 | /* BLOCK: COLUMNS */ |
| | 4298 | |
| | 4299 | /* While columns are stacked */ |
| | 4300 | .wp-block-column:last-child { |
| | 4301 | margin-bottom: 0; |
| | 4302 | } |
| | 4303 | |
| | 4304 | .wp-block-columns + .wp-block-columns { |
| | 4305 | margin-top: 0.2rem; |
| | 4306 | } |
| | 4307 | |
| | 4308 | .wp-block-columns.alignwide + .wp-block-columns.alignwide { |
| | 4309 | margin-top: -0.8rem; |
| | 4310 | } |
| | 4311 | |
| | 4312 | .wp-block-columns.alignfull + .wp-block-columns.alignfull { |
| | 4313 | margin-top: -1.8rem; |
| | 4314 | } |
| | 4315 | |
| | 4316 | } |
| | 4317 | |
| | 4318 | @media ( min-width: 600px ) { |
| | 4319 | |
| | 4320 | /* Blocks -------------------------------- */ |
| | 4321 | |
| | 4322 | /* BLOCK: COLUMNS */ |
| | 4323 | |
| | 4324 | .wp-block-columns.alignwide + .wp-block-columns.alignwide, |
| | 4325 | .wp-block-columns.alignfull + .wp-block-columns.alignfull { |
| | 4326 | margin-top: -4rem; |
| | 4327 | } |
| | 4328 | |
| | 4329 | } |
| | 4330 | |
| | 4331 | @media ( max-width: 599px ) { |
| | 4332 | |
| | 4333 | /* Blocks -------------------------------- */ |
| | 4334 | |
| | 4335 | /* BLOCK: COLUMNS */ |
| | 4336 | |
| | 4337 | .alignfull .wp-block-column > p:not(.has-background-color), |
| | 4338 | .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { |
| | 4339 | max-width: calc(100% - 4rem); |
| | 4340 | margin: auto; |
| | 4341 | } |
| | 4342 | } |
| | 4343 | |
| | 4344 | @media ( min-width: 600px ) { |
| | 4345 | |
| | 4346 | /* Blocks -------------------------------- */ |
| | 4347 | |
| | 4348 | /* BLOCK: COLUMNS */ |
| | 4349 | |
| | 4350 | .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color), |
| | 4351 | .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { |
| | 4352 | padding-left: 2rem; |
| | 4353 | } |
| | 4354 | |
| | 4355 | .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color), |
| | 4356 | .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { |
| | 4357 | padding-right: 2rem; |
| | 4358 | } |
| | 4359 | } |
| | 4360 | |
| | 4361 | @media ( min-width: 660px ) { |
| | 4362 | |
| | 4363 | /* Blocks -------------------------------- */ |
| | 4364 | |
| | 4365 | /* BLOCK: GALLERY */ |
| | 4366 | |
| | 4367 | figure.wp-block-gallery.alignleft { |
| | 4368 | |
| | 4369 | /*rtl:ignore*/ |
| | 4370 | margin-left: calc(( 100vw - 58rem - 8rem ) / -2); |
| | 4371 | } |
| | 4372 | |
| | 4373 | figure.wp-block-gallery.alignright { |
| | 4374 | |
| | 4375 | /*rtl:ignore*/ |
| | 4376 | margin-right: calc(( 100vw - 58rem - 8rem ) / -2); |
| | 4377 | } |
| | 4378 | |
| | 4379 | /* Entry Content ------------------------- */ |
| | 4380 | |
| | 4381 | /* ALIGNMENT CLASSES */ |
| | 4382 | |
| | 4383 | .entry-content .alignleft { |
| | 4384 | |
| | 4385 | /*rtl:ignore*/ |
| | 4386 | margin-left: calc(( 100vw - 58rem - 8rem ) / -2); |
| | 4387 | } |
| | 4388 | |
| | 4389 | .entry-content .alignright { |
| | 4390 | |
| | 4391 | /*rtl:ignore*/ |
| | 4392 | margin-right: calc(( 100vw - 58rem - 8rem ) / -2); |
| | 4393 | } |
| | 4394 | |
| | 4395 | } |
| | 4396 | |
| | 4397 | @media ( min-width: 700px ) { |
| | 4398 | |
| | 4399 | /* Element Base ------------------------- */ |
| | 4400 | |
| | 4401 | ul, |
| | 4402 | ol { |
| | 4403 | margin-bottom: 4rem; |
| | 4404 | } |
| | 4405 | |
| | 4406 | pre { |
| | 4407 | padding: 3rem; |
| | 4408 | } |
| | 4409 | |
| | 4410 | hr { |
| | 4411 | margin: 8rem 0; |
| | 4412 | } |
| | 4413 | |
| | 4414 | table { |
| | 4415 | font-size: 1.8rem; |
| | 4416 | } |
| | 4417 | |
| | 4418 | /* VANILLA GALLERIES */ |
| | 4419 | |
| | 4420 | .gallery-columns-2 .gallery-item { |
| | 4421 | max-width: 50%; |
| | 4422 | } |
| | 4423 | |
| | 4424 | .gallery-columns-3 .gallery-item { |
| | 4425 | max-width: 33.33%; |
| | 4426 | } |
| | 4427 | |
| | 4428 | .gallery-columns-4 .gallery-item { |
| | 4429 | max-width: 25%; |
| | 4430 | } |
| | 4431 | |
| | 4432 | .gallery-columns-5 .gallery-item { |
| | 4433 | max-width: 20%; |
| | 4434 | } |
| | 4435 | |
| | 4436 | .gallery-columns-6 .gallery-item { |
| | 4437 | max-width: 16.66%; |
| | 4438 | } |
| | 4439 | |
| | 4440 | .gallery-columns-7 .gallery-item { |
| | 4441 | max-width: 14.28%; |
| | 4442 | } |
| | 4443 | |
| | 4444 | .gallery-columns-8 .gallery-item { |
| | 4445 | max-width: 12.5%; |
| | 4446 | } |
| | 4447 | |
| | 4448 | .gallery-columns-9 .gallery-item { |
| | 4449 | max-width: 11.11%; |
| | 4450 | } |
| | 4451 | |
| | 4452 | /* TITLES */ |
| | 4453 | |
| | 4454 | h1, |
| | 4455 | .heading-size-1, |
| | 4456 | h2, |
| | 4457 | .heading-size-2, |
| | 4458 | h3, |
| | 4459 | .heading-size-3 { |
| | 4460 | margin: 6rem 0 3rem; |
| | 4461 | } |
| | 4462 | |
| | 4463 | h4, |
| | 4464 | .heading-size-4, |
| | 4465 | h5, |
| | 4466 | .heading-size-5, |
| | 4467 | h6, |
| | 4468 | .heading-size-6 { |
| | 4469 | margin: 4.5rem 0 2.5rem; |
| | 4470 | } |
| | 4471 | |
| | 4472 | h1, |
| | 4473 | .heading-size-1 { |
| | 4474 | font-size: 6.4rem; |
| | 4475 | } |
| | 4476 | |
| | 4477 | h2, |
| | 4478 | .heading-size-2 { |
| | 4479 | font-size: 4.8rem; |
| | 4480 | } |
| | 4481 | |
| | 4482 | h3, |
| | 4483 | .heading-size-3 { |
| | 4484 | font-size: 4rem; |
| | 4485 | } |
| | 4486 | |
| | 4487 | h4, |
| | 4488 | .heading-size-4 { |
| | 4489 | font-size: 3.2rem; |
| | 4490 | } |
| | 4491 | |
| | 4492 | h5, |
| | 4493 | .heading-size-5 { |
| | 4494 | font-size: 2.4rem; |
| | 4495 | } |
| | 4496 | |
| | 4497 | h6, |
| | 4498 | .heading-size-6 { |
| | 4499 | font-size: 1.8rem; |
| | 4500 | } |
| | 4501 | |
| | 4502 | /* INPUTS */ |
| | 4503 | |
| | 4504 | fieldset { |
| | 4505 | padding: 3rem; |
| | 4506 | } |
| | 4507 | |
| | 4508 | legend { |
| | 4509 | padding: 0 1.5rem; |
| | 4510 | } |
| | 4511 | |
| | 4512 | button, |
| | 4513 | .button, |
| | 4514 | .faux-button, |
| | 4515 | .wp-block-button__link, |
| | 4516 | input[type="button"], |
| | 4517 | input[type="reset"], |
| | 4518 | input[type="submit"] { |
| | 4519 | font-size: 1.7rem; |
| | 4520 | } |
| | 4521 | |
| | 4522 | /* MEDIA */ |
| | 4523 | |
| | 4524 | figcaption, |
| | 4525 | .wp-caption-text { |
| | 4526 | margin-top: 1.8rem; |
| | 4527 | } |
| | 4528 | |
| | 4529 | |
| | 4530 | /* Helper Classes ------------------------- */ |
| | 4531 | |
| | 4532 | /* SECTIONS */ |
| | 4533 | |
| | 4534 | section { |
| | 4535 | padding: 8rem 0; |
| | 4536 | } |
| | 4537 | |
| | 4538 | .section-inner { |
| | 4539 | width: calc(100% - 8rem); |
| | 4540 | } |
| | 4541 | |
| | 4542 | |
| | 4543 | /* Site Header --------------------------- */ |
| | 4544 | |
| | 4545 | .header-inner { |
| | 4546 | padding: 3.8rem 0; |
| | 4547 | } |
| | 4548 | |
| | 4549 | .site-title { |
| | 4550 | font-size: 2.4rem; |
| | 4551 | font-weight: 700; |
| | 4552 | } |
| | 4553 | |
| | 4554 | .site-description { |
| | 4555 | display: block; |
| | 4556 | } |
| | 4557 | |
| | 4558 | .site-logo img { |
| | 4559 | max-height: 9rem; |
| | 4560 | transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; |
| | 4561 | } |
| | 4562 | |
| | 4563 | /* HEADER TOGGLES */ |
| | 4564 | |
| | 4565 | .toggle-inner .toggle-text { |
| | 4566 | font-size: 1.2rem; |
| | 4567 | } |
| | 4568 | |
| | 4569 | .search-toggle { |
| | 4570 | left: 2rem; |
| | 4571 | } |
| | 4572 | |
| | 4573 | .nav-toggle { |
| | 4574 | right: 2rem; |
| | 4575 | } |
| | 4576 | |
| | 4577 | |
| | 4578 | /* Menu Modal ---------------------------- */ |
| | 4579 | |
| | 4580 | button.close-nav-toggle { |
| | 4581 | font-size: 1.8rem; |
| | 4582 | padding: 4rem 0; |
| | 4583 | } |
| | 4584 | |
| | 4585 | button.close-nav-toggle svg { |
| | 4586 | height: 2rem; |
| | 4587 | width: 2rem; |
| | 4588 | } |
| | 4589 | |
| | 4590 | button.close-nav-toggle .toggle-text { |
| | 4591 | margin-right: 2.1rem; |
| | 4592 | } |
| | 4593 | |
| | 4594 | .modal-menu { |
| | 4595 | left: auto; |
| | 4596 | width: 100%; |
| | 4597 | } |
| | 4598 | |
| | 4599 | .modal-menu > li > a, |
| | 4600 | .modal-menu > li > .ancestor-wrapper > a { |
| | 4601 | font-size: 2.4rem; |
| | 4602 | padding: 2.5rem 0; |
| | 4603 | } |
| | 4604 | |
| | 4605 | .modal-menu ul li { |
| | 4606 | border-left-color: transparent; |
| | 4607 | } |
| | 4608 | |
| | 4609 | .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { |
| | 4610 | padding: 0 3rem; |
| | 4611 | } |
| | 4612 | |
| | 4613 | .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { |
| | 4614 | height: 1.1rem; |
| | 4615 | width: 1.8rem; |
| | 4616 | } |
| | 4617 | |
| | 4618 | .menu-bottom { |
| | 4619 | align-items: center; |
| | 4620 | display: flex; |
| | 4621 | justify-content: space-between; |
| | 4622 | padding: 4.4rem 0; |
| | 4623 | } |
| | 4624 | |
| | 4625 | .menu-copyright { |
| | 4626 | display: block; |
| | 4627 | flex-shrink: 0; |
| | 4628 | margin-right: 4rem; |
| | 4629 | } |
| | 4630 | |
| | 4631 | /* Modal Search Form ------------------------- */ |
| | 4632 | |
| | 4633 | .search-modal form { |
| | 4634 | position: relative; |
| | 4635 | width: 100%; |
| | 4636 | } |
| | 4637 | |
| | 4638 | .search-untoggle svg { |
| | 4639 | height: 2.5rem; |
| | 4640 | width: 2.5rem; |
| | 4641 | } |
| | 4642 | |
| | 4643 | .search-modal .search-field { |
| | 4644 | border: none; |
| | 4645 | font-size: 3.2rem; |
| | 4646 | height: 14rem; |
| | 4647 | } |
| | 4648 | |
| | 4649 | .search-modal .search-field::-moz-placeholder { |
| | 4650 | line-height: 4.375; |
| | 4651 | } |
| | 4652 | |
| | 4653 | /* Sub Page ------------------------------ */ |
| | 4654 | |
| | 4655 | /* FEATURED MEDIA */ |
| | 4656 | |
| | 4657 | .featured-media figcaption { |
| | 4658 | margin: 2rem auto 0 auto; |
| | 4659 | width: calc(100% - 8rem); |
| | 4660 | } |
| | 4661 | |
| | 4662 | /* Template: Cover Template -------------- */ |
| | 4663 | |
| | 4664 | .cover-header-inner { |
| | 4665 | padding: 18rem 0 8rem 0; |
| | 4666 | } |
| | 4667 | |
| | 4668 | .to-the-content-wrapper { |
| | 4669 | top: calc(100% + 1.8rem); |
| | 4670 | } |
| | 4671 | |
| | 4672 | .to-the-content { |
| | 4673 | height: 6rem; |
| | 4674 | } |
| | 4675 | |
| | 4676 | .to-the-content svg { |
| | 4677 | height: 2.4rem; |
| | 4678 | width: 2.12rem; |
| | 4679 | } |
| | 4680 | |
| | 4681 | /* Post: Archive ------------------------- */ |
| | 4682 | |
| | 4683 | .archive-header { |
| | 4684 | padding: 8rem 0; |
| | 4685 | } |
| | 4686 | |
| | 4687 | .reduced-spacing .archive-header { |
| | 4688 | padding-bottom: 3rem; |
| | 4689 | } |
| | 4690 | |
| | 4691 | .archive-title { |
| | 4692 | font-size: 3.2rem; |
| | 4693 | } |
| | 4694 | |
| | 4695 | body:not(.singular) main > article:first-of-type { |
| | 4696 | padding: 8rem 0 0; |
| | 4697 | } |
| | 4698 | |
| | 4699 | h2.entry-title { |
| | 4700 | font-size: 6.4rem; |
| | 4701 | } |
| | 4702 | |
| | 4703 | /* SEARCH RESULTS */ |
| | 4704 | |
| | 4705 | .no-search-results-form { |
| | 4706 | padding-top: 8rem; |
| | 4707 | } |
| | 4708 | |
| | 4709 | /* Post: Single -------------------------- */ |
| | 4710 | |
| | 4711 | /* POST HEADER */ |
| | 4712 | |
| | 4713 | .singular .entry-header { |
| | 4714 | padding: 8rem 0; |
| | 4715 | } |
| | 4716 | |
| | 4717 | .entry-categories { |
| | 4718 | margin-bottom: 3rem; |
| | 4719 | } |
| | 4720 | |
| | 4721 | .entry-categories-inner { |
| | 4722 | margin: -1rem 0 0 -2rem; |
| | 4723 | } |
| | 4724 | |
| | 4725 | .entry-categories a { |
| | 4726 | font-size: 1.5rem; |
| | 4727 | margin: 1rem 0 0 2rem; |
| | 4728 | } |
| | 4729 | |
| | 4730 | .intro-text { |
| | 4731 | font-size: 2rem; |
| | 4732 | margin-top: 2.5rem; |
| | 4733 | } |
| | 4734 | |
| | 4735 | .singular .intro-text { |
| | 4736 | font-size: 2.6rem; |
| | 4737 | } |
| | 4738 | |
| | 4739 | .post-meta-wrapper { |
| | 4740 | margin-top: 3rem; |
| | 4741 | } |
| | 4742 | |
| | 4743 | .post-meta { |
| | 4744 | font-size: 1.6rem; |
| | 4745 | margin: -1.4rem 0 0 -3rem; |
| | 4746 | } |
| | 4747 | |
| | 4748 | .post-meta li { |
| | 4749 | margin: 1.4rem 0 0 3rem; |
| | 4750 | max-width: calc(100% - 3rem); |
| | 4751 | } |
| | 4752 | |
| | 4753 | .featured-media { |
| | 4754 | margin-top: 6rem; |
| | 4755 | } |
| | 4756 | |
| | 4757 | .post-inner { |
| | 4758 | padding-top: 8rem; |
| | 4759 | } |
| | 4760 | |
| | 4761 | /* POST FOOTER */ |
| | 4762 | |
| | 4763 | .post-meta-wrapper.post-meta-single-bottom { |
| | 4764 | margin-top: 4rem; |
| | 4765 | } |
| | 4766 | |
| | 4767 | /* AUTHOR BIO */ |
| | 4768 | |
| | 4769 | .author-bio { |
| | 4770 | margin-top: 8rem; |
| | 4771 | min-height: 8rem; |
| | 4772 | padding-left: 10rem; |
| | 4773 | position: relative; |
| | 4774 | } |
| | 4775 | |
| | 4776 | .author-bio .avatar { |
| | 4777 | position: absolute; |
| | 4778 | left: 0; |
| | 4779 | top: 0; |
| | 4780 | height: 8rem; |
| | 4781 | width: 8rem; |
| | 4782 | } |
| | 4783 | |
| | 4784 | /* SINGLE PAGINATION */ |
| | 4785 | |
| | 4786 | .pagination-single { |
| | 4787 | font-size: 2.4rem; |
| | 4788 | margin-top: 8rem; |
| | 4789 | } |
| | 4790 | |
| | 4791 | .pagination-single-inner { |
| | 4792 | flex-direction: row; |
| | 4793 | justify-content: space-between; |
| | 4794 | } |
| | 4795 | |
| | 4796 | .pagination-single.only-next .pagination-single-inner { |
| | 4797 | justify-content: flex-end; |
| | 4798 | } |
| | 4799 | |
| | 4800 | .pagination-single hr:first-child { |
| | 4801 | margin: 0 0 4rem 0; |
| | 4802 | } |
| | 4803 | |
| | 4804 | .pagination-single hr:last-child { |
| | 4805 | margin: 4rem 0 0 0; |
| | 4806 | } |
| | 4807 | |
| | 4808 | .pagination-single a + a { |
| | 4809 | margin: 0 0 0 4rem; |
| | 4810 | } |
| | 4811 | |
| | 4812 | .pagination-single a .arrow { |
| | 4813 | margin: 0 2rem 0 0; |
| | 4814 | } |
| | 4815 | |
| | 4816 | .pagination-single .next-post { |
| | 4817 | flex-direction: row-reverse; |
| | 4818 | text-align: right; |
| | 4819 | } |
| | 4820 | |
| | 4821 | .pagination-single .next-post .arrow { |
| | 4822 | margin: 0 0 0 2rem; |
| | 4823 | } |
| | 4824 | |
| | 4825 | /* Blocks -------------------------------- */ |
| | 4826 | |
| | 4827 | /* BLOCK: SHARED MEDIA STYLES */ |
| | 4828 | |
| | 4829 | .wp-block-embed figcaption, |
| | 4830 | .wp-block-image figcaption { |
| | 4831 | font-size: 1.6rem; |
| | 4832 | } |
| | 4833 | |
| | 4834 | /* BLOCK: BASE MARGINS */ |
| | 4835 | |
| | 4836 | .wp-block-archives, |
| | 4837 | .wp-block-categories, |
| | 4838 | .wp-block-code, |
| | 4839 | .wp-block-columns, |
| | 4840 | .wp-block-cover, |
| | 4841 | .wp-block-embed, |
| | 4842 | .wp-block-gallery, |
| | 4843 | .wp-block-group, |
| | 4844 | .wp-block-latest-comments, |
| | 4845 | .wp-block-latest-posts, |
| | 4846 | .wp-block-media-text, |
| | 4847 | .wp-block-preformatted, |
| | 4848 | .wp-block-pullquote, |
| | 4849 | .wp-block-quote, |
| | 4850 | .wp-block-quote.is-large, |
| | 4851 | .wp-block-quote.is-style-large, |
| | 4852 | .wp-block-verse, |
| | 4853 | .wp-block-video { |
| | 4854 | margin-bottom: 5rem; |
| | 4855 | margin-top: 5rem; |
| | 4856 | } |
| | 4857 | |
| | 4858 | /* BLOCK: COLUMNS */ |
| | 4859 | |
| | 4860 | .wp-block-columns.alignwide + .wp-block-columns.alignwide, |
| | 4861 | .wp-block-columns.alignfull + .wp-block-columns.alignfull { |
| | 4862 | margin-top: -6rem; |
| | 4863 | } |
| | 4864 | |
| | 4865 | .entry-content .wp-block-columns h1, |
| | 4866 | .entry-content .wp-block-columns h2, |
| | 4867 | .entry-content .wp-block-columns h3, |
| | 4868 | .entry-content .wp-block-columns h4, |
| | 4869 | .entry-content .wp-block-columns h5, |
| | 4870 | .entry-content .wp-block-columns h6 { |
| | 4871 | margin: 3.5rem 0 2rem; |
| | 4872 | } |
| | 4873 | |
| | 4874 | /* BLOCK: COVER */ |
| | 4875 | |
| | 4876 | .wp-block-cover-image .wp-block-cover__inner-container, |
| | 4877 | .wp-block-cover .wp-block-cover__inner-container { |
| | 4878 | width: calc(100% - 8rem); |
| | 4879 | } |
| | 4880 | |
| | 4881 | .wp-block-cover-image h2, |
| | 4882 | .wp-block-cover h2 { |
| | 4883 | font-size: 4.8rem; |
| | 4884 | } |
| | 4885 | |
| | 4886 | /* BLOCK: GALLERY */ |
| | 4887 | |
| | 4888 | figure.wp-block-gallery.alignnone, |
| | 4889 | figure.wp-block-gallery.aligncenter { |
| | 4890 | margin-bottom: 4rem; |
| | 4891 | margin-top: 4rem; |
| | 4892 | } |
| | 4893 | |
| | 4894 | figure.wp-block-gallery.alignwide, |
| | 4895 | figure.wp-block-gallery.alignfull { |
| | 4896 | margin-bottom: 6rem; |
| | 4897 | margin-top: 6rem; |
| | 4898 | } |
| | 4899 | |
| | 4900 | /* BLOCK: GROUP */ |
| | 4901 | |
| | 4902 | .wp-block-group.has-background { |
| | 4903 | padding: 4rem; |
| | 4904 | } |
| | 4905 | |
| | 4906 | /* BLOCK: MEDIA AND TEXT */ |
| | 4907 | |
| | 4908 | .wp-block-media-text .wp-block-media-text__content { |
| | 4909 | padding: 4rem; |
| | 4910 | } |
| | 4911 | |
| | 4912 | /* BLOCK: PULLQUOTE */ |
| | 4913 | |
| | 4914 | .wp-block-pullquote blockquote p { |
| | 4915 | font-size: 3.2rem; |
| | 4916 | } |
| | 4917 | |
| | 4918 | .wp-block-pullquote cite { |
| | 4919 | margin-top: 2rem; |
| | 4920 | } |
| | 4921 | |
| | 4922 | .wp-block-pullquote.alignfull:not(.is-style-solid-color) { |
| | 4923 | padding-left: 1rem; |
| | 4924 | padding-right: 1rem; |
| | 4925 | } |
| | 4926 | |
| | 4927 | .wp-block-pullquote.alignwide::before, |
| | 4928 | .wp-block-pullquote.alignfull::before { |
| | 4929 | font-size: 11.272727272rem; |
| | 4930 | height: 8rem; |
| | 4931 | margin-bottom: 2rem; |
| | 4932 | width: 8rem; |
| | 4933 | } |
| | 4934 | |
| | 4935 | .wp-block-pullquote.alignwide blockquote p, |
| | 4936 | .wp-block-pullquote.alignfull blockquote p { |
| | 4937 | font-size: 4.8rem; |
| | 4938 | line-height: 1.203125; |
| | 4939 | } |
| | 4940 | |
| | 4941 | .wp-block-pullquote.alignleft p, |
| | 4942 | .wp-block-pullquote.alignright p, |
| | 4943 | .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, |
| | 4944 | .wp-block-pullquote.alignright.is-style-solid-color blockquote p { |
| | 4945 | font-size: 3.2rem; |
| | 4946 | line-height: 1.1875; |
| | 4947 | } |
| | 4948 | |
| | 4949 | .wp-block-pullquote.is-style-solid-color.alignwide, |
| | 4950 | .wp-block-pullquote.is-style-solid-color.alignfull { |
| | 4951 | padding: 6rem 4rem 4rem; |
| | 4952 | } |
| | 4953 | |
| | 4954 | .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, |
| | 4955 | .wp-block-pullquote.alignright.is-style-solid-color blockquote p { |
| | 4956 | font-size: 2.6rem; |
| | 4957 | } |
| | 4958 | |
| | 4959 | /* BLOCK: QUOTE */ |
| | 4960 | |
| | 4961 | .wp-block-quote.is-large p, |
| | 4962 | .wp-block-quote.is-style-large p { |
| | 4963 | font-size: 2.8rem; |
| | 4964 | } |
| | 4965 | |
| | 4966 | /* BLOCK: SEPARATOR */ |
| | 4967 | |
| | 4968 | hr.wp-block-separator { |
| | 4969 | margin: 6rem 0; |
| | 4970 | } |
| | 4971 | |
| | 4972 | .wp-block-separator.is-style-wide { |
| | 4973 | max-width: calc(100vw - 8rem); |
| | 4974 | left: calc(50% - 50vw + 4rem); |
| | 4975 | width: calc(100vw - 8rem); |
| | 4976 | } |
| | 4977 | |
| | 4978 | /* Entry Content ------------------------- */ |
| | 4979 | |
| | 4980 | .entry-content { |
| | 4981 | font-size: 2.1rem; |
| | 4982 | } |
| | 4983 | |
| | 4984 | .entry-content p, |
| | 4985 | .entry-content li { |
| | 4986 | line-height: 1.476; |
| | 4987 | } |
| | 4988 | |
| | 4989 | .entry-content h1, |
| | 4990 | .entry-content h2, |
| | 4991 | .entry-content h3 { |
| | 4992 | margin: 6rem 0 3rem; |
| | 4993 | } |
| | 4994 | |
| | 4995 | .entry-content h4, |
| | 4996 | .entry-content h5, |
| | 4997 | .entry-content h6 { |
| | 4998 | margin: 4.5rem 0 2.5rem; |
| | 4999 | } |
| | 5000 | |
| | 5001 | /* ALIGNMENT CLASSES */ |
| | 5002 | |
| | 5003 | .alignnone, |
| | 5004 | .aligncenter { |
| | 5005 | margin-bottom: 4rem; |
| | 5006 | margin-top: 4rem; |
| | 5007 | } |
| | 5008 | |
| | 5009 | .alignwide, |
| | 5010 | .alignfull { |
| | 5011 | margin-bottom: 6rem; |
| | 5012 | margin-top: 6rem; |
| | 5013 | } |
| | 5014 | |
| | 5015 | .entry-content > .alignwide { |
| | 5016 | max-width: calc(100vw - 8rem); |
| | 5017 | left: calc(50% - 50vw + 4rem); |
| | 5018 | width: calc(100vw - 8rem); |
| | 5019 | } |
| | 5020 | |
| | 5021 | /* ENTRY MEDIA */ |
| | 5022 | |
| | 5023 | .alignfull > figcaption, |
| | 5024 | .alignfull > .wp-caption-text { |
| | 5025 | width: calc(100% - 8rem); |
| | 5026 | } |
| | 5027 | |
| | 5028 | /* Comments ------------------------------ */ |
| | 5029 | |
| | 5030 | .comments-wrapper { |
| | 5031 | margin-top: 8rem; |
| | 5032 | } |
| | 5033 | |
| | 5034 | .comment-reply-title { |
| | 5035 | margin-bottom: 4.6rem; |
| | 5036 | } |
| | 5037 | |
| | 5038 | .comment-respond p.comment-notes, |
| | 5039 | .comment-respond p.logged-in-as { |
| | 5040 | font-size: 1.8rem; |
| | 5041 | letter-spacing: -0.025em; |
| | 5042 | margin: -2.5rem 0 4.4rem 0; |
| | 5043 | } |
| | 5044 | |
| | 5045 | .comments .comment, |
| | 5046 | .comments .pingback, |
| | 5047 | .comments .trackback, |
| | 5048 | .comments .review { |
| | 5049 | padding-top: 5rem; |
| | 5050 | } |
| | 5051 | |
| | 5052 | div.comment:first-of-type { |
| | 5053 | margin-top: 5rem; |
| | 5054 | } |
| | 5055 | |
| | 5056 | .comment-meta { |
| | 5057 | margin-bottom: 2rem; |
| | 5058 | min-height: 6rem; |
| | 5059 | padding: 0.3rem 0 0 7.5rem; |
| | 5060 | } |
| | 5061 | |
| | 5062 | .comment-meta .avatar { |
| | 5063 | display: block; |
| | 5064 | height: 6rem; |
| | 5065 | position: absolute; |
| | 5066 | left: 0; |
| | 5067 | top: 0; |
| | 5068 | width: 6rem; |
| | 5069 | } |
| | 5070 | |
| | 5071 | .comment-author { |
| | 5072 | font-size: 2.4rem; |
| | 5073 | } |
| | 5074 | |
| | 5075 | .comment-metadata { |
| | 5076 | font-size: 1.6rem; |
| | 5077 | margin-top: 0.8rem; |
| | 5078 | } |
| | 5079 | |
| | 5080 | .comment-footer-meta { |
| | 5081 | margin-top: 2.5rem; |
| | 5082 | } |
| | 5083 | |
| | 5084 | .comments-pagination { |
| | 5085 | margin-top: 8rem; |
| | 5086 | } |
| | 5087 | |
| | 5088 | /* PINGBACKS & TRACKBACKS */ |
| | 5089 | |
| | 5090 | .pingback .comment-body { |
| | 5091 | padding: 0; |
| | 5092 | } |
| | 5093 | |
| | 5094 | /* COMMENT RESPOND */ |
| | 5095 | |
| | 5096 | .comment-respond p { |
| | 5097 | margin-bottom: 2.5rem; |
| | 5098 | } |
| | 5099 | |
| | 5100 | .comment-form p.logged-in-as { |
| | 5101 | margin: -2.5rem 0 4.4rem 0; |
| | 5102 | } |
| | 5103 | |
| | 5104 | .comment-respond .comment-form-author, |
| | 5105 | .comment-respond .comment-form-email { |
| | 5106 | float: left; |
| | 5107 | width: calc(50% - 1rem); |
| | 5108 | } |
| | 5109 | |
| | 5110 | .comment-respond .comment-form-email { |
| | 5111 | margin-left: 2rem; |
| | 5112 | } |
| | 5113 | |
| | 5114 | .comments .comment-respond { |
| | 5115 | padding: 5rem 0 0; |
| | 5116 | } |
| | 5117 | |
| | 5118 | .comment-reply-title small { |
| | 5119 | display: inline; |
| | 5120 | margin: 0 0 0 0.5rem; |
| | 5121 | } |
| | 5122 | |
| | 5123 | /* Site Pagination ----------------------- */ |
| | 5124 | |
| | 5125 | .pagination-separator { |
| | 5126 | margin: 8rem 0; |
| | 5127 | } |
| | 5128 | |
| | 5129 | /* Display the full text for Newer and Older Posts. */ |
| | 5130 | |
| | 5131 | .nav-short { |
| | 5132 | display: inline; |
| | 5133 | } |
| | 5134 | |
| | 5135 | .pagination .nav-links { |
| | 5136 | font-size: 2.4rem; |
| | 5137 | font-weight: 700; |
| | 5138 | margin: -2.5rem 0 0 -4rem; |
| | 5139 | } |
| | 5140 | |
| | 5141 | .nav-links > * { |
| | 5142 | margin: 2.5rem 0 0 4rem; |
| | 5143 | } |
| | 5144 | |
| | 5145 | |
| | 5146 | /* Error 404 ----------------------------- */ |
| | 5147 | |
| | 5148 | .error404 #site-content { |
| | 5149 | padding-top: 8rem; |
| | 5150 | } |
| | 5151 | |
| | 5152 | /* Widgets ------------------------------- */ |
| | 5153 | |
| | 5154 | .widget .widget-title { |
| | 5155 | margin-bottom: 3rem; |
| | 5156 | } |
| | 5157 | |
| | 5158 | /* Site Footer --------------------------- */ |
| | 5159 | |
| | 5160 | .footer-top-visible .footer-nav-widgets-wrapper, |
| | 5161 | .footer-top-hidden #site-footer { |
| | 5162 | margin-top: 8rem; |
| | 5163 | } |
| | 5164 | |
| | 5165 | /* FOOTER TOP */ |
| | 5166 | |
| | 5167 | .footer-top { |
| | 5168 | padding: 3.7rem 0; |
| | 5169 | } |
| | 5170 | |
| | 5171 | .footer-menu { |
| | 5172 | font-size: 2.4rem; |
| | 5173 | margin: -0.8rem 0 0 -1.6rem; |
| | 5174 | } |
| | 5175 | |
| | 5176 | .footer-menu li { |
| | 5177 | margin: 0.8rem 0 0 1.6rem; |
| | 5178 | } |
| | 5179 | |
| | 5180 | .has-footer-menu .footer-social-wrapper { |
| | 5181 | flex: 1; |
| | 5182 | margin-left: 4rem; |
| | 5183 | width: auto; |
| | 5184 | } |
| | 5185 | |
| | 5186 | /* FOOTER WIDGETS */ |
| | 5187 | |
| | 5188 | .footer-widgets-outer-wrapper { |
| | 5189 | padding: 8rem 0; |
| | 5190 | } |
| | 5191 | |
| | 5192 | .footer-widgets-wrapper { |
| | 5193 | display: flex; |
| | 5194 | justify-content: space-between; |
| | 5195 | margin-left: -4rem; |
| | 5196 | width: calc(100% + 4rem); |
| | 5197 | } |
| | 5198 | |
| | 5199 | .footer-widgets { |
| | 5200 | margin-left: 4rem; |
| | 5201 | width: 50%; |
| | 5202 | } |
| | 5203 | |
| | 5204 | .footer-widgets + .footer-widgets { |
| | 5205 | margin-top: 0; |
| | 5206 | } |
| | 5207 | |
| | 5208 | .footer-widgets .widget { |
| | 5209 | border-top: none; |
| | 5210 | margin-top: 5rem; |
| | 5211 | padding-top: 0; |
| | 5212 | } |
| | 5213 | |
| | 5214 | .footer-widgets .widget:first-child { |
| | 5215 | margin-top: 0; |
| | 5216 | } |
| | 5217 | |
| | 5218 | /* FOOTER BOTTOM */ |
| | 5219 | |
| | 5220 | #site-footer { |
| | 5221 | font-size: 1.8rem; |
| | 5222 | padding: 4.3rem 0; |
| | 5223 | } |
| | 5224 | |
| | 5225 | .footer-credits { |
| | 5226 | display: flex; |
| | 5227 | } |
| | 5228 | |
| | 5229 | .footer-copyright { |
| | 5230 | font-weight: 700; |
| | 5231 | } |
| | 5232 | |
| | 5233 | .powered-by-wordpress { |
| | 5234 | display: block; |
| | 5235 | } |
| | 5236 | |
| | 5237 | .to-the-top-long { |
| | 5238 | display: inline; |
| | 5239 | } |
| | 5240 | |
| | 5241 | .to-the-top-short { |
| | 5242 | display: none; |
| | 5243 | } |
| | 5244 | |
| | 5245 | } |
| | 5246 | |
| | 5247 | @media (min-width: 782px) { |
| | 5248 | |
| | 5249 | /* Blocks -------------------------------- */ |
| | 5250 | |
| | 5251 | /* BLOCK: COLUMNS */ |
| | 5252 | |
| | 5253 | .alignfull .wp-block-column:first-child > p, |
| | 5254 | .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { |
| | 5255 | padding-left: 2rem; |
| | 5256 | } |
| | 5257 | |
| | 5258 | .alignfull .wp-block-column:last-child > p, |
| | 5259 | .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) { |
| | 5260 | padding-right: 2rem; |
| | 5261 | } |
| | 5262 | } |
| | 5263 | |
| | 5264 | @media ( min-width: 1000px ) { |
| | 5265 | |
| | 5266 | |
| | 5267 | /* Document Setup ------------------------ */ |
| | 5268 | |
| | 5269 | /* Helper Classes ------------------------ */ |
| | 5270 | |
| | 5271 | /* Site Header --------------------------- */ |
| | 5272 | |
| | 5273 | #site-header { |
| | 5274 | z-index: 1; |
| | 5275 | } |
| | 5276 | |
| | 5277 | .header-inner { |
| | 5278 | align-items: center; |
| | 5279 | display: flex; |
| | 5280 | justify-content: space-between; |
| | 5281 | padding: 2.8rem 0; |
| | 5282 | } |
| | 5283 | |
| | 5284 | .header-titles-wrapper { |
| | 5285 | margin-right: 4rem; |
| | 5286 | max-width: 50%; |
| | 5287 | padding: 0; |
| | 5288 | text-align: left; |
| | 5289 | } |
| | 5290 | |
| | 5291 | .header-titles { |
| | 5292 | align-items: baseline; |
| | 5293 | display: flex; |
| | 5294 | flex-wrap: wrap; |
| | 5295 | justify-content: flex-start; |
| | 5296 | margin: -1rem 0 0 -2.4rem; |
| | 5297 | } |
| | 5298 | |
| | 5299 | .header-titles .site-title, |
| | 5300 | .header-titles .site-logo, |
| | 5301 | .header-titles .site-description { |
| | 5302 | margin: 1rem 0 0 2.4rem; |
| | 5303 | } |
| | 5304 | |
| | 5305 | .wp-custom-logo .header-titles { |
| | 5306 | align-items: center; |
| | 5307 | } |
| | 5308 | |
| | 5309 | /* HEADER NAVIGATION */ |
| | 5310 | |
| | 5311 | .header-navigation-wrapper { |
| | 5312 | align-items: center; |
| | 5313 | display: flex; |
| | 5314 | } |
| | 5315 | |
| | 5316 | .primary-menu-wrapper { |
| | 5317 | display: block; |
| | 5318 | width: 100%; |
| | 5319 | } |
| | 5320 | |
| | 5321 | /* HEADER TOGGLES */ |
| | 5322 | |
| | 5323 | .mobile-search-toggle, |
| | 5324 | .mobile-nav-toggle { |
| | 5325 | display: none !important; |
| | 5326 | } |
| | 5327 | |
| | 5328 | .primary-menu-wrapper + .header-toggles { |
| | 5329 | margin-left: 3rem; |
| | 5330 | } |
| | 5331 | |
| | 5332 | .header-toggles { |
| | 5333 | display: flex; |
| | 5334 | flex-shrink: 0; |
| | 5335 | margin-right: -3rem; |
| | 5336 | } |
| | 5337 | |
| | 5338 | .header-inner .toggle { |
| | 5339 | height: 4.4rem; |
| | 5340 | padding: 0 3rem; |
| | 5341 | position: relative; |
| | 5342 | bottom: auto; |
| | 5343 | left: auto; |
| | 5344 | right: auto; |
| | 5345 | top: auto; |
| | 5346 | width: auto; |
| | 5347 | } |
| | 5348 | |
| | 5349 | .header-inner .toggle-wrapper { |
| | 5350 | position: relative; |
| | 5351 | } |
| | 5352 | |
| | 5353 | .header-inner .toggle-wrapper::before { |
| | 5354 | background: #dedfdf; |
| | 5355 | content: ""; |
| | 5356 | display: block; |
| | 5357 | height: 2.7rem; |
| | 5358 | position: absolute; |
| | 5359 | left: 0; |
| | 5360 | top: calc(50% - 1.35rem); |
| | 5361 | width: 0.1rem; |
| | 5362 | } |
| | 5363 | |
| | 5364 | .header-inner .toggle-wrapper:first-child::before { |
| | 5365 | content: none; |
| | 5366 | } |
| | 5367 | |
| | 5368 | .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { |
| | 5369 | content: ""; |
| | 5370 | } |
| | 5371 | |
| | 5372 | .nav-toggle-wrapper:not(.has-expanded-menu) { |
| | 5373 | display: none; |
| | 5374 | } |
| | 5375 | |
| | 5376 | .toggle-inner { |
| | 5377 | position: static; |
| | 5378 | } |
| | 5379 | |
| | 5380 | .toggle-inner .toggle-text { |
| | 5381 | left: 0; |
| | 5382 | right: 0; |
| | 5383 | text-align: center; |
| | 5384 | top: calc(100% - 0.3rem); |
| | 5385 | width: auto; |
| | 5386 | } |
| | 5387 | |
| | 5388 | .header-toggles:only-child .nav-toggle .toggle-inner { |
| | 5389 | padding-top: 0; |
| | 5390 | } |
| | 5391 | |
| | 5392 | .header-toggles:only-child .toggle-inner { |
| | 5393 | display: flex; |
| | 5394 | flex-wrap: nowrap; |
| | 5395 | align-items: center; |
| | 5396 | } |
| | 5397 | |
| | 5398 | .header-toggles:only-child .toggle-inner .svg-icon { |
| | 5399 | order: 1; |
| | 5400 | } |
| | 5401 | |
| | 5402 | .header-toggles:only-child .toggle-inner .toggle-text { |
| | 5403 | position: static; |
| | 5404 | padding-right: 20px; |
| | 5405 | font-size: 15px; |
| | 5406 | color: inherit; |
| | 5407 | } |
| | 5408 | |
| | 5409 | /* Menu Modal ---------------------------- */ |
| | 5410 | |
| | 5411 | .menu-modal { |
| | 5412 | opacity: 1; |
| | 5413 | justify-content: flex-end; |
| | 5414 | padding: 0; |
| | 5415 | transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; |
| | 5416 | } |
| | 5417 | |
| | 5418 | .menu-modal.cover-modal { |
| | 5419 | background: rgba(0, 0, 0, 0); |
| | 5420 | } |
| | 5421 | |
| | 5422 | .menu-modal.active { |
| | 5423 | background: rgba(0, 0, 0, 0.2); |
| | 5424 | transition: background-color 0.3s ease-out; |
| | 5425 | } |
| | 5426 | |
| | 5427 | .menu-wrapper.section-inner { |
| | 5428 | width: calc(100% - 8rem); |
| | 5429 | } |
| | 5430 | |
| | 5431 | .menu-modal-inner { |
| | 5432 | box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); |
| | 5433 | opacity: 0; |
| | 5434 | padding: 0; |
| | 5435 | transform: translateX(20rem); |
| | 5436 | transition: transform 0.2s ease-in, opacity 0.2s ease-in; |
| | 5437 | width: 50rem; |
| | 5438 | } |
| | 5439 | |
| | 5440 | .menu-modal.active .menu-modal-inner { |
| | 5441 | opacity: 1; |
| | 5442 | transform: translateX(0); |
| | 5443 | transition-timing-function: ease-out; |
| | 5444 | } |
| | 5445 | |
| | 5446 | .mobile-menu { |
| | 5447 | display: none; |
| | 5448 | } |
| | 5449 | |
| | 5450 | .expanded-menu { |
| | 5451 | display: block; |
| | 5452 | } |
| | 5453 | |
| | 5454 | .menu-bottom { |
| | 5455 | padding: 6rem 0; |
| | 5456 | } |
| | 5457 | |
| | 5458 | .menu-bottom .social-menu { |
| | 5459 | justify-content: flex-start; |
| | 5460 | } |
| | 5461 | |
| | 5462 | /* Sub Page ------------------------------ */ |
| | 5463 | |
| | 5464 | /* FEATURED MEDIA */ |
| | 5465 | |
| | 5466 | .featured-media figcaption { |
| | 5467 | width: 100%; |
| | 5468 | } |
| | 5469 | |
| | 5470 | /* Template: [Template Name] ------------- */ |
| | 5471 | |
| | 5472 | /* Post: Archive ------------------------- */ |
| | 5473 | |
| | 5474 | /* Post: Single -------------------------- */ |
| | 5475 | |
| | 5476 | .singular .intro-text { |
| | 5477 | font-size: 2.8rem; |
| | 5478 | } |
| | 5479 | |
| | 5480 | /* Blocks -------------------------------- */ |
| | 5481 | |
| | 5482 | /* BLOCK: COLUMNS */ |
| | 5483 | |
| | 5484 | .wp-block-columns.alignwide + .wp-block-columns.alignwide, |
| | 5485 | .wp-block-columns.alignfull + .wp-block-columns.alignfull { |
| | 5486 | margin-top: -5.2rem; |
| | 5487 | } |
| | 5488 | |
| | 5489 | /* BLOCK: GALLERY */ |
| | 5490 | |
| | 5491 | figure.wp-block-gallery.alignwide, |
| | 5492 | figure.wp-block-gallery.alignfull { |
| | 5493 | margin-bottom: 8rem; |
| | 5494 | margin-top: 8rem; |
| | 5495 | } |
| | 5496 | |
| | 5497 | /* BLOCK: GROUP */ |
| | 5498 | |
| | 5499 | .wp-block-group.alignwide.has-background, |
| | 5500 | .wp-block-group.alignfull.has-background { |
| | 5501 | padding: 8rem 4rem; |
| | 5502 | } |
| | 5503 | |
| | 5504 | /* BLOCK: SEPARATOR */ |
| | 5505 | |
| | 5506 | hr.wp-block-separator { |
| | 5507 | margin: 8rem 0; |
| | 5508 | } |
| | 5509 | |
| | 5510 | /* Entry Content ------------------------- */ |
| | 5511 | |
| | 5512 | /* ALIGNMENT CLASSES */ |
| | 5513 | |
| | 5514 | .alignwide, |
| | 5515 | .alignfull { |
| | 5516 | margin-bottom: 8rem; |
| | 5517 | margin-top: 8rem; |
| | 5518 | } |
| | 5519 | |
| | 5520 | /* ENTRY MEDIA */ |
| | 5521 | |
| | 5522 | .alignfull > figcaption, |
| | 5523 | .alignfull > .wp-caption-text { |
| | 5524 | width: calc(100% - 10rem); |
| | 5525 | } |
| | 5526 | |
| | 5527 | /* Comments ------------------------------ */ |
| | 5528 | |
| | 5529 | .comment-meta { |
| | 5530 | padding-left: 0; |
| | 5531 | } |
| | 5532 | |
| | 5533 | .comment-meta .avatar { |
| | 5534 | left: -8rem; |
| | 5535 | } |
| | 5536 | |
| | 5537 | /* Site Pagination ----------------------- */ |
| | 5538 | |
| | 5539 | .pagination .nav-links { |
| | 5540 | justify-content: space-between; |
| | 5541 | margin: 0; |
| | 5542 | width: 100%; |
| | 5543 | } |
| | 5544 | |
| | 5545 | .nav-links > * { |
| | 5546 | margin: 0 2rem; |
| | 5547 | } |
| | 5548 | |
| | 5549 | .pagination .next, |
| | 5550 | .pagination .prev { |
| | 5551 | display: block; |
| | 5552 | } |
| | 5553 | |
| | 5554 | .pagination .prev { |
| | 5555 | margin: 0 auto 0 0; |
| | 5556 | } |
| | 5557 | |
| | 5558 | .pagination .next { |
| | 5559 | text-align: right; |
| | 5560 | margin: 0 0 0 auto; |
| | 5561 | } |
| | 5562 | |
| | 5563 | /* Site Footer --------------------------- */ |
| | 5564 | |
| | 5565 | /* FOOTER TOP */ |
| | 5566 | |
| | 5567 | .footer-top { |
| | 5568 | align-items: center; |
| | 5569 | } |
| | 5570 | |
| | 5571 | .footer-menu { |
| | 5572 | align-items: baseline; |
| | 5573 | display: flex; |
| | 5574 | justify-content: flex-start; |
| | 5575 | flex-wrap: wrap; |
| | 5576 | font-size: 2.1rem; |
| | 5577 | margin: -1.2rem 0 0 -2.4rem; |
| | 5578 | } |
| | 5579 | |
| | 5580 | .footer-menu li { |
| | 5581 | margin: 1.2rem 0 0 2.4rem; |
| | 5582 | } |
| | 5583 | } |
| | 5584 | |
| | 5585 | |
| | 5586 | @media ( min-width: 1220px ) { |
| | 5587 | |
| | 5588 | /* Element Base -------------------------- */ |
| | 5589 | |
| | 5590 | /* TITLES */ |
| | 5591 | |
| | 5592 | h1, |
| | 5593 | .heading-size-1 { |
| | 5594 | font-size: 8.4rem; |
| | 5595 | } |
| | 5596 | |
| | 5597 | /* Helper Classes ------------------------ */ |
| | 5598 | |
| | 5599 | /* Site Header --------------------------- */ |
| | 5600 | |
| | 5601 | /* PRIMARY MENU */ |
| | 5602 | |
| | 5603 | ul.primary-menu { |
| | 5604 | margin: -0.8rem 0 0 -2.5rem; |
| | 5605 | } |
| | 5606 | |
| | 5607 | .primary-menu > li { |
| | 5608 | margin: 0.8rem 0 0 2.5rem; |
| | 5609 | } |
| | 5610 | |
| | 5611 | /* HEADER TOGGLES */ |
| | 5612 | |
| | 5613 | .primary-menu-wrapper + .header-toggles { |
| | 5614 | margin-left: 4rem; |
| | 5615 | } |
| | 5616 | |
| | 5617 | .header-toggles { |
| | 5618 | margin-right: -4rem; |
| | 5619 | } |
| | 5620 | |
| | 5621 | .header-toggles .toggle { |
| | 5622 | padding: 0 4rem; |
| | 5623 | } |
| | 5624 | |
| | 5625 | /* Menu Modal ---------------------------- */ |
| | 5626 | |
| | 5627 | /* Search Modal -------------------------- */ |
| | 5628 | |
| | 5629 | /* Sub Page ------------------------------ */ |
| | 5630 | |
| | 5631 | /* Template: Cover Template -------------- */ |
| | 5632 | |
| | 5633 | .cover-header + .post-inner { |
| | 5634 | padding-top: 10rem; |
| | 5635 | } |
| | 5636 | |
| | 5637 | /* Post: Archive ------------------------- */ |
| | 5638 | |
| | 5639 | /* Post: Single -------------------------- */ |
| | 5640 | |
| | 5641 | .singular .intro-text { |
| | 5642 | font-size: 3.2rem; |
| | 5643 | letter-spacing: -0.03125em; |
| | 5644 | line-height: 1.375; |
| | 5645 | } |
| | 5646 | |
| | 5647 | /* Blocks -------------------------------- */ |
| | 5648 | |
| | 5649 | /* BLOCK: COLUMNS */ |
| | 5650 | |
| | 5651 | .wp-block-columns.alignfull + .wp-block-columns.alignfull { |
| | 5652 | margin-top: -6rem; |
| | 5653 | } |
| | 5654 | |
| | 5655 | /* BLOCK: GALLERY */ |
| | 5656 | |
| | 5657 | figure.wp-block-gallery.alignfull { |
| | 5658 | margin-bottom: 10rem; |
| | 5659 | margin-top: 10rem; |
| | 5660 | } |
| | 5661 | |
| | 5662 | /* BLOCK: GROUP */ |
| | 5663 | |
| | 5664 | .wp-block-group.alignwide.has-background, |
| | 5665 | .wp-block-group.alignfull.has-background { |
| | 5666 | padding: 8rem 6rem; |
| | 5667 | } |
| | 5668 | |
| | 5669 | /* BLOCK: PULLQUOTE */ |
| | 5670 | |
| | 5671 | .wp-block-pullquote.alignwide blockquote p, |
| | 5672 | .wp-block-pullquote.alignfull blockquote p { |
| | 5673 | font-size: 6.4rem; |
| | 5674 | } |
| | 5675 | |
| | 5676 | .wp-block-pullquote.is-style-solid-color.alignwide, |
| | 5677 | .wp-block-pullquote.is-style-solid-color.alignfull { |
| | 5678 | padding: 9rem 4rem 8rem; |
| | 5679 | } |
| | 5680 | |
| | 5681 | /* Entry Content ------------------------- */ |
| | 5682 | |
| | 5683 | /* ALIGNMENT CLASSES */ |
| | 5684 | |
| | 5685 | .alignfull { |
| | 5686 | margin-bottom: 10rem; |
| | 5687 | margin-top: 10rem; |
| | 5688 | } |
| | 5689 | |
| | 5690 | /* Comments ------------------------------ */ |
| | 5691 | |
| | 5692 | .comment-reply-title { |
| | 5693 | font-size: 5.6rem; |
| | 5694 | line-height: 1.2; |
| | 5695 | margin-bottom: 6rem; |
| | 5696 | } |
| | 5697 | |
| | 5698 | .comment-respond p.comment-notes, |
| | 5699 | .comment-respond p.logged-in-as { |
| | 5700 | margin: -4rem 0 6rem 0; |
| | 5701 | } |
| | 5702 | |
| | 5703 | .comments .comment-respond .comment-reply-title { |
| | 5704 | font-size: 4.8rem; |
| | 5705 | } |
| | 5706 | |
| | 5707 | .comments .comment-respond p.comment-notes, |
| | 5708 | .comments .comment-respond p.logged-in-as { |
| | 5709 | margin: -4.5rem 0 4rem 0; |
| | 5710 | } |
| | 5711 | |
| | 5712 | /* Site Pagination ----------------------- */ |
| | 5713 | |
| | 5714 | /* Widgets ------------------------------- */ |
| | 5715 | |
| | 5716 | .widget-content { |
| | 5717 | font-size: 2.1rem; |
| | 5718 | } |
| | 5719 | |
| | 5720 | /* Site Footer --------------------------- */ |
| | 5721 | |
| | 5722 | .footer-menu { |
| | 5723 | font-size: 2.4rem; |
| | 5724 | margin: -1.5rem 0 0 -3rem; |
| | 5725 | } |
| | 5726 | |
| | 5727 | .footer-menu li { |
| | 5728 | margin: 1.5rem 0 0 3rem; |
| | 5729 | } |
| | 5730 | |
| | 5731 | ul.footer-social { |
| | 5732 | margin: -1rem 0 0 -1rem; |
| | 5733 | } |
| | 5734 | |
| | 5735 | ul.footer-social li { |
| | 5736 | margin: 1rem 0 0 1rem; |
| | 5737 | } |
| | 5738 | |
| | 5739 | .footer-social a { |
| | 5740 | height: 4.4rem; |
| | 5741 | width: 4.4rem; |
| | 5742 | } |
| | 5743 | |
| | 5744 | .footer-social a::before { |
| | 5745 | font-size: 2rem; |
| | 5746 | } |
| | 5747 | |
| | 5748 | /* FOOTER WIDGETS */ |
| | 5749 | |
| | 5750 | .footer-widgets-wrapper { |
| | 5751 | margin-left: -6rem; |
| | 5752 | width: calc(100% + 6rem); |
| | 5753 | } |
| | 5754 | |
| | 5755 | .footer-widgets { |
| | 5756 | margin-left: 6rem; |
| | 5757 | } |
| | 5758 | |
| | 5759 | } |
| | 5760 | |
| | 5761 | @media ( min-width: 1280px ) { |
| | 5762 | |
| | 5763 | /* Blocks -------------------------------- */ |
| | 5764 | |
| | 5765 | /* BLOCK: GALLERY */ |
| | 5766 | |
| | 5767 | figure.wp-block-gallery.alignleft { |
| | 5768 | |
| | 5769 | /*rtl:ignore*/ |
| | 5770 | margin-left: -31rem; |
| | 5771 | } |
| | 5772 | |
| | 5773 | figure.wp-block-gallery.alignright { |
| | 5774 | |
| | 5775 | /*rtl:ignore*/ |
| | 5776 | margin-right: -31rem; |
| | 5777 | } |
| | 5778 | |
| | 5779 | /* BLOCK: SEPARATOR */ |
| | 5780 | |
| | 5781 | .wp-block-separator.is-style-wide { |
| | 5782 | max-width: 120rem; |
| | 5783 | left: calc(50% - 60rem); |
| | 5784 | width: 120rem; |
| | 5785 | } |
| | 5786 | |
| | 5787 | /* Entry Content ------------------------- */ |
| | 5788 | |
| | 5789 | /* ALIGNMENT CLASSES */ |
| | 5790 | |
| | 5791 | .entry-content .alignleft { |
| | 5792 | |
| | 5793 | /*rtl:ignore*/ |
| | 5794 | margin-left: -31rem; |
| | 5795 | } |
| | 5796 | |
| | 5797 | .entry-content .alignright { |
| | 5798 | |
| | 5799 | /*rtl:ignore*/ |
| | 5800 | margin-right: -31rem; |
| | 5801 | } |
| | 5802 | |
| | 5803 | .entry-content > .alignwide { |
| | 5804 | max-width: 120rem; |
| | 5805 | left: calc(50% - 60rem); |
| | 5806 | width: 120rem; |
| | 5807 | } |
| | 5808 | |
| | 5809 | } |
| | 5810 | |
| | 5811 | @media ( min-width: 1330px ) { |
| | 5812 | |
| | 5813 | |
| | 5814 | /* Blocks -------------------------------- */ |
| | 5815 | |
| | 5816 | /* BLOCK: PULLQUOTE */ |
| | 5817 | |
| | 5818 | .wp-block-pullquote.alignleft::before, |
| | 5819 | .wp-block-pullquote.alignright::before { |
| | 5820 | position: absolute; |
| | 5821 | top: -0.4rem; |
| | 5822 | } |
| | 5823 | |
| | 5824 | .wp-block-pullquote.is-style-solid-color.alignleft::before, |
| | 5825 | .wp-block-pullquote.is-style-solid-color.alignright::before { |
| | 5826 | top: 0; |