/*** ---------- Block ---------- ***/


/*** ---------- Content widths ---------- ***/
[class*="content-widths"] { display: grid; grid-template-columns: minmax(0, 1fr); }

@media (min-width: 768px) {
    .content-widths--33-66 { grid-template-columns: 1fr 2fr; }
    .content-widths--66-33 { grid-template-columns: 2fr 1fr; }
    .content-widths--40-60 { grid-template-columns: 4fr 6fr; }
    .content-widths--50-50 { grid-template-columns: 1fr 1fr; }
    .content-widths--60-40 { grid-template-columns: 6fr 4fr; }
    .content-widths--20-80 { grid-template-columns: 1fr 5fr; }
    .content-widths--80-20 { grid-template-columns: 5fr 1fr; }
    .content-widths--45-55 { grid-template-columns: 45fr 55fr; }
    .content-widths--55-45 { grid-template-columns: 55fr 45fr; }
}

/*** ---------- Block: Text ---------- ***/
.wpb-block--text { --gc: 1; }
.wpb-block--text .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) { 
    .wpb-block--text { --gc: 2; }
    .wpb-block--text .container { column-gap: 3.2rem; }
    .wpb-block--text .wpb-text.wpb-text--wide { grid-column: span 2; }
    .wpb-block--text .btn-group { grid-column: span 2; }
    .wpb-block--text .wpb-text--right { border-left: 1px solid var(--clr-border); padding-left: 3.2rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text .container { column-gap: 4.8rem; }
    .wpb-block--text .wpb-text--right { padding-left: 4.8rem; }
}

/*** ---------- Block: Text & Media ---------- ***/
.wpb-block--text-media .container { column-gap: 2rem; row-gap: 2rem; }
.wpb-block--text-media figure { position: relative; }
.wpb-block--text-media figure .wpb-icon-wrapper { position: absolute; top: 5%; right: 5%; }

@media (min-width: 992px) { 
    .wpb-block--text-media .container { column-gap: 3.2rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-media .container { column-gap: 6.4rem; }
}




/*** ---------- Block: Interest rates ---------- ***/
.wpb-block--interest-rates .container { column-gap: 2rem; row-gap: 2rem; }
.wpb-block--interest-rates .wpb-card.wpb-card--interest .card-title { font-size: clamp(1.8rem, 4vw, 2.4rem); }
.wpb-block--interest-rates .wpb-card.wpb-card--interest ul li { min-height: 6.6rem }
.wpb-block--interest-rates .wpb-block__header { padding-bottom: 3.2rem; }
.wpb-block--interest-rates .wpb-block__footer { padding-top: 3.2rem; }
.wpb-block--interest-rates .wpb-block__footer .wpb-text { text-align: center; max-width: 49.3rem; margin-inline: auto; }

@media (min-width: 992px) { 
    .wpb-block--interest-rates .container { column-gap: 3.2rem; }
    .wpb-block--interest-rates .wpb-card.wpb-card--interest { --p: 2.8rem; }
}



/*** ---------- Block: Current interest rates ---------- ***/
.wpb-block--current-interest-rates .wpb-section__body .container { --gc: 2; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: .8rem; }
.wpb-block--current-interest-rates .wpb-section__footer .wpb-text > * + * { margin-top: .25em!important; }
.wpb-block--current-interest-rates .wpb-section__footer strong { font-size: 1.6rem; }
.wpb-block--current-interest-rates h2{ max-width: 36rem; }

@media (min-width: 992px) { 
    .wpb-block--current-interest-rates .wpb-section__body .container { --gc: 3; }
    .wpb-block--current-interest-rates .wpb-section__footer strong { font-size: 1.8rem; }
    .wpb-block--current-interest-rates h2{ max-width: 52rem; }
}

@media (min-width: 1400px) { 
    .wpb-block--current-interest-rates .wpb-section__body .container { --gc: 5; }
}


/*** ---------- Block: History interest rates ---------- ***/
.wpb-block--interest-rates-history .wpb-section__header .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: .8rem; }
.wpb-block--interest-rates-history .wpb-section__header .container .wpb-text--right { --fs: 1.6rem; --lh: 1.6; }
.wpb-block--interest-rates-history .wpb-section__footer .wpb-text > * + * { margin-top: .25em!important; }
.wpb-block--interest-rates-history .wpb-section__footer strong { font-size: 1.6rem; }

@media (min-width: 992px) { 
    .wpb-block--interest-rates-history .wpb-section__header .container { --gc: 2; }
    .wpb-block--interest-rates-history .wpb-section__header .container .wpb-text--right { --fs: 1.8rem; }
    .wpb-block--interest-rates-history .wpb-section__footer strong { font-size: 1.8rem; }
}



/*** ---------- Block: Media ---------- ***/
.wpb-block--media .wpb-text { margin-bottom: 2rem; }



/*** ---------- Block: FAQ ---------- ***/
.wpb-block--faq { --gc: 1; }
.wpb-block--faq .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 768px) {
    .wpb-block--faq-primary, .wpb-block--faq-secondary { --gc: 2; align-items: start; }
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 3.2rem; }
    .wpb-block--faq-primary .container .wpb-accordion { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--faq-primary .container, .wpb-block--faq-secondary .container { column-gap: 6.4rem; }
}


