/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*General*/
.center-element {
    text-align: center;
}
.center-list-text .kt-svg-icon-list-text {
    text-align: center;
}
.karta {
	max-width: 350px;
	margin-right:15px;
	margin-bottom:20px;
}
@media (max-width: 767px) {
	.karta {
		margin-right:0;
	}
}
.karta-wiersz,
.karta-wiersz > div {
	min-height: 100%;
}

.lista-ikon-bez-marginesu {
	margin-bottom: 0px!important;
}

.wideo-rogi iframe, .opinia_wideo img {
  border-radius: 9px;
}

/* LP animation on scroll */
.toanimate {
	opacity:0;
	filter: blur(5px);
	transform: translatex(-100%);
	transition: all 1s;
}
.animating {
	opacity:1;
	filter: blur(0);
	transform: translatex(0);
}
/*pasek kup LP*/
.pasek-kup {
	position: sticky!important;
	bottom: -1px!important;
	z-index: 999!important;
	transition: all 0.5s!important;
}
.pasek-kup-hide {
	transform: translatex(100%);
}
.pasek-kup-show {
	transform: translatex(0);
}

/* LP o autorze */
.o-autorze {
	writing-mode:vertical-lr;
}

/*LP Opinie - Korzyści z kursu - wyrównanie do środka w pionie*/
.opinie-uczestnikow-kursu .kt-blocks-testimonial-carousel-item.kb-slide-item  {
	display: flex;
  justify-content: center;
  align-items: center;
}

/* Gap at top of content */
.content-area {
	margin-top: 0rem!important;
	margin-bottom: 0rem!important;
}

/* Padding for mobile page */
.content-container.site-container {
	padding: 0px 5px;
}

/* Menu - nawigacja START*/
.menu .menu-item a {
	font-weight: 600;
	letter-spacing: 1px;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  color: #ffd600!important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover img {
  filter: invert(87%) sepia(33%) saturate(2985%) hue-rotate(358deg) brightness(101%) contrast(103%);
}
@media (max-width: 767px) {
  .ikona-koszyk {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(65deg) brightness(101%) contrast(105%);
  }
}


/*
** Karty produktów kursy online
*/

/* Tag tekstowy na obrazku produktu */
.product-tag {
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.product-promo-tag, .product-promo-tag-bf {
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
  bottom: 0px;
	width: 100%;
  visibility: hidden; 
	max-height: 0;
}
/* Pokaz tag na wybranych produktach */
/*#kde, #pomiary  {
    .product-promo-tag {
    visibility: visible;
    max-height: 30px;
    }
}*/
/* Zmiana tekstu na tagu */
/*#kde .product-promo-tag strong {
    display: none;
}
#kde .product-promo-tag:after {
    content: 'CZARNY PIĄTEK';
    font-weight: 700;
}
#kde .product-promo-tag {
    background-color: black!important;
    color: #ffd600!important;
}*/

/* Sekcja cen i przycisków */
/* Stryktura klas
** .cena - sekcja
** .cena-reg - cena regularna
** .cena-button - button kup z ceną
** .cena-more - button more info
*/ 
.cena .cena-reg {
  display:none;
}
.cena.bf {
  .cena-button {
    background: black!important;
    color: #ffd600!important;
  }
  .cena-reg {
    display:block!important;
  }
}
#lp-pasek .cena-reg {
    color: white;
}

/* Zmiana tekstu info przy ratach na LP */
.info-raty span.kt-blocks-accordion-title {
    display:none;
}
.info-raty span.kb-svg-icon-wrap:before {
    content:'10 rat 0%';
}


/* to hide something*/
.hide {
	visibility: hidden;
	max-height: 0;
}
.width100 {
	width: 100%;
}

/*Przyciski - START*/
.eldago-button > .kb-svg-icon-wrap {
	margin-left: -1em;
  opacity: 0;
  transition: all 0.2s linear;
}
.eldago-button:hover > .kb-svg-icon-wrap {
	margin-left: 0.2em;
  opacity: 1;
}
/*moving button*/
.button-move {
	animation: andrzejowy 2.5s linear infinite;
}
@keyframes andrzejowy {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(0deg);}
	40%  {transform: rotate(5deg);}
  50%  {transform: rotate(0deg);}
	60%  {transform: rotate(-5deg);}
	75%  {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}
