a { color: $gray; text-decoration: underline; transition: color 0.07s ease-in; }
a:hover, a:active { text-decoration: none; color: $gray; }

/* Heading */

h1, .h1 { font-weight: 700; color: $headingColor; font-size: 3rem; line-height: 1.2; margin: 0 0 0.5em 0; }
h2, .h2 { font-weight: 700; color: $headingColor; font-size: 2rem; line-height: 1.2; margin: 0 0 0.75em 0; }
h3, .h3 { font-weight: 700; color: $headingColor; font-size: 1.5rem; line-height: 1.3; margin: 0 0 0.75em 0; }
h4, .h4 { font-weight: 700; color: $headingColor; font-size: 1rem; line-height: 1.5; margin: 0 0 1em 0; }
h5, .h5 { font-weight: 400; color: $headingColor; font-size: 1rem; line-height: 1.5; margin: 0 0 1em 0; }
h6, .h6 { font-weight: 400; color: $headingColor; font-size: 1rem; line-height: 1.5; margin: 0 0 1em 0; }

/* Paragraphs */

p { margin: 0 0 1em 0; }
address { font-style: normal; }
cite { font-style: normal; }

/* Lists */

ul, ol { list-style: none;  margin: 0 0 1em 0; }
ul li { margin: 0 0 0.25em 0; padding: 0 0 0 1em; }
ul.unstyled li { padding: 0; background: none; }

ol { counter-reset: counter; margin-left: 0; *margin-left: 54px; }
ol > li { margin: 0 0 0.5em 0; padding: 0 0 0 1em; *list-style-type: decimal; counter-increment: counter; position: relative; }
ol > li:before { color: $gray; content: counter(counter)'. '; position: absolute; left: 0; top: 0; }

dl { margin: 0 0 1em 0; }
dt { font-weight: bold; }


.text-small { font-size: 0.7em; }
.text-big { font-size: 1.3em; }

.text-light { font-weight: 200; }
.text-bold { font-weight: 600; }
strong { font-weight: 600; }

.text-uppercase { text-transform: uppercase; }
.text-nowrap { white-space: nowrap; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.color-gray { color: $gray !important; }

.f-l { float: left; }
.f-r { float: right; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid $gray; margin: 1em 0; padding: 0; }

sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

.entry:not(.perex) { p, ul, ol { font-size: 0.9rem; } }
.entry p, .entry ul, .entry ol, .entry li { &:last-child { margin-bottom: 0; } }
.entry h2 { margin-top: 30px; }
.entry h3 { margin-top: 30px; }
.entry h2:first-child { margin-top: 0; }
.entry h3:first-child { margin-top: 0; }
.entry ul li { position: relative; }
.entry ul li:before { content: ''; position: absolute; left: 3px; top: 12px; width: 4px; height: 4px; display: block; background: #000; }

/* laptop < 1370 */
@media screen and (max-width: $xl) {
	h1, .h1 { font-size: 2.2rem; }
}

@media screen and (max-width: $lg) {
	h1, .h1 { font-size: 2rem; }
}

@media screen and (max-width: $md) {
}

/* mobile < 768 */
@media screen and (max-width: $sm) {

}

@media screen and (max-width: $xs) {
	.item-list .item { width: 100% !important; }
}

@media screen and (max-width: $xxs) {
	
}