:root {--sticky-offset: 92px; /* výška sticky headeru */}
.anchor {scroll-margin-top: var(--sticky-offset);}

.body-wrapper {background: var(--bg-prechod-prim);}
/*body.site {
  background-image: url(/images/web/bg_tvuj_dotek.jpg);
  background-repeat: no-repeat;
  background-size: inherit;
  background-attachment: fixed;
  background-position: 50% 0;
}
body.site::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.85);
  z-index: 0;
}
.layout-boxed .body-innerwrapper {max-width: 1240px; margin: 100px auto;}*/

/************************* Proměnné *************************/
:root {
--bg-prechod-prim: var(--bg-prechod-modra);
--barva-prim: var(--barva-fialova);
--barva-sec: var(--barva-modra2);
--text-prim: var(--text-bily);
--text-sec: var(--text-cerna);
/************************************************************/
--bg-prechod-modra: linear-gradient(180deg, rgba(98,105,176,1) 0%, rgba(129,72,156,1) 100%);
--bg-prechod-cervena: linear-gradient(180deg, rgba(130,0,0,1) 0%, rgba(204, 0, 1,1) 100%);
--bg-prechod-zelena: linear-gradient(180deg, rgba(19, 77, 19,1) 0%, rgba(6, 132, 6,1) 100%);
--bg-prechod-zluta: linear-gradient(180deg, rgba(255, 204, 1,1) 0%, rgba(242, 234, 97,1) 100%);
--bg-prechod-svmodra: linear-gradient(180deg, rgba(4, 139, 215,1) 0%, rgba(66, 190, 239,1) 100%);
--bg-prechod-seda: linear-gradient(180deg, rgba(220,220,220,1) 0%, rgba(255,255,255,1) 100%);
--barva-fialova: #42339C;
--barva-modra2: #9B45B4;
--barva-cervena1: #CC0000;
--barva-cervena2: #830000;
--barva-zelena1: #07820A;
--barva-zelena2: #134E13;
--barva-zluta1: #FFCC01;
--barva-zluta2: #FF8F00;
--barva-svmodra1: #048bd7;
--barva-svmodra2: #0055aa;
--text-cerny: #000;
--text-bily: #fff;
}
/******************** Proměnné - konec ********************/

#sp-top-bar {background: transparent/*#fff*/; color: var(--barva-prim); height: /*100*/32px; padding: 38px 0 0 0;}
#sp-top-bar a {color: var(--barva-prim);}
#sp-header {background: var(--barva-prim); color: var(--text-prim);}
#sp-footer, #sp-bottom {background: var(--barva-prim); color: var(--text-prim);}
#sp-footer a, #sp-bottom a {color: var(--text-prim);}

#sp-top-bar a:nth-of-type(1) {color: var(--barva-modra1) !important;}
#sp-top-bar a:nth-of-type(2) {color: var(--barva-cervena1) !important;}
#sp-top-bar a:nth-of-type(3) {color: var(--barva-zluta1) !important;}
#sp-top-bar a:nth-of-type(4) {color: var(--barva-svmodra1) !important;}
#sp-top-bar a:nth-of-type(5) {color: var(--barva-zelena1) !important;}

.logo-image {
  border-radius: 154px;
  background: #fff;
  box-shadow: 2px 2px 10px #797979;
  padding: 2px;
}
.logo-image {height: 150px; transition: all .5s linear;}
.header-sticky .logo-image {height: 100px; transition: all .5s linear;left: -20px; position: relative;}

