/*
Theme Name: Life Coach
Theme URI: https://codesys.sk/theme/janabistakova
Author: Codesys team
Author URI: https://codesys.sk
Description: New Wordpress theme from Codesys team
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: lifecoach

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
This is main CSS file that contains custom style rules used in this template
--------------------------------------------------------------*/
/*------------------------------------------------
CSS STRUCTURE:

1. VARIABLES
2. GENERAL TYPOGRAPHY
font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif;

--------------------------------------------------------------*/
body {
	--heading-font: 'Playfair Display', serif;
	--heading-font-weight: 400;
	--heading-color: var(--bs-dark);
	--heading-line-height: 1.24;

	--swiper-theme-color: var(--bs-primary);

	--custom-easing: cubic-bezier(.17, .67, .83, .67);

	--background-color: #F3EBEB;

	--secondary-font: 'Licorice', cursive;

	/* bootstrap */
	--bs-body-font-family: 'Roboto', sans-serif;
	--bs-body-font-size: 1.25rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.7;
	--bs-body-color: #555555;
	--bs-body-color-rgb: 85, 85, 85;

	--bs-primary: #9B7150;
	--bs-primary-dark: 155, 113, 80;
	--bs-secondary: #F3EBEB;
	--bs-black: #111;
	--bs-light: #F1F1F0;
	--bs-dark: #212529;
	--bs-gray: #9aa1a7;
	--bs-gray-dark: #51565b;

	--bs-primary-rgb: 155, 113, 80;
	--bs-secondary-rgb: 243, 235, 235;
	--bs-black-rgb: 17, 17, 17;
	--bs-light-rgb: 241, 241, 240;
	--bs-dark-rgb: 33, 37, 41;

	--bs-link-color: var(--bs-dark);
	--bs-link-color-rgb: 17, 17, 17;
	--bs-link-decoration: underline;
	--bs-link-hover-color: var(--bs-primary);
	--bs-link-hover-color-rgb: 17, 17, 17;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	font-family: var(--heading-font);
	font-weight: var(--heading-font-weight);
	color: var(--heading-color);
	line-height: var(--heading-line-height);
	/*text-transform: capitalize;*/
}

.h3-second {
	font-size: 1.3em;
	margin-top: 1em;
}

.font-roboto,
.h1-second {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
	"Helvetica Neue", Arial, sans-serif;
	font-weight: 400; /* default */
	line-height: 1.4;
}

.font-light-bold {
	font-weight: 500;
}

#header.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.main-logo {
	max-height: 72px;
	width: auto;
	shape-rendering: geometricPrecision;
}

a {
	text-decoration: none;
	transition: all 0.3s ease-out;
	color: inherit;
}

a.link-primary.custom-hover:hover {
	color: #3E2E21FF !important;
}

.secondary-heading {
	color: #3e2e21;
	/*font-family: 'Roboto', sans-serif;*/
    font-family: "Playfair Display", serif;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 0.3rem;
	text-transform: uppercase;
}

.secondary-font {
	font-family: var(--secondary-font), serif;
	/*font-size: 8rem;*/
}

h2.secondary-font {
	font-size: clamp(2rem, 6vw, 6rem);
}

.padding-large {
	padding-top: 20rem;
}

.padding-medium {
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.padding-medium-2 {
	padding-top: 14rem;
}

.padding-small {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

/* vychádza z tvojich :root premenných */
:root{
  --space-xxs:.125rem; /* 2px */
--space-xs:.25rem;   /* 4px */
--space-sm:.5rem;    /* 8px */
--space-md:1rem;     /* 16px */
--space-lg:1.5rem;   /* 24px */
--space-xl:3rem;   	 /* 48px */
--space-xxl:4.5rem;  /* 72px */
}

/* ===== PADDING ===== */
/* all-sides */
.p-xxs{padding:var(--space-xxs)} .p-xs{padding:var(--space-xs)}
.p-sm{padding:var(--space-sm)}   .p-md{padding:var(--space-md)}
.p-lg{padding:var(--space-lg)}
/* axes */
.px-xxs{padding-left:var(--space-xxs);padding-right:var(--space-xxs)}
.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}
.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}
.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}
.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
/* single side */
.pt-xxs{padding-top:var(--space-xxs)} .pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}   .pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pr-xxs{padding-right:var(--space-xxs)} .pr-xs{padding-right:var(--space-xs)}
.pr-sm{padding-right:var(--space-sm)}   .pr-md{padding-right:var(--space-md)}
.pr-lg{padding-right:var(--space-lg)}
.pb-xxs{padding-bottom:var(--space-xxs)} .pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}   .pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pl-xxs{padding-left:var(--space-xxs)} .pl-xs{padding-left:var(--space-xs)}
.pl-sm{padding-left:var(--space-sm)}   .pl-md{padding-left:var(--space-md)}
.pl-lg{padding-left:var(--space-lg)}

