:root,  [data-bs-theme="light"] {
  --body-color: #000000;
  --body-color-rgb: 0, 0, 0;
  --body-bg: var(--gray-300);
  --body-bg-rgb: 255, 255, 255;
  --body_sky_blue-rgba: 73, 142, 209, 1;
  --brand-color: var(--gray-700);
  --brand-color-hover: var(--gray-500);
  --link_yellow-rgb: 255, 255, 0;
  --menu-color: var(--gray-600);
  --menu-hover-background: var(--menu-color);
  --menu-hover-color: var(--white);
  --menu-hover-color-phone: #eeefff;
  --menu-active-color: var(--gray-800);
  --pad-color-background: var(--gray-100);
  --heading-color: var(--gray-600);
}	

html {
  background-color: var(--body-bg);
}	

body {
  background-color: var(--body-bg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

body .header {
  /* background-color: inherit; rgba( 73, 142, 209, 0 ); */ 
  background-color: var(--gray-300);
  background-image: unset;
  /* background-color: transparent; */
}

/* 
.header {
    background: rgba(2, 0, 36, 0);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
	background-color: transparent;
}
/* */


body.page_home {
  background-color: inherit;
  background-image: inherit; /* url('/images/background/20240613_103059_w1920.jpg'); */
  color: inherit;;
}

body.page_about_me {
  background-color: inherit;
  background-image: inherit; /* url('/images/background/20250923_161928_w1920.jpg'); */
  color: inherit;;
}

body.page_feedback {
  background-color: inherit;
  background-image: inherit; /* url('/images/background/20250825_123512_w1920.jpg'); */
  color: inherit;;
}

/* скобка вправо на кнопке "Подробнее"
   живёт в \media\system\css\joomla-fontawesome.css 
*/
.icon-chevron-right {
	display: none;
}	


/* +++ Экскурсии */
/*
body.page_excursions {
  background-color: inherit;
  background-image: url('/images/background/20250825_161008_w1920.jpg');
  color: inherit;;
}

body.page_san_sebastian {
  background-color: inherit;
  background-image: url('/images/background/20250825_161008_w1920.jpg');
  color: inherit;;
}

body.page_bilbao {
  background-color: inherit;
  background-image: url('/images/background/20250825_161008_w1920.jpg');
  color: inherit;;
}

body.page_gipuzkoa_coast {
  background-color: inherit;
  background-image: url('/images/background/20260106_121758_w1920.jpg');
  color: inherit;;
}

body.page_bizkaia_coast {
  background-color: inherit;
  background-image: url('/images/background/costa-vasca-guia-practica-turismo-5-70_w1920.jpg');
  color: inherit;;
}

body.page_pincho_tour_san_sebastian {
  background-color: inherit;
  background-image: url('/images/background/20260106_105648_san_sebastian_w1920.jpg');
  color: inherit;;
}

body.page_hondarribia {
  background-color: inherit;
  background-image: url('/images/background/hondarribia_3808171_w1920.jpg');
  color: inherit;;
}

body.page_french_coast {
  background-color: inherit;
  background-image: url('/images/background/Old harbor beach and lighthouse of Biarritz w1920.jpg');
  color: inherit;;
}

body.page_gastro_tours {
  background-color: inherit;
  background-image: url('/images/background/Pinchos_bermeo_2_w1920.jpg');
  color: inherit;;
}

body.page_wine_rioja {
  background-color: inherit;
  background-image: url('/images/background/20250911_171450_w1920.jpg');
  color: inherit;;
}


body.page_aquitaine_france {
  background-color: inherit;
  background-image: url('/images/background/Sauveterre-de-Béarn_Pyrenees_Atlantiques_w1920.jpg');
  color: inherit;;
}


body.page_vitoria_gasteiz {
  background-color: inherit;
  background-image: url('/images/background/Gasteiz_Euskal_Herria_w1920.jpg');
  color: inherit;;
}
*/
/* --- Экскурсии */ 

/*
body.page_country {
  background-color: inherit;
  background-image: url('/images/background/20251001_132324_w1920.jpg');
  color: inherit;;
}

body.page_notes {
  background-color: inherit;
  background-image: url('/images/background/20251011_123744_w1920.jpg');
  color: inherit;;
}

body.page_contacts {
  background-color: inherit;
  background-image: url('/images/background/20260106_105648_san_sebastian_w1920.jpg');
  color: inherit;;
}
*/


.container-header {
}

/* название сайта */
.container-topbar {
  background-image: url('/images/headers/1000328749_h638.jpg');
  background-size: cover;
  width: 100vw;
  height: calc( 638 * 100vw / 1920 ); 
  text-align: center;
}

/*
.container-topbar {
  background-image: url('/images/headers/lighthouse of Biarritz.jpg');
  background-size: cover;
  width: 100vw;
  height: calc( 180 * 100vw / 1920 ); 
  text-align: center;
}
*/

.test_h638 .container-topbar {
  background-image: url('/images/headers/test/1000328749_h638.jpg');
  width: 100vw;
  height: calc( 638 * 100vw / 1920 ); 
}  

.test_h540 .container-topbar {
  background-image: url('/images/headers/20190522_213126_San-Sebastián_h540.jpg');
  width: 100vw;
  height: calc( 540 * 100vw / 1920 ); 
}  


.test_h753 .container-topbar {
  background-image: url('/images/headers/test/1000325052_h753.jpg');
  width: 100vw;
  height: calc( 753 * 100vw / 1920 ); 
}  

.test_h549 .container-topbar {
  background-image: url('/images/headers/test/1000325052_h549.jpg');
  width: 100vw;
  height: calc( 549 * 100vw / 1920 ); 
}  

.test_h716 .container-topbar {
  background-image: url('/images/headers/test/1000325047_h716.jpg');
  width: 100vw;
  height: calc( 716 * 100vw / 1920 ); 
}  

.test_h557 .container-topbar {
  background-image: url('/images/headers/test/1000325047_h557.jpg');
  width: 100vw;
  height: calc( 557 * 100vw / 1920 ); 
}  

.test_h581 .container-topbar {
  background-image: url('/images/headers/test/1000325044_h581.jpg');
  width: 100vw;
  height: calc( 581 * 100vw / 1920 ); 
}  

.test_h562 .container-topbar {
  background-image: url('/images/headers/test/1000325034_zoom_h562.jpg');
  width: 100vw;
  height: calc( 562 * 100vw / 1920 ); 
}  

.test_h450 .container-topbar {
  background-image: url('/images/headers/test/20211106_200913_h450.jpg');
  width: 100vw;
  height: calc( 450 * 100vw / 1920 ); 
}  

.test_h556 .container-topbar {
  background-image: url('/images/headers/test/20211106_200913_h556.jpg');
  width: 100vw;
  height: calc( 556 * 100vw / 1920 ); 
}  

.test_h700 .container-topbar {
  background-image: url('/images/headers/test/20211106_200913_h700.jpg');
  width: 100vw;
  height: calc( 700 * 100vw / 1920 ); 
}  

.test_h502 .container-topbar {
  background-image: url('/images/headers/test/20230527_165700_h502.jpg');
  width: 100vw;
  height: calc( 502 * 100vw / 1920 ); 
}  

.test_h558 .container-topbar {
  background-image: url('/images/headers/test/20230527_165700_h558.jpg');
  width: 100vw;
  height: calc( 558 * 100vw / 1920 ); 
} 

.test_h690 .container-topbar {
  background-image: url('/images/headers/test/20230606_155859_h690.jpg');
  width: 100vw;
  height: calc( 690 * 100vw / 1920 ); 
} 

.test_h464 .container-topbar {
  background-image: url('/images/headers/test/Old_harbor_beach_and_lighthouse_of_Biarritz_h464.jpg');
  width: 100vw;
  height: calc( 464 * 100vw / 1920 ); 
} 


.container-header .navbar-brand {
  background-color: rgba( var(--light-rgb), 0.0 );
  border-radius: 0.5em;
  color: var(--gray-100); /* var(--brand-color); */ 
  font-family: Tahoma, Arial, Verdana;
  /* font-size: 1.5rem; */
  font-size: 2.0rem;
  font-weight: 400;
  margin-top: auto; /**/
  margin-left: 0px;
  margin-bottom: auto; /* 0px; */
  text-align: center;
  padding-top: 0.15em;
  padding-left: 1.0em;
  padding-right: 1.0em;
  padding-bottom: 0.4em;
}


.container-header .navbar-brand a:hover, .container-header .navbar-brand a:focus {
  /* color: var(--brand-color-hover); */
  color: var(--menu-hover-color-phone);
}	

.container-header .navbar-brand :hover, .container-header .navbar-brand :focus {
  /* color: var(--brand-color-hover); */
  color: var(--menu-hover-color-phone);
}	

@media (width >= 992px) {
  .container-topbar {
    text-align: left;
  }
  
  .container-header .navbar-brand { 
    margin-top: 0.5em; /* anchor-size(height,30%); /* 2.0em; */
    margin-left: 0.4em;
  }	

  .container-header .navbar-brand a:hover, .container-header .navbar-brand a:focus {
    color: var(--menu-hover-color);
  }	
}

.container-header .navbar-brand a {
  color: var(--gray-100); /* var(--brand-color); */ 
}	

.container-header .site-description {
  display: none; /* пока убрал */
  color: var(--brand-color);
  font-style: italic;
  font-weight: normal;
  line-height: 1.0;
  margin-top: 0px;
  margin-left: 40px;
  margin-bottom: 0.7em;
  padding: 0px;
}	

/* панель меню */
.container-header .grid-child {
  padding: 0; /* .5em; */
}

.container-header nav {
  margin-top: 0; /* .5em; */
  padding: 0;
}

.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3px;
  /* line-height: 1.2; */
  /* padding-top: 0px;
  padding-bottom: 1em; */
  padding: 0px;
}

@media (width <= 767.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 2px; /* 1em; */
  }
}

