[Summary view] [Print] [Text view]

   1  .widget-area {
   2      @extend %responsive-alignwide-width;
   3      margin-top: calc(6 * var(--global--spacing-vertical));
   4      padding-bottom: calc(var(--global--spacing-vertical) / 3);
   5      color: var(--footer--color-text);
   6      font-size: var(--footer--font-size);
   7      font-family: var(--footer--font-family);
   8  
   9      @include media(laptop) {
  10          display: grid;
  11          grid-template-columns: repeat(2, 1fr);
  12          column-gap: calc(2 * var(--global--spacing-horizontal));
  13      }
  14  
  15      @include media(wide) {
  16          grid-template-columns: repeat(3, 1fr);
  17      }
  18  
  19      @include media(mobile-only) {
  20          margin-top: calc(3 * var(--global--spacing-vertical));
  21      }
  22  
  23      .wp-block-social-links {
  24  
  25          &.alignright {
  26              margin-top: var(--global--spacing-vertical);
  27              justify-content: flex-end;
  28          }
  29  
  30          &.alignleft {
  31              margin-top: var(--global--spacing-vertical);
  32          }
  33      }
  34  
  35      &:after {
  36          content: "";
  37          display: table;
  38          clear: both;
  39      }
  40  }
  41  
  42  .widget {
  43  
  44      h1,
  45      h2,
  46      h3,
  47      h4,
  48      h5,
  49      h6 {
  50          font-weight: var(--widget--font-weight-title);
  51          line-height: var(--widget--line-height-title);
  52      }
  53  
  54      h1 {
  55          font-size: var(--global--font-size-md);
  56      }
  57  
  58      h2 {
  59          font-size: var(--global--font-size-sm);
  60      }
  61  
  62      h3 {
  63          font-size: var(--global--font-size-xs);
  64      }
  65  
  66      h4 {
  67          font-size: var(--global--font-size-xs);
  68      }
  69  
  70      h5 {
  71          font-size: var(--global--font-size-xs);
  72      }
  73  
  74      h6 {
  75          font-size: var(--global--font-size-xs);
  76      }
  77  
  78      ul {
  79          list-style-type: none;
  80          padding: 0;
  81  
  82          li {
  83              line-height: var(--widget--line-height-list);
  84          }
  85  
  86          &.sub-menu,
  87          &.children {
  88              margin-left: var(--widget--spacing-menu);
  89          }
  90  
  91          .sub-menu-toggle {
  92              display: none;
  93          }
  94      }
  95  
  96      a {
  97          color: var(--footer--color-link);
  98          text-decoration: underline;
  99          text-decoration-style: solid;
 100          text-decoration-color: currentColor;
 101  
 102          &:link,
 103          &:visited,
 104          &:active {
 105              color: var(--footer--color-link);
 106          }
 107  
 108          &:hover {
 109              color: var(--footer--color-link-hover);
 110              text-decoration-style: dotted;
 111          }
 112      }
 113  }
 114  
 115  // Search widget styles
 116  .search-form {
 117      display: flex;
 118      flex-wrap: wrap;
 119      margin: auto;
 120      max-width: var(--responsive--aligndefault-width);
 121  
 122      > label {
 123          width: 100%;
 124          margin-bottom: 0;
 125          font-weight: var(--form--label-weight);
 126      }
 127  
 128      .search-field {
 129          flex-grow: 1;
 130          max-width: inherit;
 131          margin-top: calc(var(--global--spacing-vertical) / 3);
 132          margin-right: calc(0.66 * var(--global--spacing-horizontal));
 133      }
 134  
 135      .search-submit {
 136          margin-top: calc(var(--global--spacing-vertical) / 3);
 137          margin-left: 10px;
 138      }
 139  }
 140  
 141  .widget_search > .search-form {
 142  
 143      .search-field {
 144          margin-right: calc(-1 * var(--button--border-width));
 145          -webkit-appearance: none;
 146          margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 147      }
 148  
 149      .search-submit {
 150          margin-left: 0;
 151          margin-bottom: calc(0.5 * var(--global--spacing-vertical));
 152      }
 153  }
 154  
 155  .widget_rss a.rsswidget .rss-widget-icon {
 156      display: none;
 157  }