/*
 Theme Name:   Kredytowy Poradnik
 Author:       Gosia Góźdź myspoton
 Template:     Divi
 Version:      2.69
 Text Domain:  kp
*/


/* Fix a horizontal scroll bug on mobile browsers */
#page-container,
.et_fb #page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/*Cookies consent bar*/
@media(max-width:980px){
.cky-consent-bar p {
    font-size:13px;
    line-height:1.0;
}
.cky-consent-bar {
        padding:10px!important;
    }

p.cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding:0px 15px!important;
}

.cky-notice-btn-wrapper {
    display:inline-block!important;
}

button.cky-btn {
    width:100px;
    padding:.25em;
}}


/*SELECTION*/
::selection {
     background-color: 
#D7E4F6;
     color: #000;}


/*Wyśrodkowana sekcja*/
@media (min-width:980px){
  .kp-center {
  display:flex;
  flex-direction:row;
  align-items:center;}
}


/*REVERSE COLUMNS ON MOBILE*/
@media screen and (max-width: 980px) {
    .kp-reverse {
        display: flex;
        flex-direction: column-reverse;}
} 


/*2 sekcje na mobile*/
@media (max-width: 980px) {
    .two-columns .et_pb_column {
    width: 47% !important;}
}


/*Przycisk powrotu do góry*/
.et_pb_scroll_top {
  padding:10px!important;}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 20px;
    border-radius: 5px;
    background: #E7F0FB;
    box-shadow: 4px 4px 0px #D6E4F6;
    padding: 4px;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top.et-pb-icon:hover {
    box-shadow: 3px 3px 0px #6992CB;
    transition: all .2s ease-in;
}
 
.et_pb_scroll_top:before {
    content: "\21";
    color:#08234D;
}


/* Text Module */
.kp-text h1,
.kp-text h2,
.kp-text h3,
.kp-text h4,
.kp-text h5,
.kp-text h6 {
    padding-bottom: .75em;
}

.kp-text h1:not(:first-child),
.kp-text h2:not(:first-child),
.kp-text h3:not(:first-child),
.kp-text h4:not(:first-child),
.kp-text h5:not(:first-child),
.kp-text h6:not(:first-child) {
    padding-top:.5em;
}
  
.kp-text ul li,
.kp-text ol li {
    padding-bottom: .15em;
}

.kp-text p:last-of-type {
    padding-bottom: 1em;
}
.kp-text p:last-child {
    padding-bottom: 0;
}
.kp-text blockquote p:last-of-type {padding-bottom:0;
}

.kp-text blockquote {
    background: #E8F0FB;
    padding: 25px 35px;
  	border-radius:5px;
  	box-shadow: 5px 5px #D7E4F5
}

.kp-text blockquote {
    position:relative;
}


/*HEADER*/
#kp-header .et_pb_row>.et_pb_column {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#kp-header .canvas-menu {
  flex-grow: 1;
}

#kp-header .et-menu-nav>ul>li ul.sub-menu li a {
  text-transform: none;
  line-height: 1;
  min-width:260px;
}

#kp-header.et_pb_menu ul.sub-menu li a:hover {
  background: none;
  opacity: 1;
}

@media (max-width:1115px) and (min-width:1060px) {
    #kp-header #menu-menu-glowne a {
        font-size:15px;
    }
    #kp-header img{
        width:170px;}
}

@media (max-width:1059px) and (min-width:981px) {
     #kp-header #menu-menu-glowne a {
        font-size:15px;
    }
        #kp-header img{
        width:170px
    }

    #kp-header #menu-menu-glowne li {
        padding:5px
    }
}


/* Submenu */
#kp-header .sub-menu {
    border:none;
    border-radius:2px;
    margin-left:10px;
    padding:20px;
    width:200px;
    transition:all .3s ease-in-out;
    top:calc(100% + 9px);
}

#kp-header .sub-menu li {
    min-width:100%;
    padding:0;
}

#kp-header .sub-menu li a {
    padding:0 0 10px;
    min-width:350px!important;
    transition:all .3s ease-in-out;
}