.container-header .container-search {
  margin-top: 0; /* .5em; */
}

/* меню */
.container-header .navbar-toggler {
  color: var(--menu-color);
  cursor: pointer;
  border: 1px solid var(--menu-color);
}

.metismenu.mod-menu .metismenu-item>button { /* кнопка выпадающего списка */
  font-family: Tahoma; /* кажется, не влияет, но пусть будет */
  font-size: 50%; /* исходный размер слишком большой */
  margin-left: -0.3em; /* поближе к тексту */
  padding-top: 0.5em; /* на середину строки */
  /* width: 1.0em; */ /* не помещается в 1em */
}	
	
.container-header .mod-menu {
  color: var(--menu-color);
  margin-right: 150px; /* для мобилы */
}	

@media (width >= 992px) { /* для десктопа */
  .container-header .mod-menu { 
    margin-right: 225px; 
  }	

  .metismenu.mod-menu .metismenu-item
  {
    flex-wrap: wrap;
    align-items: center;
	margin-right: 0.5em;
    padding: .1em .7em .3em;
    font-size: 1.1rem;
    line-height: 1.2;
  }

  .metismenu.mod-menu .metismenu-item:hover
  {
   background-color: var(--menu-hover-background);
   border-radius: 0.8em;
   color: var(--menu-hover-color);
   text-decoration: none;
  }
  
  .container-header .metismenu>li.level-1.active>a:not(:hover), .container-header .metismenu>li.level-1.active>button
  {
    color: var(--menu-active-color);
    text-decoration: none;
  }

  /*
  .container-header .metismenu>li.level-1>a:hover, .container-header .metismenu>li.level-1>button:hover
  {
    background-color: var(--menu-hover-background);
    color: var(--menu-hover-color);
    text-decoration: none;
  }
  */
}

