/*
Theme Name: Primedia Theme
Theme URI: https://www.dyso.cz
Author: František Sedláček (dyso.cz)
Author URI: https://www.dyso.cz
Description: Wordpress Theme designed by DYSO.CZ
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: primedia
*/

/*#1b4458*/
/*#3672a6*/
:root {
  --primary-color: #1b4458;
  --accent-color: #ff6b6a;
  --bg-light: #f5f7f6;
  --footer-bg: #0c2c3c;
  --copy-footer-bg: #03161f;
}

body {
  background-color: var(--bg-light);
  font-family: 'Inter', sans-serif;
}

a {
	color:#ff6b6a;
}
.form-check-label a {
	color:#ff6b6a;
}

.navbar {
	background-color:var(--primary-color);
	color:#fff;
}

.toppad {
	height:72px;
}

.pos-rel {
	position:relative;
}

li p {
	margin-top:0;
	margin-bottom:0;
}

#primedia-form-section {
	position:relative;
	z-index:3;
	padding-bottom:100px !important;
}

#primedia-form-section {
    scroll-margin-top: 120px; /* výška headeru */
}
#primedia-form-section .form-text {
	color:#fff;
	opacity:0.5;
	font-size:10pt;
}

.no-smooth-scroll {
    scroll-behavior: auto !important;
}


@media (max-width: 1199px) {
	
	
	
	
}


/* když je přihlášený admin a zobrazuje se WP admin bar */
.navbar.fixed-top.has-adminbar{
  top: var(--wp-admin--admin-bar--height, 32px);
}

/* aby i offcanvas nezačínal pod lištou (volitelné, ale doporučuju) */
.has-adminbar ~ .offcanvas{
  top: var(--wp-admin--admin-bar--height, 32px);
  height: calc(100% - var(--wp-admin--admin-bar--height, 32px));
}




.footer {
	background-color: var(--footer-bg);
	padding:20px 0 0 0;
}
.footer-main-content {
	padding-bottom:40px;
}
.copyright-footer {
	background-color: var(--copy-footer-bg);
	color:#8d8d8d;
	padding:18px 0;
}

.footer-header {
	font-family: 'Manrope';
	font-size:14pt;
	font-weight:600;
	color:#fff;
	border-bottom:#1b4458 solid 2px;
	padding-bottom:7px;
	margin-bottom:10px;
}
.footer-links {
	color:#ff6b6a;
	line-height:1rem;
}
.footer-links ul {
    list-style: none;
    padding: 0; 
    margin: 0;
}
.footer-links li {
	margin-bottom: 10px;
}
.footer-links a {
	color:#ff6b6a;
	text-decoration:none;
}
.footer-links a:hover {
	text-decoration:underline;
}


.footer-social-links {
	font-size:22pt;
	margin-top:-5pt;
}
.footer-social-links a {
	display:inline-block;
	color:#ff6b6a;
	margin-right:8px;
}

.footer a:hover {
	color:#fff;
}

span.footer-link-symbol {
	display:inline-block;
	width:20px;
	text-align:center;
	margin-right:10px;
}

/*

navbar

*/

/* sub-dropdown otevři doprava */
.dropdown-menu .dropdown-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: -0.25rem;
  display: none;
}

.dropdown-menu li:hover > .dropdown-submenu {
  display: block;
}

/* trochu poladit caret u nested toggle */
.dropdown-menu .dropdown-toggle::after {
  float: right;
  margin-top: .55rem;
}

.navbar {
  font-family: 'Manrope';
  font-weight:500;
}

.nav-link {
	color:#fff;
}
.nav-link:hover {
	color:#ff6b6a;
}


.btn-item-collapse {
	background: none;
	border: 0;
	padding: 0;
	text-align: left;
	color: inherit;
	font: inherit;
}

.btn-item-collapse-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-left: 12px;
	border-radius: 999px;
	background: rgba(47,94,86,0.12);
	color: #1b4458;
	flex: 0 0 34px;
	transition: transform 0.2s ease, background 0.2s ease;
}

.btn-item-collapse[aria-expanded="true"] .btn-item-collapse-icon {
	transform: rotate(180deg);
	background: rgba(47,94,86,0.22);
}

.menu-item a {
	
}
.menu-item a {
	
}

/* Zrušení Bootstrap "modrého kliknutí" */
.btn:focus,
.btn:active,
.btn:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

/* Specificky pro tvé menu tlačítko */
.btn-item-collapse:focus,
.btn-item-collapse:active,
.btn-item-collapse:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	background: none;
}


@media (min-width: 992px) {
	.navbar .dropdown:hover > .dropdown-menu {
		display: block;
		margin-top: 0;
	}

	.navbar .dropdown:hover > .nav-link.dropdown-toggle::after {
		transform: rotate(180deg);
	}

	.navbar .nav-link.dropdown-toggle::after {
		transition: transform 0.2s ease;
	}
}

.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	background-color:#1b4458;
	color:#fff;
}

.offcanvas-body li a {
	color:#1b4458;
	text-decoration:underline;
}
.offcanvas-body li a:hover {
	color:#ff6b6a;
	text-decoration:none;
}

.navbar .dropdown-item:hover {
	background-color:#d4e3eb;
	color:#333;
}

.dropdown-menu {
	width:400px;
}

.orv-top-gap-1 {margin-top:1rem !important;}
.orv-top-gap-2 {margin-top:2rem !important;}
.orv-top-gap-3 {margin-top:3rem !important;}
.orv-top-gap-4 {margin-top:4rem !important;}
.orv-top-gap-5 {margin-top:5rem !important;}
.orv-top-gap-6 {margin-top:6rem !important;}
.orv-bot-gap-1 {margin-bottom:1rem !important;}
.orv-bot-gap-2 {margin-bottom:2rem !important;}
.orv-bot-gap-3 {margin-bottom:3rem !important;}
.orv-bot-gap-4 {margin-bottom:4rem !important;}
.orv-bot-gap-5 {margin-bottom:5rem !important;}
.orv-bot-gap-6 {margin-bottom:6rem !important;}

/*

Tlacitka

*/

