@charset "UTF-8";

@font-face {font-family: 'icomoon'; src:  url('fonts/icomoon.eot?5otzdo'); src:  url('fonts/icomoon.eot?5otzdo#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?5otzdo') format('truetype'), url('fonts/icomoon.woff?5otzdo') format('woff'), url('fonts/icomoon.svg?5otzdo#icomoon') format('svg'); font-weight: normal; font-style: normal;}

[class^="text-perelink-item-icon-"], [class*="text-perelink-item-icon-"] {font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

[class^="text-perelink-item-icon-"]:before, [class*="text-perelink-item-icon-"]:before {position: relative; margin-right: 4px;}

.text-perelink-item {position:relative; overflow:hidden; background:#efefef; width: 100%; padding: 2%; margin:20px 0;}
.text-perelink-item-inner {position:relative; overflow: hidden; background: #fff; padding: 20px;}
.text-perelink-item-inner-right {display: block; overflow: hidden;}

.text-perelink-item-post-img {display:block; float:left; overflow:hidden; width: 240px; height: 150px; margin:0 20px 0 0;}
.text-perelink-item-post-img img {width: 100%; height: inherit; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.text-perelink-item:hover img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}

.text-perelink-item-post-title {font-size: 18px; line-height:25px; padding: 0 0 10px 0; display:block; text-align:left; color:#4f6173; font-weight:bold; text-decoration:none !important;}
.text-perelink-item-post-title:hover {color:#000;}
.text-perelink-item-post-title:before {content: 'Это интересно'; display: block; color: red !important; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #efefef; padding-bottom: 5px; margin: 0 0 8px 0;}
.text-perelink-item-post-title:after {position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:0; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.text-perelink-item-post-info {display: block; font-size: 12px; color: #777; font-weight: 400;}
.text-perelink-item-post-info-inner {display: inline-block; margin-right:10px;}

.text-perelink-item-icon-comments:before {content: "\f27a";}
.text-perelink-item-icon-views:before {content: "\e9ce"; top:1px;}
.text-perelink-item-icon-likes:before {content: "\f005"; top:1px;}

.text-perelink-item-read-button {background: #4f6173; padding:4px 25px 4px 25px; position: absolute; right: 20px; bottom: 20px; text-transform: uppercase; font-size: 12px; font-family: system-ui; font-weight: bold; letter-spacing: normal; color: #fff; cursor: pointer; z-index:1; font-style:italic; border-radius:5px;}
.text-perelink-item-read-button:hover {background:#3d424d;}
.text-perelink-item-read-button:before {content: 'Читать'; display:block; color: #fff;}
//.text-perelink-item-read-button:hover:before {color:#4f6173;}

/* Адаптивная верстка - Мобильники */
@media (max-width: 767px) {
.text-perelink-item-post-info {display:none;}
}

@media (max-width: 600px) {
.text-perelink-item-inner {padding: 10px 13px;}
.text-perelink-item-inner:before {content: 'Это интересно'; display: block; color: red !important; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #efefef; padding-bottom: 8px; margin: 0 0 15px 0; font-weight: bold;}
.text-perelink-item-post-title:before {display:none;}
.text-perelink-item-post-img {width: 35%; height: auto;}
.text-perelink-item-read-button {display:none;}
}