/* шрифт Manrope */
@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/Manrope/Manrope-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/Manrope/static/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/Manrope/static/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/Manrope/static/Manrope-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../css/fonts/Manrope/static/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* шрифт Manrope */

/* Шрифт Rubik Mono one */
@font-face {
  font-family: "Rubik Mono One";
  src: url("../css/fonts/Rubik_Mono_One/RubikMonoOne-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Шрифт Rubik Mono one */

/* Шрифт Xanh Mono */
@font-face {
  font-family: "Xanh Mono";
  src: url("../css/fonts/Xanh_Mono/XanhMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Шрифт Xanh Mono */

body {
  background: linear-gradient(
    90deg,
    #c6dcff 100%,
    rgba(198, 220, 255, 0) 100%
  ) !important;
  font-family: "Manrope", sans-serif;
}

a {
  cursor: pointer;
}

ul {
  list-style: none;
}

#sp-main-body {
  padding: 0 0;
}

/* --Левая половина-- */
.leftside {
  border: 1px solid transparent !important;
}

#sp-left {
  padding-right: 0px;
  margin-right: 0px;
}

/* Меню */
.row.menu {
  margin-bottom: 150px;
}

.backgroundMenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: none;
  flex-grow: 0;
  order: 0;
  flex-grow: 0;
  gap: 24px;
  max-width: 347px;
  background: #ffffff;
  border-radius: 9999px;
  padding: 16px 24px !important;
}

#sp-left .backgroundMenu li {
  border-bottom: 1px solid transparent !important;
}

.backgroundMenu li a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #756f6c !important;
}

.backgroundMenu .current.active a,
#viewAllArticles {
  color: #332115 !important;
}

.allStories_page #viewAllArticles {
  color: #e9f9b2 !important;
}

/* Меню */

/* Заголовок сайта */
.nameSite {
  font-family: "Rubik Mono One", monospace;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.313rem, 1.067rem + 1.31vw, 2.688rem);
  color: #0053d4;
  max-width: 500px;
  line-height: 111%;
}

.descriptionSite {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #0053d4;
  text-align: center;
  max-width: 500px;
  line-height: 120%;
}

.logoSite {
  margin-top: 40px;
  margin-bottom: 30px;
}

/* Заголовок сайта */

/* --Левая половина-- */

/* --Правая половина-- */

.materialBlog {
  margin-top: 25%;
}
.bestMaterial {
  border: 1px solid transparent !important;
}

#sp-right {
  padding-left: 0px;
  margin-left: 0px;
}

/* Избранный материал */
.main_page #sp-component {
  background: url("/images/featured_article/bg_mytrack.jpg");
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  overflow: hidden;
  max-width: 1920px;
  min-height: 590px;
}

.main_page .featuredArticle {
  border-radius: 27px;
}

.main_page .featuredArticle,
.main_page .mod-articles-item-content,
.allStories_page #sp-component .article,
.allStories_page .mod-articles-item {
  background: #ffffff;
  max-width: 416px;
  margin: 0 auto;
  margin-top: 0%;
}

.allStories_page .mod-articles-item {
  max-width: 421px;
  margin-bottom: 20px;
  /* padding-bottom: 75px; */
  max-height: 450px;
  height: auto;
}

.main_page .materialBlog .mod-articles-items {
  padding-left: 0px;
}

.main_page .featuredArticle .article-intro-image,
.lastStories .article-intro-image,
.allStories_page #sp-component .article-intro-image {
  margin-bottom: 15px;
  margin-top: 15px;
}

.main_page .featuredArticle .article-intro-image img,
.lastStories .article-intro-image img,
.allStories_page #sp-component .article-intro-image img {
  /* max-width: 400px; */
  border-radius: 24px;
  max-height: 365px;
  object-fit: cover;
  object-position: left center;
}

.main_page .featuredArticle .mod-articles-title {
  max-height: 494px;
}

.main_page .featuredArticle .mod-articles-title,
.lastStories .mod-articles-title,
.allStories_page #sp-component .article-header h2,
.allStories_page .mod-articles-title {
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  max-width: 394px;
  margin-bottom: 20px;
}

.main_page .featuredArticle .mod-articles-title a,
.lastStories .mod-articles-title a,
.allStories_page #sp-component .article-header h2 a,
.allStories_page .mod-articles-title a {
  color: #332115;
}