/* ===== MARGIN ===== */
/* all-sides */
.m-xxs{margin:var(--space-xxs)} .m-xs{margin:var(--space-xs)}
.m-sm{margin:var(--space-sm)}   .m-md{margin:var(--space-md)}
.m-lg{margin:var(--space-lg)}
/* axes */
.mx-xxs{margin-left:var(--space-xxs);margin-right:var(--space-xxs)}
.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}
.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}
.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}
.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}
.my-xxs{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}
.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}
.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}
.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}
.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}
/* single side */
.mt-xxs{margin-top:var(--space-xxs)} .mt-xs{margin-top:var(--space-xs)}
.mt-sm{margin-top:var(--space-sm)}   .mt-md{margin-top:var(--space-md)}
.mt-lg{margin-top:var(--space-lg)}
.mt-xl{margin-top:var(--space-xl)}
.mt-xxl{margin-top:var(--space-xxl)}
.mr-xxs{margin-right:var(--space-xxs)} .mr-xs{margin-right:var(--space-xs)}
.mr-sm{margin-right:var(--space-sm)}   .mr-md{margin-right:var(--space-md)}
.mr-lg{margin-right:var(--space-lg)}
.mb-xxs{margin-bottom:var(--space-xxs)} .mb-xs{margin-bottom:var(--space-xs)}
.mb-sm{margin-bottom:var(--space-sm)}   .mb-md{margin-bottom:var(--space-md)}
.mb-xl{margin-bottom:var(--space-xl)}
.mb-lg{margin-bottom:var(--space-lg)}
.ml-xxs{margin-left:var(--space-xxs)} .ml-xs{margin-left:var(--space-xs)}
.ml-sm{margin-left:var(--space-sm)}   .ml-md{margin-left:var(--space-md)}
.ml-lg{margin-left:var(--space-lg)}
.mb-xl{margin-top:var(--space-xl)}
.ms-0 { margin-left: 0;}
.me-0 { margin-right: 0;}
.mt-0 { margin-top: 0;}
.mb-0 { margin-bottom: 0;}

.ps-0 { padding-left: 0;}
.pe-0 { padding-right: 0;}
.px-0 { padding-top: 0;}
.py-0 { padding-bottom: 0;}

.pricing-swiper .swiper-slide {
	display: flex;
	height: auto !important;
}

.plan-post {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.price-option-list {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}

.price-option-list li {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0.5em;
	margin-bottom: 0.6em;
	text-align: left;
}

.price-option-list .list-icon {
	flex-shrink: 0;
	color: #9c693f;
	line-height: 1;
}

.price-option-list .icon-default {
	margin-top: 0.2rem;
}

.price-option-list .icon-choose {
	margin-top: 0.2rem;
}

.price-option-list .dashicons {
	font-size: 1em;
	vertical-align: top;
}

.price-option-list .list-text {
	font-size:18px;
	line-height: 1.4;
}

.dashicons::before {
	font-family: 'Dashicons', serif;
	color: inherit;
}

.has-24-font-size {
	font-size: 24px;
}



/* zachová nové riadky z textarea/odstavca */
.keep-newlines { white-space: pre-line; }

/* vizuál podnadpisu (klient vyberie „Podnadpis…“) */
.lc-subheadline {
	font-family: "Playfair Display", serif;
	font-weight: 400;
	font-size: 1.25rem;
	margin: .25rem 0 1rem;
	line-height: 1.5;
}

/* podčiarknutie vybraného textu */
.lc-underline { text-decoration: underline; }

/* medzery (bootstrap-like util) */
.mb-4 { margin-bottom: 1.5rem; }

/* „Témy:“ zoznam do jedného riadku s čiarkami */
.lc-topics { list-style: none; padding: 0; margin: .5rem 0 1.25rem; }
.lc-topics li { display: inline; }
.lc-topics li + li::before { content: ", "; }

@media only screen and (min-width: 1000px) {
	#testimonial .swiper-pagination.pb-5 {
		padding-bottom: 1.5rem !important;
	}
}