.logo a img.logo-image {display: unset;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  color: var(--text-prim);
  font-weight: 500;
  text-transform: uppercase;
  /*letter-spacing: 1px;*/
  font-size: 18px;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {color: var(--text-prim); font-weight: 500; text-decoration: underline;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 5px;}
.sp-megamenu-parent .cc-2sl .sp-dropdown .sp-dropdown-inner {column-count: 2; width: 440px; gap: 10px;}
.sp-megamenu-parent .cc-2sl .sp-dropdown {right: 200px !important;}
.sp-megamenu-parent .cc-3sl .sp-dropdown .sp-dropdown-inner {column-count: 3; width: 660px; gap: 5px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  background: var(--barva-prim);
  color: var(--text-prim);
  padding: 10px;
  display: block;
  margin-bottom: 2px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: var(--text-prim); text-decoration: underline dotted;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {color: var(--text-prim); text-decoration: underline;}

#sp-menu > .sp-column {height: unset;}
#sp-main-body {padding: 30px 15px; max-width: 1290px; margin: 0 auto; background: transparent;/*#fff;*/}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.odk-zapis {background: var(--bg-prechod-cervena); color: var(--text-bily);} /* zvyraznění v menu */

#sp-slideshow {margin-top: 6rem;}
#sp-slideshow .n2-ow {border-radius: 1rem;}

a.sp-sign-in, a:hover.sp-sign-in {color: #fff;}

/* Typografické */
ol, ul {padding-left: 1rem;}
a {
color: #6269B0;
/*background: linear-gradient(to right, rgba(98,105,176,1), rgba(129,72,156,1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
transition: background 0.4s ease;*/
}
a:hover, a:focus, a:active {
color: #81489C;
/*background: linear-gradient(to right, rgba(129,72,156,1), rgba(98,105,176,1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;*/
}

/*a {color: var(--barva-prim);}
a:hover, a:focus, a:active {color: var(--barva-sec);}*/
/*.page-header, .article-details .article-header {padding-bottom: 80px; padding-top: 60px;}*/
.h1, h1 {
text-align: center;
font-size: calc(1.3rem + 1.2vw);   /* cca 22–36px */
font-weight: bold;
color: #42339C;
}
.h2, h2 {
text-align: center;
font-size: calc(1.2rem + 1vw);     /* cca 20–30px */
font-weight: bold;
color: #42339C;
}
.h3, h3 {font-size: calc(1.125rem + 1.125vw);} /*{font-size: calc(1.25rem + 1.2vw);}*/  /* cca 22–30px */
.h4, h4 {font-size: calc(1rem + 0.5vw);}     /* cca 16–20px */
p {margin-bottom: 1rem;}
.article-list .article .article-header h2 {font-size: 1.25rem; padding-bottom: 1.25rem;}
.article-info, .article-info a {color: #999 !important;}
#sp-component p, #sp-component li, .article-details div {text-align: justify;}
.article-list .article {border-radius: 15px;}
.article-list .article .article-intro-image img,
.article-list .article .article-featured-video img,
.article-list .article .article-featured-audio img,
.article-list .article .article-feature-gallery img {
  border-radius: 15px 15px 0 0;
}
.article-list .article .article-intro-image {max-height: 250px;}
.article-list .article .article-intro-image:hover {max-height: unset;}
.article {border-radius: 1rem;}
.str-popis-prozitku .article-list .article {border: 2px solid #9B45B4; border-radius: 1rem;}

.str-uvod .article-list .article {border: 1px solid var(--barva-prim);}
.str-uvod .article-list .article:hover {border: 1px solid var(--barva-prim); box-shadow: 0 0 5px var(--barva-prim); background: #0066CB0f;}
.str-uvod .article-list .article:hover h2 a {color: var(--barva-prim);}

.article-details img {border-radius: 15px !important;}
.float-obrvlevo {float: left; margin-right: 2rem; max-width: 600px;}
.str-procedury .article-details .article-full-image, .str-dalsi-nabidky .article-details .article-full-image {margin-top: 1rem;}


.str-hodnota-sluzby .article-details .col-md {
  padding: 1rem;
  border: 2px solid #9B45B4;
  border-radius: 1rem;
}


.str-kontakt .h2, .str-kontakt h2 {margin-bottom: 1rem !important;}
.str-kontakt p {margin-bottom: 1rem;}

.table-dark {
  --bs-table-color: var(--text-prim);
  --bs-table-bg: var(--barva-prim);
  --bs-table-border-color: var(--barva-prim);
  --bs-table-striped-bg: var(--barva-prim);
  --bs-table-striped-color: var(--text-prim);
  --bs-table-active-bg: var(--barva-prim);
  --bs-table-active-color: var(--text-prim);
  --bs-table-hover-bg: var(--barva-prim);
  --bs-table-hover-color: var(--text-prim);
  color: var(--bs-table-color);
}
.btn-primary {
  --bs-btn-color: var(--text-prim);
  --bs-btn-bg: var(--bg-prechod-prim);
  --bs-btn-border-color: var(--barva-prim);
  --bs-btn-hover-color: var(--text-prim);
  --bs-btn-hover-bg: var(--barva-prim);
  --bs-btn-hover-border-color: var(--barva-prim);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: var(--text-prim);
  --bs-btn-active-bg: var(--barva-prim);
  --bs-btn-active-border-color: var(--barva-prim);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--text-prim);
  --bs-btn-disabled-bg: var(--barva-prim);
  --bs-btn-disabled-border-color: var(--barva-prim);
  padding: 10px 20px;
  border-radius: 30px;
}
.btn-primary, .sppb-btn-primary {
  border-color: var(--barva-prim);
  background: var(--bg-prechod-prim);
}
a.btn-primary, a.sppb-btn-primary {color: var(--text-prim);}

.btn-primary:hover, .sppb-btn-primary:hover,
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  border-color: var(--barva-prim);
  background: var(--bg-prechod-prim);
}

a.sp-scroll-up {-webkit-text-fill-color: unset;}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {color: #fff; background: var(--bg-prechod-modra) !important;}

/* Moduly */
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 30px;
  border: 2px solid var(--barva-prim);
  padding: 16px;
  border-radius: 10px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  padding: 15px 20px;
  color: var(--text-prim);
  border-bottom: unset;
  background: var(--bg-prechod-prim);
  margin: -18px -18px 0px -18px;
  border-radius: 10px 10px 0 0;
}

/*#sp-left .sp-module, #sp-right .sp-module img, .contact img {display: unset;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  border-bottom: unset;
  background: var(--bg-prechod-prim);
  color: var(--text-prim);
  margin: -20px -20px 20px -20px;
  padding: 15px 20px;
  font-size: 20px;
  border-radius: unset;
}*/

.sp-module.mod-modry .sp-module-title {background: var(--bg-prechod-modra) !important; color: var(--text-bily) !important;}
.sp-module.mod-cerveny .sp-module-title {background: var(--bg-prechod-cervena) !important; color: var(--text-bily) !important;}
.sp-module.mod-zeleny .sp-module-title {background: var(--bg-prechod-zelena) !important; color: var(--text-bily) !important;}
.sp-module.mod-zluty .sp-module-title {background: var(--bg-prechod-zluta) !important; color: var(--text-cerny) !important;}
.sp-module.mod-svmodry .sp-module-title {background: var(--bg-prechod-svmodra) !important; color: var(--text-cerny) !important;}

.sp-module.mod-modry {border-color: var(--barva-modra2) !important;}
.sp-module.mod-cerveny {border-color: var(--barva-cervena2) !important;}
.sp-module.mod-zeleny {border-color: var(--barva-zelena2) !important;}
.sp-module.mod-zluty {border-color: var(--barva-zluta1) !important;}
.sp-module.mod-svmodry {border-color: var(--barva-svmodra2) !important;}

#sp-left .sp-module .sp-module-title::before, #sp-right .sp-module .sp-module-title::before {content: "\f1b3"; font-family: "Font Awesome 6 Free"; margin-right: 10px;}

.mod-pracoviste {margin-left: 150px !important;}
.mod-ikony img {display: inline-flex; margin: 0 2.5px; height: 21px; width: auto;}
.zvoneni .sp-module-title::before {content: "\f0f3" !important;}
.jidelnicek .sp-module-title::before {content: "\f2e7" !important;}
.kontakty .sp-module-title::before {content: "\f2bb" !important;}
.napsali .sp-module-title::before {content: "\f1ea" !important;}
.bakalari .sp-module-title::before {content: "\f00b" !important;}

.mod-nejblizsiseminare {
  margin-bottom: 1.5rem;
}

.mod-nejblizsiseminare .box {
  border: 2px solid #42339C;
  padding: 20px 30px;
  border-radius: 10px;
  background: #f6f6f6;
  margin-bottom: 0.5rem;
}

.mod-nejblizsiseminare .box h3 {
  color: #42339C;  
  font-size: 32px;
  font-weight: 700;
}

#sp-footer p {margin-bottom: 0;}
#sp-footer a {
   background: unset;
   -webkit-background-clip: unset;
   -webkit-text-fill-color: unset;
   background-clip: unset;
   color: #fff;
   transition: background 0.4s ease;
}
#sp-footer a:hover {text-decoration: underline;}
#sp-footer #sp-footer1 {text-align: left;}
#sp-footer #sp-footer2 {text-align: center;}
#sp-footer #sp-footer3 {text-align: right;}
#sp-footer .container-inner {padding: 15px 0}

/* Další formátování */
.tri-sl {column-count: 3; margin-bottom: 1rem;}
.article-info > span + span::before {padding-right: 0.3rem; content: "|";}
.contact-form { max-width: 480px; margin: 0 auto;}
.form-horizontal .controls {margin-left: 0px;}
.str-uvod .articles-more::before {
  content: "Starší aktuality:";
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 3px;
  display: block;
}
.articles-more ol.nav.nav-tabs {
  display: block;
  column-count: 2;
  list-style: disc;
  gap: 30px;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.articles-more ol.nav.nav-tabs li {margin-left: 20px;}
#contactList.table > thead {vertical-align: middle; text-align: center;}
#contactList.table > tbody {vertical-align: middle;}
table.category thead > tr th, table.category thead > tr td, table.category tbody > tr th, table.category tbody > tr td {padding: 5px;}
#contactList.table > thead td#categorylist_header_title {min-width: 230px;}
.str-kontakty-jidelna #contactList.table > thead td#categorylist_header_title {min-width: 250px;}

.pagination > .active > a, .pagination > .active > span {
  border-color: var(--barva-sec);
  background-color: var(--barva-sec);
}
.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
  border-color: var(--barva-prim);
  background-color: var(--barva-prim);
}

.featured-article-badge {display: none;}

.ebm-upcoming-events .ebm-event-link {
  font-size: 100%;
  font-weight: 600;
}
.ebm-upcoming-events > div {
  border-bottom: 1px solid #42339C;
  line-height: 1.5;
}

.mod-procedury .phModParticlesFeatureBox .phModParticlesItem {width: calc(100% / 3); flex: unset;}
.mod-procedury .phModParticlesFeatureBox .phModParticlesImage {max-height: 250px; overflow: hidden; border-radius: 1rem;}
.mod-procedury .phModParticlesFeatureBox .phModParticlesTitle {font-size: 1.25rem; margin-top: 10px;}

/* Galerie SigPlus*/
/*.sigplus-gallery > ul > li {padding: 0 3px;}
a.sigplus-image > img,
.boxplusx-dialog,
.boxplusx-content.boxplusx-image > div > div {border-radius: 15px;}*/

form .formContainer {max-width: 800px; margin: 0 auto;}


.mod-aktualne li {
  list-style: none;
  border: 2px solid #9B45B4;
  padding: 10px;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.mod-aktualne h3.mod-articles-title {font-size: 24px; font-weight: bold; text-align: center;}
.mod-aktualne dd.mod-articles-date {font-size: 12px; color: #999; text-align: center;}
.mod-aktualne p {margin-bottom: 0.5rem; text-align: center;}
.mod-aktualne .readmore {text-align: center;}

.mod-tvamasaz {margin: 3rem 0;}

.mod-aktualne, .mod-procedury {margin-top: 3rem;}

/* Offcanvas menu */
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {opacity: unset;}
#offcanvas-toggler::before {color: #fff; content: "MENU"; margin-right: 8px; -webkit-text-fill-color: #fff;}
.burger-icon > span {background-color: #fff;}
.offcanvas-menu .menu-toggler {width: 100%; text-align: right;}


/********************************* @media *********************************/


@media (max-width: 767.9px) {
.mod-pracoviste {margin-left: unset !important;}
}

@media (max-width: 575.9px) {
#sp-top-bar {height: 70px; padding: 5px 0;}
#sp-header .logo {height: 50px;}
#sp-header.header-sticky {top: 20px;}
.header-sticky .logo-image {height: 36px; transition: unset; left: unset; position: unset;}
.logo-image {height: 120px !important;}
#sp-menu > .sp-column {height: 50px;}
#sp-slideshow {margin-top: 2rem;}
#sp-main-body {padding: 15px 0px;}
/*.article-details .article-can-edit {position: relative; margin-bottom: 10px;}*/
/*.page-header, .article-details .article-header {padding-bottom: 1rem; padding-top: 1rem;}*/
.mod-aktualne ul.mod-articles-items {padding-left: 0rem;}
.mod-tvamasaz {margin: 1rem 0;}
#sp-footer #sp-footer1, #sp-footer #sp-footer2, #sp-footer #sp-footer3 {text-align: center;}
#sp-footer #sp-footer2 {order: 1;}
#sp-footer #sp-footer1 {order: 2;}
#sp-footer #sp-footer3 {order: 3;}
.tri-sl {column-count: unset;}
#sp-top-bar .sp-module {margin-left: 0px !important;}
.mod-procedury .phModParticlesFeatureBox .phModParticlesItem {width: unset;}
.float-obrvlevo {float: unset; margin-right: unset; max-width: unset;}
}