.main_page .featuredArticle .mod-articles-title a:hover,
.lastStories .mod-articles-title a:hover,
#viewAllArticles:hover {
  text-decoration: underline;
}

.main_page .tagCategoryArticle {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  color: #756f6c;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

/* Избранный материал */

/* Последние истории */
.main_page #sp-top1,
.allStories_page #sp-component {
  background-color: #f9f1e2;
  /* padding: 35px; */
  padding-top: 20px;
  padding-bottom: 0px;
}

.lastStories .lastStories_heading,
.allStories_page #sp-component .page-header h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 120%;
  color: #332115;
  text-align: center;
}

.lastStories .mod-articles-item-content,
.allStories_page #sp-component .article {
  max-width: 421px;
  margin-bottom: 20px;
  max-height: 450px;
  height: auto;
}

.lastStories .article-intro-image,
.allStories_page #sp-component .article-intro-image {
  padding: 10px;
}

.lastStories .mod-articles-title,
.allStories_page #sp-component .article-header h2,
.allStories_page .mod-articles-title {
  max-width: 363px;
  padding-bottom: 20px;
  padding-left: 25px;
}

.lastStories .mod-articles-title {
  max-width: 393px;
}

.lastStories .mod-articles-date,
.allStories_page #sp-component .article-info,
.allStories_page #sp-component .infoBlockArticle .geopozitsiya .field-value,
.allStories_page .mod-articles-date {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #756f6c;
  text-align: center;
}

#viewAllArticles {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.article-introtext {
  display: none;
}

/* Последние истории */

/* Предстоящие путешествия */
.main_page #sp-top2,
.aboutAuthor #sp-component,
.allStories_page .planTravels {
  background-color: #5f6d3b;
  /* padding: 35px; */
  padding: 0px;
}

.planTravels_heading {
  font-style: normal;
  font-weight: 600;
  font-size: 34px;
  line-height: 120%;
  color: #e9f9b2;
  display: flex;
  justify-content: center;
  padding-top: 35px;
  margin-bottom: 35px;
}

.planTravels .numList {
  font-family: "Xanh Mono", monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 72px;
  color: #e9f9b2;
}

.planTravels .locationTravel {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #e9f9b2;
}

.planTravels .dateTravel,
.planTravels .descriptionTravel {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #e9f9b2;
}

.main_page .planTravels .row {
  border-width: 1px 0px;
  border-style: dashed;
  border-color: #e9f9b2;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.main_page .planTravels .row a {
  color: #e5e7a6 !important;
}

.planTravels .row a:hover {
  text-decoration: underline;
}

.planTravels #list2 .previewPlanTravel,
.planTravels #list4 .previewPlanTravel {
  border-radius: 9999px;
}

#mountains,
#list4 {
  border-style: none;
}

#mountains {
  padding-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.mountainsCol {
  padding-left: 0px;
  padding-right: 0px;
}

.mountainsCol svg {
  min-width: 955px;
  padding-left: 0px;
}

@media (max-width: 992px) and (min-width: 838px) {
  .mountainsCol img {
    min-width: 988px;
  }
}

/* .main_page .top2Border {
    background: url("/images/landscape_border.svg");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 100%;
    min-height: 102px;
    z-index: 9999;
    position: absolute;
    bottom: 0px;
    padding-top: 0px;
    left: 0px;
} */

/* Предстоящие путешествия */

/* Подвал */

/* Заглавный текст */
#sp-footer1 {
  background-color: #f9f1e2;
}

.footer_small_headingText {
  color: #332115;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
}

.footer_big_headingText {
  font-family: "Rubik Mono One", monospace;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.5rem, 1.254rem + 1.31vw, 2.875rem);
  line-height: 90%;
}

/* Заглавный текст */

/* меню */
.footerMenu {
  flex-direction: row;
  align-items: center;
  gap: 24px;
  max-width: 300px;
  margin-top: 20px;
}

.footerMenu li a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #332115 !important;
}

.footerMenu li a:hover {
  text-decoration: underline;
}

/* Меню */

/* Соц.сети */
.socialsLinks ul {
  display: inline-flex;
  gap: 58px;
}

.socialsLinks ul li a i {
  font-size: 24px;
  color: #332115;
}