.primedia-btn {
	display:inline-block;
	background-color: #3672a6;
	border-radius: 6px;
	text-decoration:none;
	padding:8px 16px;
	color:#fff;
	border:2px solid transparent;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
}
.primedia-btn-hh {
	text-transform:uppercase;
	font-size:15pt;
	font-weight:500;
	padding:10px 20px;
box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);
-webkit-box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);
-moz-box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);	
}
.primedia-btn-pricelist {
	text-transform:uppercase;
	font-size:12pt;
	font-weight:500;
	padding:10px 20px;
box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);
-webkit-box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);
-moz-box-shadow: 7px 8px 20px -2px rgba(0,0,0,0.19);	
}
.primedia-btn:hover {
	background-color: #fff;
	color:#333;
	border:2px solid #333;
	text-shadow:none;
}


/*

Hlavicka podstranek - Pruh

*/

@keyframes primediaSlideIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}



/* Full-width header */
.primedia-pagehead{
  font-family: 'Manrope';
  font-weight:400;
  position: relative;
  overflow: hidden;  
  background: #d4e3eb;         /* světle béžová */
  padding: 54px 0;             /* výška pruhu */
  margin-bottom:2rem;
}

/* Zelený nadpis */
.primedia-pagehead__title{
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: clamp(36px, 4vw, 56px);
  color: #1b4458;
  position: relative;
  z-index: 2;
  animation: primediaSlideIn 0.9s ease-out forwards;
}

/* Velký text v pozadí */
.primedia-pagehead__bg{
  position: absolute;
  bottom: -20px;
  transform: none;
  left: var(--primedia-container-left);
  white-space: nowrap;
  font-weight: 800;
  font-size: clamp(96px, 12vw, 180px);
  line-height: 1;
  color: rgba(255,255,255,0.35); /* slabě bílá “vodotisk” */
  z-index: 1;
  pointer-events: none;
  user-select: none;
  
  opacity: 0;
  animation: primediaSlideIn 2.2s ease-out 0.25s forwards;  
  
}

/* --- Klíč: výpočet levého okraje containeru v čistém CSS --- */
/* Bootstrp container max-width: 540/720/960/1140/1320 + gutter */
.primedia-pagehead{
  --bs-gutter-x: 1.5rem;   /* BS default; když ho máš jinde, klidně smaž */
  --primedia-container-max: 100%;
  --primedia-container-left: var(--bs-gutter-x);
}

@media (min-width: 576px){
  .primedia-pagehead{ --primedia-container-max: 540px; }
}
@media (min-width: 768px){
  .primedia-pagehead{ --primedia-container-max: 720px; }
}
@media (min-width: 992px){
  .primedia-pagehead{ --primedia-container-max: 960px; }
}
@media (min-width: 1200px){
  .primedia-pagehead{ --primedia-container-max: 1140px; }
}
@media (min-width: 1400px){
  .primedia-pagehead{ --primedia-container-max: 1320px; }
}

/* skutečný levý okraj containeru = (viewport - maxWidth)/2 + gutter
   a zároveň nikdy méně než gutter (na úzkých displejích) */
@media (min-width: 0px){
  .primedia-pagehead{
    --primedia-container-left: max(
      var(--bs-gutter-x),
      calc((100vw - var(--primedia-container-max)) / 2 + var(--bs-gutter-x))
    );
  }
}



@media (prefers-reduced-motion: reduce) {
  .primedia-pagehead__title,
  .primedia-pagehead__bg {
    animation: none;
    opacity: 1;
    transform: none;
  }
}


@media (max-width: 767px){
	.primedia-pagehead{
		padding:32px 0;
	}
	
}


/*
 ***************************
 
 homepage

 ********/

.homepage-hero {
	background-color:#d4e3eb;
}
.homepage-hero .container {
	background-position:right center;
	background-repeat:no-repeat;
	padding-top:3rem;
	padding-bottom:4rem;
}
@media (max-width: 1199px){

	.homepage-hero .container {
		background:none !important;
	}

}
.homepage-hero .hh-main-text {
	swidth:50%;
	font-family: 'Manrope';
	font-weight: 700;
	font-size: 31pt;
	line-height: 38pt;
	color:#1b4458;
	text-shadow:#d4e3eb 2px 2px 0px;
}
.homepage-hero .hh-sub-text {
	wsidth:30%;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	font-family: 'Inter', sans-serif;
	font-size: 16pt;
	font-weight:400;
	line-height: 25pt;
	color:#333;
}


/* HP BOX TRIO */ 

.hp-box-trio-heading {
	font-family:'Manrope', sans-serif;
	font-weight:700;
	font-size:21pt;
	color:#333;
	padding:0;
	margin-top:3rem;
	margin-bottom:1rem;
}

.hp-box {
    border-radius:10px;
    overflow:hidden;
    background-color:#d4e3eb;
    display:flex;
    flex-direction:column;
    height:100%;
}



.hp-box .hp-box-header{
	font-family:'Manrope', sans-serif;
	font-weight:600;
	font-size:14pt;
	padding:10px;
	background-color:#1b4458;
	color:#fff;

	position: relative;
	display: flex;
	align-items: center;
}

/* Ikona vlevo */
.hp-box .hp-box-header img{
	height:70px;
	width:auto;
	flex: 0 0 auto;
	z-index: 2;
}

/* Nadpis přesně na střed celé šířky headeru */
.hp-box .hp-box-header h2,
.hp-box .hp-box-header h3{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0;

	display: block; 
	font-size:15pt;
	line-height: 1.1;
}




@media (max-width: 1399px) {
	.hp-box .hp-box-header img {
		font-size:10pt;
		height:35px;
		width:auto;
	}
	.hp-box .hp-box-header h2, .hp-box .hp-box-header h3 {
		display:inline-block;
		font-size:13pt;
	}
}


.hp-box .hp-box-content {
    padding:1rem;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}



.hp-box .hp-box-button-row {
    margin-top:auto; /* TLAČÍTKO DOLE */
    text-align:center;
    padding-top:1.5rem;
}



/* SEKCE ZELANA - DLUHOVE PORADENSTVI */

.hp-section-green {
	background-color:#1b4458;
	color:#fff;
	margin-top:6rem;
	padding:1rem 0 0 0;
}
.hp-section-green-inner {
	background-position:left bottom;
	background-image:url('assets/img/par2.png');
	background-repeat:no-repeat;
	padding:2rem 0 6rem 0;
}

@media (max-width: 991px){

	.hp-section-green-inner {
		background:none;
		padding-left:1rem;
		padding-right:1rem;
	}
	.hp-section-green-inner .col-lg-6 {
		text-align:center;
	}

}

