/**
 * Use in order to make a set of rules only apply above
 * or below a certain breakpoint.
 * Standard usage:

 @include breakpoint(tablet){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet up){
 	// Applies to screen sizes tablet and LARGER
 }

 @include breakpoint(tablet down){
 	// Applies to screen sizes tablet and SMALLER
 }
 *
 **/
/**
 * Set custom typography sizes (e.g. header)
 * @param  {int} $size        font-size
 * @param  {int} $line-height line-height
 * @param  {int} $av          AV letter-spacing from XD
 * @return {void}
 */
/**
 * Converts a pixel, percentage, rem or em value to a unitless value based on a given font size. Ideal for working out unitless line heights.
 *
 * @param {Number} $value - Value to convert to a unitless line height
 * @param {Number} $base - The font size to use to work out the line height - defaults to $rem-font-size
 *
 * @return {Number} - Unitless number
 */
/**
 * AV letter spacing measurement convertor from Adobe applications
 * https://scotch.io/tutorials/converting-photoshop-letter-spacing-to-css
 */
@media screen and (min-width: 48em) {
  .wp-block-table.alignleft, .wp-block-table.alignright {
    max-width: 75%;
  }
}
.wp-block-table thead {
  border: none;
}
.wp-block-table td,
.wp-block-table th {
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  padding: 0.5em;
  border: 1px solid var(--color-gray);
}
.wp-block-table td:first-child,
.wp-block-table th:first-child {
  padding-left: 0;
}
.wp-block-table th {
  color: var(--wp--preset--color--black-meta);
}
.wp-block-table th .is--bigger-text {
  color: var(--wp--preset--color--black);
}
.wp-block-table table {
  width: auto;
}
.wp-block-table figcaption {
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: var(--wp--preset--color--black-meta);
}
@media screen and (min-width: 48em) {
  .wp-block-table figcaption {
    margin-top: var(--unit);
  }
}
.wp-block-table.is-style-price-table table {
  width: 100%;
}
.wp-block-column > .wp-block-table.is-style-price-table table {
  max-width: var(--constraint-narrow);
}
.wp-block-table.is-style-price-table thead th {
  padding-bottom: var(--unit);
}
.wp-block-table.is-style-price-table tr + tr td {
  padding-top: var(--unit);
}
.wp-block-table.is-style-hiking-info table {
  width: 100%;
}
.wp-block-table.is-style-hiking-info tr + tr td {
  padding-top: var(--unit);
}
@media screen and (min-width: 48em) {
  .wp-block-table.is-style-hiking-info tr + tr td {
    padding-top: 0.5em;
  }
}

.editor-styles-wrapper .wp-block-table {
  border-collapse: collapse;
}
.editor-styles-wrapper .wp-block-table th,
.editor-styles-wrapper .wp-block-table td {
  border: 1px dotted silver;
}