a, a:hover, a.visited, a:visited {
color: #4eabe9; 
}

/* Все ссылки: visited = такой же цвет, как обычный */
a,
a:visited {
  color: var(--template-link-color);
}

/* Hover/focus — как в теме */
a:hover,
a:focus {
  color: var(--template-link-hover-color, var(--template-link-color));
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.floatleft {
  float: left;
  width: 50%;
  margin: 0 20px 15px 0 !important;
  display: inline !important;  /* ключевой момент */
}
.floatright {
  float: right;
  width: 50%;
  margin: 0 0 15px 20px !important;
  display: inline !important;  /* ключевой момент */
}
/* mobile */
@media (max-width: 768px) {
  .floatleft,
  .floatright {
    float: none;
    width: 100%;
    margin: 0 0 16px 0 !important;
    display: block !important;
  }
}
.floatleft-vertical {
  float: left;
  width: 50%;
  margin: 10px 20px 10px 0 !important;
  display: inline !important;  /* ключевой момент */
}
hr {
  clear: both;
}
hr.hr30 {
  border: 15px solid #f2f2f2; opacity: 1;
}
/* MENU */

.sp-megamenu-parent > li.active > a {
Color: #4eabe9;
}

.sp-megamenu-parent .sp-dropdown .sp-menu-item li a, .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  margin-bottom: 10px; margin-top: 10px;
text-transform:;  border-radius: 0;       /* убрать скругления */
Letter-spacing:1px;
}

/* OFF CANVAS */