.hpsd-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#fff;
	padding:30px 0 15px 0;
	text-align:center;
}
.hpsd-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#78a49d;
	padding:0px 0;
	text-align:center;
}
.hpsd-line {
	border-radius:2px;
	background-color:#78a49d;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}


/* SEKCE Rozcestnik - Pro jednotlivce X Pro firmy */

/*
.hp-section-split {
	padding:5rem 0;
	background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #f5f2ee 50%, #f5f2ee 100%);
}

.hp-split {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hp-split .text-center:last-child {
    margin-top: auto;
}

.hp-split-img {
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:10px;
	margin-bottom:1rem;
	aspect-ratio: 612 / 269;
}
.hp-split-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 991px) {

	.hp-section-split {
		background:none;
	}

}

.hp-split {
	padding:4rem 1rem 6rem 1rem;
}
.hp-split h2 {
	font-family:'Manrope', sans-serif;
	font-weight:700;
    display: flex;
    align-items: center;
	justify-content: center;
    gap: 12px;	
	margin-bottom:1.5rem;
}
.hp-split h2::before {
    content: "";
    width: 36px;
    height: 36px;
    background-color: #1b4458;   
    border-radius: 6px;          
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    flex-shrink: 0;	
}


.hp-split-right {
	background-color:#f5f2ee;
}
.hp-split-left {
	padding-right:2rem;
}
.hp-split-right {
	padding-left:2rem;
}

.hp-split-left h2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M12 14c-4.4 0-8 2.7-8 6h16c0-3.3-3.6-6-8-6z'/%3E%3C/svg%3E");
}
.hp-split-right h2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='2' fill='white'/%3E%3Crect x='7' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='15' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='7' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='15' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='15' width='2' height='6' fill='%231b4458'/%3E%3C/svg%3E");	
}


@media (max-width: 991px){

	.hp-split-left {
		padding-left:1rem;
		padding-right:1rem;
	}
	.hp-split-right {
		padding-left:1rem;
		padding-right:1rem;
	}
	.hp-split-left,.hp-split-right {
		padding-top:2rem;
		padding-bottom:2rem;
	}
	

}
*/


/*
.hp-section-split {
	padding: 2rem 0;
	background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #f5f2ee 50%, #f5f2ee 100%);
}
*/

.hp-section-split {
	padding: 2rem 0;
	background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #d4e3eb 50%, #d4e3eb 100%);
}

.hp-section-split .row {
	align-items: stretch;
}

.hp-section-split .col-lg-6 {
	display: flex;
}

.hp-split {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 4rem 1rem 6rem 1rem;
}

.hp-split-btn {
	margin-top: auto;
	padding-top: 2rem;
}

.hp-split-img {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 1rem;
	aspect-ratio: 612 / 269;
}

.hp-split-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hp-split h2, .hp-split .heading {
	font-family: 'Manrope';
	font-weight: 700;
	font-size: 18pt;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 1.5rem;
	text-align:center;
}

.hp-split h2::before, .hp-split .heading::before {
	content: "";
	width: 36px;
	height: 36px;
	background-color: #1b4458;
	border-radius: 6px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px;
	flex-shrink: 0;
}

.hp-split-right {
	dddbackground-color: #d4e3eb;
}

.hp-split-left {
	padding-right: 2rem;
}

.hp-split-right {
	padding-left: 2rem;
}

.hp-split-left .heading::before, .hp-split-left h2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M12 14c-4.4 0-8 2.7-8 6h16c0-3.3-3.6-6-8-6z'/%3E%3C/svg%3E");
}

.hp-split-right .heading::before, .hp-split-right h2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='2' fill='white'/%3E%3Crect x='7' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='15' y='6' width='2' height='2' fill='%231b4458'/%3E%3Crect x='7' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='15' y='10' width='2' height='2' fill='%231b4458'/%3E%3Crect x='11' y='15' width='2' height='6' fill='%231b4458'/%3E%3C/svg%3E");
}

@media (max-width: 991px) {
	.hp-section-split {
		background: none;
	}

	.hp-section-split .col-lg-6 {
		display: block;
	}

	.hp-split-left,
	.hp-split-right {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}



/* SEKCE Homepage / CENIK */

.hp-section-pricelist {
	background-color:#d4e3eb;
	padding-top:1rem;
	padding-bottom:4rem;
}
.hpspl-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#333;
	padding:30px 0 15px 0;
	text-align:center;
}
.hpspl-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.hpspl-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}
.hp-price-box {
	text-align:center;
	border-radius:10px;
	background-color:#fff;
	overflow:hidden;
	-webkit-box-shadow: 3px 3px 15px 5px rgba(0,0,0,0.20); 
	box-shadow: 3px 3px 15px 5px rgba(0,0,0,0.20);	
}

.hp-price-box-header {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;	
	background-color:#333;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding:2rem 0;
}
.hp-price-box-inner {
	padding:20px;
}
.hp-price-box-description {
	font-size:12pt;
	min-height:80px;
}
.hp-price-box-price {
	font-size:18pt;
	font-weight:800;
	padding:1rem 0;
}
.hp-price-box-price span {
	font-size:14pt;
	font-weight:500;
}
.hp-price-box-detail-link a {
	display:inline-block;
	color:#1b4458;
	text-decoration:underline;
	font-weight:800;
	margin:1rem 0;
}
.hp-price-box-detail-link a:hover {
	color:#ff6b6a;
}
.hp-section-pricelist .hp-price-h {
	margin:3rem 0 2rem 0;
	font-size:16pt;
	font-weight:600;
	color:#9c9388;
}

.pricebox-best .hp-price-box-header {
	background-color:#1b4458;
}



/* Homepage Banner - Obrázek rozmazaný a na něm nápis */