.socialsLinks ul li a:hover i {
  color: #000;
}

/* Соц.сети */

/* Подвал */
/* --Правая половина-- */

/* --Истории-- */
.blog.allStories_page {
  margin: 30px;
}

.allStories_page .page-header {
  padding-top: 15px;
}

.allStories_page #sp-component .article-info {
  display: flex;
  justify-content: center;
}

.allStories_page #sp-component {
  padding-left: 0px;
  padding-top: 0px;
}

.allStories_page #sp-top1 {
  background-image: url("/images/bg_footer_stories.jpg");
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 300px;
  display: flex;
  max-width: 1980px;
  padding-left: 0px;
  padding-right: 0px;
}

.allStories_page #sp-component .article {
  padding-bottom: 75px;
}

.allStories_page #sp-top1 .sp-column {
  align-self: end;
}

.pagination > .active > span {
  background-color: #332115;
  border-color: #332115;
}

.pagination > .active > span:hover {
  background-color: #332115;
  border-color: #332115;
}

.pagination > li > span:hover {
  color: #fff;
}

.blog.allStories_page .fields-container {
  display: none;
}

/* --Истории-- */

/* --Материал-- */
.allStories_page.view-article #sp-top1 {
  display: none;
}

.com-content.view-article .pagenavigation {
  padding: 30px;
}

.com-content.view-article .pagenavigation .pagination a {
  color: #e9f9b2;
  background-color: #5f6d3b;
}

.infoBlockArticle {
  display: flex;
  justify-content: center;
  color: #332115;
  border-width: 1px 0px;
  border-bottom-style: dashed;
  border-color: #332115;
}

.allStories_page #sp-component .infoBlockArticle .geopozitsiya .field-value {
  font-size: 0.813rem;
}

.allStories_page #sp-component .infoBlockArticle .fields-container {
  line-height: 0px;
  margin-bottom: 0px;
}

.allStories_page .article-details {
  background-color: #fff;
}

#sp-component .allStories_page .article-header {
  display: flex;
  justify-content: center;
  max-height: 130px;
}

#sp-component .allStories_page .article-header h2 {
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(1.438rem, 1.337rem + 0.536vw, 2rem);
  line-height: 120%;
  text-align: center;
  max-width: 394px;
  /* margin-bottom: 20px; */
  min-height: 165px;
  color: #332115;
}

.allStories_page #sp-component .article-intro-image {
  margin-top: 0px;
}

.allStories_page #sp-component .infoBlockArticle .geopozitsiya .field-value i {
  color: #332115;
}

.allStories_page .materialBlog {
  border-width: 1px 0px;
  border-bottom-style: dashed;
  border-color: #332115;
  margin: 30px;
  padding-top: 0px !important;
  text-align: justify;
}

.allStories_page .materialBlog img {
  margin-top: 20px;
  margin-bottom: 20px;
}

.main_page .logoMaterial {
  display: none !important;
}

/* --Материал-- */

/* -- Об авторе -- */
.aboutAuthor .logoMaterial {
  display: none !important;
}

.aboutAuthor .materialBlog {
  padding-bottom: 0px !important;
}

.aboutAuthor .profileImage,
.aboutAuthor .rowInfoAuthor {
  border-width: 1px 0px;
  border-bottom-style: dashed;
  border-color: #e9f9b2;
}

.aboutAuthor .profileImage img {
  border-radius: 2000px;
  max-height: 463px;
  object-fit: cover;
  object-position: left center;
  max-width: 443px;
}

.aboutAuthor .rowInfoAuthor {
  margin: 20px;
}

.aboutAuthor .rowInfoAuthor h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #e9f9b2;
}

.aboutAuthor .rowInfoAuthor p {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #e9f9b2;
}

.aboutAuthor .rowInfoAuthor a {
  color: #e9f9b2;
}

.aboutAuthor .rowInfoAuthor a:hover {
  text-decoration: underline;
}

@media (max-width: 446px) and (min-width: 300px) {
  .aboutAuthor .profileImage img {
    max-width: 200px;
    max-height: 200px;
  }
}

/* --Об авторе -- */

/* Модальное окно */
.allStories_page .materialBlog .modal .modal-dialog {
  width: 100%;
  max-width: 1200px;
}

/* Модальное окно */

/* Геолокация */

/* Геолокация */