/*
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 pagination component ***/
.pagination { font-size: 0.875em; font-weight: normal; text-transform: none; margin: 1.2em 0; } 
.pagination:after { content: ""; display: table; clear: both; } 
.pagination a, .pagination span { float: left; padding: 0.85em 1.1em 0.75em 1.1em; border: 1px solid rgba(17, 17, 17, 0.1); border-right-color: transparent; color: rgba(17, 17, 17, 0.8); text-decoration: none; line-height: 1.4; } 
.pagination a:first-child, .pagination span:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } 
.pagination a:last-child, .pagination span:last-child { border-right-color: rgba(17, 17, 17, 0.1); border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } 
.pagination a.is-prev:before, .pagination a.is-next:after { position: relative; top: 1px; font-size: 125%; line-height: 1; } 
.pagination a.is-prev:before { content: "<"; margin-right: .4em; } 
.pagination a.is-next:after { content: ">"; margin-left: .4em; } 
.pagination a.is-prev:empty:before { margin-right: 0; } 
.pagination a.is-next:empty:after { margin-left: 0; } 
.pagination a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; background-color: rgba(17, 17, 17, 0.05); } 
.pagination a.is-disabled { cursor: default; background-color: rgba(17, 17, 17, 0.05); color: rgba(17, 17, 17, 0.5); } 
.pagination span, .pagination a.is-current, .pagination a.is-active { background-color: #111; border-color: #111; color: #fff; } 
.pagination.is-stacked a { position: relative; width: 50%; border: none; font-size: 1.1rem; font-weight: bold; padding: 0; padding-top: 20px; } 
.pagination.is-stacked a:hover { background: none; text-decoration: underline; color: #FF0000; } 
.pagination.is-stacked a.is-prev:before, .pagination.is-stacked a.is-next:after { content: ""; margin: 0; } 
.pagination.is-stacked a.is-prev:after, .pagination.is-stacked a.is-next:before { position: absolute; top: 0; left: 0; content: attr(data-label); font-size: 11px; text-transform: uppercase; font-style: normal; font-weight: normal; letter-spacing: .03em; margin-bottom: .25em; color: rgba(17, 17, 17, 0.5); } 
.pagination.is-stacked .is-next { text-align: right; } 
.pagination.is-stacked a.is-next:before { right: 0; }
@media only screen and (max-width: 767px) { 
.pagination.is-stacked a { float: none; display: block; width: 100%; margin-bottom: 24px; } 
.pagination.is-stacked a:last-child { margin-bottom: 0; } 
.pagination.is-stacked a.is-next { text-align: left; }
}
/*** End pagination component ***/