#kp-header .sub-menu li:last-child a {
    padding:0;
}

#kp-header .sub-menu li a:hover {
    padding-left:5px;
}

#kp-header .sub-menu a:hover {
    background:none!Important;
}


#kp-header .nav li:hover > ul, #kp-header .nav li.et-touch-hover > ul {
    top:calc(100% - 1px)
}  

#kp-header ul.sub-menu {
    min-width:350px!important;
	padding:20px;
}

#kp-header ul.sub-menu {
    box-shadow:none!important;
}

#kp-header ul.sub-menu {
    z-index:4!important;
}



/* ELEMENTY Z LOGO I PRZYCISKIEM W HEADERZE*/
#kp-header .et_pb_module.et_pb_image.et_pb_image_0_tb_header.canvas-logo,
#kp-header .et_pb_module.et_pb_image.et_pb_image_1_tb_header.canvas-logo,
#kp-header .et_pb_button_module_wrapper.et_pb_button_1_tb_header_wrapper.et_pb_button_alignment_right.et_pb_module,
#kp-header .et_pb_button_module_wrapper.et_pb_button_0_tb_header_wrapper.et_pb_button_alignment_right.et_pb_button_alignment_phone_right.et_pb_module {
    z-index: 50 !important;
}


/* ============== MOBILE MENU ============== */

#kp-header .mobile_menu_bar:before {
    font-size: 50px;
}

#kp-header .opened .mobile_menu_bar:before {
    content: '\4d';
}

#kp-header .mobile_menu_bar {
    z-index: 40;
}

/*MOBILE MENU – FADE IN / FADE OUT*/
#kp-header .et_mobile_menu {
    position: fixed;
    display: block !important;
    margin: 0 !important;
    height: 100% !important;
    min-height: 100vh;
    max-width: 100vw;
    left: 0;
    right: 0;
    top: 0;
    z-index: 39;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease, visibility 0.6s ease;
}

#kp-header .et_mobile_menu a {
    font-size:17px;
	border:none!important; 
	padding:5px!important;
}

#kp-header .opened .et_mobile_menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#kp-header .opened .et_mobile_menu .menu-item-has-children a{
    background:transparent;
}

/* MOBILE SUBMENU STYLES */

@media (max-width:980px) {
	#kp-header .sub-menu {
    width: auto;
    padding: 0!important;
}
ul.sub-menu a{
    font-weight:400!important;
}
	#kp-header .sub-menu li a,
	#kp-header .sub-menu li a:hover,
	#kp-header .sub-menu li:last-child a {
    padding: 0px 0px 10px 30px;}


#kp-header .sub-menu ul {
    padding:0px!important;
	}}

#kp-header .et_mobile_menu {
    top: 0;
}
#kp-header .et_mobile_menu {
    top: auto; 
}





/*SLIDER*/
@media (min-width:2501px) {
    .kp-slider .et_pb_slide_description {
        margin-left: 35vh;
    }}

@media (max-width:2500px) and (min-width:2201px){
    .kp-slider .et_pb_slide_description {
        margin-left: 22vh;
    }}

@media (max-width:2200px) and (min-width:2001px){
    .kp-slider .et_pb_slide_description {
        margin-left: 15vh;
    }}

@media (max-width:2000px) and (min-width:1801px){
    .kp-slider .et_pb_slide_description {
        margin-left: 10vh;
    }}

@media (max-width:1800px) and (min-width:1601px){
    .kp-slider .et_pb_slide_description {
        margin-left: 20px;
    }}

@media (max-width:1600px) and (min-width:1400px){
    .kp-slider .et_pb_slide_description {
        margin-left: -40px;
    }}

body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider.kp-slider .et_pb_more_button.et_pb_button:after{
        content: '\24'!important;
		font-family: 'ETMODULES'!important;
    position: absolute!important;
    background:white!important;
    border-radius:30px!important;
    padding:2px 4px!important;
    margin-top:-3px!important;
      color:orange!important;
    margin-left:25px!important;
    font-size:22px!important;
    font-weight:500!important;
    }

