:root {
  --bg-gradient: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  --extra-font: "Lora", serif;
  --blog-font: "IBM Plex Sans", sans-serif;
}

.bg-main {
  background-image: url('/assets/imgs/core/bg1.webp'); 
  background-color: #ffffff;
  background-repeat: repeat-y;
  background-attachment: fixed;
  /* background-size: 60%;  */
  min-height: 100%;
}
@media (max-width: 921px) {
  .bg-main {
    background-image: none;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333%;
  }
}

.card-blog{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(30, 46, 80, 0.09);
  border-radius: 1.25rem;
}

.card-blog> hr {
  margin-right: 0;
  margin-left: 0;
}

.card-blog> .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card-blog> .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-blog> .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-blog> .card-header + .list-group,
.card-blog> .list-group + .card-footer {
  border-top: 0;
}

.card-blog-body {
  flex: 1 1 auto;
  padding: 1.5rem 1.75rem;
}

.flex-1 {
  flex: 1 !important;
}

.border-gray-200 {
  border-color: #e9ecef !important;
}

.h-250 {
  height: 250px !important;
}

.h-350 {
  height: 350px !important;
}

/* === BG header === */
.bg-elangash {
  background: url(../imgs/bg/petroglif-deer.webp) no-repeat center center;
  background-size: cover;
}

.bg-kurai {
  background: var(--bg-gradient), url(../imgs/travel/kurai-girl-veter.webp) no-repeat center center;
  background-size: cover;
}

.bg-geizer {
  background: var(--bg-gradient), url(../imgs/bg/geizernoe-ozero-aktash-winter.webp) no-repeat center center;
  background-size: cover;
}

.bg-kya {
  background: var(--bg-gradient), url(../imgs/bg/katu-yarik-altay-chulishman.webp) no-repeat center center;
  background-size: cover;
}

.bg-katun {
  background: var(--bg-gradient), url(../imgs/bg/raft-kat-bur-b.webp) no-repeat center center;
  background-size: cover;
}

.bg-olgoy-horhoy {
  background: var(--bg-gradient), url(../imgs/ii/olgoy-horhoy-mongoliya.webp) no-repeat center center;
  background-size: cover;
}

.bg-spring {
  background: var(--bg-gradient), url(../imgs/bg/spring-bee-1.webp) no-repeat center center;
  background-size: cover;
}

.bg-denisova {
  background: var(--bg-gradient), url(../imgs/ii/denisova-peshera.webp) no-repeat center center;
  background-size: cover;
}

.bg-avto {
  background: var(--bg-gradient), url(../imgs/bg/altay-car-threepeaks.webp) no-repeat center center;
  background-size: cover;
}

.bg-mongoliya {
  background: var(--bg-gradient), url(../imgs/travel/mongoliya/doroga-na-hermen-tsav.webp) no-repeat center center;
  background-size: cover;
}

.bg-barhan {
  background: var(--bg-gradient), url(../imgs/travel/mongoliya/desert-durgen-nuur.webp) no-repeat center center;
  background-size: cover;
}

.bg-sukor {
  background: var(--bg-gradient), url(../imgs/travel/sukor-photo.webp) no-repeat center center;
  background-size: cover;
}

.bg-sunset {
  background: var(--bg-gradient), url(../imgs/travel/mongoliya/sunset.webp) no-repeat center center;
  background-size: cover;
}

.bg-retranslyator {
  background: var(--bg-gradient), url(../imgs/bg/mark.webp) no-repeat center center;
  background-size: cover;
}

.bg-mars {
  background: var(--bg-gradient), url(../imgs/bg/mars-women.webp) no-repeat center center;
  background-size: cover;
}

.bg-osen {
  background: var(--bg-gradient), url(../imgs/bg/zont-biruza-katun.webp) no-repeat center center;
  background-size: cover;
}

.bg-altay-vpervye {
  background: var(--bg-gradient), url(../imgs/bg/trio.webp) no-repeat center center;
  background-size: cover;
}

.bg-altay-kamen-voin {
  background: var(--bg-gradient), url(../imgs/travel/stones.webp) no-repeat center center;
  background-size: cover;
}

.bg-travel-car {
  background: var(--bg-gradient), url(../imgs/bg/mountain-car.webp) no-repeat center center;
  background-size: cover;
}

