/* https://upload.wikimedia.org/wikipedia/commons/4/43/Feed-icon.svg */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/** [default] **/
body, button, input, select, textarea {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

code, kbd, tt, var {
    font-family: "Space Mono", monospace;
}

b, strong {
    font-weight: 600;
}

.wp-block-heading strong {
    font-weight: 450;
}

.wp-block-kevinbatdorf-code-block-pro {
    margin-bottom: 1rem;
}

ul li, ol li {
    margin-bottom: 0.6rem;
}

.site-main article img {
	width: 100%;
}

/** [wordpress] **/
.wp-block-image {
	margin-bottom: 1rem;
}

/** [plugin: rank math] **/
.rank-math-block {
	padding: 0.7rem;
  border: 2px solid #a4dba4;
}

.rank-math-block .rank-math-list-item {
	border: 1px solid #eee6e6;
  padding: 0.5rem;
  margin-bottom: 1rem;
  background-color: #f9f9f9;
}

.rank-math-block .rank-math-question {
	font-size: 1.4rem
}

.rank-math-block .rank-math-answer {
	font-size: 0.89rem;
}

/** [plugin: heroic glossary] **/
.hg-glossary .hg-content dl:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 1rem;
}

.hg-glossary .hg-content dl {
    display: block;
}

.hg-glossary .hg-content dl dt {
    margin: 0 0 0.4rem;
}

.hg-glossary .hg-content dl dt::before {
    content: '▶ ';
    font-size: .6rem;
    color: #8e416d;
    display: inline-block;
    margin-right: 6px;
    bottom: .21rem;
    position: relative;
}

.featured-image > img {
    width: 100%;
}

.line-clamp {
    --line-clamp: 3;
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp);
    -webkit-box-orient: vertical;  
    line-clamp: var(--line-clamp);
    overflow: hidden;
}

code:not(pre code) {
    --bg-color: rgba(0, 0, 0, .05);
    background-color: var(--bg-color);
    font-size: 14px;
    padding: 0px 4px;
    border-radius: 3px;
    margin: 0 2px;
}


/* // Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... } */