.hp-section-banner {
	padding:3rem 0 5rem 0;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.hp-banner {
	display:block;
	text-decoration:none;
	border-radius:10px;
	padding:160px 0;
	color:#fff;
	background-position:center;
	background-size:cover;
	background-image:url('assets/img/banner1.webp');
	font-family:'Manrope', sans-serif;
	font-size:25pt;
	font-weight:800;	
	text-shadow:2px 2px 5px #000;
}
a.hp-banner:hover {
	filter: brightness(1.15);
}




/* SEKCE REFERENCE NA HOMEPAGE */

.hpr-section {
	background-color:#1b4458;
	color:#fff;
}
.hpr-section .row {
	margin-right:0;
}

.hpr-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#fff;
	padding:30px 0 15px 0;
	text-align:center;
}
.hpr-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#78a49d;
	padding:0px 0;
	text-align:center;
}
.hpr-line {
	border-radius:2px;
	background-color:#78a49d;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}

.ref-quotes-left {
	background-repeat:no-repeat;
	background-position: left 20px bottom -40px;
	background-image:url('assets/img/quotes-left.png');
}
.ref-quotes-right {
	background-repeat:no-repeat;
	background-position: right 20px top -40px;
	background-image:url('assets/img/quotes-right.png');
}

@media (max-width: 1199px){

	.ref-quotes-left, .ref-quotes-right {
		background:none;
	}

}

.hpr-ref-item { opacity: 0; transition: opacity .25s ease; }
.hpr-ref-item.is-active { display: block; opacity: 1; }
.hpr-ref-item.is-active{ opacity:1; visibility:visible; }
.hpr-ref-item.is-leaving{ opacity:0; visibility:visible; } /* pořád viditelné během odchodu */

.hpr-dots { margin-top: 16px; margin-bottom: 30px; display: flex; gap: 10px; justify-content: center; }
.hpr-dot {
  width: 10px; height: 10px; border-radius: 999px; border: 0;
  opacity: .35; cursor: pointer;
}
.hpr-dot.is-active { opacity: 1; }




@media (max-width: 1199px){

	.hpr-dots { gap: 30px; }
	
}




.hpr-ref-stage{
  position: relative;
  min-height: 180px; /* nebo si to nech řídit JS výškou */
}

.hpr-ref-item{
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 900ms ease, transform 900ms ease;
  pointer-events: none;
  visibility: hidden;              /* aby to nebylo “klikatelné” */
}

.hpr-ref-item.is-active{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}

.hpr-ref-item__text {
	font-weight:200;
	font-style:italic;
}
.hpr-ref-client {
	margin-top:1rem;
	text-align:center;
	font-weight:500;
}


@media (max-width: 991px){

	.hpr-ref-item {
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		font-size:11pt;
	}
	
}



/* SEKCE BLOG NA HOMEPAGE */

.hpb-section {
	padding:50px 0;
}

.hpb-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#333;
	padding:30px 0 15px 0;
	text-align:center;
}
.hpb-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.hpb-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}

.blog-item {
	overflow:hidden;
	border-radius:10px;
	background-color:#1b4458;
	color:#fff;
}
.blog-item .img-link {
	display:block;
	width: 100%;
	aspect-ratio: 4 / 3;	
}
.blog-item .img-link:hover {
	filter:brightness(1.15);
}
.blog-item .img-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.blog-item .blog-text-info {
	padding:15px;
}
.blog-item .text-link {
	font-family:'Manrope', sans-serif;
	font-weight:500;
	color:#fff;
	text-decoration:underline;
	display:inline-block;
	font-size:14pt;
	margin-bottom:1rem;
}
.blog-item .text-link:hover {
	color:#ff6b6a;
}
.blog-item .excerpt {
	font-size:11pt;
}

.undersection-button-row {
	padding:4rem 0;
	text-align:center;
}


/*
**** BLOG POST *********************
*/


/*
------------------------------------------------
BLOG – ORVIO TYPOGRAPHY
------------------------------------------------
*/

.blog-single {
	smax-width: 760px;
	margin: 0 auto;
}

.blog-content {
	font-family: 'Inter', sans-serif;
	font-size: 1.06rem;
	line-height: 1.85;
	color: #1e2f2d;
}

.blog-content > *:first-child {
	margin-top: 0;
}

.blog-content > *:last-child {
	margin-bottom: 0;
}


/*
------------------------------------------------
NADPISY
------------------------------------------------
*/

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4 {
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: #1e2f2d;
	margin-top: 2.4rem;
	margin-bottom: 1rem;
}

.blog-content h1 {
	font-size: 2.4rem;
	margin-top: 0;
	margin-bottom: 1.3rem;
}

.blog-content h2 {
	font-size: 1.85rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #ff6b6a;
}

.blog-content h3 {
	font-size: 1.45rem;
	color: #1b4458;
}

.blog-content h4 {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #1b4458;
}


/*
------------------------------------------------
PRVNÍ ODSTAVEC (PEREX)
------------------------------------------------
*/

.blog-content > p:first-of-type {
	font-size: 1.18rem;
	line-height: 1.8;
	color: #1b4458;
}


/*
------------------------------------------------
TEXT
------------------------------------------------
*/

.blog-content p {
	margin: 0 0 1.2rem 0;
}

.blog-content strong,
.blog-content b {
	font-weight: 700;
	color: #1e2f2d;
}

.blog-content em,
.blog-content i {
	font-style: italic;
}


/*
------------------------------------------------
ODKAZY
------------------------------------------------
*/

.blog-content a {
	color: #1b4458;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s ease;
}

.blog-content a:hover {
	color: #ff6b6a;
}


/*
------------------------------------------------
SEZNAMY
------------------------------------------------
*/

.blog-content ul,
.blog-content ol {
	margin: 0 0 1.4rem 0;
	padding-left: 1.5rem;
}

.blog-content ul li,
.blog-content ol li {
	margin-bottom: 0.55rem;
}

.blog-content ul li::marker {
	color: #1b4458;
}

.blog-content ol li::marker {
	color: #1b4458;
	font-weight: 700;
}

.blog-content li p {
	margin-bottom:0.25rem;
}


/*
------------------------------------------------
CITACE
------------------------------------------------
*/

.blog-content blockquote {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;
	background-color: #f5f7f6;
	border-left: 4px solid #ff6b6a;
	border-radius: 10px;
	font-size: 1.05rem;
	font-style: italic;
	color: #1b4458;
}

.blog-content blockquote p:last-child {
	margin-bottom: 0;
}


/*
------------------------------------------------
ODDĚLOVAČ
------------------------------------------------
*/

.blog-content hr {
	border: 0;
	border-top: 1px solid rgba(47,94,86,0.18);
	margin: 2.5rem 0;
}


/*
------------------------------------------------
OBRÁZKY
------------------------------------------------
*/

.blog-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 1.75rem 0;
}

.blog-content figure {
	margin: 2rem 0;
}

.blog-content figure img {
	margin-bottom: 0.75rem;
}

.blog-content figcaption {
	font-size: 0.92rem;
	line-height: 1.5;
	color: #5b6b68;
	text-align: center;
}


/*
------------------------------------------------
TABULKY
------------------------------------------------
*/

.blog-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0;
	font-size: 0.98rem;
}

.blog-content th,
.blog-content td {
	padding: 0.85rem 1rem;
	border: 1px solid #dfe7e4;
	text-align: left;
	vertical-align: top;
}

