/**
 * Typography CSS definitions
 *
 * @package WordPress
 * @subpackage kaos
 * @since kaos 1.0
 */


/**
 * Typography
 */
.typography
{
    font:            400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:      left;
    text-decoration: none;
    color:           #3f3f3f;
}

.typography b
{
    font-weight: 400;
}

.typography u
{
    text-decoration: underline;
}

.typography i
{
    font-style: italic;
}

.typography em
{
    font-style: italic;
}

.typography strong
{
    font-weight: 400;
}

.typography ins
{
    text-decoration: underline;
}

.typography del
{
    text-decoration: line-through;
}

.typography hr
{
    margin:           4.0em 0.0em;
    width:            100%;
    height:           1px;
    border:           none;
    background-color: #e7e7e7;
}

.typography a
{
    text-decoration: underline;
    color:           #9b1142;
}

.typography a:hover
{
    text-decoration: underline;
    color:           #3f3f3f;
}

.typography a:visited
{
    text-decoration: underline;
    color:           #9b1142;
}


/**
 * Headings
 */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6
{
    font:            400 normal normal 1.0em/1.5 var(--kaos-font);
    text-align:      left;
    text-decoration: none;
    color:           #1f1f1f;
    clear:           both;
}

.typography h1
{
    margin:      0.1006em 0.0em;
    font-size:   1.6105em;
    line-height: 1.8628;
}

.typography h2
{
    margin:      0.0915em 0.0em;
    font-size:   1.4641em;
    line-height: 2.0490;
}

.typography h3
{
    margin:      0.0831em 0.0em;
    font-size:   1.3310em;
    line-height: 2.2539;
}

.typography h4
{
    margin:      0.1512em 0.0em;
    font-size:   1.2100em;
    line-height: 1.2397;
}

.typography h5
{
    margin:      0.1375em 0.0em;
    font-size:   1.1000em;
    line-height: 1.3636;
}

.typography h6
{
    margin:      0.125em 0.0em;
    font-size:   1.0em;
    line-height: 1.5000;
}

.typography .title
{
    text-align: center;
}


/**
 * Sections
 */
.typography p
{
    clear: both;
}

.typography q
{
}

.typography blockquote
{
}

.typography address
{
}

.typography pre
{
}


/**
 * Lists
 */
.typography ul
{
    list-style-type:     disc;
    list-style-position: outside;
}

.typography ul.circle
{
    list-style-type:     circle;
    list-style-position: outside;
}

.typography ul.square
{
    list-style-type:     square;
    list-style-position: outside;
}

.typography ol
{
    list-style-type:     decimal;
    list-style-position: outside;
}

.typography ol.roman
{
    list-style-type:     upper-roman;
    list-style-position: outside;
}

.typography ol.alpha
{
    list-style-type:     upper-alpha;
    list-style-position: outside;
}

.typography li
{
    margin-left:   4.0em;
    margin-bottom: 0.25em;
}

.typography li:last-child
{
    padding-bottom: 0.0em !important;
}

.typography li li
{
    margin-left: 4.0em;
}

.typography dl
{
}

.typography dt
{
    font: 400 normal normal 1.0em/1.5 var(--kaos-font);
}

.typography dd
{
    margin-bottom: 1.5em;
}

.typography dd:last-child
{
    margin-bottom: 0.0em;
}


/**
 * Tables
 */
.typography table
{
}

.typography thead
{
    border-bottom: 1px solid #1f1f1f;
}

.typography tfoot
{
    border-top: 1px solid #f2f2f2;
    font-style: italic;
    color:      #7f7f7f;
}

.typography tbody
{
}

.typography col
{
}

.typography colgroup
{
}

.typography caption
{
}

.typography tr
{
    border-top: 1px solid #e7e7e7;
}

.typography tr:first-child
{
    margin-top: 0px;
    border-top: none;
}

.typography th,
.typography td
{
    padding: 0.75em 0.0em 0.75em 4.0em;
}

.typography th:first-child,
.typography td:first-child
{
    padding-left: 0.0em;
}


/**
 * Images
 */
.typography img.left
{
    margin-right: 1.0em;
    float:        left;
}

.typography img.right
{
    margin-left: 1.0em;
    float:       right;
}

.typography img.center
{
    margin-left:  auto;
    margin-right: auto;
    display:      block;
}

.full-width
{
    width:  100%;
    height: auto;
}

.max-width
{
    max-width: 100%;
    height:    auto;
}

/**
 * Inter (variable font, weights 100-900), self-hosted (no requests to Google).
 * Latin subset: covers German umlauts and ß. License: fonts/OFL-Inter.txt
 */
:root
{
    --kaos-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-wght-italic.woff2') format('woff2');
}