@media only screen and (max-width: 768px) {

	.secondary-font {
		font-size: 5rem;
	}

	.padding-large {
		padding-top: 18rem;
	}

	.padding-medium {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.padding-medium-2 {
		padding-top: 12rem;
	}
}

/* Dropdown */
.dropdown-menu {
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-border-width: 0;
}

.dropdown-item {
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-link-color: var(--bs-black);
	--bs-dropdown-item-border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active {
	--bs-dropdown-link-active-color: var(--bs-light);
	--bs-dropdown-link-active-bg: var(--bs-black);
}

/* list group */
.list-group-item {
	--bs-list-group-item-padding-x: 0;
	--bs-list-group-border-width: 0;
}

/* btn */
.btn {
	--bs-btn-border-radius: 0;
}

.btn-primary {
	border-radius: 0.625rem;
	text-transform: uppercase;
	transition: 0.3s ease-in;
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #694E38;
	--bs-btn-hover-border-color: #694E38;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-secondary);
	--bs-btn-active-border-color: var(--bs-secondary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
	border-radius: 0.625rem;
	text-transform: uppercase;
	transition: 0.3s ease-in;
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-primary);
	--bs-gradient: none;
}

/* breadcrumb */
.breadcrumb {
	--bs-breadcrumb-item-padding-x: 1em;
}

/* text white */
.text-white {
	--heading-color: var(--bs-light);
	--bs-breadcrumb-item-active-color: var(--bs-light);
	--bs-breadcrumb-divider-color: var(--bs-light);
	--bs-link-color-rgb: var(--bs-light-rgb);
	--bs-link-hover-color-rgb: var(--bs-light-rgb);
}

.text-white .nav-link {
	--bs-nav-link-color: var(--bs-light);
	--bs-nav-link-hover-color: var(--bs-light);
	--bs-nav-link-active-color: var(--bs-light);
	--bs-navbar-active-color: var(--bs-light);
}

/* accordion */
.accordion {
	--bs-accordion-border-width: 0;
	--bs-accordion-border-radius: 0;
	--bs-accordion-inner-border-radius: 0;
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-btn-padding-y: 0.1rem;
	--bs-accordion-btn-color: var(--bs-dark);
	--bs-accordion-btn-bg: transparent;
	--bs-accordion-btn-focus-border-color: var(--bs-dark);
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-body-padding-x: 0;
	--bs-accordion-body-padding-y: 0.1rem;
	--bs-accordion-active-color: transparent;
	--bs-accordion-active-bg: transparent;
}

/* form control */
.form-control:focus {
	border-color: #ccc;
	box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, .25);
}

/* dark theme */
[data-bs-theme=dark] {
	color-scheme: dark;

	--heading-color: #fff;
	--bs-link-color: #CCCCCC;
	--bs-link-hover-color: var(--bs-primary);
	--bs-link-color-rgb: 204, 204, 204;
	--bs-link-hover-color-rgb: 131, 169, 172;
	--bs-body-color: #d1d1d1;
	--bs-body-bg: #111;
	--bs-body-bg-rgb: 17, 17, 41;
}

[data-bs-theme=dark] .dropdown-item {
	--bs-dropdown-link-color: var(--bs-light);
	--bs-dropdown-link-hover-color: var(--bs-white);
}

[data-bs-theme=dark] .bg-white,
[data-bs-theme=dark] .bg-light {
	--bs-bg-opacity: 0.1;
}


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom, 16px);
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}

/* - Billboard Section
--------------------------------------------------------------*/

#billboard .text-content {
	position: absolute;
	left: calc(-58vw / 2);
	top: 25vh;
	z-index: 2;
}

.billbord-section {
	width: 50%;
}

/* button border */
a.border-animation {
	color: var(--bs-black);
	display: inline-table;
	font-style: normal;
	font-weight: 400;
	line-height: 2.7rem;
	letter-spacing: 0.03rem;
}

a.border-animation:after {
	content: "";
	display: block;
	border-bottom: 1px solid var(--bs-black);
	width: 100%;
	transition: width 0.2s ease-out;
}

a.border-animation:hover:after {
	width: 80%;
}

@media screen and (max-width:767px) {
	#billboard .text-content {
		position: relative;
		left: 0;
		top: 0;
		margin-top: 130px;
		margin-bottom: 40px;
	}

	.billbord-section {
		width: 100%;
	}
}


/* - Testimonial Section
--------------------------------------------------------------*/

#testimonial .text-content {
	position: absolute;
	left: calc(-30vw / 2);
	top: 16vh;
	max-width: 70%;
	z-index: 2;
}