.blog-content th {
	background-color: #f5f7f6;
	font-weight: 700;
	color: #1e2f2d;
}


/*
------------------------------------------------
KÓD
------------------------------------------------
*/

.blog-content code {
	font-family: Consolas, Monaco, monospace;
	font-size: 0.95em;
	background-color: #f5f2ee;
	padding: 0.15em 0.35em;
	border-radius: 6px;
	color: #7a5a1e;
}

.blog-content pre {
	margin: 1.75rem 0;
	padding: 1rem 1.2rem;
	background-color: #1e2f2d;
	color: #f5f7f6;
	border-radius: 10px;
	overflow-x: auto;
}

.blog-content pre code {
	background: none;
	padding: 0;
	color: inherit;
}


/*
------------------------------------------------
WORDPRESS ALIGN
------------------------------------------------
*/

.blog-content .alignleft {
	float: left;
	margin: 0.35rem 1.5rem 1rem 0;
	max-width: 48%;
}

.blog-content .alignright {
	float: right;
	margin: 0.35rem 0 1rem 1.5rem;
	max-width: 48%;
}

.blog-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*
------------------------------------------------
IFRAME / EMBED
------------------------------------------------
*/

.blog-content iframe {
	max-width: 100%;
	border: 0;
	border-radius: 10px;
	margin: 1.75rem 0;
}


/*
------------------------------------------------
CLEARFIX
------------------------------------------------
*/

.blog-content::after {
	content: "";
	display: block;
	clear: both;
}


/*
------------------------------------------------
MOBIL
------------------------------------------------
*/

@media (max-width: 767px) {

	.blog-single {
		max-width: 100%;
	}

	.blog-content {
		font-size: 1rem;
		line-height: 1.75;
	}

	.blog-content h1 {
		font-size: 2rem;
	}

	.blog-content h2 {
		font-size: 1.55rem;
	}

	.blog-content h3 {
		font-size: 1.28rem;
	}

	.blog-content h4 {
		font-size: 1.05rem;
	}

	.blog-content .alignleft,
	.blog-content .alignright {
		float: none;
		display: block;
		max-width: 100%;
		margin: 1.25rem 0;
	}
}




/*
***************


*/

.bubble-info {
	background-color:#1b4458;
	background-image:url('assets/img/info.png');
	background-size:33px 62px;
	background-position:15px 20px;
	background-repeat:no-repeat;
	color:#d4e3eb;
	border-radius:10px;
	padding:20px 50px 20px 70px;
}

.spacer {
	height:2rem;
}


/*

STRIDANI SEKCI

*/

.side-section{
  position: relative;
  overflow: hidden;
}

.side-section__inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.side-section__text{
  padding: 80px 40px 80px calc(((100vw - 1320px) / 2) + 10px);
}
.side-section__text .content h2, .side-section__text .content h3 {
	font-size:16pt;
}

.side-section__text .content a {
	color:#a58940;
}


.side-section__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Reverse layout (prohození sloupců) */
.side-section--reverse .side-section__inner{
  direction: rtl;
}

.side-section--reverse .side-section__text,
.side-section--reverse .side-section__image{
  direction: ltr;
}

/* Reverse: doladění textového bloku vpravo */
.side-section--reverse .side-section__text{
  max-width: 620px;
  margin-left: 0;
  padding-left: 0;
  margin-right: calc((100vw / 2) - 650px);
}

/* <= 1399px */
@media (max-width: 1399px){

  .side-section__text{
    padding: 80px 40px 80px 20px;
  }

  .side-section--reverse .side-section__text{
    max-width: 520px;
    margin-right: calc((100vw / 2) - 550px);
  }
}

/* <= 991px */
@media (max-width: 991px){

  .side-section__inner{
    grid-template-columns: 1fr;
  }

  .side-section--reverse .side-section__text{
    max-width: 100%;
    margin-right: 0;
    padding: 0 20px; /* zachová ti pohodlný okraj na mobilu */
  }
}





.side-section .ss-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#333;
	padding:30px 0 15px 0;
	text-align:left;
}
.side-section .ss-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:left;
}
.side-section .ss-line {
	border-radius:2px;
	background-color:#1b4458;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
}
.side-section .content {
	color:#333;
}



#pointing-person {
	position:absolute;
	top:-200px;
	left:-50px;
	max-width:100%;
	height:auto;
	z-index:111;
}

@media (max-width: 991px) {
	
	#pointing-person {
		display:none;
	}
	
	.spacer {
		display:none;
	}
}


/*

SEKCE AKCE 1 (Dluhove poradenstvi, Sluzby pro jednotlivce)

*/

.section-action1 {
	background-color:#d4e3eb;
	color:#333;
	padding-bottom:2rem;
}
#section-action1-img {
	margin-top:40px;
	position:relative;
	top:27px;
}

.sa1-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	color:#333;
	padding:30px 0 20px 0;
	text-align:center;
}
.sa1-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.sa1-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin:35px auto 50px auto;
}
.sa1-side-header {
	font-family:'Manrope', sans-serif;
	font-size:14pt;
	font-weight:700;
	color:#333;
	padding-bottom:0;
	margin-bottom:0.5rem;
}
.sa1-side-content {
	color:#333;
	padding-bottom:3rem;
}



/*

SEKCE FORM 1

*/

.section-form1 {
	background-color:#1b4458;
	color:#fff;
	padding-bottom:2rem;
}


.sf1-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	color:#fff;
	padding:0px 0 20px 0;
	text-align:center;
}
.sf1-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#7aa59e;
	padding:0px 0;
	text-align:center;
}
.sf1-line {
	border-radius:2px;
	background-color:#7aa59e;
	width:64px;
	height:3px;
	margin:35px auto 50px auto;
}

/*

PRAVNI DOKUMENTY

*/

/* PRÁVNÍ DOKUMENTY – ORVIO */

