| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- .widget-area {
- @extend %responsive-alignwide-width;
- margin-top: calc(6 * var(--global--spacing-vertical));
- padding-bottom: calc(var(--global--spacing-vertical) / 3);
- color: var(--footer--color-text);
- font-size: var(--footer--font-size);
- font-family: var(--footer--font-family);
- @include media(laptop) {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- column-gap: calc(2 * var(--global--spacing-horizontal));
- }
- @include media(wide) {
- grid-template-columns: repeat(3, 1fr);
- }
- @include media(mobile-only) {
- margin-top: calc(3 * var(--global--spacing-vertical));
- }
- ul {
- list-style-type: none;
- padding: 0;
- li {
- line-height: var(--widget--line-height-list);
- }
- &.sub-menu,
- &.children {
- margin-left: var(--widget--spacing-menu);
- }
- .sub-menu-toggle {
- display: none;
- }
- }
- a {
- color: var(--footer--color-link);
- text-decoration: underline;
- text-decoration-style: solid;
- text-decoration-color: currentColor;
- &:link,
- &:visited,
- &:active {
- color: var(--footer--color-link);
- }
- &:hover {
- color: var(--footer--color-link-hover);
- text-decoration-style: dotted;
- }
- }
- .wp-block-social-links {
- &.alignright {
- margin-top: var(--global--spacing-vertical);
- justify-content: flex-end;
- }
- &.alignleft {
- margin-top: var(--global--spacing-vertical);
- }
- }
- &:after {
- content: "";
- display: table;
- clear: both;
- }
- }
- .widget {
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-weight: var(--widget--font-weight-title);
- line-height: var(--widget--line-height-title);
- }
- h1 {
- font-size: var(--global--font-size-md);
- }
- h2 {
- font-size: var(--global--font-size-sm);
- }
- h3 {
- font-size: var(--global--font-size-xs);
- }
- h4 {
- font-size: var(--global--font-size-xs);
- }
- h5 {
- font-size: var(--global--font-size-xs);
- }
- h6 {
- font-size: var(--global--font-size-xs);
- }
- }
- // Search widget styles
- .search-form {
- display: flex;
- flex-wrap: wrap;
- margin: auto;
- max-width: var(--responsive--aligndefault-width);
- > label {
- width: 100%;
- margin-bottom: 0;
- font-weight: var(--form--label-weight);
- }
- .search-field {
- flex-grow: 1;
- max-width: inherit;
- margin-top: calc(var(--global--spacing-vertical) / 3);
- margin-right: calc(0.66 * var(--global--spacing-horizontal));
- }
- .search-submit {
- margin-top: calc(var(--global--spacing-vertical) / 3);
- margin-left: 10px;
- }
- }
- .widget_search > .search-form {
- .search-field {
- margin-right: calc(-1 * var(--button--border-width));
- -webkit-appearance: none;
- margin-bottom: calc(0.5 * var(--global--spacing-vertical));
- }
- .search-submit {
- margin-left: 0;
- margin-bottom: calc(0.5 * var(--global--spacing-vertical));
- }
- }
- .widget_rss a.rsswidget .rss-widget-icon {
- display: none;
- }
|