@media screen and (max-width:1000px) {
	#testimonial .text-content {
		left: calc(-30vw / 2);
		max-width: 100%;
	}
}

@media screen and (max-width:766px) {
	#testimonial .text-content {
		left: calc(0vw / 2);
	}
}


/* - price Section
--------------------------------------------------------------*/
@media screen and (max-width:999px) {
	.price-padding {
		padding-top: 20rem;
	}
}


/* - Insta Section
--------------------------------------------------------------*/
.padding-insta {
	padding-top: 25rem;
}

.instagram-item:hover:before,
.instagram-item:hover .icon-overlay {
	opacity: 1;
	cursor: pointer;
}

.icon-overlay {
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	-moz-transition: 0.9s ease;
	-webkit-transition: 0.9s ease;
	transition: 0.7s ease;
}

@media screen and (max-width:436px) {
	.padding-insta {
		padding-top: 20rem;
	}

    #contact h4.secondary-heading {
        letter-spacing: 0;
    }
}


/* - Footer Section
--------------------------------------------------------------*/
svg.color {
	color: #111111;
	transition: 0.3s ease;

}

svg.color:hover {
	color: var(--bs-primary);
}

a.nav-link:hover {
	color: var(--bs-primary);

}


/*--------------------------------------------------------------
Course page style start
--------------------------------------------------------------*/
/* ------ Pagination ------*/


.pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-bg: var(--bs-body-bg);
	--bs-pagination-border-width: 0;
	--bs-pagination-border-color: var(--bs-border-color);
	--bs-pagination-border-radius: 0;
	--bs-pagination-hover-color: var(--bs-link-color);
	--bs-pagination-hover-bg: var(--bs-secondary);
	--bs-pagination-hover-border-color: var(--bs-border-color);
	--bs-pagination-focus-color: var(--bs-link-color);
	--bs-pagination-focus-bg: var(--bs-secondary);
	--bs-pagination-focus-box-shadow: none;
	--bs-pagination-active-color: var(--bs-link-color);
	--bs-pagination-active-bg: var(--bs-secondary);
	--bs-pagination-active-border-color: var(--bs-secondary);
	--bs-pagination-disabled-color: var(--bs-secondary-color);
	--bs-pagination-disabled-bg: var(--bs-secondary-bg);
	--bs-pagination-disabled-border-color: var(--bs-border-color);
	display: flex;
	padding-left: 0;
	list-style: none;
}




/*--------------------------------------------------------------
coming-soon page style start
--------------------------------------------------------------*/
/* ------ clock ------*/
#countdown-clock {
	font-size: 3rem;
	color: var(--bs-light);
	display: flex;
	justify-content: center;
}

#countdown-clock>.time {
	border-radius: 10px;
	padding: 20px;
	margin-right: 10px;
}

#countdown-clock .time>span {
	font-weight: 400;
}

#countdown-clock .time small {
	font-size: 1.1875rem;
	text-transform: uppercase;
	display: block;
}

@media screen and (max-width:465px) {

	.main-logo {
		width: 100%;
		max-width: 200px;
		height: auto;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none !important;
	}

	#countdown-clock {
		font-size: 2rem;
	}

	#countdown-clock>.time {
		padding: 10px;
		margin-right: 2px;
	}

	#countdown-clock .time small {
		font-size: 0.8rem;
	}

	.testimonialimg {
		margin: 0 0 4rem;
	}

    .instagram-thumbs {
        display: none !important;
    }
}

/*--------------------------------------------------------------
Course-Details page style start
--------------------------------------------------------------*/
.nav-tabs .nav-item {
	transition: all 0.1s ease-in;
	border-radius: 0px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--bs-primary);
	background-color: transparent;
	border-color: transparent;
	border-bottom: 4px solid var(--bs-primary);
	transition: all 0.1s ease-in;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	color: var(--bs-primary);
	isolation: isolate;
	border-color: transparent;
	border-bottom: 4px solid var(--bs-primary);
	transition: all 0.1s ease-in;
}

.table {
	--bs-table-bg: var(--bs-secondary);
	border-color: var(--bs-gray);
}

/*---- video section style start ----*/

/* color box style */
div#cboxOverlay {
	opacity: 0.8 !important;
}

.video .video-player {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

iconify-icon.video-icon {
	font-size: 35px;
	color: var(--bs-light);
	border-radius: 6.25rem;
	background: rgba(255, 255, 255, 0.35);
	transition: all 0.4s ease-in-out;
}

iconify-icon.video-icon:hover {
	font-size: 45px;
}

#price {
	background-color: #f8f9fa; /* Jemná farba pre odlíšenie sekcie */
	padding: 50px 0;
	position: relative;
}

