
/*
English:

CSS framework framework.averin.pro 
Version: 6.0.1
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/) 

Docs & Examples: https://framework.averin.pro/ 

Русский: 

CSS фреймворк framework.averin.pro
Версия: 6.0.1
Префикс: ""
Студия Артемия Аверина (ya@averin.pro)
 
Документая и примеры: httpы://framework.averin.pro/
*/

/*** Start typography component ***/
.image { max-width: 100%; }
.hr { border:0; border-bottom: 1px solid #EBEBEB; }

.white, .white *:hover, a.white, .white a { color: #FFFFFF; }
.black, .black *:hover, a.black, .black a { color: #000000; }
.red, .red *:hover, a.red, .red a { color: #ff6f69; }
.green, .green *:hover, a.green, .green a { color: #3eed06; }
.gray, .gray *:hover, a.gray, .gray a { color: gray; }
.yellow, .yellow *:hover, a.yellow, .yellow a { color: #f5fe4d; }
.blue, .blue *:hover, a.blue, .blue a { color: #06c1ec; }

.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; color: inherit; line-height: 1.2; margin: 0px; }
.h1 + *, .h2 + *, .h3 + *, .h4 + *, .h5 + *, .h6 + * { margin-top: 0.8em; }
.h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, .h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, .h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 { margin-top: 0.4em; }
.h1 { font-size: 2.5em; }
.h2 { font-size: 1.75em; }
.h3 { font-size: 1.5em; }
.h4 { font-size: 1.25em; }
.h5 { font-size: 1em; }
.h6 { font-size: 0.75em; text-transform: uppercase; letter-spacing: .01em; }

.is-right { text-align: right; }
.is-center { text-align: center; }
.is-left { text-align: left; }
.is-order-1 { order: 1; }
.is-order-2 { order: 2; }
.is-order-3 { order: 3; }
.is-order-4 { order: 4; }
.is-order-5 { order: 5; }
@media (max-width: 900px) {
	.is-mobile-right { text-align: right; }
	.is-mobile-center { text-align: center; }
	.is-mobile-left { text-align: left; }
	.is-mobile-order-1 { order: 1; }
	.is-mobile-order-2 { order: 2; }
	.is-mobile-order-3 { order: 3; }
	.is-mobile-order-4 { order: 4; }
	.is-mobile-order-5 { order: 5; }
}

.muted { color: rgba(17, 17, 17, 0.6); }
.muted a, a.is-muted { color: rgba(17, 17, 17, 0.6); }
.muted a:hover, a.is-muted:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #111; }
.big { font-size: 1.2em; line-height: 1.45; }
.small { font-size: 0.8em; }
.nowrap, .is-nowrap td { white-space: nowrap; }
.highlight { background-color: rgba(77, 161, 255, 0.1); }

.none { TEXT-DECORATION: none; }
.none:hover { TEXT-DECORATION: none; } 
.underline a { TEXT-DECORATION: none; } 
.underline a:hover { TEXT-DECORATION: none; }

.underline { TEXT-DECORATION: none; border-bottom: 1px solid; }
.underline:hover { TEXT-DECORATION: none; border-bottom: 0px solid; }
.underline a { TEXT-DECORATION: none; border-bottom: 1px solid; }
.underline a:hover { TEXT-DECORATION: none; border-bottom: 0px solid; }

.cursor { cursor: pointer; }
/*** End typography component ***/

