

@font-face {
  font-family: 'Village Type';
  src: url('https://www.village.com.ua/gui/VillageType-Regular-b76dcf523bfbad2214375ef49352ac0ab98f05ae7a7ad5664c147707ab0a3f23.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'Village Type';
  src: url('https://www.village.com.ua/gui/VillageType-Black-b151dcbcd6c1fd0000634862cf63cd378916a9c983a46ebe618f126778adbee0.woff2') format('woff');
  font-weight: 900;
  font-style: normal;
  font-variant-ligatures: normal;
  }

@font-face {
  font-family: 'VillageTypeScript';
  src: url('https://www.village.com.ua/gui/VillageType-Script-610919d30381aba1e6989701be43f4bde88c457a8554fa34eca6ffa00e24356e.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  }

@font-face{
  font-family: 'Source Serif 4';
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  font-stretch: normal;
  src: url('https://www.village.com.ua/gui/SourceSerif4-Regular.ttf-6b053e98f0838afe81f3e784727be4583a7c13bb42f198dc5202ecffee0aaee0.woff2') format('woff2');
}

@font-face{
  font-family: 'Source Serif 4';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  font-stretch: normal;
  src: url('https://www.village.com.ua/gui/SourceSerif4-It.ttf-ca3b17ed1e3e668ffd9e03385cfd46e1b095df783de53710d25d41241496026b.woff2') format('woff2');
}


:root {
  --dorian: #ECF0F4;
  
  --dorinan-50: #7D7F8F;
  
  --dorian-80: #C0C3CB;
  --chesnut-green: #59B78F;
  --purple: #9494F6;
  --warm-red: #FF845D;
  --bakery: #ECD5A3;

  --white: #FAFCFE;
  --gray: #0B0B3226;
  --dark-gray: #0B0B324D;
  --state: #848496;
  
  --state-50: #7C7E91;
  
  --dark-state: #0B0B32BF;
  
  --dark-state-75: #474765;
  --onyx: #0E0E2C;

  --primary: var(--onyx);
  --secondary: var(--chesnut-green);
  --hover: #42A57B;
  --visited: var(--state-50);
}
.row-banner-top + .post-cover-row .row-cont {
  padding-top: 0;
  }

.post-cover-row-colored {
  padding-top: 0;

  background: var(--dorian);
  }

.post-cover .meta-actions {
  position: absolute; top: 16px; right: 16px;
  }

.post-cover {
  position: relative;
  }
.post-cover .cover-wrap {


  background: var(--dorian);
  }
.post-cover .article-title {
  font-size: 36px;
  font-weight: 900;
  line-height: 40px;

  -webkit-font-smoothing: antialiased;
  }
.post-cover .article-title em {
  font-family: 'VillageTypeScript';
  font-style: normal;
  }
.post-cover .posted {
  color: var(--dark-gray);
  }
.post-cover .posted svg {
  fill: var(--dark-gray);
  }
.post-cover .item-category {
  margin-bottom: 16px;
  }
.post-cover .g-sp-badge {
  display: inline;
  }
.post-cover .item-author {
  margin-left: 16px;
  }
.post-cover.item-author a {
  font-size: 16px;
  font-weight: 400;

  letter-spacing: 0;
  text-transform: none;

  border-bottom: 1px solid var(--dark-gray);
  }
.post-cover li:first-child + .item-meta {
  margin-left: .3em;
  }

.post-cover.post-cover-style_4 .cover-wrap,
.post-cover.post-cover-style_2 .cover-wrap {
  position: relative;
  }
.post-cover.post-cover-style_2 .cover-wrap {
  min-height: 600px;
  }
.post-cover.post-cover-style_4 .cover-image img {
  display: block;
  width: 100%;
  height: auto;
  }
.post-cover.post-cover-style_4 .cover-data,
.post-cover.post-cover-style_2 .cover-data {
  padding: 32px;
  }
.post-cover.post-cover-style_4 .posted,
.post-cover.post-cover-style_2 .posted {
  position: absolute; bottom: 32px;
  }
.post-cover.post-cover-style_4 .cover-image + .cover-data .posted {
  position: relative; bottom: 0;
  }
.post-cover.post-cover-style_4 .post-meta,
.post-cover.post-cover-style_2 .post-meta,
.post-cover.post-cover-style_4 .post-meta svg,
.post-cover.post-cover-style_2 .post-meta svg {
  color: var(--dark-gray);

  fill: var(--dark-gray);
  }
.post-cover.post-cover-style_4 .item-author a:not(:hover),
.post-cover.post-cover-style_2 .item-author a:not(:hover) {
  border-color: var(--dark-gray);
  }
.post-cover.post-cover-style_4 .item-category a:hover,
.post-cover.post-cover-style_2 .item-category a:hover {
  color: var(--hover);
  }

.post-cover.post-cover-style_2 .row-cont {
  padding-top: 0;
  }

.post-cover.post-cover-style_4 .cover-data .icon {
  position: relative;

  vertical-align: -2px;
  }
.post-cover.post-cover-style_5 .cover-footer {
  width: var(--thin-post-width-without-padding);
  padding-bottom: 8px;

  border-bottom: 1px solid var(--dorian);
  }

.post-cover.post-cover-style_6 .cover-footer {
  width: var(--wide-post-width-without-padding);
  }

.post-cover.post-cover-style_5,
.post-cover.post-cover-style_6 {
  margin-bottom: 0;
  }
.post-cover.post-cover-style_5 .cover-wrap,
.post-cover.post-cover-style_6 .cover-wrap {
  position: relative;

  width: 100%;
  height: 600px;
  margin-bottom: 12px;
  }
.post-cover.post-cover-style_5 .cover-wrap .cover-image,
.post-cover.post-cover-style_6 .cover-wrap .cover-image {
  width: 100%;
  height: 100%;
  }
.post-cover.post-cover-style_5 .cover-wrap .cover-image img,
.post-cover.post-cover-style_6 .cover-wrap .cover-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;
  }
.post-cover.post-cover-style_5 .cover-data,
.post-cover.post-cover-style_6 .cover-data {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: 32px;
  }
.post-cover.post-cover-style_5 .article-title,
.post-cover.post-cover-style_6 .article-title {
  margin-bottom: 0;
  }
.post-cover.post-cover-style_5 .posted,
.post-cover.post-cover-style_6 .posted {
  padding: 16px 0;
  }
.post-cover.post-cover-style_5 .cover-footer,
.post-cover.post-cover-style_6 .cover-footer {
  margin-bottom: 12px;
  }
.post-cover.post-cover-with-bg-image .cover-data,
.post-cover.post-cover-with-bg-image .post-category {
  color: var(--white);
  }

.post-cover.post-cover-wide .cover-footer-wrap {
  display: flex;
  align-items: center;
  }
.post-cover.post-cover-wide .cover-footer .posted {
  width: 640px;
  margin-bottom: 0;
  }


body.cover-style-7 .post-row .row-cont,
body.cover-style-8 .post-row .row-cont {
  padding-top: 20px;
  }

body.cover-style-7 .post-cover-row .row-cont:first-child,
body.cover-style-8 .post-cover-row .row-cont:first-child,
body.cover-style-7 .post .post-cover,
body.cover-style-8 .post .post-cover {
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
  }

body.cover-style-7 .post-row {
  margin-top: 68px;
  }
.post-cover .row-cont.cover-footer {
  padding-top: 0;
  }


.post-cover.post-cover-superfeature {
  margin-bottom: 0;
  }
.post-cover.post-cover-superfeature .cover-wrap {
  width: 100%;
  min-height: 630px;
  margin-bottom: 0;

  text-align: center;
  }
.post-cover.post-cover-style_7 .cover-image {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  }
.post-cover.post-cover-style_7 .cover-data {
  position: absolute; bottom: 60px;

  width: 100%;
  }
.post-cover.post-cover-superfeature .article-title {
  font-size: 48px;
  line-height: 52px;

  max-width: var(--wide-post-width);
  margin: 0 auto;
  }

.post-cover.post-cover-superfeature .article-title em {
  font: 950 48px/52px 'VillageTypeScript', sans-serif; -webkit-font-smoothing: antialiased;
  }
.post-cover.post-cover-superfeature .cover-footer {
  display: flex;
  justify-content: center;
}
.post-cover.post-cover-superfeature .cover-footer-wrap {
  height: 60px;
  text-align: center;
  }

.post-cover.post-cover-style_7 .cover-footer .posted {
  width: 100%;
  }

.post-cover.post-cover-style_7 .cover-footer-wrap {
  position: absolute;
  width: 100%;
  bottom: -65px;
  border-bottom: 1px solid var(--gray);
  }


.post-cover.post-cover-style_8 .cover-image {
  margin-bottom: 16px;
  }
.post-cover.post-cover-style_8 .cover-image img {
  width: 360px;
  height: 300px;

  object-fit: scale-down;
  }
.post-cover.post-cover-style_8.post-cover-colored .cover-footer-wrap {
  bottom: 0;

  padding-top: 8px;

  border-top: 1px solid var(--gray);
  }
.post-cover.post-cover-style_8 .meta-actions {
  top: 0;
  }
.post-cover.post-cover-style_8 .cover-wrap {
  min-height: auto;
  padding-bottom: 65px;
  }
.post-cover.post-cover-style_8 .article-title {
  margin-bottom: 60px;
  letter-spacing: normal;
  }
.post-cover-row-colored.cover-style-8 .row-cont {
  padding-top: 16px;
  }


.post-cover.post-cover-style_1 {
  padding: 32px 0;

  border-top: 1px solid var(--gray);
  border-bottom: 1px solid var(--gray);
  }
.post-cover.post-cover-style_1 + .article-text {
  padding-top: 40px;
  }
.post-cover.post-cover-style_1 .cover-wrap {
  background: none;
  }

.post-cover.post-cover-style_1 li:first-child:after {
  position: relative; top: -3px;

  content: ' . ';
  }
.post-cover.post-cover-style_1 .post-meta {
  color: var(--dark-gray);
  }
.post-cover.post-cover-style_1 .article-lead {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;

  margin-bottom: 24px;

  color: var(--dark-gray);
  }
.post-cover.post-cover-style_1 .cover-footer {
  padding-bottom: 0;
  padding-top: 0;
  }



.article-text {
  padding-top: 85px;
}