.pravni-dokument-webu {
    color: #1e2f2d;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

/* odstavce */

.pravni-dokument-webu p {
    margin: 0 0 1.2rem 0;
}

/* seznamy */

.pravni-dokument-webu ol,
.pravni-dokument-webu ul {
    padding-left: 1.5rem;
}

.pravni-dokument-webu ul {
    margin: 0 0 1.2rem 0;
}

/* kapitoly (OL jako nadpisy) */

.pravni-dokument-webu ol {
    margin-top: 2rem;      /* větší mezera NAD kapitolou */
    margin-bottom: 0.35rem; /* malá mezera POD nadpisem */
}

.pravni-dokument-webu ol:first-child {
    margin-top: 0;
}

/* text hned po kapitole */

.pravni-dokument-webu ol + p {
    margin-top: 0.15rem;
}

/* položky */

.pravni-dokument-webu li {
    margin-bottom: 0;
}

/* číslování kapitol */

.pravni-dokument-webu ol > li::marker {
    color: #1b4458;
    font-weight: 700;
}

/* odrážky */

.pravni-dokument-webu ul > li::marker {
    color: #ff6b6a;
}

/* nadpis kapitoly (tučný text v li) */

.pravni-dokument-webu li b,
.pravni-dokument-webu li strong {
    color: #1b4458;
    font-size: 1.18rem;
    font-weight: 800;
}

/* optické přilepení nadpisu k textu */

.pravni-dokument-webu li b:first-child,
.pravni-dokument-webu li strong:first-child {
    display: inline-block;
    margin-bottom: 0.15rem;
}

/* odkazy */

.pravni-dokument-webu a {
    color: #1b4458;
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
}

.pravni-dokument-webu a:hover {
    color: #ff6b6a;
}

/* kurzíva */

.pravni-dokument-webu i,
.pravni-dokument-webu em {
    color: #40524f;
}

/* mobil */

@media (max-width: 768px) {

    .pravni-dokument-webu {
        font-size: 15.5px;
        line-height: 1.75;
    }

    .pravni-dokument-webu ol,
    .pravni-dokument-webu ul {
        padding-left: 1.25rem;
    }

    .pravni-dokument-webu li b,
    .pravni-dokument-webu li strong {
        font-size: 1.08rem;
    }

    .pravni-dokument-webu ol {
        margin-top: 1.6rem;
    }

}



.pravni-dokument-head {
    margin-bottom: 2rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid rgba(47, 94, 86, 0.14);
}

.pravni-dokument-podnadpis {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #40524f;
}

.pravni-dokument-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;   /* ← zarovnání doprava */
    gap: 0.6rem 0.8rem;
}

.pravni-dokument-info-item {
    padding: 0.35rem 0;
    font-size: 0.92rem;
    color: #1e2f2d;
    white-space: nowrap;
}

.pravni-dokument-info-item strong {
    color: #1b4458;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .pravni-dokument-head {
        margin-bottom: 1.5rem;
        padding-bottom: 0.9rem;
    }

    .pravni-dokument-podnadpis {
        font-size: 1rem;
    }

    .pravni-dokument-info {
        justify-content: flex-start;
    }
}


/*

SABLONA 2

*/

.hpsw-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#333;
	padding:30px 0 15px 0;
	text-align:center;
}
.hpsw-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.hpsw-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
}

img.max-w {
	width:100%;
	height:auto;
}
img.round-corners {
	border-radius:10px;
	overflow:hidden;
}


.hp-section-green-inner-variable {
	background-position:left bottom;
	sbackground-image:url('assets/img/stastny-par-bez-dluhu.png');
	background-repeat:no-repeat;
	padding:2rem 0 6rem 0;
}

@media (max-width: 991px){

	.hp-section-green-inner-variable {
		background:none;
		padding-left:1rem;
		padding-right:1rem;
	}
	.hp-section-green-inner-variable .col-lg-6 {
		text-align:center;
	}

}


/*

SABLONA PRO STRANKU: JAK TO FUNGUJE

*/

.phase-block {
	background-image:url('assets/img/sipky.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:70px;
}
.phase-block .row {
	position:relative;
	top:-20px;
}


.phase-block-header {
	position: relative;
	background-color: #1b4458;
	color: #fff;
	border-radius: 12px;
	font-family: 'Manrope';
	font-weight: 700;
	font-size: 20pt;
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.4rem 1rem;

	overflow: hidden; /* 🔥 důležité */
}

/* velké číslo na pozadí */
.phase-block-header::before {
	content: attr(data-step);
	position: absolute;

	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 90px; /* 🔥 velké číslo */
	font-weight: 800;
	line-height: 1;

	color: #fff;
	opacity: 0.25; /* jemné, aby nerušilo */

	pointer-events: none;
}

@media (max-width: 599px) {
	
	.phase-block-header::before {
		display:none;
		left: 5px;
		top: 40%;
		transform: translateY(-40%);
		font-size: 90px; /* 🔥 velké číslo */
		font-weight: 800;
		opacity: 0.15;
	}
	
}


.phase-block-header-tag {
	
}

.phase-point {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	background-color:#d4e3eb;
	border-radius:10px;
	padding:10px 10px 20px 10px;
	-webkit-box-shadow: 1px 3px 9px 2px rgba(0,0,0,0.16); 
	box-shadow: 1px 3px 9px 2px rgba(0,0,0,0.16);	
}

@media (min-width: 768px) {

	.pp1 {
		margin-left:20%;
	}

	.pp2 {
		
	}

	.pp3 {
		margin-left:0%;
	}

}

.phase-point .phase-point-img-place {
	display: flex;
	align-items: center;
	justify-content: center;	
	min-height:170px;
}

.phase-point img.phase-point-picto {
	transform: scale(0.75);
}

.phase-point .phase-point-text {
	color:#1b4458;
	font-size:15pt;
	font-weight:500;
}


.phase-block-golden {
	position: relative;
	color: #50411b;
	z-index: 1;
}

/* falešné pozadí */
.phase-block-golden::before {
	content: "";
	position: absolute;
	inset: 0;

	background: #ff6b6a;
	background-image:url('assets/img/golden.png');

	transform: translateY(30px); /* 🔥 posun dolů */
	z-index: -1;
}
.phase-block-golden .phase-block {
	background:none;
	padding-bottom:0;
}

.phase-block-golden .phase-block-header {
	background-color:#ff6b6a;
	background-image:url('assets/img/golden.png');
	color:#50411b;
	text-shadow:1px 1px 0px rgba(255,255,255,0.25);
}

.phase-block-golden .phase-block-header::before {
	color:#000;
}

.phase-block-golden .phase-point .phase-point-text {
	color:#847652;
}

.phase-point-gdpr-badge {
	position:absolute;
	right:36px;
	bottom:-50px;
	display:inline-block;
	border-radius:70px;
	padding:10px;
	background-color:#d4e3eb;
	border:6px solid #f5f7f6;
}

@media (max-width: 1199px) {

	.phase-point-gdpr-badge {
		display:none;
	}

}

.section-jtf-summary {
	padding:100px 0 60px 0;
	background-color:#fff;
}

.jtf-content-bubble {
	margin-top:30px;
	padding:10px;
	color:#333;
	border-radius:10px;
	-webkit-box-shadow: 1px 3px 9px 2px rgba(0,0,0,0.16); 
	box-shadow: 1px 3px 9px 2px rgba(0,0,0,0.16);
}

.jtf-content-bubble h2, .jtf-content-bubble h3, .jtf-content-bubble h4 {
	font-size:16pt;
	font-weight:600;
	color:#1b4458;
	margin:0 0 10px 0;
	padding:3px 0;
}

.jtf-badges-row {
	justify-content: center;
	display: flex;
	gap: 12px;
}
.jtf-badge {
	text-transform:uppercase;
	text-align:center;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon fill='%231b4458' points='100,10 110,30 130,20 135,40 155,35 155,55 175,60 165,75 185,90 165,105 175,120 155,125 155,145 135,140 130,160 110,150 100,170 90,150 70,160 65,140 45,145 45,125 25,120 35,105 15,90 35,75 25,60 45,55 45,35 65,40 70,20 90,30'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon fill='%231b4458' points='100,10 110,30 130,20 135,40 155,35 155,55 175,60 165,75 185,90 165,105 175,120 155,125 155,145 135,140 130,160 110,150 100,170 90,150 70,160 65,140 45,145 45,125 25,120 35,105 15,90 35,75 25,60 45,55 45,35 65,40 70,20 90,30'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;	
	width:200px;
	height:200px;
	display: inline-block;
	font-weight:600;
}

@media (max-width: 767px) {
	
	.jtf-badges-row {
		text-align: center;
		display: block;
		gap: 12px;
	}
	
	.jtf-badge {
		width:200px;
		height:200px;
	}
	
}

.jtf-badge div {
	margin-left:auto;
	margin-right:auto;
	max-width: 12ch;
	position:relative;
	top:35px;
}

.jtf-badge-1 {
	color:#fff;
	background-color:#1b4458;
}
.jtf-badge-2 {
	color:#fff;
	background-color:#ff6b6a;
}
.jtf-badge-3 {
	color:#1b4458;
	background-color:#d4e3eb;
}

#jtf-lady {
	position:absolute;left:40px;top:-240px;z-index:0;
}

