Edit File by line
/home/barbar84/www/wp-conte.../themes/twentytw...
File: style.css
justify-content: center;
[1500] Fix | Delete
height: 2.3rem;
[1501] Fix | Delete
position: relative;
[1502] Fix | Delete
}
[1503] Fix | Delete
[1504] Fix | Delete
.toggle-icon {
[1505] Fix | Delete
display: block;
[1506] Fix | Delete
overflow: hidden;
[1507] Fix | Delete
}
[1508] Fix | Delete
[1509] Fix | Delete
.toggle-inner .toggle-text {
[1510] Fix | Delete
color: #6d6d6d;
[1511] Fix | Delete
font-size: 1rem;
[1512] Fix | Delete
font-weight: 600;
[1513] Fix | Delete
position: absolute;
[1514] Fix | Delete
top: calc(100% + 0.5rem);
[1515] Fix | Delete
width: auto;
[1516] Fix | Delete
white-space: nowrap;
[1517] Fix | Delete
word-break: break-all;
[1518] Fix | Delete
}
[1519] Fix | Delete
[1520] Fix | Delete
.overlay-header .toggle-text {
[1521] Fix | Delete
color: inherit;
[1522] Fix | Delete
}
[1523] Fix | Delete
[1524] Fix | Delete
.header-inner .toggle:focus .toggle-text,
[1525] Fix | Delete
.header-inner .toggle:hover .toggle-text {
[1526] Fix | Delete
text-decoration: underline;
[1527] Fix | Delete
}
[1528] Fix | Delete
[1529] Fix | Delete
/* Search Toggle ----------------------------- */
[1530] Fix | Delete
[1531] Fix | Delete
.search-toggle {
[1532] Fix | Delete
position: absolute;
[1533] Fix | Delete
bottom: 0;
[1534] Fix | Delete
left: 0;
[1535] Fix | Delete
top: 0;
[1536] Fix | Delete
}
[1537] Fix | Delete
[1538] Fix | Delete
.search-toggle .toggle-icon,
[1539] Fix | Delete
.search-toggle svg {
[1540] Fix | Delete
height: 2.5rem;
[1541] Fix | Delete
max-width: 2.3rem;
[1542] Fix | Delete
width: 2.3rem;
[1543] Fix | Delete
}
[1544] Fix | Delete
[1545] Fix | Delete
/* Navigation Toggle ------------------------- */
[1546] Fix | Delete
[1547] Fix | Delete
.nav-toggle {
[1548] Fix | Delete
position: absolute;
[1549] Fix | Delete
bottom: 0;
[1550] Fix | Delete
right: 0;
[1551] Fix | Delete
top: 0;
[1552] Fix | Delete
width: 6.6rem;
[1553] Fix | Delete
}
[1554] Fix | Delete
[1555] Fix | Delete
.nav-toggle .toggle-icon,
[1556] Fix | Delete
.nav-toggle svg {
[1557] Fix | Delete
height: 0.8rem;
[1558] Fix | Delete
width: 2.6rem;
[1559] Fix | Delete
}
[1560] Fix | Delete
[1561] Fix | Delete
.nav-toggle .toggle-inner {
[1562] Fix | Delete
padding-top: 0.8rem;
[1563] Fix | Delete
}
[1564] Fix | Delete
[1565] Fix | Delete
/* Primary Menu ---------------------------- */
[1566] Fix | Delete
[1567] Fix | Delete
.primary-menu-wrapper {
[1568] Fix | Delete
display: none;
[1569] Fix | Delete
}
[1570] Fix | Delete
[1571] Fix | Delete
ul.primary-menu {
[1572] Fix | Delete
display: flex;
[1573] Fix | Delete
font-size: 1.8rem;
[1574] Fix | Delete
font-weight: 500;
[1575] Fix | Delete
letter-spacing: -0.0277em;
[1576] Fix | Delete
flex-wrap: wrap;
[1577] Fix | Delete
justify-content: flex-end;
[1578] Fix | Delete
margin: -0.8rem 0 0 -1.6rem;
[1579] Fix | Delete
}
[1580] Fix | Delete
[1581] Fix | Delete
.primary-menu .icon {
[1582] Fix | Delete
display: block;
[1583] Fix | Delete
height: 0.7rem;
[1584] Fix | Delete
position: absolute;
[1585] Fix | Delete
pointer-events: none;
[1586] Fix | Delete
transform: rotate(-45deg);
[1587] Fix | Delete
width: 1.3rem;
[1588] Fix | Delete
}
[1589] Fix | Delete
[1590] Fix | Delete
.primary-menu .icon::before,
[1591] Fix | Delete
.primary-menu .icon::after {
[1592] Fix | Delete
content: "";
[1593] Fix | Delete
display: block;
[1594] Fix | Delete
background-color: currentColor;
[1595] Fix | Delete
position: absolute;
[1596] Fix | Delete
bottom: calc(50% - 0.1rem);
[1597] Fix | Delete
left: 0;
[1598] Fix | Delete
}
[1599] Fix | Delete
[1600] Fix | Delete
.primary-menu .icon::before {
[1601] Fix | Delete
height: 0.9rem;
[1602] Fix | Delete
width: 0.2rem;
[1603] Fix | Delete
}
[1604] Fix | Delete
[1605] Fix | Delete
.primary-menu .icon::after {
[1606] Fix | Delete
height: 0.2rem;
[1607] Fix | Delete
width: 0.9rem;
[1608] Fix | Delete
}
[1609] Fix | Delete
[1610] Fix | Delete
.primary-menu li {
[1611] Fix | Delete
font-size: inherit;
[1612] Fix | Delete
line-height: 1.25;
[1613] Fix | Delete
position: relative;
[1614] Fix | Delete
}
[1615] Fix | Delete
[1616] Fix | Delete
.primary-menu > li {
[1617] Fix | Delete
margin: 0.8rem 0 0 1.6rem;
[1618] Fix | Delete
}
[1619] Fix | Delete
[1620] Fix | Delete
.primary-menu > li.menu-item-has-children > a {
[1621] Fix | Delete
padding-right: 2rem;
[1622] Fix | Delete
}
[1623] Fix | Delete
[1624] Fix | Delete
.primary-menu > li > .icon {
[1625] Fix | Delete
right: -0.5rem;
[1626] Fix | Delete
top: calc(50% - 0.4rem);
[1627] Fix | Delete
}
[1628] Fix | Delete
[1629] Fix | Delete
.primary-menu a {
[1630] Fix | Delete
color: inherit;
[1631] Fix | Delete
display: block;
[1632] Fix | Delete
line-height: 1.2;
[1633] Fix | Delete
text-decoration: none;
[1634] Fix | Delete
word-break: normal;
[1635] Fix | Delete
word-wrap: normal;
[1636] Fix | Delete
}
[1637] Fix | Delete
[1638] Fix | Delete
.primary-menu a:hover,
[1639] Fix | Delete
.primary-menu a:focus,
[1640] Fix | Delete
.primary-menu .current_page_ancestor {
[1641] Fix | Delete
text-decoration: underline;
[1642] Fix | Delete
}
[1643] Fix | Delete
[1644] Fix | Delete
.primary-menu li.current-menu-item > a,
[1645] Fix | Delete
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
[1646] Fix | Delete
text-decoration: underline;
[1647] Fix | Delete
}
[1648] Fix | Delete
[1649] Fix | Delete
.primary-menu li.current-menu-item > a:hover,
[1650] Fix | Delete
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
[1651] Fix | Delete
.primary-menu li.current-menu-item > a:focus,
[1652] Fix | Delete
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
[1653] Fix | Delete
text-decoration: none;
[1654] Fix | Delete
}
[1655] Fix | Delete
[1656] Fix | Delete
/* SUB MENU */
[1657] Fix | Delete
[1658] Fix | Delete
.primary-menu ul {
[1659] Fix | Delete
background: #000;
[1660] Fix | Delete
border-radius: 0.4rem;
[1661] Fix | Delete
color: #fff;
[1662] Fix | Delete
font-size: 1.7rem;
[1663] Fix | Delete
opacity: 0;
[1664] Fix | Delete
padding: 1rem 0;
[1665] Fix | Delete
position: absolute;
[1666] Fix | Delete
right: 9999rem;
[1667] Fix | Delete
top: calc(100% + 2rem);
[1668] Fix | Delete
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
[1669] Fix | Delete
transform: translateY(0.6rem);
[1670] Fix | Delete
width: 20rem;
[1671] Fix | Delete
z-index: 1;
[1672] Fix | Delete
}
[1673] Fix | Delete
[1674] Fix | Delete
.primary-menu li.menu-item-has-children:hover > ul,
[1675] Fix | Delete
.primary-menu li.menu-item-has-children:focus > ul,
[1676] Fix | Delete
.primary-menu li.menu-item-has-children.focus > ul {
[1677] Fix | Delete
right: 0;
[1678] Fix | Delete
opacity: 1;
[1679] Fix | Delete
transform: translateY(0);
[1680] Fix | Delete
transition: opacity 0.15s linear, transform 0.15s linear;
[1681] Fix | Delete
}
[1682] Fix | Delete
[1683] Fix | Delete
.primary-menu ul::before,
[1684] Fix | Delete
.primary-menu ul::after {
[1685] Fix | Delete
content: "";
[1686] Fix | Delete
display: block;
[1687] Fix | Delete
position: absolute;
[1688] Fix | Delete
bottom: 100%;
[1689] Fix | Delete
}
[1690] Fix | Delete
[1691] Fix | Delete
.primary-menu ul::before {
[1692] Fix | Delete
height: 2rem;
[1693] Fix | Delete
left: 0;
[1694] Fix | Delete
right: 0;
[1695] Fix | Delete
}
[1696] Fix | Delete
[1697] Fix | Delete
.primary-menu ul::after {
[1698] Fix | Delete
border: 0.8rem solid transparent;
[1699] Fix | Delete
border-bottom-color: #000;
[1700] Fix | Delete
right: 1.8rem;
[1701] Fix | Delete
}
[1702] Fix | Delete
[1703] Fix | Delete
.primary-menu ul a {
[1704] Fix | Delete
background: transparent;
[1705] Fix | Delete
border: none;
[1706] Fix | Delete
color: inherit;
[1707] Fix | Delete
display: block;
[1708] Fix | Delete
padding: 1rem 2rem;
[1709] Fix | Delete
transition: background-color 0.15s linear;
[1710] Fix | Delete
width: 100%;
[1711] Fix | Delete
}
[1712] Fix | Delete
[1713] Fix | Delete
.primary-menu ul li.menu-item-has-children > a {
[1714] Fix | Delete
padding-right: 4.5rem;
[1715] Fix | Delete
}
[1716] Fix | Delete
[1717] Fix | Delete
.primary-menu ul li.menu-item-has-children .icon {
[1718] Fix | Delete
position: absolute;
[1719] Fix | Delete
right: 1.5rem;
[1720] Fix | Delete
top: calc(50% - 0.5rem);
[1721] Fix | Delete
}
[1722] Fix | Delete
[1723] Fix | Delete
/* DEEP DOWN */
[1724] Fix | Delete
[1725] Fix | Delete
.primary-menu ul ul {
[1726] Fix | Delete
top: -1rem;
[1727] Fix | Delete
}
[1728] Fix | Delete
[1729] Fix | Delete
.primary-menu ul li.menu-item-has-children:hover > ul,
[1730] Fix | Delete
.primary-menu ul li.menu-item-has-children:focus > ul,
[1731] Fix | Delete
.primary-menu ul li.menu-item-has-children.focus > ul {
[1732] Fix | Delete
right: calc(100% + 2rem);
[1733] Fix | Delete
}
[1734] Fix | Delete
[1735] Fix | Delete
.primary-menu ul ul::before {
[1736] Fix | Delete
bottom: 0;
[1737] Fix | Delete
height: auto;
[1738] Fix | Delete
left: auto;
[1739] Fix | Delete
right: -2rem;
[1740] Fix | Delete
top: 0;
[1741] Fix | Delete
width: 2rem;
[1742] Fix | Delete
}
[1743] Fix | Delete
[1744] Fix | Delete
.primary-menu ul ul::after {
[1745] Fix | Delete
border-bottom-color: transparent;
[1746] Fix | Delete
[1747] Fix | Delete
/*rtl:ignore*/
[1748] Fix | Delete
border-left-color: #000;
[1749] Fix | Delete
bottom: auto;
[1750] Fix | Delete
right: -1.6rem;
[1751] Fix | Delete
top: 2rem;
[1752] Fix | Delete
}
[1753] Fix | Delete
[1754] Fix | Delete
.rtl .primary-menu ul ul::after {
[1755] Fix | Delete
transform: rotate(180deg);
[1756] Fix | Delete
}
[1757] Fix | Delete
[1758] Fix | Delete
/*
[1759] Fix | Delete
* Enable nav submenu expansion with tapping on arrows on large-viewport
[1760] Fix | Delete
* touch interfaces (e.g. tablets or laptops with touch screens).
[1761] Fix | Delete
* These rules are supported by all browsers (>IE11) and when JS is disabled.
[1762] Fix | Delete
*/
[1763] Fix | Delete
@media (any-pointer: coarse) {
[1764] Fix | Delete
[1765] Fix | Delete
.primary-menu > li.menu-item-has-children > a {
[1766] Fix | Delete
padding-right: 0;
[1767] Fix | Delete
margin-right: 2rem;
[1768] Fix | Delete
}
[1769] Fix | Delete
[1770] Fix | Delete
.primary-menu ul li.menu-item-has-children > a {
[1771] Fix | Delete
margin-right: 4.5rem;
[1772] Fix | Delete
padding-right: 0;
[1773] Fix | Delete
width: unset;
[1774] Fix | Delete
}
[1775] Fix | Delete
[1776] Fix | Delete
}
[1777] Fix | Delete
[1778] Fix | Delete
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
[1779] Fix | Delete
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
[1780] Fix | Delete
padding-right: 0;
[1781] Fix | Delete
margin-right: 2rem;
[1782] Fix | Delete
}
[1783] Fix | Delete
[1784] Fix | Delete
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
[1785] Fix | Delete
margin-right: 4.5rem;
[1786] Fix | Delete
padding-right: 0;
[1787] Fix | Delete
width: unset;
[1788] Fix | Delete
}
[1789] Fix | Delete
[1790] Fix | Delete
/* -------------------------------------------------------------------------- */
[1791] Fix | Delete
[1792] Fix | Delete
/* 5. Menu Modal
[1793] Fix | Delete
/* -------------------------------------------------------------------------- */
[1794] Fix | Delete
[1795] Fix | Delete
[1796] Fix | Delete
.menu-modal {
[1797] Fix | Delete
background: #fff;
[1798] Fix | Delete
display: none;
[1799] Fix | Delete
opacity: 0;
[1800] Fix | Delete
overflow-y: auto;
[1801] Fix | Delete
overflow-x: hidden;
[1802] Fix | Delete
position: fixed;
[1803] Fix | Delete
bottom: 0;
[1804] Fix | Delete
left: -99999rem;
[1805] Fix | Delete
right: 99999rem;
[1806] Fix | Delete
top: 0;
[1807] Fix | Delete
transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
[1808] Fix | Delete
z-index: 99;
[1809] Fix | Delete
}
[1810] Fix | Delete
[1811] Fix | Delete
.admin-bar .menu-modal {
[1812] Fix | Delete
top: 32px;
[1813] Fix | Delete
}
[1814] Fix | Delete
[1815] Fix | Delete
@media (max-width: 782px) {
[1816] Fix | Delete
[1817] Fix | Delete
.admin-bar .menu-modal {
[1818] Fix | Delete
top: 46px;
[1819] Fix | Delete
}
[1820] Fix | Delete
}
[1821] Fix | Delete
[1822] Fix | Delete
.menu-modal.show-modal {
[1823] Fix | Delete
display: flex;
[1824] Fix | Delete
}
[1825] Fix | Delete
[1826] Fix | Delete
.menu-modal.active {
[1827] Fix | Delete
left: 0;
[1828] Fix | Delete
opacity: 1;
[1829] Fix | Delete
right: 0;
[1830] Fix | Delete
transition: opacity 0.25s ease-out;
[1831] Fix | Delete
}
[1832] Fix | Delete
[1833] Fix | Delete
.menu-modal-inner {
[1834] Fix | Delete
background: #fff;
[1835] Fix | Delete
display: flex;
[1836] Fix | Delete
justify-content: stretch;
[1837] Fix | Delete
overflow: auto;
[1838] Fix | Delete
-ms-overflow-style: auto;
[1839] Fix | Delete
width: 100%;
[1840] Fix | Delete
}
[1841] Fix | Delete
[1842] Fix | Delete
.menu-wrapper {
[1843] Fix | Delete
display: flex;
[1844] Fix | Delete
flex-direction: column;
[1845] Fix | Delete
justify-content: space-between;
[1846] Fix | Delete
position: relative;
[1847] Fix | Delete
}
[1848] Fix | Delete
[1849] Fix | Delete
button.close-nav-toggle {
[1850] Fix | Delete
align-items: center;
[1851] Fix | Delete
display: flex;
[1852] Fix | Delete
font-size: 1.6rem;
[1853] Fix | Delete
font-weight: 500;
[1854] Fix | Delete
justify-content: flex-end;
[1855] Fix | Delete
padding: 3.1rem 0;
[1856] Fix | Delete
width: 100%;
[1857] Fix | Delete
}
[1858] Fix | Delete
[1859] Fix | Delete
button.close-nav-toggle svg {
[1860] Fix | Delete
height: 1.6rem;
[1861] Fix | Delete
width: 1.6rem;
[1862] Fix | Delete
}
[1863] Fix | Delete
[1864] Fix | Delete
button.close-nav-toggle .toggle-text {
[1865] Fix | Delete
margin-right: 1.6rem;
[1866] Fix | Delete
}
[1867] Fix | Delete
[1868] Fix | Delete
.menu-modal .menu-top {
[1869] Fix | Delete
flex-shrink: 0;
[1870] Fix | Delete
}
[1871] Fix | Delete
[1872] Fix | Delete
[1873] Fix | Delete
/* Main Menu --------------------------------- */
[1874] Fix | Delete
[1875] Fix | Delete
.modal-menu {
[1876] Fix | Delete
position: relative;
[1877] Fix | Delete
left: calc(50% - 50vw);
[1878] Fix | Delete
width: 100vw;
[1879] Fix | Delete
}
[1880] Fix | Delete
[1881] Fix | Delete
.modal-menu li {
[1882] Fix | Delete
border-color: #dedfdf;
[1883] Fix | Delete
border-style: solid;
[1884] Fix | Delete
border-width: 0.1rem 0 0 0;
[1885] Fix | Delete
display: flex;
[1886] Fix | Delete
flex-wrap: wrap;
[1887] Fix | Delete
line-height: 1;
[1888] Fix | Delete
justify-content: flex-start;
[1889] Fix | Delete
margin: 0;
[1890] Fix | Delete
}
[1891] Fix | Delete
[1892] Fix | Delete
.modal-menu > li > a,
[1893] Fix | Delete
.modal-menu > li > .ancestor-wrapper > a {
[1894] Fix | Delete
font-size: 2rem;
[1895] Fix | Delete
font-weight: 700;
[1896] Fix | Delete
letter-spacing: -0.0375em;
[1897] Fix | Delete
}
[1898] Fix | Delete
[1899] Fix | Delete
.modal-menu > li:last-child {
[1900] Fix | Delete
border-bottom-width: 0.1rem;
[1901] Fix | Delete
}
[1902] Fix | Delete
[1903] Fix | Delete
.modal-menu .ancestor-wrapper {
[1904] Fix | Delete
display: flex;
[1905] Fix | Delete
justify-content: space-between;
[1906] Fix | Delete
width: 100%;
[1907] Fix | Delete
}
[1908] Fix | Delete
[1909] Fix | Delete
.modal-menu a {
[1910] Fix | Delete
display: block;
[1911] Fix | Delete
padding: 2rem 2.5rem;
[1912] Fix | Delete
text-decoration: none;
[1913] Fix | Delete
width: 100%;
[1914] Fix | Delete
}
[1915] Fix | Delete
[1916] Fix | Delete
.modal-menu a:focus,
[1917] Fix | Delete
.modal-menu a:hover,
[1918] Fix | Delete
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
[1919] Fix | Delete
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
[1920] Fix | Delete
text-decoration: underline;
[1921] Fix | Delete
}
[1922] Fix | Delete
[1923] Fix | Delete
button.sub-menu-toggle {
[1924] Fix | Delete
border-left: 0.1rem solid #dedfdf;
[1925] Fix | Delete
flex-shrink: 0;
[1926] Fix | Delete
margin: 1rem 0;
[1927] Fix | Delete
padding: 0 2.5rem;
[1928] Fix | Delete
}
[1929] Fix | Delete
[1930] Fix | Delete
button.sub-menu-toggle svg {
[1931] Fix | Delete
height: 0.9rem;
[1932] Fix | Delete
transition: transform 0.15s linear;
[1933] Fix | Delete
width: 1.5rem;
[1934] Fix | Delete
}
[1935] Fix | Delete
[1936] Fix | Delete
button.sub-menu-toggle.active svg {
[1937] Fix | Delete
transform: rotate(180deg);
[1938] Fix | Delete
}
[1939] Fix | Delete
[1940] Fix | Delete
.modal-menu ul {
[1941] Fix | Delete
display: none;
[1942] Fix | Delete
margin: 0;
[1943] Fix | Delete
width: 100%;
[1944] Fix | Delete
}
[1945] Fix | Delete
[1946] Fix | Delete
.modal-menu ul li {
[1947] Fix | Delete
border-left-width: 1rem;
[1948] Fix | Delete
}
[1949] Fix | Delete
[1950] Fix | Delete
.modal-menu ul li a {
[1951] Fix | Delete
color: inherit;
[1952] Fix | Delete
font-weight: 500;
[1953] Fix | Delete
}
[1954] Fix | Delete
[1955] Fix | Delete
/* Main menu animation ----------------------- */
[1956] Fix | Delete
[1957] Fix | Delete
.menu-wrapper .menu-item {
[1958] Fix | Delete
position: relative;
[1959] Fix | Delete
}
[1960] Fix | Delete
[1961] Fix | Delete
.menu-wrapper .active {
[1962] Fix | Delete
display: block;
[1963] Fix | Delete
}
[1964] Fix | Delete
[1965] Fix | Delete
.menu-wrapper.is-toggling {
[1966] Fix | Delete
pointer-events: none;
[1967] Fix | Delete
}
[1968] Fix | Delete
[1969] Fix | Delete
.menu-wrapper.is-toggling .menu-item {
[1970] Fix | Delete
position: absolute;
[1971] Fix | Delete
top: 0;
[1972] Fix | Delete
left: 0;
[1973] Fix | Delete
margin: 0;
[1974] Fix | Delete
width: 100%;
[1975] Fix | Delete
}
[1976] Fix | Delete
[1977] Fix | Delete
.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
[1978] Fix | Delete
width: auto;
[1979] Fix | Delete
}
[1980] Fix | Delete
[1981] Fix | Delete
.menu-wrapper.is-animating .menu-item,
[1982] Fix | Delete
.menu-wrapper.is-animating .toggling-target {
[1983] Fix | Delete
transition-duration: 250ms;
[1984] Fix | Delete
}
[1985] Fix | Delete
[1986] Fix | Delete
.menu-wrapper.is-animating .menu-item {
[1987] Fix | Delete
transition-property: transform;
[1988] Fix | Delete
}
[1989] Fix | Delete
[1990] Fix | Delete
.menu-wrapper.is-toggling .toggling-target {
[1991] Fix | Delete
display: block;
[1992] Fix | Delete
position: absolute;
[1993] Fix | Delete
top: 0;
[1994] Fix | Delete
left: 0;
[1995] Fix | Delete
opacity: 1;
[1996] Fix | Delete
}
[1997] Fix | Delete
[1998] Fix | Delete
.menu-wrapper.is-toggling .toggling-target.active {
[1999] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function