/*ping*/
.button-ping {
	overflow: visible;
}
.button-ping::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #ffd600;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}
@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}
/* glow - general */
.button-glow {
	cursor: pointer;
  position: relative;
  z-index: 0;
}
.button-glow:active .kt-btn-inner-text, .button-glow:hover .kt-btn-inner-text {
    color: #000;
}
.button-glow:active:after, .button-glow:hover:after {
    background: transparent;
}
.button-glow:hover:before {
    opacity: 1; /*change to 0 to switch off animation on hover*/
}
.button-glow:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/* glow color sets */
.glow-1:before {
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
}
.glow-2:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsla(0, 0%, 0%, 1) 100%);
}
.glow-2-white:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsl(0deg, 0%, 100%) 100%);
}
.glow-2-red:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsl(0deg 81.16% 64.52%) 100%);
}
.glow-3:before {
    background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
.glow-4:before {
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
/*inner button glows*/
.glow-5 .kt-btn-inner-text {
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
.glow-6 .kt-btn-inner-text {
	background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
/*general settings for inner glows*/
.button-glow-inner:hover .kt-btn-inner-text {
	animation-play-state: paused;
	color: inherit;
	background: none;
}
.button-glow-inner .kt-btn-inner-text{
	-webkit-background-clip: text;
    background-clip: text;
   /* -webkit-text-fill-color: transparent;
    text-fill-color: transparent;*/
	color: transparent;
    background-size: 500% auto;
	animation: glowing 20s linear infinite;
}
/*general settings for glows*/
.button-glow:before {
	content: '';
	position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
/*Przyciski - END*/

/*gradient samples*/
.box-glow-1 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
}
.box-glow-2 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsla(0, 0%, 0%, 1) 100%);
}
.box-glow-3 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
.box-glow-4 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
/*button showdown*/
#post-632 .wp-block-kadence-column {
	min-height:500px;
}

/* video popup */
#popski {
	background-color: rgba(0, 0, 0, 0.68);
    z-index: 66 !important;
    position: fixed !important;
    top: 5%;
    bottom: auto;
    left: 0%;
    right: auto;
    /*transform: translateX(-50%) translateY(-50%);*/
	/*height: 100vh;
	width: 100vw;
	max-width: 100vw;*/
	/*padding-top: 20vh;*/
	/*padding-left: calc(50vw - 300px);*/
	display:none;
}
#popski-video-clip {
	    max-width: 70%;
    margin-left: 15%;
}
/* text swipe*/
h4.wordCarousel {
		margin-top: 0px !important;;
	}
.wordCarousel {
    font-size: 28px;
    font-weight: 100;
    color: #000;
	
	
    div {
        overflow: hidden;
        position: relative;
        /* tu byl pusty float: ; */
        height: 65px;
        padding-top: 10px;
        margin-top: -10px;
        ul {
            padding:0;
            text-align:center;
        }
        li {
            color: #4A5568;
            font-weight: 700;
            padding: 0 10px;
            height: 45px;
            margin-bottom: 45px;
            display: block;
        }
    }
}

.flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip5 { animation: flip5 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

@keyframes flip2 {
    0% { margin-top: -180px; }
    5% { margin-top: -90px;  }
    50% { margin-top: -90px; }
    55% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -180px; }
}

@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip4 {
    0% { margin-top: -360px; }
    5% { margin-top: -270px; }
    25% { margin-top: -270px; }
    30% { margin-top: -180px; }
    50% { margin-top: -180px; }
    55% { margin-top: -90px; }
    75% { margin-top: -90px; }
    80% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -360px; }
}

@keyframes flip5 {
    0% { margin-top: -450px; }
    5% { margin-top: -360px; }
    20% { margin-top: -360px; }
    25% { margin-top: -270px; }
    40% { margin-top: -270px; }
    45% { margin-top: -180px; }
    60% { margin-top: -180px; }
    65% { margin-top: -90px; }
    80% { margin-top: -90px; }
    85% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -450px; }
}

/* bannar click icon in background */
.click-my-banner-1 > .kt-inside-inner-col {
		background-position: right 0px bottom 0px!important;
		}