body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider.kp-slider .et_pb_more_button.et_pb_button:hover {
  transform: translateX(0.25em)!important;
    transition: all .5s linear!important;
}

body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider.kp-slider .et_pb_more_button.et_pb_button{
    transition: all .5s linear!important;
}

body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider.kp-slider .et_pb_more_button.et_pb_button{
    text-decoration-line:none!important;
}

@media (max-width:980px) {
.kp-slider .et_pb_slide_description h4,
    .kp-slider .et_pb_slide_description p{
    padding:0px;
    margin-right:300px;
    margin-left:0px;
}}

@media (max-width:820px) {
.kp-slider .et_pb_slide_description h4,
    .kp-slider .et_pb_slide_description p{
    margin-right:200px;
}}

@media (max-width:768px) {
.kp-slider .et_pb_slide_description h4,
    .kp-slider .et_pb_slide_description p{
	padding:0px;
    margin-right:180px;
}}

@media (max-width:768px) {
body #page-container .et_pb_section .et_pb_fullwidth_slider_0.et_pb_slider.kp-slider .et_pb_more_button.et_pb_button:after {
margin-left:10px!important;
font-size:22px!important}

.kp-slider .et_pb_slide_description h4,
    .kp-slider .et_pb_slide_description p{
	padding:0px;
    margin-right:60px;
	margin-left:-30px;
}

.kp-slider a.et_pb_button.et_pb_more_button {
    margin:0px!important;
    margin-left:-30px!important;
	}}

.kp-slider a.et_pb_button.et_pb_more_button { text-align:center; }
.kp-slider .et-pb-arrow-prev, 
.kp-slider .et-pb-arrow-next {
  margin: 0px -10px!important;}


/*FOOTER*/
@media (min-width:981px) {
	.kp-footer-menu ul {
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap!important;}}

@media (max-width:980px) {
	
.kp-footer .et_mobile_nav_menu {
	display: none;
	}
	
.kp-footer .et_pb_menu__menu,
.kp-footer .et_pb_menu .et_pb_menu__menu>nav>ul {
	display: flex;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
	}

 .kp-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
     justify-content:flex-start;}
}


/*Link styling*/
@media (min-width:980px){
.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_light.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned  a {
  position: relative;
}

.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_light.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned  a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #F6D449;
    bottom: 0;
    top:-20;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }

.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_light.et_pb_text_align_right.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned  a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
  }}

@media (min-width:980px){
  /* Wyłącz efekt ::before w sub-menu */
  .et_pb_menu .sub-menu a::before {
    content: none !important;
  }

  /* Ewentualnie całkowicie wyłącz hover efekt w sub-menu */
  .et_pb_menu .sub-menu a:hover::before {
    transform: none !important;
  }
}


/*Przycisk*/
.kp-button::after {
    content: '';
		font-family: Georgia, serif;
		font-style: normal;
    position: absolute;
    background:white;
    border-radius:20px;
    padding:2px 4px;
    margin-top:-3px;
}
  body #page-container .et_pb_section .et_pb_module .kp-button.et_pb_button:after {
margin-left:25px!important;
        font-size:22px!important}

.kp-button:hover,
body #page-container .et_pb_section #kp-form.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:hover, .kp-icon:hover {
  transform: translateX(0.25em);
    transition: all .5s linear;
}

.kp-button,
body #page-container .et_pb_section #kp-form.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button, .kp-icon {
    transition: all .5s linear;
}

.kp-button{
    text-decoration-line:none;
}

@media (max-width:768px) {
      body #page-container .et_pb_section .et_pb_module .kp-button.et_pb_button:after {
margin-left:10px!important;
        font-size:22px!important}
}


/*NOWY FORMULARZ*/
@media (max-width:980px) {
    .forminator-custom-form{
    width:100%!important;
}
}

@media (max-width: 988px) {

.forminator-pagination-footer {
    display: flex!important;
    flex-direction: column!important;
    margin-top:0px!important}

button.forminator-button.forminator-button-back {
    order: 2!important;}
    
button.forminator-button.forminator-button-next{
    order: 1!important;
    margin-bottom:15px!important}
  
button#forminator-submit{
    order: 1!important;
    margin-bottom:15px!important}
    
}