@media (max-width: 1199px) {

	.pos-rel {
		display:none !important;
	}

	#jtf-lady {
		display:none;
	}

}

/*

REGISTRACE

*/

.primedia-auth-box {
	padding:30px;
	border-radius:10px;
	background-color:#1b4458;
	color:#fff;
	margin-bottom:40px;
}

.primedia-auth-alert {
	padding:10px;
	text-align:center;
	margin-bottom:20px;
	border-radius:8px;
}

.primedia-auth-alert.is-error {
	color:#fff;
	background-color:#a00000;
}

.primedia-auth-alert.is-success {
	color:#fff;
	background-color:#00a000;
}


/*
 * 
 * STRANKA UA UKRAJINSKA
 *
 */

/* -- SECTION 2 -- Ctverice ikon vedle sebe */

.ua-section-2 {
	background-color:#fff;
	color:#333;
	padding:10px 0 60px 0;
}
.ua-section-2 .sua2-par {
	
}
.ua-section-2 .sua2-par a {
	font-weight:500;
	color:#1b4458;
}
.ua-section-2 .sua2-par a:hover {
	color:#ff6b6a;
}
.ua-section-2 .sua2-par h4 {
	font-size:15pt;
	font-weight:600;
}
.ua-section-2 .sua2-section-header {
	font-family:'Manrope', sans-serif;
	font-size:22pt;
	font-weight:800;	
	margin:1rem 0;
	padding:1rem 0;
}

.ua-section-2 .sua2-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#1b4458;
	padding:30px 0 5px 0;	
}

.ua-section-2 .primedia-heading-icon img {
	display: block;
	width: 55px;
	height: auto;
	object-fit: contain;
}

/* -- SECTION 3 -- Dva a dva (tmave zeleny pruh) */

.ua-section-3 {
	background-color:#1b4458;
	color:#fff;
	padding-bottom:60px;
}

.ua-section-3 .sua3-section-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#fff;
	text-align:center;
	padding:40px 0 5px 0;
}
.ua-section-3 .sua3-header {
	font-family:'Manrope', sans-serif;
	font-size:17pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#fff;
	padding:30px 0 5px 0;
}
.ua-section-3 .sua3-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#78a49d;
	padding:0px 0;
	text-align:center;
}
.ua-section-3 .sua3-line {
	border-radius:2px;
	background-color:#78a49d;
	width:64px;
	height:3px;
	margin:35px auto 50px auto;
}




.primedia-heading--with-icon {
	display: flex;
	align-items: center; /* vertikální zarovnání */
	gap: 12px;
}

.primedia-heading-icon {
	flex-shrink: 0;
}

.ua-section-3 .primedia-heading-icon img {
	display: block;
	width: 70px;
	height: auto;
	object-fit: contain;
}

.primedia-heading-text {
	display: inline-block;
}



/* -- SECTION 4 -- Postup - tri kroky */

.ua-section-4 {
	padding:20px 0 80px 0;
	background-color:#d4e3eb;
}

.ua-section-4 .sua4-section-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	text-align:center;
	padding:40px 0 5px 0;
}
.ua-section-4 .sua4-header {
	font-family:'Manrope', sans-serif;
	font-size:17pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	padding:20px 0 5px 0;
}
.ua-section-4 .sua4-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.ua-section-4 .sua4-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin:35px auto 30px auto;
}

.ua-section-4 .step-no {
/*	position:absolute;
	left:0;
	top:-30pt;
	width:100%;*/
	font-family:'Manrope', sans-serif;
	font-size:50px;
	height:60px;
	overflow:hidden;
	font-weight:800;
	color:#ccc8c2;
	text-align:center;
}

.img-down {
	/*aposition:relative;top:25px;
	az-index:2;*/
}


/* -- SECTION 5 -- Typy zakazniku (spolecnosti, osvc, dalsi) */

.ua-section-5 {
	padding:20px 0 80px 0;
	background-color:#fff;
}

.ua-section-5 .sua5-section-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	text-align:center;
	padding:40px 0 5px 0;
}
.ua-section-5 .sua5-header {
	font-family:'Manrope', sans-serif;
	font-size:17pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	padding:20px 0 5px 0;
}
.ua-section-5 .sua5-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.ua-section-5 .sua5-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin:35px auto 50px auto;
}


/* -- SECTION 6 -- Skoleni */