.plan-post {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.plan-post:hover {
	transform: scale(1.05);
}

#price {
	background-color: #f8f9fa; /* Jemná farba pre odlíšenie sekcie */
	padding: 50px 0;
	position: relative;
}

.plan-post {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.plan-post:hover {
	transform: scale(1.05);
}

#price {
	background-color: #f8f9fa; /* Jemná farba pre odlíšenie sekcie */
	padding: 50px 0;
	position: relative;
}

.plan-post {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.plan-post:hover {
	transform: scale(1.05);
}

.swiper-button-prev,
.swiper-button-next {
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 24px;
	z-index: 10;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
}

.swiper-button-prev:after {
	border-width: 8px 10px 8px 0;
	border-color: transparent #fff transparent transparent;
}

.swiper-button-next:after {
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #fff;
}

.pricing-swiper {
	width: 100%;
	height: auto;
}

blockquote {
	position: relative;
	padding: 1rem 2rem;
	border-left: 5px solid #007bff; /* Farba úvodzoviek */
	background-color: #f9f9f9; /* Svetlé pozadie */
	margin: 2rem 0;
	font-size: 1.5rem; /* Upravenie veľkosti písma */
}

.wpcf7-not-valid-tip {
	color: red;
	font-size: 12px;
	margin-top: 5px;
	display: block;
}

.wpcf7-form-control.wpcf7-not-valid {
	border: 1px solid red;
}

.wpcf7-form-control {
	border: 1px solid #ccc; /* Východiskový štýl */
	transition: border-color 0.3s; /* Plynulá zmena farby */
}

.wpcf7-form-control.form-control.error {
	border: 1px solid red; /* Červený okraj */
	background-color: #ffe6e6; /* Jemne červené pozadie */
}

.wpcf7-form-control.form-control.valid {
	border: 1px solid green; /* Štýl pre validné pole */
	background-color: #e6ffe6; /* Jemne zelené pozadie */
}

div.wpcf7-response-output {
	position: relative; /* Alebo absolute, podľa potreby */
	z-index: 10; /* Vyšší z-index, aby sa chyby zobrazovali nad obsahom */
	background-color: #fff; /* Prípadne pridaj pozadie, aby bolo oznámenie lepšie viditeľné */
	padding: 10px; /* Odsadenie pre lepšiu čitateľnosť */
	border: 1px solid red; /* Môžeš pridať aj rámik pre lepšie odlíšenie chýb */
}

#newsletter-form {
	transition: all 0.5s ease-in-out;
}

#newsletter-response {
	font-size: 1.2em;
	text-align: center;
	margin-top: 15px;
}

#newsletter-form button {
	margin-top: 10px;
}

.placeholder-white::placeholder {
	color: white;
}

.input-error {
	transition: background-color 0.3s ease, border-color 0.3s ease;
}

.input-error::placeholder {
	color: white;
}


.form-container {
	position: relative;
}

#newsletter-response,
#form-message {
	min-height: 30px; /* Pevná výška pre oznam */
	opacity: 0;
	transition: opacity 1s ease; /* Jemná animácia prechod */
	color: green; /* Predvolená farba */
	margin-top: 10px; /* Medzera medzi formulárom a oznamom */
	text-align: center;
}

#newsletter-response.show,
#form-message.show {
	opacity: 1;
}

.lds-ellipsis,
.lds-ellipsis span {
	box-sizing: border-box;
}
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 24px;
	margin-left: 5px;
	vertical-align: middle;
}
.lds-ellipsis span {
	position: absolute;
	top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis span:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis span:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(3) {
	left: 24px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis span:nth-child(4) {
	left: 40px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(16px, 0);
	}
}

/*@media (hover: hover) and (pointer: fine) {*/
/*	.plan-post:hover {*/
/*		transform: scale(1.05);*/
/*		transition: transform 0.3s ease;*/
/*	}*/
/*}*/

/* Zakáže hover efekt na dotykových zariadeniach */
@media (hover: hover) and (pointer: fine) {
	.plan-post:hover {
		transform: scale(1.05);
		transition: transform 0.3s ease;
	}
}

/* Globálne vypni akékoľvek zväčšenie mimo desktopu */
@media (hover: none), (pointer: coarse) {
	.plan-post {
		transform: none !important;
	}
}