.container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before, .container-header .metismenu>li.active>button:before {
    background: var(--menu-hover-color); /* #fff; */
    left: 0;
    right: 0;
}

/*
@media (width >= 992px) {
  .container-header .metismenu>li.level-1.active>a, .container-header .metismenu>li.level-1.active>button
  {
    color: var(--menu-active-color);
    text-decoration: none;
  }
}
*/

/*
.container-header .metismenu:after {
    background: var(--menu-active-color); 
    left: 0;
    right: 0;
}
*/

/* */
.container-header .metismenu>li.active>a:after {
    background: var(--menu-active-color); 
    left: 0;
    right: 0;
}
/* */

/* верхний адрес */
.addr_top {
  position: absolute;
  top: 0px;
  font-size: var(--body-font-size);
  text-align: right;
  margin-top: 0px;
  margin-right: 0px; 
  margin-inline-end: 0px;  
  padding: 0px;
}	

/*
@media (width >= 768px) {
  .container-sidebar-left, .container-sidebar-right {
    order: 0;
    width: calc(15% - 1em);
  }
}
*/
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,9.000rem) minmax(0,30.750rem) minmax(0,30.750rem) minmax(0,9.000rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}


/* +++ text_pad */
.text_pad {
  background-color: var(--pad-color-background);
  border-radius: 20px;
  box-shadow: 3px 3px 5px 0px rgb(32 32 32 / 0.2);
  height: fit-content;  
  margin-bottom: 20px;
  margin-right: 5px; /* для правой тени, иначе может быть обрезана столбцом css-грида */
  padding: 20px;
}	

.text_pad a {
  color: inherit; /* rgb(var(--link_yellow-rgb)); */
  text-decoration: none;
  font-style: italic;
}	

.text_pad a:hover {
  color: var(--blue); /* rgb(var(--link_yellow-rgb)); */
  text-decoration: none;
}

.text_pad .blog-item {
  text-align: center;
  padding: 0;
}  

.blog-item .item-image {
  overflow: visible;
  border-radius: 3px;
  padding-right: 3px;
}

.text_pad .blog-item .item-image img {
  /* border-color: inherit;  */ /* rgba( 0,0,0, 0.2); */
  /* border-radius: inherit; */ /* 3px; */
  /* border-style: inherit;  */ /* solid; */
  /* border-width: inherit;  */ /* 5px; */
  border-radius: 3px;
  overflow: visible;
}
/* --- text-pad */