/* Ссылки меню */
.offcanvas-menu .offcanvas-inner ul.menu li a {letter-spacing: 1px;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {letter-spacing: 1px;
}

.offcanvas-menu .menu-child li a .menu-child li a, .offcanvas-menu .menu-child li { text-transform: uppercase; margin-top: 20px; background: none; letter-spacing: 1px;}

.sp-contact-time {letter-spacing: 1px; font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li > ul li  { text-transform: lowercase; margin-top: 20px; background: none; letter-spacing: 1px;}

/* BODY */
section#sp-main-body {
  padding-top: 20px;
}

.page-header {
Margin: 30px auto;
Border-bottom: #f1f1f1 1px solid;
}

/* ARTICLE */

.body.view-article .sp-page-builder .container,
body.view-article .article-details {
  max-width: 900px;
  margin: 0 auto;
padding-top:10px;
}
body.view-article .article-full-image,
body.view-article .com-content-article__image,
body.view-article .article-details img {
  display: block;
  margin: 0 auto;         /* по центру горизонтально */
  text-align: center;     /* на всякий случай */
  max-width: 100%;        /* адаптивное масштабирование */
  height: auto;
Margin-bottom: 20px;
}
.article-header {
    text-transform: uppercase !important;
letter-spacing: 2px ; font-weight: 500; color: #000000;
  }
.article-header h2{
    text-transform: uppercase !important;
letter-spacing: 2px ; font-weight: 500; color: #000000; 
  }
div.blogtours .article-header h2 a{
    font-size: 32px; font-weight: 700;
  }
div.tours .article-header h1{
    font-size: 48px; 
  }

/* Отключаем синий hover только в заголовках внутри article header */
.article-header h1 a:hover,
.article-header h2 a:hover,
.article-header h3 a:hover,
.article-header h4 a:hover,
.article-header h5 a:hover,
.article-header h6 a:hover
 {
    color: inherit !important; background: #fffce9;
    text-decoration: none !important;  /* или underline, если нужно */
}
.article-header h1 a:visited,
.article-header h2 a:visited,
.article-header h3 a:visited,
.article-header h4 a:visited,
.article-header h5 a:visited,
.article-header h6 a:visited {
    color: inherit !important;
    text-decoration: none !important;  /* или underline, если нужно */
}


/* CATEGORY */
bbody.view-category .sp-page-builder .container,
bbody.view-category .blog,
bbody.view-category .article-list,
bbody.view-category .article {
  max-width: 1200px;
  margin: 0 auto;
}

.article-intro-image {

}

/* Список статей в блоге (Helix/Joomla 6) */
div.article-list div.article { 
  margin-bottom: 40px;
}

/* CATEGORY DESCRIPTION */

.category-desc {
margin-bottom:30px; color: #333; font-size: 18px; font-weight: 400; 
}
@media (max-width: 768px) and (orientation: portrait) {
.category-desc {
margin-bottom:30px; color: #333; font-size: 40px; font-weight: 400; 
}
}

/* Контейнер для двух модулей */
@media (min-width: 992px) {
}
.catdesc-2mods{
  display: flex;
  gap: 24px;
  align-items: stretch;      /* одинаковая высота */
margin-bottom:-14px;
}

/*  Оба элемента — управляемы в процентах */


.catdesc-2mods > *{
  box-sizing: border-box;
  flex: 0 0 auto;            /* отключаем авто-распределение */
  min-width: 0;              /* чтобы длинный контент не ломал сетку */
}

/* Левый = 75%, правый = 25% */
@media (min-width: 992px) {
.catdesc-2mods > *:first-child{ flex-basis: 80%; width: 75%; padding-right: 30px; border-right: 30px #4EABE9 solid; }
.catdesc-2mods > *:last-child { flex-basis: 18%; }
}

/* В правом — центрируем текст */
.catdesc-2mods > *:last-child{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;    /* по вертикали при малом контенте */padding: 10px 10px 0px 10px;

}

/* Мобильная версия */
@media (max-width: 991.98px){
  .catdesc-2mods{
    flex-direction: column;
    gap: 16px;
  }

  /* По умолчанию оба идут на всю ширину… */

  .catdesc-2mods > *{
    flex-basis: auto;
    width: 100%; border-bottom: 30px #4EABE9 solid; padding-bottom:20px; font-size: 1.2em;
  }

  /* …но правый блок делаем «сжимаемым» и прижимаем вправо */
  .catdesc-2mods > *:last-child{
    width: auto !important;     /* перебиваем возможные 100% из шаблона */
    max-width: 40%;
    align-self: flex-end;        /* прижать ВЕСЬ блок вправо */
    display: inline-flex;        /* чтобы width:auto работал как у контентного */
    text-align: center;          /* текст остаётся по центру внутри блока */
Margin-bottom:0; display: none;
  }
}

/* На всякий случай перебиваем типичные обёртки модулей в Joomla/Helix */
.catdesc-2mods .sp-module,
.catdesc-2mods .moduletable{
  width: auto;
}



/* HEADER */
#sp-header,
header#sp-header,
.sp-header,
.sticky-header {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
@media (max-width: 991px) {
 #sp-header {
    min-height: 80px !important;
Padding-top: 20px;
  }
  .logo img {
    max-width: 200px !important;
    height: auto !important;
    width: auto !important;
  }

  /* иногда Helix растягивает логотип, фиксируем flex */
  .logo {
    display: flex;
    align-items: center;
    justify-content: center; /* если хочешь центрировать */
  }
h1.sppb-addon-title {

}

}
/* ===== Language Switcher в позиции top3 ===== */
#sp-top3 {
display: flex;
  justify-content: flex-end; /* выравниваем вправо */
  align-items: center;       /* по вертикали по центру */
  text-align: right;
}
/* ===== Menu ===== */
.sp-megamenu-parent > li > a {
    text-transform: uppercase !important;
Letter-spacing: 2px ;
  }
.sp-megamenu-parent > li > a:hover {
background: none;
  }

/* ===== H1-6 ===== */
h1 {
Line-height: 0.8em; margin: 30px auto;
  }
@media (max-width: 991px) {
h1 {
  font-size: 2.5em !important; Line-height: 0.9em;
}}
h2 {text-decoration: underline; margin-bottom: 20px;
  }
h3 {
color: #4EABE9; text-decoration: underline; margin-top: 30px; margin-bottom: 20px;
  }
h4 {
    text-transform: uppercase !important;  
letter-spacing: 2px ; font-weight: bold; margin-bottom: 15px; margin-top: 20px; 
  }
h5, h3.sp-module-title {
    text-transform: uppercase !important;
letter-spacing: 1px ; font-weight: bolder; font-size: 18px; line-height: 20px; margin-bottom: 15px; margin-top: 20px; 
  }
h3.sp-module-title {color: #000;   }
h6, h6 a, h6 a:visited {
    text-transform: uppercase !important;
letter-spacing: 1px ; font-weight: bolder; font-size: 14px; line-height: 16px; color: #000; margin-bottom: 15px; margin-top: 20px;
  }
h4 a, h4 a.visited, h4 a:visited  {
    color: #000000; 
}
h4 a:hover, h6 a:hover  {
    color: #000000; 
background: #fffce9;
}
/* ===== Carousel ===== */
.sppb-carousel h2 {
  border-radius: 0px;         
  font-weight: 900; color: #ffffff;
  letter-spacing: 1px; font-size: 3em;
}
.sppb-carousel-content  {
  border-radius: 0px;         
  font-weight: 900; color: #ffffff;
  text-transform: uppercase; letter-spacing: 1px;
}
.sppb-carousel-text {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.sppb-carousel a {
  color: #ffffff;
}
/* colors */
.red, a.red {
  color: #ED1A39;
}
.blue {
  color: #4EABE9;
}
.white, a.white:visited{
  color: #ffffff;
}
.gray {
  color: #999999;
}
.big {
  font-size: 32px !important; font-weight: 800; line-height: 24px;
}
.sizes {
  color: #ffffff;
}
.citeta {
  font-size: 28px !important; margin-top: 70px; margin-bottom: 50px; font-style: italic; letter-color: #555555; line-height: 0.95em; font-family: 'Libre Baskerville', serif;
}
p.citeta::first-letter {
  font-size: 2em;
  font-weight: 700; margin-right: -0.1em; line-height: 0.95em;
}

.tour-slogan {
  font-size: 25px !important; font-weight: 900; line-height: 20px;
}
.underline {
text-decoration: underline;
  text-underline-offset: 10px;  text-decoration-thickness: 1px; text-decoration-style: dotted;
  }
@media (max-width: 991px) {
.tour-slogan {
  font-size: 22px !important; font-weight: 900; line-height: 16px;
}
}
.slogan {
   padding: 20px 40px 23px 30px; line-height: 40px; border-left: 30px solid #4EABE9;
Background-color: #e6f5ff; font-size: 32px !important; margin-bottom: 30px;
}
@media (max-width: 768px) and (orientation: portrait) {
.slogan {
   padding: 20px 20px 23px 20px; line-height: 30px; border-left: 25px solid #4EABE9;
Background-color: #e6f5ff; font-size: 20px !important; margin-bottom: 20px;
}
}
.medium {
  font-size: 20px !important; font-weight: 400; margin-bottom:30px; color: #303030;
}
.yellowbg{
  background-color: #fffce9; 
  color: #222 !important;
  padding-left: 3px; padding-right: 3px;
  margin:0;
}
.yellowdarkbg{
  background-color: #FFEB66; 
  color: #222 !important;
  padding-left: 3px; padding-right: 3px;
  margin:0;
}
.blackbg{
  background-color: #000; 
  color: #fff !important;
  padding-left: 3px; padding-right: 3px;
  margin:0;
}
.graybg{
  background-color: #bababa; 
  color: #ffffff !important;
  padding-left: 3px; padding-right: 3px;
  margin:0;
}
/* Labels */
.label{
  display: inline-block;
  padding: 7px 14px 7px 14px;
  border-radius: 999px; /* максимально округлённые края */
  font-size: 14px;
  line-height: 1;
  margin:0;
}
.label-black{
  color: #fff !important;
  background: #000;
}
.label-yellow{
  background: #FFEB66;
  color: #000;
}
.label-red{
  background: #ED1A39;
  color: #fff;
}
.label-green{
  background: #11B588;
  color: #fff;
}
.label-olive{
  background: #9E9825;
  color: #fff;
}
.label-orange{
  background: #F68B1F;
  color: #fff;
}
.label-lila{
  background: #6F60AA;
  color: #fff;
}
.label-blue{
  background: #034EA2;
  color: #fff;
}
.label-black{
  background: #000;
  color: #fff;
}
.label-gray{
  background: #fff; padding: 6px 13px 6px 13px;
  color: #808080; border: 1px solid #808080;
}
.label-white{
  background: #fff; padding: 6px 13px 6px 13px;
  color: #000; border: 1px solid #000;
}




/* buttons */
.readmore {       
color: #000000; background-color: transparent; 
  font-weight: 900; 
  text-transform: uppercase;
 padding: 10px 25px; 
 display: inline-block;   /* а не block */
  width: auto;             /* ширина = по контенту */
  border: none;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;   
border: 1px solid #000000; 
}
.button a, .button a:visited {       
color: #4EABE9; background-color: transparent; 
  font-weight: 900; 
  text-transform: uppercase;
 padding: 10px 25px; 
 display: inline-block;   /* а не block */
  width: auto;             /* ширина = по контенту */
  border: none;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;   
border: 1px solid #4EABE9; margin: 5px auto 15px auto;
}
.sppb-btn {
  border-radius: 0px;        
  font-weight: 900; 
  text-transform: uppercase;
 padding: 10px 25px;; 
}
.sppb-btn-custom {
background-color: #4EABE9; transparent; border: 1px solid #ffffff; color: #ffffff;
}
.sppb-btn-default, a.sppb-btn-default {       
color: #000000; background-color: transparent; border: 1px solid #000000; 
}
.sppb-btn-default:hover, .sppb-btn-default:active  {       
color: #ffffff; background-color: #000000; border: 1px solid #000000;
}
.sppb-btn-primary {
color: #4EABE9;  background-color: #fff; border: 1px solid #4EABE9;
}
.sppb-btn-primary:hover {
color: #ffffff;	background-color: #4EABE9; border: 1px solid #4EABE9;
}
.sppb-btn-info {      color: #ffffff; background-color: #000000; border: 1px solid #000000; 
}
.sppb-btn-secondary {color: #000000; background-color: transparent; border: 1px solid #000000;
}
a.next, a.previous{ color: #ffffff; 
}

.sppb-btn-dark { color: #ffffff; background-color: transparent; border: 1px solid #ffffff;
}
.sppb-btn-dark:hover, .sppb-btn-custom:active { color: #787878; background-color: #ffffff; border: 1px solid #ffffff; text-shadow: none;
}

/*** BREADCRUMBS *** /
/* Контейнер */
.breadcrumb {
  background: none;
  padding: 50px 0;
  margin: 20px 0 0px 0;
  font-size: 14px;
border-radius: 0px; 
}

/* Ссылки */
.breadcrumb a {
  color: #777;
  text-decoration: none; text-transform: lowercase;
}
.breadcrumb .active {
  color: #4d4d4d; /* твой цвет */ text-transform: uppercase;
}

.breadcrumb a:hover {
  color: #4d4d4d; /* твой цвет */ text-transform: uppercase;
}

/* Разделитель */
.breadcrumb > li + li:before {
  content: "›";
  color: #aaa;
  padding: 0 6px;
}

/* Текущий элемент */
.breadcrumb > .active {
  color: #555;
  font-weight: 500;
}




/* CUSTOM FIELDS PRICES */
/* ===== Только в одиночной статье ===== */
body.view-article ul.fields-container{
  list-style: none;
  margin: 0;
Margin-bottom: 30px;
  padding: 0;
  display: flex;          /* все элементы в одну строку */
  flex-wrap: wrap;        /* разрешаем перенос */
  gap: 0.5rem 1rem;       /* вертикальный и горизонтальный отступ между парами */
}
body.view-article ul.fields-container li.field-entry{
  display: flex;
  align-items: baseline;
  gap: ;
  margin: 0 0 .25rem 0;
  flex-wrap: wrap;
}

/* General */
ul.fields-container li.field-entry .field-label{
  background-color: #dfdfdf; border-right: #ddd 1px solid;
  color: #333 !important;
  padding: 4px 8px;
  border-radius: ;
  display: inline-block;
  font-weight: 600; margin:0;
}

/* value — у тебя уже работал; поправил пустой border-radius */
ul.fields-container li.field-entry .field-value {
  background-color: #FFEB66; 
  color: #222 !important;
  padding: 4px 8px;
  display: inline-block;
  margin:0;
}
ul li span.field-label {
  background-color: #FFF8DC; /* светло-жёлтый, под цвет #4EABE9 */
  color: #333;
  padding: 4px 8px;  display: inline-block;
  font-weight: 600;
}
ul li span.field-value {
  background-color: #FFF8DC; /* светло-жёлтый, под цвет #4EABE9 */
  color: #333;
  padding: 4px 8px;  display: inline-block;
  font-weight: 600;
}

/* CATEGORY PRICES FIELDSа */

/* скрыть 2-й и 3-й элемент списка */
body.view-category div.blogrental ul.fields-container > li.field-entry:nth-child(2),
body.view-category div.blogrental ul.fields-container > li.field-entry:nth-child(3){
  display: none !important;
}

/* Только для category view */
body.view-category ul.fields-container {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

body.view-category ul.fields-container li.field-entry {
  display: flex;                /* переводим строку в flex */
  justify-content: flex-end;    /* выравнивание пары вправо */
  margin-bottom: 4px;
}

/* label */
body.view-category ul.fields-container li.field-entry .field-label {
  padding: 4px 8px;
  display: inline-block;
  vertical-align: middle;
}

/* value */
body.view-category ul.fields-container li.field-entry .field-value {
  padding: 4px 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

/* BIKE ICONS & DAILY TOURS*/
div#mod-custom126, div#mod-custom130, div#mod-custom131, div#mod-custom132, div#mod-custom133, div#mod-custom135, div#mod-custom148, div#mod-custom226, div#mod-custom227, div#mod-custom228, div#mod-custom229, div#mod-custom230, div#mod-custom231 {
Margin-top: -30px;
}
/* BIKE ICONS & DAILY TOURS*/
div#mod-custom145, div#mod-custom266 {
Margin-top: -44px;
}


/* TECHNICAL INFO BLOCKS */
div.tech-wrapper {
  display: flex;
  gap: 30px;
  margin: 30px 0; font-size: 18px;
}

div.tech-block {
  flex: 1;
  padding: 10px 20px 15px 35px;
  box-sizing: border-box;
}

/* Правый блок — серый фон */
div.tech-block.right {
  background: #f2f2f2;
}
div.tech-block.left {
  background: #fffce9;
}

/* Высота — одинаковая */
div.tech-block {
  display: flex;
  flex-direction: column;
}

/* Мобильная версия */
@media (max-width: 768px) {
  div.tech-wrapper {
    flex-direction: column;
  }
}

/* Accordeon */

.simple-acc .acc-header {
  background:#f0f0f0;
 padding:12px 15px;
  cursor:pointer;
  border-bottom:1px solid #ccc; margin: 0;
clip-path: polygon(
    15px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 15px
  );
}

.simple-acc .acc-header:hover,
.simple-acc .acc-header.active {
  background:#000000;
  color:#ffffff;
clip-path: polygon(
    15px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 15px
  );
}

/* оболочка для анимации и скрытия */
.simple-acc .acc-content {
  max-height: 0;
  overflow: hidden;
  border-bottom:1px solid #fff;
  background:#f9f9f9;
  transition: max-height 0.25s ease; 
}

/* внутренний блок с отступами */
.simple-acc .acc-inner {
  padding:12px 15px; margin: 0;
}

.simple-acc * { border-radius:0!important; }
.simple-acc a { font-weight: 500; }
.simple-acc strong { font-weight: 600; }


.centro{
  background-color: #4EABE9; 
  color: #fff !important; font-size: 20px; font-weight: bold; letter-spacing: 1px;
  padding: 10px 20px 10px 20px;
  margin:0;
clip-path: polygon(
    15px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 15px
  );
}

.soho{
  background-color: #ED1A39; 
  color: #fff !important; font-size: 20px; font-weight: bold; letter-spacing: 1px;
  padding: 10px 20px 10px 20px;
  margin:0;
clip-path: polygon(
    15px 0,
    100% 0,
    100% 100%,
    0 100%,
    0 15px
  );
}

@media (max-width: 768px) {
  body,
  body p,
  body li {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}