.forminator-pagination-footer {
    margin-top:20px!important;}

span.forminator-checkbox-box {
    background: #ffffff!important;
}



/*Tooltip*/

/* Konsola zgody z tooltipem */
.consent-field .forminator-checkbox__label {
  display: inline !important;
  white-space: normal !important;
  vertical-align: middle;
  overflow: visible !important;
}

/* Cały wrapper */
.tooltip-wrap {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  position: relative;
}

/* Ikona "i" */
.tooltip-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: #09384F;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

/* Dymek */
.tooltip-text {
  position: absolute;
  left: 50%;
  bottom: 140%; /* nad ikoną */
  transform: translateX(-50%);
  width: 320px;
  max-width: 90vw;
  background: #fff;
  color: #000;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  padding: 12px 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease, visibility .2s ease;
  text-align: left;
  font-size: 13px;
  line-height: 1.4em;
}

/* Strzałka pod dymkiem */
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-top-color: #d7d7d7;
}
.tooltip-text::before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #fff;
}

/* Pokaż dymek na hover i focus (desktop + mobile) */
.tooltip-wrap:hover .tooltip-text,
.tooltip-wrap:focus-within .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* Mobile – dymek pod ikoną */
@media (max-width: 767px) {
  .tooltip-text {
    bottom: auto;
    top: 140%;
    left: 0;
    transform: none;
    width: min(92vw, 500px);
  }
  .tooltip-text::after,
  .tooltip-text::before {
    top: -14px;
    border-top-color: transparent;
    border-bottom-color: #d7d7d7;
    left: 20px;
    transform: none;
  }
  .tooltip-text::before {
    border-bottom-color: #fff;
    top: -13px;
  }
}




/*TIMELINE*/
.timeline-panel.timeline-box{
    border-radius:5px;
    border:none;
}


/*ZDJĘCIA*/
.kp-foto:hover{
  box-shadow: 4px 4px #FF9724;
  border-radius:10px;
  transition: all .3s ease-in-out;
}
.kp-foto {
  transition: all .3s ease-in-out; 
}

.kp-foto-zolty:hover{
  box-shadow: 4px 4px #FACE1A;
  border-radius:10px;
  transition: all .3s ease-in-out;
}
.kp-foto-zolty {
  transition: all .3s ease-in-out; 
}


/*RZĄD - BAZA WIEDZY*/
.kp-wiedza {
display:flex;
flex-direction:row;
align-items:center;}

@media (max-width:767px){
  .kp-wiedza {
display:flex;
flex-direction:column;
    align-items:center;}}


/*SLIDER*/
.et_pb_section, .et_pb_section *{
animation:none !important;
}


/*BLOG*/
.kp-blog.et_pb_posts a.entry-featured-image-url {
  max-width: 280px;
  margin-bottom: 1em;
}

  .kp-blog.et_pb_posts a.entry-featured-image-url img {
    height: 100%;
    object-fit: cover;
  }

  .kp-blog.et_pb_posts article.et_pb_post {
    padding: 30px 0 30px calc(30% + 30px);
    position: relative;
  }

.kp-blog article.et_pb_post {
  margin-bottom: 40px;
  border-radius:5px;
  background: #E8F0FB;
  box-shadow: 4px 4px #6A92CC;
  transition: all .5s ease-in;
}

.kp-blog article.et_pb_post:hover{
  box-shadow: 4px 4px #FF9724;
  transition: all .5s ease-in;
}

.kp-blog.kp-blog.et_pb_posts .post-content {
  padding-top: 1em;
}

.kp-blog span.et_overlay {
  border: none;
}

.kp-blog .entry-title {
  padding-bottom: .5em;
}

#page-container .kp-blog .et_pb_blog_grid article.et_pb_post {
  margin-bottom: 10px;
}

.kp-blog .et_pb_blog_grid .entry-featured-image-url {
  margin: 0;
}

.kp-blog .et_pb_blog_grid .et_pb_image_container {
  margin-bottom: 20px;
}

