/*

Theme Name: Futura
Theme URI: http://gbjsolution.com/
Author: Biswajit Saha
Author URI: http://themeforest.net/user/GBJsolution
Description: A minimal responsive blogging theme.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Two-Columns, Right-Sidebar, Left-Sidebar, Custom-Background, White, Light, Featured-Images, Theme-Options
Text Domain: futura

*/
@import url("css/flexslider.css");
@import url("css/magnific-popup.css");
@import url("css/hl-styles/monokai_sublime.css");

html, body {font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important}
b, strong {font-weight:700 !important}
p, li, h1, h2, h3, h4 {color:#172C57}
a, a:hover {color:#0A68EB}
blockquote {font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important}
.post .post-content {font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important}
h1, h2, h3, h4, h5, h6 {font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important}
.content-wrap .main-content {padding-right: 5px; padding-left: 5px;}
.expert_sidebar_box {display:none}
.post .post-head .post-title {font-weight:500; font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;color:#172C57;margin-bottom:10px}
.col-md-4.sidebar {position:relative;top:35px}
.post .post-head .post-title a {font-weight:500; font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;color:#172C57}
.post .post-head .post-meta span {color:#172C57}
.cover .post-count {color:#172C57}
.widget ul > li a span {color:#172C57}
.about-author .author {color:#172C57;font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight: 500}
.meta-info .website a {color:#0A68EB}
.about-author .bio {color:#172C57}
.pagination .page-number, .pagination a {color:#172C57; background:none}
.footer_link, .footer_link:link, .footer_link:visited {font-weight: 500; font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important}
.pagination a:hover {color:#0C61D9;background:none}
.search-form .search-submit {background:#0C61D9}
hr.wp-block-separator {color:#172C571F}
.post {border-radius: 8px;border-width: 1px;border-color:#172C571F;border-style:solid}
.cover {border-radius: 8px;border-width: 1px;border-color:#172C571F;border-style:solid}
.sidebar .widget {border-radius: 8px;border-width: 1px;border-color:#172C571F;border-style:solid;padding:30px}
.sidebar #block-6 {padding:0px;border:none;background:none}
.sidebar #block-6 p {display:none}
.widget .title {font-family: 'Manrope',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight: 700;}
.about-author {border-radius: 8px;border-width: 1px;border-color:#172C571F;border-style:solid}
.widget ul > li a {font-weight: 900;color:#172C57;line-height: 2em;margin-top:10px}
.column-img img {width:70px;height:50px}
.about-author .avatar {margin: 0px 10px 2px 0px;}
span.authorid {display:none}
.post .post-content .rank-math-list-item h3 {font-size:1.2em}
.featured-media-source {font-style:italic;margin-top:5px;color:#172C57B3}
.single-kredyt .post-content .rank-math-list-item h3 {font-weight:500}
.single-kredyt .post .featured-media, .single-zdolnosc .post .featured-media {background:#ffffff}
.single-kredyt .post .featured-media img, .single-zdolnosc .post .featured-media img {width:30%}
.post .featured-media img {max-width:680px}
.single-kredyt .featured-media-source, .single-zdolnosc .featured-media-source {display:none}
.bank-offer li:first-child {display: none}
.bank-offer.list li:first-child {display: block}
.bank-offer .credit-example-list:first-child {display: none;}
span.number-one {font-size:1.5rem;font-weight:700;background:#ddb423;border-radius:50%;line-height:60px;margin:15px auto;width:60px;height:60px;display:block;text-align:center}
ol.bank-offer {counter-reset: list-counter 1;}
ol.bank-offer.list {counter-reset: list-counter !important;}
ol.bank-offer li {position: relative;list-style: none;margin-left:10%;padding:5px 0px 15px 0px;border-bottom:1px solid #172C571F}
ol.bank-offer li:last-of-type {border:none}
ol.bank-offer li::before {content: counter(list-counter);counter-increment: list-counter;font-size: 1.5rem;font-weight: 700;background: #f5f9ff;border-radius: 50%;margin: 10px auto;width: 55px;height: 55px;display: block;text-align: center;line-height: 55px;position: absolute;top: 0;left: -80px}
ol.bank-offer li:nth-child(2)::before {background: #bab8b8}
ol.bank-offer li:nth-child(3)::before {background: #bab8b8}
ol.bank-offer li:nth-child(4)::before {background: #c45c1e}
ol.bank-offer li:nth-child(5)::before {background: #c45c1e}
ol.bank-offer.list li:nth-child(2)::before {background: #ddb423}
ol.bank-offer.list li:nth-child(4)::before {background: #bab8b8}
ol.bank-offer.list li:nth-child(6)::before {background: #c45c1e}
span.bank-name {display:block;font-weight:700;text-align:center;font-size:20px}
span.bank-name-small {display:inline-block;font-weight:700;font-size:16px}
span.installment-name {display:block;font-weight:700;text-align:center;font-size:16px}
span.rsso-name {display:block;text-align:center;margin:0px 0px 15px 0px}
span.first-bank {font-size: 1.25rem;font-weight: 700;color:#0a73eb}
span.first-bank a {color:#0a73eb}
.post .wp-block-buttons {margin:25px 0px;text-align:center}
.post .wp-block-button__link {font-weight:600;font-size:1.125rem}
.post a.wp-block-button__link:hover {color:#ffffff}
p.credit-text {text-align:center}
#inne-banki {font-size:1.25rem}
.post .post-content h3.dpt-title {font-size:1.25rem;line-height:1.25rem}
.featured-media {background:#ffffff}
.postid-7468 .featured-media-source {display:none}
.wp-block-table td, .wp-block-table th {font-size:12px; line-height:18px}
span.subtitle-1 {font-weight:bold; font-size:17px !important}
form.nadplata {max-width: 880px;margin: 0 auto;padding: 20px;background-color: #ffffff;border-radius: 8px;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);}
.wp-element-caption {text-align:center}
.wp-block-image {text-align:center; margin:20px 0px}
.type-page .featured-media {display:none}
.page-id-10079 #top_menu, .page-id-10079 #top_menu_fixed, .page-id-10079 .main-navigation, .page-id-10079 .fw-padding-y-32 {display:none}
.post-10079 {margin-top:32px}
.featured-media {background:#fff !important}
p:has(+ ul.wp-block-list) {font-weight: bold}
.tooltipster-base .wpg-tooltip-title {font-size:14px}
.widget a:hover, .widget a:focus {color:#fff !important}
.main-navigation {height:70px}

/* Key takeaways */

.key-takeaways {
  font-family: sans-serif;
  color:#172C57;
  position: relative;
  border: 2px solid #ffd54f;
  background-color: #fff8e1;
  padding: 1.5em 0.5em 1em 3em;
  border-radius: 8px;
  margin-bottom: 1.5em;
}

.key-takeaways::before {
  content: "💡";
  position: absolute;
  top: 0.7em;
  left: 0.2em;
  font-size: 1.5em;
}

.key-takeaways ul {
  padding-left: 1.2em;
  margin-top: 0;
}

.post .post-content  .key-takeaways h3 {font-size:1.5rem;}

a.wp-block-button__link[href$="redirect_url="] {
  display: none;
}

/* Główne style dla obu kontenerów - domyślnie zwinięte */
.credit-example,
.credit-example-list {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 8px 40px 26px 16px;
		margin: 10px 0px 10px 0px;
    font-family: sans-serif;
    font-size: 13px;
    line-height: 1.6;
    cursor: pointer;
    max-height: 1.6em;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}
.credit-list-info {padding:0px 20px 0px 0px;font-size:14px}
.credit-one-details .number-one {display:inline-block}
.credit-button.credit-list {float:right;margin:10px 20px}
.credit-one-details {text-align:center}
.credit-example-list {border: 0px;padding: 8px 40px 26px 0px}
.credit-one-details .credit-bank-img {width:60px}
.credit-bank-img {width:55px;margin: 10px -10px 15px 0px;z-index: 999;position: relative;border-radius:30px}
.bank-offer .credit-bank-img {margin:5px 15px 15px -35px !important;z-index: 999;position: relative;border-radius:30px}

.credit-button {font-size:0px;text-align:center;margin:20px 0px}
.credit-button a {font-size:16px;display:inline-block;border-radius:5px;background-color:#0a73eb;color:#fff;font-weight:bold}
.credit-button a:hover {color:#fff;background-color:#0978f7;text-decoration:none}
.credit-button .credit-list-button {font-size:1rem}

.faq-button {text-align:right;margin:10px 0px}
.faq-button a {font-size:16px;display:inline-block;border-radius:5px;background-color:#0a73eb;color:#fff;font-weight:bold}
.faq-button a:hover {color:#fff}
.faq-button .faq-button {font-size:14px;margin:10px 0px 0px 0px}

/* Style dla tytułów, ujednolicone do wspólnej reguły */
.credit-example-title,
.credit-example-list-title {
    font-weight: 700;
}

ul.wp-block-list {
    border: 2px solid #172C571F; /* Ciemniejszy niebieski kolor obramowania */
    background-color: #F7F9FD; /* Bardzo jasne niebieskie tło dla wyróżnienia */
    padding: 20px 20px 20px 40px; /* Odstępy wewnętrzne (lewy większy na kropki) */
    border-radius: 8px; /* Zaokrąglone rogi */
    margin-bottom: 25px; /* Odstęp pod listą */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); /* Delikatny cień dla efektu głębi */
}

/* Stylizacja poszczególnych elementów listy, aby nie były zbyt blisko siebie */
ul.wp-block-list li {
    margin-bottom: 10px;
}

/* Usunięcie marginesu z ostatniego elementu listy */
ul.wp-block-list li:last-child {
    margin-bottom: 0;
}

/* Uproszczona strzałka dla obu kontenerów */
.credit-example::after,
.credit-example-list::after {
    content: ''; /* Zmienione na pusty ciąg */
    position: absolute;
    top: 12px; /* Dostosowana pozycja */
    right: 16px;
    
    /* Tworzenie strzałki za pomocą obramowania */
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    
    /* Strzałka w dół */
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
}

/* --- Stan aktywny (po kliknięciu) --- */

/* Pokazanie całej treści po dodaniu klasy .active */
.credit-example.active,
.credit-example-list.active {
    max-height: 1000px;
    transition: max-height 0.4s ease-in;
}

/* Obrót strzałki w stanie aktywnym */
.credit-example.active::after,
.credit-example-list.active::after {
    transform: rotate(135deg);
}

/* Shows the full content when the .active class is added */
.credit-example-list.active {
    max-height: 1000px; /* A large value to reveal all content */
    transition: max-height 0.4s ease-in;
}

/* Rotates the arrow in the active state */
.credit-example-list.active::after {
    transform: rotate(135deg); /* Rotates the arrow to point up */
}


/* Stylowanie kontenera głównego */
.v-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    background-color:#F7F9FD; /* Przykładowy kolor tła */
    border: 1px solid #ddd; /* Przykładowy kolor ramki */
    border-radius: 8px; /* Przykładowe zaokrąglenie rogów */
	  margin-bottom:15px;
}

.v-banner__text, .v-banner__text span 
{font-size:16px !important}

/* Stylowanie wrappera */
.v-banner__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Stylowanie treści */
.v-banner__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 16px; /* Odstęp poniżej */
}

/* Stylowanie ikony */
.v-banner__icon {
    margin-right: 30px; /* Odstęp między ikoną a tekstem */
    height: 40px; min-width: 40px; width: 40px;
}
.v-avatar {
	height: 48px; min-width: 48px; width: 48px;
}

/* Stylowanie tekstu */
.v-banner__text {
    flex: 1;
} 

#floating-button-container {
    position: fixed;
    bottom: 0px;
    height: 70px;
    left: 0;
    width: 100%;
    background-color: white;
    border-top: 1px solid #172C571F;
    padding-top: 6px;
    z-index: 9999;
    display: none;
    justify-content: center;
}
#floating-button {
    background-color: #0C61D9;
    color: white;
	  font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    padding: 15px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
    #floating-button-container {
        display: flex;
    }
    .post .post-head .post-title {
        font-size: 2rem;
			  line-height:2.5rem;
    }
	  .post {padding:30px 10px}
}