/*ping*/
.banner-ping > .kt-inside-inner-col {
	overflow: visible;
}
.banner-ping > .kt-inside-inner-col::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #ffd600;
  position: absolute;
  z-index: 1;
  /*top: 50%;
  left: 50%;*/
	bottom:40px;
	right:60px;
  transform: translate(50%, 50%);
  animation: ring2 1.5s infinite;
}
@keyframes ring2 {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}
/* Neon effects START */
.neonText1 {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #bc13fe,
      0 0 82px #bc13fe,
      0 0 92px #bc13fe,
      0 0 102px #bc13fe,
      0 0 151px #bc13fe;
  box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #bc13fe,
      0 0 0.8rem #bc13fe,
      0 0 2.8rem #bc13fe,
      inset 0 0 1.3rem #bc13fe;
}
.neonText1:after {
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #bc13fe,
      0 0 82px #bc13fe,
      0 0 92px #bc13fe,
      0 0 102px #bc13fe,
      0 0 151px #bc13fe;
}
.neonText1:hover, .neonText1:active {
  animation: flicker1 1.5s infinite alternate;
}
/* Flickering animation */
@keyframes flicker1 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #bc13fe,
      0 0 80px #bc13fe,
      0 0 90px #bc13fe,
      0 0 100px #bc13fe,
      0 0 150px #bc13fe;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

.neonText2 {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
  box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #0fa,
      0 0 0.8rem #0fa,
      0 0 2.8rem #0fa,
      inset 0 0 1.3rem #0fa;
}
.neonText2:after {
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
}
.neonText2:hover, .neonText2:active {
  animation: flicker2 1.5s infinite alternate;
}

/* Flickering animation */
@keyframes flicker2 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}
.neonText3, .neonText3:after, .neonText4, .neonText4:after {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #ffd600,
      0 0 82px #ffd600,
      0 0 92px #ffd600,
      0 0 102px #ffd600,
      0 0 151px #ffd600;
  
}
.neonText4b, .neonText4b:after {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #ffd600;
  
}
.neonText3:hover, .neonText3:active {
  animation: flicker3 1.5s infinite alternate;
}

/* Flickering animation */
@keyframes flicker3 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #ffd600,
      0 0 80px #ffd600,
      0 0 90px #ffd600,
      0 0 100px #ffd600,
      0 0 150px #ffd600;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

.neonText5, .neonText5:after {
    color: #fff;
    text-shadow:
      0 0 7px #c11b1b,
      0 0 10px #c11b1b,
      0 0 21px #c11b1b,
      0 0 42px #c11b1b,
      0 0 82px #c11b1b,
      0 0 92px #c11b1b,
      0 0 102px #c11b1b,
      0 0 151px #c11b1b;
  }
.neonText6, .neonText6:after, .neonText6h, .neonText6h:after {
    color: #fff;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #fff,
      0 0 82px #fff,
      0 0 92px #fff,
      0 0 102px #fff,
      0 0 151px #fff;
  }
.neonText6f {
	box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #fff,
      0 0 0.8rem #fff,
      0 0 2.8rem #fff,
      inset 0 0 1.3rem #fff;
}

.neonText6h:hover, .neonText6h:active {
  animation: flicker6 1.5s infinite alternate;
}


/* Flickering animation */
@keyframes flicker6 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #fff,
      0 0 80px #fff,
      0 0 90px #fff,
      0 0 100px #fff,
      0 0 150px #fff;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

/* Neon effects STOP */

/*** Podział kursów na moduły - START ***/

#do_koszyka {
	background-color: rgba(0, 0, 0, 0.68);
z-index: 66 !important;
    position: fixed !important;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    padding-top: 20vh;
    display: none;
}

/* BLACK FRIDAY 2025 - START*/
.bf-badge {
    display: inline-block;
    background: #ffd600;
    color: black;
    padding: 8px 24px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 16px;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.wideo-rogi-dol iframe {
  border-radius: 0 0 9px 9px;
}

.benefit-icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*sekcja pakietów*/
.tab-btn.active {
    background: #000!important;
    color: #ffd600!important;
}

/* ICP Sections */
.icp-section {
    display: none;
}

.icp-section.active {
    display: block;
}
.pakiet-box .kt-inside-inner-col{
  display: flex;
}
.pakiet-lista {
  flex-grow: 1;
}