.bg-most-tsaplin {
  background: var(--bg-gradient), url(../imgs/travel//most-tsaplina.webp) no-repeat center center;
  background-size: cover;
}

.bg-travel-pasyryk {
  background: var(--bg-gradient), url(../imgs/travel/pasyryk-4.webp) no-repeat center center;
  background-size: cover;
}

.bg-goby {
  background: var(--bg-gradient), url(../imgs/bg/goby-car.webp) no-repeat center center;
  background-size: cover;
}

.bg-hermen-camel {
  background: var(--bg-gradient), url(../imgs/travel/mongoliya/hermen-tsav-expedition.webp) no-repeat center center;
  background-size: cover;
}

.bg-goby-car {
  background: var(--bg-gradient), url(../imgs/travel/mongoliya/goby-car.webp) no-repeat center center;
  background-size: cover;
}

/* === END BG header === */

.visually-hidden,
.visually-hidden-focusable:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* === Anchors start (ссылка не перекрыта верхним меню) === */
div.bloganchor{ position:relative; }
div span#anchor-1, div span#anchor-2, div span#anchor-3, div span#anchor-4, div span#anchor-5, 
div span#anchor-6, div span#anchor-7{ 
  position:absolute; top:-90px;
}
/* === END Anchors start (ссылка не перекрыта верхним меню) === */

/* === Article and blog list content === */

.content__page {
    max-width      : 900px;
    padding-bottom : 7rem;
}

.content__page-header {
    text-align    : center;
    margin-bottom : 4rem;
}

.s-content,
.s-footer {
  margin-left: 18%;
  width: calc(100% - 18%);
  padding: 0 5%;
}

@media (max-width: 921px) {
  .s-content,
  .s-footer {
    margin-left: 0;
    width: auto;
    max-width: 2140px;
    padding: auto;
  }
  .content__page .col-lg-6.col-md-6 {
    padding-left    : 0;
    padding-right : 0;
  }
}

@media screen and (max-width: 1100px) {
  .s-content,
  .s-footer {
    margin-left: 0;
    width: auto;
    max-width: 2140px;
    padding: auto;
  }
}

.media-wrap {
    margin-bottom : 7.2rem;
}

.media-wrap img,
.media-wrap .video-container {
    vertical-align : bottom;
    margin-top     : 0 !important;
    margin-bottom  : 0 !important;
}

.row-blog {
    width             : 89%;
    max-width         : 1200px;
    margin            : 0 auto;
    display           : -ms-flexbox;
    display           : -webkit-flex;
    display           : flex;
    -webkit-flex-flow : row wrap;
    -ms-flex-flow     : row wrap;
    flex-flow         : row wrap;
}

.row-blog .row-blog {
    width        : auto;
    max-width    : none;
    margin-left  : -20px;
    margin-right : -20px;
}
.entry__media,
.entry__post-thumb {
    position : relative;
}
.large-12,
.large-full {
    -webkit-flex : 0 0 100%;
    -ms-flex     : 0 0 100%;
    flex         : 0 0 100%;
    max-width    : 100%;
}
/* -------------------------------------------------------------------
 * ## entry header meta
 * ------------------------------------------------------------------- */
.entry__header-meta {
    list-style  : none;
    font-size   : 1.2rem;
    font-weight : 300;
    line-height : 1.778;
    margin-left : 0;
}

.entry__header-meta li {
    display      : inline-block;
    padding-left : 0;
    margin       : 0 .8rem;
}

.entry__header-meta a {
    color : rgba(217, 217, 217, 0.7);
}

.entry__header-meta a:hover,
.entry__header-meta a:focus {
    color : #000000;
}

.entry__header-meta .cat-links a::after {
    content : ", ";
}

.entry__header-meta .cat-links a:last-child::after {
    display : none;
}
.drop-cap:first-letter {
    float       : left;
    margin      : 0;
    padding     : 0.8rem .8rem 0 0;
    font-family : var(--extra-font);
    font-weight : 700;
    font-size   : 8.6rem;
    line-height : 6rem;
    text-indent : 0;
    background  : transparent;
    color       : #000000;
}
.entry__share {
    font-family : var(--extra-font);
    font-size   : 1.2rem;
    font-weight : 300;
    line-height : 1.778;
    color       : rgba(97, 97, 97, 0.7);
} 
p.lead, .s-content ul li {
    font-family   : var(--blog-font);
    font-weight   : 300;
    font-size     : 1.4rem;
    line-height   : 1.3;
    margin-bottom : 0.6rem;
}

@media screen and (max-width: 1200px) {
    p.lead, .s-content ul li {
        font-size : 1.2rem;
    }
}

@media screen and (max-width: 600px) {
    p.lead, .s-content ul li {
        font-size : 1.1rem;
    }
}
/* format quote & format link
 * --------------------------------------- */
 blockquote {
    margin      : 2rem 0;
    padding     : 2rem 2rem;
    border-left : 4px solid black;
    position    : relative;
}

@media screen and (max-width: 600px) {
    blockquote {
        padding : 1.2rem 1.2rem;
    }
}

@media screen and (max-width: 400px) {
    blockquote {
        padding : .8rem .8rem;
    }
}

blockquote p {
    font-family : var(--extra-font);
    font-weight : 400;
    padding     : 0;
    font-size   : 1.4rem;
}

@media screen and (max-width: 500px) {
    blockquote p {
        font-size : 1.2rem;
    }
}

/* === END Article and blog list content === */