[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Sixteen
   3  Description: Used to style blocks.
   4  */
   5  
   6  /*--------------------------------------------------------------
   7  >>> TABLE OF CONTENTS:
   8  ----------------------------------------------------------------
   9  1.0 General Block Styles
  10  2.0 Blocks - Common Blocks
  11  3.0 Blocks - Formatting
  12  4.0 Blocks - Layout Elements
  13  5.0 Blocks - Widgets
  14  6.0 Blocks - Colors
  15  --------------------------------------------------------------*/
  16  
  17  /*--------------------------------------------------------------
  18  1.0 General Block Styles
  19  --------------------------------------------------------------*/
  20  
  21  /* Captions */
  22  
  23  [class^="wp-block-"] figcaption {
  24      color: #686868;
  25      font-style: italic;
  26      line-height: 1.6153846154;
  27      padding-top: 0.5384615385em;
  28      text-align: left;
  29  }
  30  
  31  .rtl [class^="wp-block-"] figcaption {
  32      text-align: right;
  33  }
  34  
  35  /*--------------------------------------------------------------
  36  2.0 Blocks - Common Blocks
  37  --------------------------------------------------------------*/
  38  
  39  /* Paragraph */
  40  
  41  p.has-drop-cap:not(:focus)::first-letter {
  42      font-size: 5em;
  43  }
  44  
  45  /* Image */
  46  
  47  @media screen and (min-width: 61.5625em) {
  48      body:not(.search-results) article:not(.type-page) .wp-block-image figcaption.below-entry-meta {
  49          clear: both;
  50          display: block;
  51          float: none;
  52          margin-right: 0;
  53          margin-left: -40%;
  54          max-width: 140%;
  55      }
  56  
  57      body.rtl:not(.search-results) article:not(.type-page) .wp-block-image figcaption.below-entry-meta {
  58          margin-left: 0;
  59          margin-right: -40%;
  60      }
  61  
  62      body:not(.search-results) article:not(.type-page) .wp-block-gallery .wp-block-image img.below-entry-meta,
  63      body:not(.search-results) article:not(.type-page) .wp-block-gallery .wp-block-image figcaption.below-entry-meta {
  64          margin: 0;
  65          max-width: 100%;
  66      }
  67  }
  68  
  69  /* Gallery */
  70  
  71  .wp-block-gallery {
  72      margin-bottom: 1.75em;
  73  }
  74  
  75  /* Quote */
  76  
  77  .wp-block-quote {
  78      border-width: 0 0 0 4px;
  79  }
  80  
  81  :where(.rtl) .wp-block-quote {
  82      border-width: 0 4px 0 0;
  83  }
  84  
  85  .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
  86  .wp-block-quote:not(.is-large):not(.is-style-large).alignright {
  87      border-left: none;
  88      padding-left: 0;
  89  }
  90  
  91  .rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
  92  .rtl .wp-block-quote:not(.is-large):not(.is-style-large).alignright {
  93      border-right: none;
  94      padding-right: 0;
  95  }
  96  
  97  .wp-block-quote cite {
  98      color: #1a1a1a;
  99      display: block;
 100      font-size: 16px;
 101      font-size: 1rem;
 102      line-height: 1.75;
 103  }
 104  
 105  .wp-block-quote.has-text-color cite {
 106      color: inherit;
 107  }
 108  
 109  .has-text-color .wp-block-quote:not(.has-text-color),
 110  .has-text-color .wp-block-quote:not(.has-text-color) cite {
 111      color: inherit;
 112  }
 113  
 114  .wp-block-quote cite:before {
 115      content: "\2014\00a0";
 116  }
 117  
 118  /* Audio */
 119  
 120  .wp-block-audio audio {
 121      display: block;
 122      width: 100%;
 123  }
 124  
 125  /* Cover */
 126  
 127  .wp-block-cover-image.aligncenter,
 128  .wp-block-cover.aligncenter {
 129      display: flex;
 130  }
 131  
 132  /* File */
 133  
 134  .wp-block-file .wp-block-file__button {
 135      background: #1a1a1a;
 136      border: 0;
 137      border-radius: 2px;
 138      color: #fff;
 139      font-family: Montserrat, "Helvetica Neue", sans-serif;
 140      font-weight: 700;
 141      letter-spacing: 0.046875em;
 142      line-height: 1;
 143      padding: 0.84375em 0.875em 0.78125em;
 144      text-transform: uppercase;
 145  }
 146  
 147  .wp-block-file .wp-block-file__button:hover,
 148  .wp-block-file .wp-block-file__button:focus {
 149      background: #007acc;
 150  }
 151  
 152  .wp-block-file .wp-block-file__button:focus {
 153      outline: thin dotted;
 154      outline-offset: -4px;
 155  }
 156  
 157  .rtl .wp-block-file * + .wp-block-file__button {
 158      margin-left: 0.75em;
 159      margin-right: 0;
 160  }
 161  
 162  /*--------------------------------------------------------------
 163  3.0 Blocks - Formatting Blocks
 164  --------------------------------------------------------------*/
 165  
 166  /* Code */
 167  
 168  .wp-block-code {
 169      border: 0;
 170      font-family: Inconsolata, monospace;
 171      line-height: 1.75;
 172      padding: 0;
 173  }
 174  
 175  .wp-block-code code {
 176      font-size: inherit;
 177  }
 178  
 179  /* Pullquote */
 180  
 181  .wp-block-pullquote {
 182      border-width: 4px;
 183  }
 184  
 185  .wp-block-pullquote blockquote {
 186      color: #686868;
 187      border: 0;
 188      margin: 0;
 189      padding: 0;
 190  }
 191  
 192  .entry-content .wp-block-pullquote blockquote:not(.alignleft):not(.alignright) {
 193      margin-left: 0;
 194      margin-right: 0;
 195  }
 196  
 197  .wp-block-pullquote:where([style*="border-width"]) blockquote {
 198      padding-left: 1rem;
 199      padding-right: 1rem;
 200  }
 201  
 202  .wp-block-pullquote.has-text-color blockquote,
 203  .wp-block-pullquote.has-background blockquote,
 204  .has-background .wp-block-pullquote blockquote,
 205  .wp-block-pullquote.has-text-color cite {
 206      color: inherit;
 207  }
 208  
 209  .wp-block-pullquote p {
 210      font-size: 19px;
 211      font-size: 1.1875rem;
 212  }
 213  
 214  .wp-block-pullquote cite {
 215      color: #1a1a1a;
 216      display: block;
 217      font-size: 16px;
 218      font-size: 1rem;
 219      font-style: normal;
 220      line-height: 1.75;
 221      text-transform: none;
 222  }
 223  
 224  .wp-block-pullquote[class*="-font-size"] blockquote,
 225  .wp-block-pullquote[class*="-font-size"] blockquote p,
 226  .wp-block-pullquote[class*="-font-size"] cite,
 227  .wp-block-pullquote[style*="font-size"] blockquote,
 228  .wp-block-pullquote[style*="font-size"] blockquote p,
 229  .wp-block-pullquote[style*="font-size"] cite {
 230      font-size: inherit;
 231  }
 232  
 233  .wp-block-pullquote[style*="line-height"] blockquote,
 234  .wp-block-pullquote[style*="line-height"] blockquote p,
 235  .wp-block-pullquote[style*="line-height"] cite {
 236      line-height: inherit;
 237  }
 238  
 239  .wp-block-pullquote cite:before {
 240      content: "\2014\00a0";
 241  }
 242  
 243  /* Table */
 244  
 245  .wp-block-table,
 246  .wp-block-table th,
 247  .wp-block-table td {
 248      border: 1px solid #d1d1d1;
 249  }
 250  
 251  .wp-block-table {
 252      border-collapse: separate;
 253      border-spacing: 0;
 254      border-width: 0;
 255      margin: 0 0 1.75em;
 256      table-layout: fixed;
 257      width: 100%;
 258  }
 259  
 260  .wp-block-table th,
 261  .wp-block-table td {
 262      font-weight: normal;
 263      padding: 0.4375em;
 264  }
 265  
 266  .wp-block-table th {
 267      border-width: 0 1px 1px 0;
 268      font-weight: 700;
 269  }
 270  
 271  .wp-block-table td {
 272      border-width: 0 1px 1px 0;
 273  }
 274  
 275  /*--------------------------------------------------------------
 276  4.0 Blocks - Layout Elements
 277  --------------------------------------------------------------*/
 278  
 279  /* Buttons */
 280  
 281  .wp-block-buttons {
 282      font-weight: 700;
 283      letter-spacing: 0.046875em;
 284      line-height: 1;
 285      text-transform: uppercase;
 286  }
 287  
 288  .wp-block-button .wp-block-button__link {
 289      box-shadow: none;
 290      font-family: Montserrat, "Helvetica Neue", sans-serif;
 291      padding: 0.84375em 1.3125em 0.78125em;
 292  }
 293  
 294  .wp-block-button__link {
 295      background: #1a1a1a;
 296      color: #fff;
 297  }
 298  
 299  .is-style-outline .wp-block-button__link:not(.has-background) {
 300      background: transparent;
 301  }
 302  
 303  .is-style-outline .wp-block-button__link:not(.has-text-color) {
 304      color: #1a1a1a;
 305  }
 306  
 307  .wp-block-button .wp-block-button__link:active,
 308  .wp-block-button .wp-block-button__link:focus,
 309  .wp-block-button .wp-block-button__link:hover,
 310  .is-style-outline .wp-block-button__link:not(.has-background):active,
 311  .is-style-outline .wp-block-button__link:not(.has-background):hover,
 312  .is-style-outline .wp-block-button__link:not(.has-background):focus,
 313  .is-style-outline .wp-block-button__link:not(.has-text-color):active,
 314  .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
 315  .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
 316      background: #007acc;
 317      color: #fff;
 318  }
 319  
 320  .wp-block-button .wp-block-button__link:focus {
 321      outline: thin dotted;
 322      outline-offset: -4px;
 323  }
 324  
 325  /* Separator */
 326  
 327  hr.wp-block-separator {
 328      border: 0;
 329  }
 330  
 331  .wp-block-separator {
 332      margin-left: auto;
 333      margin-right: auto;
 334      max-width: 100px;
 335  }
 336  
 337  .wp-block-separator.is-style-wide,
 338  .wp-block-separator.is-style-dots {
 339      max-width: 100%;
 340  }
 341  
 342  /* Media & Text */
 343  
 344  .wp-block-media-text {
 345      margin-bottom: 1.75em;
 346  }
 347  
 348  .wp-block-media-text *:last-child {
 349      margin-bottom: 0;
 350  }
 351  
 352  /* Details */
 353  
 354  .wp-block-details > summary:first-of-type {
 355      display: list-item;
 356  }
 357  
 358  /*--------------------------------------------------------------
 359  5.0 Blocks - Widget Blocks
 360  --------------------------------------------------------------*/
 361  
 362  /* Archives, Categories & Latest Posts */
 363  
 364  .wp-block-archives.aligncenter,
 365  .wp-block-categories.aligncenter,
 366  .wp-block-latest-posts.aligncenter {
 367      list-style-position: inside;
 368      text-align: center;
 369  }
 370  
 371  /* Latest Comments */
 372  
 373  .wp-block-latest-comments__comment-meta a {
 374      box-shadow: none;
 375      font-weight: 700;
 376  }
 377  
 378  .wp-block-latest-comments__comment-date {
 379      color: #686868;
 380      font-family: Montserrat, "Helvetica Neue", sans-serif;
 381      font-size: 13px;
 382      font-size: 0.8125rem;
 383      line-height: 1.6153846154;
 384  }
 385  
 386  .wp-block-latest-comments .wp-block-latest-comments__comment:not(:first-child) {
 387      border-top: 1px solid #d1d1d1;
 388      margin-bottom: 0;
 389      padding: 1.75em 0;
 390  }
 391  
 392  .wp-block-latest-comments__comment-excerpt p:last-child {
 393      margin-bottom: 0;
 394  }
 395  
 396  /* Query Loop & Post Template */
 397  
 398  .wp-block-query .wp-block-post-template {
 399      margin-left: 0;
 400  }
 401  
 402  .wp-block-query .wp-block-post-template li {
 403      margin-bottom: 0;
 404      padding: 1.5em 0 0;
 405  }
 406  
 407  .wp-block-query .wp-block-post-template li:not(:first-child) {
 408      border-top: 1px solid #d1d1d1;
 409  }
 410  
 411  /*--------------------------------------------------------------
 412  6.0 Blocks - Colors
 413  --------------------------------------------------------------*/
 414  
 415  .has-dark-gray-color {
 416      color: #1a1a1a;
 417  }
 418  
 419  .has-dark-gray-background-color {
 420      background-color: #1a1a1a;
 421  }
 422  
 423  .has-dark-gray-border-color {
 424      border-color: #1a1a1a;
 425  }
 426  
 427  .has-medium-gray-color {
 428      color: #686868;
 429  }
 430  
 431  .has-medium-gray-background-color {
 432      background-color: #686868;
 433  }
 434  
 435  .has-medium-gray-border-color {
 436      border-color: #686868;
 437  }
 438  
 439  .has-light-gray-color {
 440      color: #e5e5e5;
 441  }
 442  
 443  .has-light-gray-background-color {
 444      background-color: #e5e5e5;
 445  }
 446  
 447  .has-light-gray-border-color {
 448      border-color: #e5e5e5;
 449  }
 450  
 451  .has-white-color {
 452      color: #fff;
 453  }
 454  
 455  .has-white-background-color {
 456      background-color: #fff;
 457  }
 458  
 459  .has-white-border-color {
 460      border-color: #fff;
 461  }
 462  
 463  .has-blue-gray-color {
 464      color: #4d545c;
 465  }
 466  
 467  .has-blue-gray-background-color {
 468      background-color: #4d545c;
 469  }
 470  
 471  .has-blue-gray-border-color {
 472      border-color: #4d545c;
 473  }
 474  
 475  .has-bright-blue-color {
 476      color: #007acc;
 477  }
 478  
 479  .has-bright-blue-background-color {
 480      background-color: #007acc;
 481  }
 482  
 483  .has-bright-blue-border-color {
 484      border-color: #007acc;
 485  }
 486  
 487  .has-light-blue-color {
 488      color: #9adffd;
 489  }
 490  
 491  .has-light-blue-background-color {
 492      background-color: #9adffd;
 493  }
 494  
 495  .has-light-blue-border-color {
 496      border-color: #9adffd;
 497  }
 498  
 499  .has-dark-brown-color {
 500      color: #402b30;
 501  }
 502  
 503  .has-dark-brown-background-color {
 504      background-color: #402b30;
 505  }
 506  
 507  .has-dark-brown-border-color {
 508      border-color: #402b30;
 509  }
 510  
 511  .has-medium-brown-color {
 512      color: #774e24;
 513  }
 514  
 515  .has-medium-brown-background-color {
 516      background-color: #774e24;
 517  }
 518  
 519  .has-medium-brown-border-color {
 520      border-color: #774e24;
 521  }
 522  
 523  .has-dark-red-color {
 524      color: #640c1f;
 525  }
 526  
 527  .has-dark-red-background-color {
 528      background-color: #640c1f;
 529  }
 530  
 531  .has-dark-red-border-color {
 532      border-color: #640c1f;
 533  }
 534  
 535  .has-bright-red-color {
 536      color: #ff675f;
 537  }
 538  
 539  .has-bright-red-background-color {
 540      background-color: #ff675f;
 541  }
 542  
 543  .has-bright-red-border-color {
 544      border-color: #ff675f;
 545  }
 546  
 547  .has-yellow-color {
 548      color: #ffef8e;
 549  }
 550  
 551  .has-yellow-background-color {
 552      background-color: #ffef8e;
 553  }
 554  
 555  .has-yellow-border-color {
 556      border-color: #ffef8e;
 557  }