/*** ---------- Block: Blurb ---------- ***/
.wpb-block--blurb .wpb-text { margin-bottom: 2rem; }
.wpb-block--blurb .wpb-card.wpb-card--blurb .wpb-card__header img { aspect-ratio: 16/9; object-fit: cover; }


/*** ---------- Block: Carousel ---------- ***/
.wpb-block--carousel .wpb-text { margin-bottom: 2rem; }



/*** ---------- Block: Header ---------- ***/
.wpb-header.wpb-header--search form { position: relative; }
.wpb-header.wpb-header--search form [type="submit"] { display: inline-flex; cursor: pointer; user-select: none; padding: 0.25rem 1rem; border: none; background: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wpb-header.wpb-header--search form [type="submit"] img { width: 1.5rem; }

.wpb-header .wpb-header__toolbar { display: flex; align-items: center; gap: 1.6rem; padding-bottom: 2.8rem; }
.wpb-header .wpb-header__toolbar .btn { white-space: nowrap; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs { margin: 0; --excerpt-line-clamp: 1; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; }
.wpb-header .wpb-header__toolbar .wpb-breadcrumbs > span > span:not(.breadcrumb_last) { opacity: .65; }

.wpb-header__filters { display: flex; }



/*** ---------- Block: Text media tabs ---------- ***/
.wpb-block--media-tabs .container .wpb-text.wpb-text--top { margin-bottom: 2rem; }
.wpb-block--media-tabs .container .wpb-text.wpb-text--bottom { margin-top: 2rem; text-align: center; max-width: 49.3rem; margin-inline: auto; }
.wpb-block--media-tabs .inner { display: grid; gap: 3.2rem; align-items: center; }
.wpb-block--media-tabs .tab__images { display: grid; overflow: hidden; } 
.wpb-block--media-tabs .tab__images > figure { grid-row: 1/-1; grid-column: 1/-1; opacity: 0; transition: opacity var(--ts-15) ease; transition-delay: var(--ts-35); }
.wpb-block--media-tabs .tab__images figure.active { opacity: 1; transform: scale(1); }
.wpb-block--media-tabs .tab__images figure img { height: 100%; width: 100%; object-fit: contain; }
.wpb-block--media-tabs .tab__content { --size: 6.4rem; display: grid; grid-template-columns: minmax(0,1fr); position: relative; gap: 2rem; }
.wpb-block--media-tabs .tab__content::before { content: ''; position: absolute; left: calc(var(--size) / 2); background-color: var(--clr-primary); width: 2px; height: 100%; opacity: .2; }
.wpb-block--media-tabs .tab__item { display: grid; align-items: center; z-index: 2; }
.wpb-block--media-tabs .tab__item .wpb-text > * + * { margin-top: .25em!important; }
.wpb-block--media-tabs .tab__item.has-icon { display: flex; align-items: center; gap: 2rem; }
.wpb-block--media-tabs .tab__item .icon { background-color: var(--clr-primary-light); border-radius: 50%; width: var(--size); height: var(--size); min-width: var(--size); padding: 2rem; transition: background-color var(--ts-15) ease; }
.wpb-block--media-tabs .tab__item .icon img { width: 100%; height: 100%; object-fit: contain; transition: filter var(--ts-15) ease-in-out; }
.wpb-block--media-tabs .tab__item.active .icon { background-color: var(--clr-primary); }
.wpb-block--media-tabs .tab__item.active .icon img { filter: brightness(0) invert(1); }

@media (min-width: 768px) {
    .wpb-block--media-tabs .inner { grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
    .wpb-block--media-tabs .container .wpb-text.wpb-text--top { margin-bottom: 2.4rem; }
    .wpb-block--media-tabs .container .wpb-text.wpb-text--bottom { margin-top: 2.4rem; }
    .wpb-block--media-tabs .inner { gap: 8.2rem; }
    .wpb-block--media-tabs .tab__content { --size: 10rem; row-gap: 3.2rem; }
    .wpb-block--media-tabs .tab__item .icon { padding: 3.2rem; }
}

@media (min-width: 1200px) {
    .wpb-block--media-tabs .tab__content { row-gap: 4.8rem; }
}



/*** ---------- Block: Child Page links ---------- ***/
.wpb-block--child-page-links .wpb-child-page-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;}
.wpb-block--child-page-links .wpb-child-page-links a { display: inline-flex; align-items: center; column-gap: .5rem; text-decoration: none; padding: 5px 10px; border-radius: .25rem; background-color: #fff; transition: background-color var(--ts-15) ease, color var(--ts-15) ease; }
.wpb-block--child-page-links .wpb-child-page-links a::after { --w: 1.2rem; --h: 1.2rem; --clr: var(--clr-primary); }
.wpb-block--child-page-links .wpb-child-page-links a.is-active,
.wpb-block--child-page-links .wpb-child-page-links a:hover { background-color: var(--clr-primary); color: #fff; }
.wpb-block--child-page-links .wpb-child-page-links a.is-active::after,
.wpb-block--child-page-links .wpb-child-page-links a:hover::after { --clr: #fff; }

@media (max-width: 575.98px) {
    .wpb-block--child-page-links .wpb-child-page-links { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; }
    .wpb-block--child-page-links .wpb-child-page-links a { white-space: nowrap; scroll-snap-align: start; min-height: 3.6rem; }  
}

/*** ---------- Block: Page links ---------- ***/
.wpb-block--page-links .wpb-section__header .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 2rem 0; }
.wpb-block--page-links .wpb-section__header .container .wpb-text--right { --fs: 1.6rem; --lh: 1.6; }


@media (min-width: 992px) {
    .wpb-block--page-links .wpb-section__header .container { --gc: 2; }
    .wpb-block--page-links .wpb-section__header .container .wpb-text--right { --fs: 1.8rem; }
    .wpb-block--page-links .wpb-section__header .container:not(:has(.wpb-text--right)) { --gc: 1;}
}



/*** ---------- Block: Tabs ---------- ***/
.wpb-block--tabs .wpb-text { margin-bottom: 2rem; }



/*** ---------- Block: Featured ---------- ***/
.wpb-block--featured .wpb-text.wpb-text--top { margin-bottom: 3.2rem; }
.wpb-block--featured .wpb-section__footer .wpb-text { text-align: center; max-width: 49.3rem; margin-inline: auto; }
.wpb-block--featured .wpb-section__body .container { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; align-items: start; }

@media (min-width: 768px) {
    .wpb-block--featured .wpb-section__body .container { --gc: 2; }
}

@media (min-width: 992px) {
    .wpb-block--featured .wpb-section__body .container { --gc: 3; }
}



/*** ---------- Block: Text Shortcode ---------- ***/
.wpb-block--text-shortcode { --gc: 1;  }
.wpb-block--text-shortcode .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }

@media (min-width: 992px) {
    .wpb-block--text-shortcode .container { column-gap: 3.2rem; }
    .wpb-block--text-shortcode-primary, .wpb-block--text-shortcode-secondary { --gc: 2; }
    .wpb-block--text-shortcode-primary .wpb-card { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 6.4rem; }
}

@media (min-width: 1200px) {
    .wpb-block--text-shortcode .container { column-gap: 9.8rem; }
}



/*** ---------- Block: Youtube embed ---------- ***/
.wpb-block--youtube { --gc: 1; }
.wpb-block--youtube .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; }
.wpb-block--youtube .wpb-ratio :is(iframe, img) { border-radius: .5rem; }
.wpb-block--youtube .wpb-ratio .youtube-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; cursor: pointer; transition: opacity var(--ts-35) ease; }
.wpb-block--youtube .wpb-ratio .youtube-play img { object-fit: cover; width: 100%; height: 100%; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon { position: absolute; top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); display: -ms-grid; display: grid; place-items: center; z-index: 2; background-color: #000; border-radius: 50%; width: 6.4rem; height: 6.4rem; transition: .25s ease; }
.wpb-block--youtube .wpb-ratio .youtube-play .play-icon i { --clr: rgb(255,255,255); }
.wpb-block--youtube .wpb-ratio:hover .youtube-play .play-icon { transform: scale(1.065); }

@media (min-width: 992px) {
    .wpb-block--youtube { --gc: 2; }
    .wpb-block--youtube .container { column-gap: 3.2rem; }
    .wpb-block--youtube.wpb-block--youtube-primary .wpb-ratio { order: -1; }
}

@media (min-width: 1200px) {
    .wpb-block--youtube .container { column-gap: 6.4rem; }
}

@media (min-width: 1400px) {
    .wpb-block--youtube .container { column-gap: 9.8rem; }
}



/*** ---------- Block: Timeframe ---------- ***/
.wpb-block--timeframe .wpb-text { margin-bottom: 2rem; }
.wpb-block--timeframe .wpb-timeframe__content { padding: 3.2rem 0; display: -ms-grid; display: grid; overflow-x: auto; }
.wpb-block--timeframe .wpb-timeframe__content::-webkit-scrollbar { height: 1rem; }
.wpb-block--timeframe .wpb-timeframe__content::-webkit-scrollbar-track { background: #ccc; border-radius: .35rem; }
.wpb-block--timeframe .wpb-timeframe__content::-webkit-scrollbar-thumb { background: #000; border-radius: .35rem; }

.wpb-block--timeframe .wpb-timeframe__content .wpb-timeframe__grid { grid-row: 1/-1; grid-column: 1/-1; position: relative; display: grid; grid-template-columns: repeat(99, minmax(0, 1fr)); gap: 1.5rem 0; } 
.wpb-block--timeframe .wpb-timeframe__content .wpb-timeframe__grid--items { z-index: 3; margin: 2.2rem 0; }
.wpb-block--timeframe .wpb-timeframe__content .wpb-timeframe__grid--indicators { z-index: 1; }

.timeframe-item { background-color: var(--clr-primary); display: inline-block; padding: 1rem 1.5rem; border-radius: .5rem; position: relative; margin-right: .5rem; margin-left: .5rem; }
.timeframe-item.timeframe-item--primary { background-color: var(--clr-primary); }
.timeframe-item.timeframe-item--striped :is(strong, span) { color: #fff; position: relative; z-index: 2; }
.timeframe-item.timeframe-item--striped::before { content: ''; border-radius: .8rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: repeating-linear-gradient(-65deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1.25rem, transparent 1.25rem, transparent 2.5rem); }

.timeframe-item strong { display: block; font-size: 1.6rem; line-height: 1.4; color: #fff; }
.timeframe-item span { display: block; font-size: 1.4rem; line-height: 1.4; color: #fff;  }
.timeframe-item:first-child { margin-left: 0!important; }
.timeframe-item:last-child { margin-right: 0!important; }

.wpb-timeframe__indicator { position: relative; width: .1rem; background-color: var(--clr-border); }
.wpb-timeframe__indicator::before { content: attr(data-phase); color: var(--clr-text); position: absolute; bottom: calc(100% + 1rem); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1.4rem; line-height: 1.4; }
.wpb-timeframe__indicator:first-of-type::before { left: 100%; transform: none; }
.wpb-timeframe__indicator:last-of-type::before { left: auto; right: 100%; transform: none; }