.ua-section-6 {
	padding:20px 0 80px 0;
	background-color:#d4e3eb;
}

.ua-section-6 .sua6-section-header {
	font-family:'Manrope', sans-serif;
	font-size:19pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	text-align:center;
	padding:40px 0 5px 0;
}
.ua-section-6 .sua6-header {
	font-family:'Manrope', sans-serif;
	font-size:17pt;
	font-weight:800;
	margin-top:0;
	margin-bottom:0;
	color:#333;
	padding:30px 0 5px 0;
}
.ua-section-6 .sua6-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#9c9388;
	padding:0px 0;
	text-align:center;
}
.ua-section-6 .sua6-line {
	border-radius:2px;
	background-color:#9c9388;
	width:64px;
	height:3px;
	margin:35px auto 50px auto;
}

.ua-col-img-div {
	width:100%;
	height:auto;
	overflow:hidden;
	border-radius:10px;
	margin-bottom:0.0rem;
	aspect-ratio: 4 / 2.5;	
}
.ua-col-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;	
}



.invalid-feedback {
	color: #ff5050;
}


/* položka, která obsahuje další submenu */
.dropdown-menu > li {
    position: relative;
}

/* vnořené submenu */
.dropdown-menu .dropdown-submenu {
    top: 0;
    left: calc(100% - 2px);
    margin-top: 0;
    display: none;
}

/* desktop hover */
@media (min-width: 992px) {
    .navbar .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
    }
}

/* ať nevzniká mezera */
.dropdown-menu {
    margin-top: 0;
}


/*

STRANKA CENIK - STYLOVANI TABULEK

*/

.page-id-865 {
	
}


/* =========================================
   ORVIO TABLE STYLES
   ========================================= */

.page-id-865 table-wrap {
	overflow-x: auto;
	margin: 2rem 0;
	-webkit-overflow-scrolling: touch;
}

.page-id-865 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	border: 1px solid rgba(30, 47, 45, 0.10);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(30, 47, 45, 0.06);
	font-size: 0.98rem;
	line-height: 1.6;
	color: #1e2f2d;
	margin-bottom:3rem;
}

.page-id-865 table thead th {
	background: #1b4458;
	color: #ffffff;
	font-weight: 700;
	text-align: left;
	padding: 1rem 1.1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	vertical-align: middle;
}

.page-id-865 table thead th:first-child {
	border-top-left-radius: 18px;
}

.page-id-865 table thead th:last-child {
	border-top-right-radius: 18px;
}

.page-id-865 table tbody td {
	padding: 0.95rem 1.1rem;
	border-bottom: 1px solid rgba(30, 47, 45, 0.08);
	vertical-align: top;
	background: #ffffff;
}

.page-id-865 table tbody tr:nth-child(even) td {
	background: #f5f7f6;
}

.page-id-865 table tbody tr:hover td {
	background: #eef4f2;
	transition: background-color 0.2s ease;
}

.page-id-865 table tbody tr:last-child td {
	border-bottom: none;
}

.page-id-865 table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 18px;
}

.page-id-865 table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 18px;
}

/* zvýraznění první buňky v řádku */
.page-id-865 table tbody td:first-child {
	font-weight: 600;
	color: #1e2f2d;
}

/* odkazy uvnitř tabulky */
.page-id-865 table a {
	color: #1b4458;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.page-id-865 table a:hover,
.page-id-865 table a:focus {
	color: #1e2f2d;
	border-bottom-color: rgba(47, 94, 86, 0.35);
}

/* jemné zvýraznění důležitých údajů */
.page-id-865 table strong {
	color: #1e2f2d;
	font-weight: 700;
}

/* responzivní úprava */
@media (max-width: 767.98px) {
	.page-id-865 table {
		font-size: 0.93rem;
		border-radius: 14px;
	}

	.page-id-865 table thead th,
	.page-id-865 table tbody td {
		padding: 0.8rem 0.85rem;
	}

	.page-id-865 table thead th:first-child {
		border-top-left-radius: 14px;
	}

	.page-id-865 table thead th:last-child {
		border-top-right-radius: 14px;
	}

	.page-id-865 table tbody tr:last-child td:first-child {
		border-bottom-left-radius: 14px;
	}

	.page-id-865 table tbody tr:last-child td:last-child {
		border-bottom-right-radius: 14px;
	}
}


.page-id-865 .tab-orv-cenik td:nth-child(1) {
	width:50%;
}


/*

STRANKA REFERENCE

*/

/* SEKCE REFERENCE NA HOMEPAGE */

.refer-box {
	border-radius:12px;
	background-color:#1b4458;
	color:#fff;
	background-repeat:no-repeat;
	background-position: right 20px top -40px;
	background-image:url('assets/img/quotes-right.png');
	margin-bottom:30px;
	padding-bottom:20px;
}
.refer-box .row {
	margin-right:0;
}

.refer-box .ref-header {
	font-family:'Manrope', sans-serif;
	font-size:20pt;
	font-weight:800;
	color:#fff;
	padding:30px 0 15px 0;
	text-align:left;
}
.refer-box .ref-subheader {
	font-family:'Manrope', sans-serif;
	font-size:15pt;
	font-weight:800;
	color:#78a49d;
	padding:0px 0;
	text-align:left;
}
.refer-box .ref-line {
	border-radius:2px;
	background-color:#78a49d;
	width:64px;
	height:3px;
	margin-top:30px;
	margin-bottom:30px;
	smargin-left:auto;
	smargin-right:auto;
}
.refer-box .ref-text {
	font-style:italic;
	font-weight:200;
}

.refer-box .refer-yt-inner {
	padding-left:20px;
	padding-top:20px;
}

.refer-box .row .col-md-7 {
	padding-left:20px;
	padding-right:20px;
}


/*

Obecna podstranka

*/

.page-template-page-podstranka a:not(nav a) {
	color:#a8925f;
}
.page-template-page-podstranka a:not(nav a):hover {
	color:#ff6b6a;
}
.page-template-page-podstranka h2 {
	font-family:'Manrope', sans-serif;
	margin-top:2rem;
	font-weight:800;
	color:#1e2f2d;
}
.page-template-page-podstranka h3 {
	font-family:'Manrope', sans-serif;
	margin-top:2rem;
	font-weight:800;
	color:#1e2f2d;
}
.page-template-page-podstranka h4 {
	font-family:'Manrope', sans-serif;
	margin-top:2rem;
	font-weight:800;
	color:#1e2f2d;
}