.review_text {
  font-family: tahoma, verdana, geneva, sans-serif;
  font-size: 16px;
  height: fit-content;  
  text-align: justify;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}	

.review_image {
  border-color: inherit; /* rgba( 0,0,0, 0.2); */
  border-radius: 3px;
  border-style: inherit; /* solid; */
  border-width: inherit; /* 5px; */
  box-shadow: 3px 3px 5px 0px rgb(32 32 32 / 0.3);
  float: left;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  max-width: 250px;
  wigth: 250px;
  height: auto;
}

.article_image {
  border-color: inherit; /* rgba( 0,0,0, 0.2); */
  border-radius: 3px !important;
  border-style: inherit; /* solid; */
  border-width: inherit; /* 5px; */
  box-shadow: 3px 3px 5px 0px rgb(32 32 32 / 0.3);
  margin-top: 0px;
  margin-bottom: 3px;
}

.art_img_left {
  float: left; /* !important */
  margin-left: 3px;
  margin-right: 15px;
}	

.art_img_fit {
  float: none; /* !important */
  margin-left: 0px;
  margin-right: 3px;
}	

.art_img_right {
  float: right; /* !important */
  margin-left: 10px;
  margin-right: 0px; /* с запасом на тень */
}	

.width250 {
  max-width: 250px;
  wigth: 250px;
  height: auto;
}


/* +++ btn read-more +++ */
.btn {
  --btn-padding-x: .8em;
  --btn-padding-y: .5em;
  --btn-padding-top: .3em;
  --btn-line-height: 1.1;
  --btn-border-radius: 1.0em;
  padding: var(--btn-padding-top) var(--btn-padding-x) var(--btn-padding-y)  var(--btn-padding-x);
  /*
  padding: var(--btn-padding-y) var(--btn-padding-x);
  line-height: var(--btn-line-height);
  color: var(--btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--btn-border-width) solid var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  background-color: var(--btn-bg);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  display: inline-block;
  */
}

/* --- btn read-more --- */

/* footer  подвал */
.footer {
  background-color: var(--body-bg); /* var(--pad-color-background); */
  background-image: none;  
  color: inherit;	
  margin: 0px;
  padding: 0px;
}	

.footer .grid-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
}


/* нижний адрес */
.addr_bottom {
  text-align: center;
  background-color: var(--body-bg); /* var(--pad-color-background); */
  border-radius: 0px; /* 20px; */
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;  
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 4px;
}	

.footer .addr_bottom a {
  color: inherit; /* var(--menu-color); /* rgb(var(--link_yellow-rgb)); */
  line-height: 1.2em;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  text-decoration: none;
}	

.footer .addr_bottom a:hover {
  background: var(--menu-hover-background); 
  border-radius: 7px;
  color: var(--menu-hover-color); 
  text-decoration: none;
}	

.footer .addr_bottom a.social {
	padding: 0;
}	

.footer .addr_bottom a.social img {
  width: 36px;
  height: 36px;
  padding: 2px;
}

.footer .addr_bottom a.social img:hover {
  background: var(--menu-hover-background); 
  border: 0px;
  border-radius: 19px;
}	
/* --- нижний адрес --- */

/* +++ счётчики +++ */
.li_ru {
	display: float;
}		
/* --- счётчики --- */
	

a {
  color: rgba(var(--link-color-rgb), var(--link-opacity, 1));
  text-decoration: none;
}


/* +++ header +++ */

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: var(--heading-color);
  margin-top: 0.75rem; /* 0 */
  margin-bottom: .25rem; /* 0.5rem */
  font-weight: 600;
  line-height: 1.1; /* 1.2 */
}

.page-header h6, .page-header .h6, 
.page-header h5, .page-header .h5, 
.page-header h4, .page-header .h4, 
.page-header h3, .page-header .h3, 
.page-header h2, .page-header .h2, 
.page-header h1, .page-header .h1 {
  margin-left: 25px; /* text_pad padding-left + self margin-bottom */ 
}


h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (width >= 1200px) {
  h1, .h1 {
    font-size: 1.75rem; /* 2.5rem */
    margin-top: 1rem; /* 0 */
    margin-bottom: .5rem; /* 0.5rem */
  }
  .page-header h1, .page-header .h1 {
    margin-left: 90px; /* по середине левого пунктом меню */
  }
}

h2, .h2 {
  font-size: calc(1.325rem + .9vw);
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.5rem; /* 2.0rem */
  }
}

h3, .h3 {
  font-size: calc(1.3rem + .6vw);
}

@media (width >= 1200px) {
  h3, .h3 {
    font-size: 1.25rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + .3vw);
}

@media (width >= 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

strong {
  color: var(--heading-color);
}

/* --- header --- */