.kp-blog.et_pb_posts a.entry-featured-image-url {
  margin: 2em;
}

.kp-blog article {
	padding-right: 3em!important;}

.post-content, .post-meta, .entry-title {
    margin-left: 30px;
}

@media (min-width:880px) {
  .kp-blog.et_pb_posts a.entry-featured-image-url {
    width: 30%;
    min-height:80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 2em;
  }}

@media (min-width:600px) {
  .kp-blog.et_pb_posts a.entry-featured-image-url {
    width: 30%;
    min-height:85%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 2em;
  }}

@media (max-width:599px){
    .kp-blog.et_pb_posts a.entry-featured-image-url {
  max-width: 500px;
  margin-bottom: 1em;
        min-height:0px
}

  .kp-blog.et_pb_posts article.et_pb_post {
    padding: 30px 0px 30px 0px;
    position: relative;
  }

.kp-blog.et_pb_posts a.entry-featured-image-url {
  margin: 1.5em;
}

.post-content, .post-meta, .entry-title {
    margin-left: 25px;
}
}
 /*BLOG - TAGI*/
.kp-tags a {
  background:#FACE19;
  padding: .75em 1em;
  border-radius:5px;
  box-shadow: 4px 4px #DAB316;
  margin-right:20px;
  margin-top:10px

}

.kp-tags .et_pb_text_inner{
    display:flex;
  flex-direction:row;
  flex-wrap:wrap!important;
}


/*Licznik*/
.zloty .percent-value:after { content:' mld zł';}


/*Newsletter*/
.kp-newsletter input.form-control {
    box-shadow:4px 4px #FACE1A;
}

.kp-newsletter :after {
    box-shadow:2px 2px #FACE1A;
    border-radius:5px;
}

.kp-newsletter .ml-button-horizontal.primary,
.kp-newsletter .ml-mobileButton-horizontal{
    box-shadow:4px 4px #D7800C;
    border-radius:5px;
}

.kp-newsletter .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form {
    padding:0px!important;
}

@media (min-width:1450px){
    .kp-newsletter {
    margin-left:-20px}
}


/*Social Media*/
@media (min-width:2501px) {
    .kp-social {
        margin-left: 43vh;
    }}

@media (max-width:2500px) and (min-width:2201px){
.kp-social {
        margin-left: 30vh;
    }}

@media (max-width:2200px) and (min-width:2001px){
.kp-social {
        margin-left: 20vh;
    }}

@media (max-width:2000px) and (min-width:1801px){
.kp-social {
        margin-left: 17vh;
    }}

@media (max-width:1800px) and (min-width:1601px){
.kp-social {
        margin-left: 65px;
    }}

@media (max-width:980px) {
  .kp-socialmedia-c2 {
    margin-left:70px
  }
}

@media (max-width:768px) {
  .kp-socialmedia-c2 {
    margin-left:20px
  }
}


/******LADNING******/


/*TIMER*/

.et_pb_countdown_timer .section.days p.value:first-letter {    
font-size: 0px;   
vertical-align: top 
}

.et_pb_countdown_timer .section.values {
    width: 22%;
}


/*PODKREŚLENIE*/
mark {
	color: #08234D;
    background: -webkit-linear-gradient(180deg,rgba(255,255,255,0) 77%,#FACE19 23%);
    background: -o-linear-gradient(180deg,rgba(255,255,255,0) 77%,#FACE19 23%);
    background: -moz-linear-gradient(180deg,rgba(255,255,255,0) 77%,#FACE19 23%);
    background: linear-gradient(180deg,rgba(255,255,255,0) 77%,#FACE19 23%);
} 

#button-blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}


/*Menu RANKINGI*/
@media (max-width:980px) {
	
.kp-rankingi .et_mobile_nav_menu {
	display: none;
	}
	
.kp-rankingi .et_pb_menu__menu,
.kp-rankingi .et_pb_menu .et_pb_menu__menu>nav>ul {
	display: flex;
    flex-direction:row!important;
    flex-wrap:wrap!important;
	}

 .kp-rankingi .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
     justify-content:flex-start;}
}