/*!
Theme Name:         Brugkrediet
Theme URI:          https://www.brugkrediet.nl
Description:        Custom thema voor Brugkrediet, door Redduck
Version:            1.0.43
Author:             Redduck
Author URI:         https://www.redduck.nl
Tags: 				editor-style, featured-images,post-formats, translation-ready
License:            MIT License
License URI:        https://www.opensource.org/licenses/mit-license.php
Template:     		redduck-base
Text Domain:  		redduck-brugkrediet
*/

/*

051D40	Oxford Blue
1556A6	Sapphire
B4DCE4	Light blue
FF8C00	Dark orange
EDEAE5	Isabelline
*/



:root {
	--bk-orange: #FF8C00;
	--bk-blue: #051D40;
	--bk-accent-blue: #1556A6;
	--bk-light-blue: #B4DCE4;
	--bk-light: #EDEAE5;
	--base-font-family : 'Montserrat', sans-serif; 
	--header-font-family : 'Poppins', sans-serif;
	--header-bg: #FFFFFF;
	--header-color: var(--bk-blue);
	--header-accent: var(--bk-orange);
	--sub-menu-bg: #FFF;
	--sub-menu-text: #454545;
	--body-bg : var(--bk-light);
	--title-color: var(--bk-blue);
	--text-color : #555;
	--link-color : var(--bk-accent-blue);
	--link-color-hover : var(--bk-orange);
	--border-color : #E8F5FF;
	--accent-color : var(--bk-orange);
	--price-color : #7FB069;
	--button-bg: var(--bk-orange);
	--button-text: #FFF;
	--shop-button-bg : #F4B860;
	--shop-button-bg-hover : #F3B600;
	--shop-button-text : #000;	
	--border-radius : 2rem;
	--button-border-radius : 99rem;
	--header-height : 5rem;
	--footer-title-color: var(--bk-light);
	--footer-text-color: var(--bk-light);
	--footer-link-color: #FFF;
}

.rd-btn,
.rd-btn:hover {font-weight:500;padding-block:1.375rem !important;transition: .2s;}
.rd-btn:hover {transform: translateY(-2px);box-shadow:0 5px 1rem rgba(0,0,0,.3);}


.site-header {position: fixed;left:0;width:100%;transition: .2s;}
.site-header .site-branding {padding-inline:0;}
.site-header a.custom-logo-link {transition: .2s;}
svg#logo #orange {fill:var(--bk-orange);}
svg#logo #white {fill:#FFFFFF;}
svg#logo #lines, 
svg#logo #text, 
svg#logo #divider {fill:var(--bk-blue);}
svg#logo #rnhb {fill:#063971;}

.site-footer svg#logo {width:300px;margin:0 auto 2rem;display: block;}
.site-footer svg#logo #white {fill:transparent;}
.site-footer svg#logo #lines,
.site-footer svg#logo #text, 
.site-footer svg#logo #divider,
.site-footer svg#logo #rnhb {fill:#FFF;}

.main-navigation ul > li a {font-weight: 500;font-family:var(--header-font-family);}

body.home.sticky .site-content {padding-top: 0;}
body:not(.home) .site-content {padding-block:10rem;}

.hero {height:100vh;height: 100svh;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;}
.hero .post-thumbnail {position: absolute;inset:0;background:var(--bk-blue);margin: 0;}
.hero .post-thumbnail img {position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;opacity: .8;}
.hero .post-thumbnail::after {position: absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 50%);content: "";}
.hero .inner {z-index: 9;color:#FFF;position: relative;width:1320px;max-width: 100%;text-shadow: 0 1px 1px rgba(0,0,0,.5), 0 0 1rem rgba(0,0,0,.5);font-size: 1.125rem;line-height: 1.5;padding:5rem 2rem 0;}
.hero .inner h1 {color:#FFF;font-weight: 700;width:992px;max-width: 100%;}
.hero .inner ul {font-weight:600;margin:0 0 2rem;padding-left: 0;list-style: none;}
.hero .inner ul li {padding-left:2rem;position: relative;margin-bottom:.25em;}
.hero .inner ul li i.bi {position: absolute;line-height:1;left: 0;font-size:1.5em;}
.hero .inner .buttons {display: flex;gap:1rem;justify-content: flex-start;text-shadow: none;width:500px;max-width: 100%;flex-wrap: wrap;}
.hero .inner .buttons > * {min-width: fit-content;flex:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}
/*.hero .inner .buttons .rd-btn {background-color:var(--bk-orange)}*/
.hero .inner .buttons .rd-btn:nth-child(2) {background-color:var(--bk-accent-blue)}

.bk-col {margin-bottom:1.5rem;}

section.about {padding-block:7rem;font-size: 1.125rem;line-height: 1.5;position: relative;}

section.about h3 {color:var(--bk-accent-blue)}
section.about .about-content {margin-bottom: 2rem;}
section.about svg#ribbon {height: 130%;position: absolute;top:-15%;left:25%;z-index: -1;fill:#FFFFFF;opacity: .025;}
section.about svg#ribbon #white {fill:#FFFFFF;}
section.about svg#ribbon #orange {fill:var(--bk-orange);}
section.about svg#ribbon #lines {fill:#000000;}

section.for {padding-block:7rem;background:var(--bk-blue);color:var(--bk-light);text-shadow: 0 1px 0 rgba(0,0,0,.2);}
section.for h2 {color:var(--bk-light);margin-bottom:2rem;}
section.for .for-block {display:flex;}
section.for .for-block .icon {font-size: 2rem;color:var(--bk-light-blue);width:3rem;line-height: 1;}
section.for .for-content {flex:1;}
section.for .for-block h3 {color:#FFF;font-weight: 600;font-size:1.125rem;margin-block:.125rem}

section.why {padding-block:7rem;background:var(--bk-accent-blue)}
section.why .why-header h2 {text-align: center;color:var(--bk-light);margin-bottom:2rem;}
section.why .why-block {border-radius: var(--border-radius);background:var(--bk-light);padding:2rem;height: 100%;text-align: center;box-shadow:0 2px 4px rgba(0,0,0,.2)}
section.why .why-block header .icon {font-size:2rem;width:4rem;height: 4rem;display:inline-flex;align-items: center;justify-content: center;border-radius:var(--button-border-radius);background:var(--bk-accent-blue);color:var(--bk-light);line-height: 1;margin-bottom: 1rem;}
section.why .why-block header h3 {font-weight: 600;font-size:1.25rem;}

section.steps {padding-block:7rem;background:var(--bk-blue);}
section.steps .steps-header h2 {text-align: center;color:#FFF;margin-bottom:2rem;}
section.steps * {transition: .2s;}
section.steps .steps-block {border-radius: var(--border-radius);background:var(--bk-accent-blue);color:#FFF;padding:2rem;height: 100%;box-shadow:0 2px 4px rgba(0,0,0,.2);text-shadow: 0 1px 0 rgba(0,0,0,.1);}
section.steps .steps-block header .step {font-size:3rem;}
section.steps .steps-block header h3 {font-weight: 600;font-size:1.5rem;color:#FFF;}
section.steps .steps-block a {color:var(--bk-light);}

section.steps .steps-footer {padding-top:1rem;text-align: center;}


section.review {padding-block:7rem 2rem;}
section.review .bk-col {margin-bottom:5rem;}
section.review .review-header h2 {text-align: center;color:var(--bk-blue);margin-bottom:6rem;}
section.review .review-block {border-radius: var(--border-radius);background:var(--bk-accent-blue);color:#FFF;padding:4rem 2rem 2rem;height: 100%;position: relative;box-shadow:0 2px 4px rgba(0,0,0,.2);text-shadow: 0 1px 0 rgba(0,0,0,.1)}
section.review .review-block .post-thumbnail {width:7rem;height:7rem;position: absolute;right:2rem;top:-3.5rem;}
section.review .review-block .post-thumbnail img {aspect-ratio:1 / 1;inline-size:100%;object-fit: cover;position: relative;z-index: 9;border-radius: 99rem;}
section.review .review-block .post-thumbnail::after {position: absolute;top:3px;left:3px;background:var(--bk-orange);border-radius: 99rem;width:7rem;height:7rem;content: "";z-index:0;}
section.review .review-block .name {font-weight: 600;font-size:1.25rem;line-height:1;}
section.review .review-block .role {}
section.review .review-block .company {color:var(--bk-light);font-weight: 500;text-decoration: none;margin-top:.5rem;display: block;}
section.review .review-block .review {margin-top:1rem;}

section.cta {padding-block:7rem;background:var(--bk-accent-blue);color:#FFF;text-shadow: 0 1px 0 rgba(0,0,0,.1)}
section.cta header {margin-bottom:1rem}
section.cta h3 {color:var(--bk-light);margin: 0;}
section.cta .subtitle {font-weight: 600;}
section.cta .buttons {display:flex;gap:1rem;}
section.cta .alt-button {background:none;border:2px solid #FFF;}

.row.team {padding-bottom:5rem;}
.row.team .col {margin-top:7rem;}
.team-block {height: 100%;display:flex;flex-direction: column;padding:2rem;background:#FFF;border-radius: var(--border-radius);box-shadow:0 2px 4px rgba(0,0,0,.2);position: relative;}
.team-block header {margin-bottom:2rem;}
.team-block header .name {font-weight: 700;}
.team-block header .role {font-weight: 500;color:var(--bk-blue)}
.team-block .post-thumbnail {width:10rem;margin-top:-7rem;position: relative;}
.team-block .post-thumbnail img {object-fit: cover;object-position: center top;aspect-ratio:1 / 1;inline-size:100%;border-radius:99rem;z-index: 2;position: relative;}
.team-block .post-thumbnail::after {position: absolute;top:5px;left:5px;background:var(--bk-orange);border-radius: 99rem;width: 10rem;height: 10rem;content: "";z-index:0;}
.team-block .contact {margin-top:auto;padding-top:1rem;display: flex;flex-direction: column;gap: .5rem;}
.team-block .contact > div {display:flex;gap:1rem;align-items: center;}
.team-block .contact > div i {width:1rem;}
.linkedin a {color:var(--linkedin);position: absolute;bottom:2rem;right: 2rem;}


body.page-id-28 {background:#f5f8fa;}


.site-footer {padding-block:5rem 0;background:var(--bk-blue);text-shadow: 0 1px 0 rgba(0,0,0,.1);font-size:.925rem;}
.site-footer .widget-title {color:var(--footer-link-color);}

.ducklink:not(:hover) svg .body,
.ducklink:not(:hover) svg .beak,
.ducklink:not(:hover) svg .head {fill:rgba(255,255,255,.5);}

body form.wpforms-form .wpforms-field-label {--wpforms-label-color: var(--bk-blue);--wpforms-field-size-input-spacing:.25rem;font-weight:500;}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type="range"] {margin-top:0;}
form.wpforms-form .rd-input {border-radius: .25rem !important;}
.wpforms-container .wpforms-required-label, 
.wp-core-ui div.wpforms-container .wpforms-required-label {--wpforms-label-error-color:var(bk-orange);}

#wpforms-730-field_22-description {cursor: pointer;position: relative;}
#wpforms-730-field_22-description .icon {position: absolute;right:.5rem;top:-2rem;color:var(--bk-orange);font-size:1.25rem;}
#wpforms-730-field_22-description ul {display:block;padding:1rem;font-size:1rem;color:var(--text-color);background:#FFF;}
#wpforms-730-field_22-description ul li {margin-left: 1rem;}
div.wpforms-container-full .wpforms-confirmation-container-full {border:none;padding:2rem;border-radius: 99rem;}

@media screen and (min-width:1200px) {
	body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33, 
	body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-33 {width:calc(33% - 10px);}
	body.page-id-14 .wpforms-container .wpforms-submit-container {position: absolute;bottom:4rem;right:1rem;} 
}

@media screen and (max-width:1199px) {
	body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns {flex-wrap: wrap;}
	body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-33, 
	body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column-33 {width:100%;margin-bottom:2rem;}
}

body.page-id-14 {background:var(--bk-accent-blue);}
body.page-id-14 h1.entry-title {color:#FFF;}
body.page-id-14 .wp-block-group {color:#FFF;width:992px;max-width: 100%;font-size: 1.125rem;margin-bottom:2rem;}
body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column, 
body.page-id-14 div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-layout-column {background:var(--bk-light);border-radius:1rem;padding:4rem 1rem 6rem;box-shadow: 0 0 1rem rgba(0,0,0,.1);position: relative;margin-top:2rem;}
body.page-id-14 .wpforms-container .wpforms-submit-container {text-align: right;}

body.page-id-14 .wpforms-layout-column::before {position: absolute;width:5rem;height:5rem;background:var(--bk-orange);border-radius: 99rem;content:"";top:-1.8rem;right:1.8rem;}
body.page-id-14 .wpforms-layout-column::after {position: absolute;width:5rem;height:5rem;background:var(--bk-blue);color:#FFF;font-weight: 700;font-size:2rem;top:-2rem;right:2rem;border-radius: 99rem;display: flex;align-items: center;justify-content: center;}

body.page-id-14 .wpforms-layout-column:nth-child(1)::after {content: "1";}
body.page-id-14 .wpforms-layout-column:nth-child(2)::after {content: "2";}
body.page-id-14 .wpforms-layout-column:nth-child(3)::after {content: "3";}

body.page-id-14 .wpforms-container .wpforms-field, 
body.page-id-14 .wp-core-ui div.wpforms-container .wpforms-field {padding-block:0 1rem;}

body.page-id-14 .wpforms-field-address fieldset {display:flex;flex-direction: column;gap:.5rem;}
body.page-id-14 .wpforms-field-address fieldset .wpforms-field-row {margin-bottom:0 !important;}
body.page-id-14 .wpforms-field-address fieldset .wpforms-field-row:nth-of-type(2) {order:3;}

body.page-id-14 .wpforms-list-inline ul {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;justify-content: flex-start !important;}
body.page-id-14 .wpforms-list-inline ul li {flex-basis:max-content;}
body.page-id-14 .wpforms-field-address-state {display: none !important;}

body.page-id-16 .site-content {padding-bottom:0}
body.page-id-16 .entry-header,
body.page-id-16 .entry-content {width:992px;max-width: 100%;}
body.page-id-16 .entry-content {font-size: 1.125rem;margin-bottom:5rem;} 


body.page-id-18 .site-content {padding-bottom:0}
body.page-id-18 .entry-header,
body.page-id-18 .entry-content {width:992px;max-width: 100%;}
body.page-id-18 .entry-content {font-size: 1.125rem;margin-bottom:5rem;} 
body.page-id-18 .blocks {margin-bottom:5rem;}
body.page-id-18 .blocks .row {padding-block:1.5rem;background: #FFF;margin-bottom:3rem;border-radius: var(--border-radius);}
body.page-id-18 .blocks .row .step {color:var(--bk-accent-blue);font-weight: 500;}
body.page-id-18 .blocks .row h2 {font-size: 1.5rem;}
body.page-id-18 .blocks .post-thumbnail img {border-radius:calc(var(--border-radius) * .75);}


body.page-id-24 .site-content {padding-bottom:0}
body.page-id-24 .entry-header,
body.page-id-24 .entry-content {width:992px;max-width: 100%;}
body.page-id-24 .entry-content {font-size: 1.125rem;margin-bottom:5rem;} 
body.page-id-24 .team h2 {font-size:1.5rem;}


body.page-id-1050 .entry-header,
body.page-id-1050 .entry-content {width:992px;max-width: 100%;}
body.page-id-1050 .entry-content p:first-of-type {font-size: 1.125rem;margin-bottom:5rem;} 
body.page-id-1050 .team h2 {font-size:1.5rem;}



.single-post .site-content > .container {width:min(992px, 100%);margin-inline:auto;}
.single-post .site-content .post-thumbnail img,
.single-post .site-content figure img {border-radius:var(--border-radius);}

/*
#fancyCarousel {--f-carousel-spacing:2rem;--f-carousel-padding:.5rem;--f-carousel-slide-width:80%;}
#fancyCarousel img {aspect-ratio:4 / 3;object-fit: cover;inline-size:100%;}
@media (min-width: 768px) {
	#fancyCarousel {--f-carousel-slide-width: calc(100% / 2);}	
}
@media (min-width: 1200px) {
  #fancyCarousel {--f-carousel-slide-width: calc(100% / 4);}	
}
@media (min-width: 1600px) {
  #fancyCarousel {--f-carousel-slide-width: calc(100% / 5);}	
}
#fancyCarousel .f-button {color:#FFF;font-weight: 700;--f-button-svg-width:3rem;--f-button-svg-height:var(--f-button-svg-width);}
.faq-container {padding-block:8rem;background:var(--bk-light-blue);}
.faq-block {display:block;background:var(--bk-blue);color:#FFF;padding:2rem;height: 100%;border-radius:var(--border-radius);text-decoration: none;text-shadow: 0 1px 0 rgba(0,0,0,.5);}
.faq-block h3 a {font-size: 1.25rem;color:#FFF;text-decoration: none;display:block;}
.faq-block h3 a:hover {text-decoration: underline;}
.faq-block i {position: absolute;right: 0;bottom: 0;padding:2rem;color:var(--bk-light-blue);}
*/

.faq-container {padding-block:8rem;background:var(--bk-light-blue);}
.faq-container .container {max-width:1140px;}
.faq-container h3 {color:var(--bk-blue);;}
.faq-container ul {list-style: none;margin: 0;padding: 0;border-top:1px solid var(--bk-light);}
.faq-container li {border-bottom:1px solid var(--bk-light);}
.faq-container li a {text-decoration: none;color:var(--bk-blue);;padding:1rem 3rem 1rem 0;display:block;position: relative;font-weight: 500;}
.faq-container li.more a {font-weight: 600;}
.faq-container li a .plus::before,
.faq-container li a .plus::after {display:block;width:1.5rem;height:1px;background:var(--bk-blue);right:.5rem;top:1.75rem;content:"";position: absolute;transition:.2s;}
.faq-container li a .plus::before {transform: rotate(90deg)}
.faq-container li a .plus::after {transform: rotate(0deg)}
.faq-container li a:hover .plus::before {transform: rotate(-315deg);top:1.35rem;width:1rem;}
.faq-container li a:hover .plus::after {transform: rotate(315deg);top:2.05rem;width:1rem;}


ul.faq-list {border-top:1px solid var(--border-color);list-style: none;margin: 0;padding:1rem;background:#FFF;border-radius: var(--border-radius);}
ul.faq-list li:not(:last-of-type) {border-bottom:1px solid var(--border-color);}
ul.faq-list li a {padding:.75rem .5rem;display: block;text-decoration: none;}

/*
.single-faq .contact {background:var(--bk-blue);color:#FFF;padding:2rem 2rem 1rem;border-radius:var(--border-radius);text-decoration: none;margin-top:4rem;}
.single-faq .contact h3 {font-size: 1.25rem;color:#FFF;}
.single-faq .entry-content .row {margin-bottom:2rem;}
.single-faq .entry-content .row:nth-child(even) > .image {order:2;}
*/

.single-faq article.faq {max-width:768px;}
.single-faq .wp-block-heading {margin-top:1.5em;font-weight: 600;}
.single-faq h2.wp-block-heading {font-size:1.5rem;}
.single-faq h3.wp-block-heading {font-size:1.25rem;}
.single-faq h4.wp-block-heading {font-size:1.125rem;}
.wp-block-heading strong {font-weight:inherit;}

.wp-block-file {border-top:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color);padding:.25rem;}
.wp-block-file:not(.wp-element-button) {font-size: 1rem;}

@media screen and (max-width:600px) {
	body.page-id-18 .blocks .row {border-radius: 0;background: none;border-top:2px solid rgba(255,255,255,.6);margin-block:0;}
}

@media screen and (max-width:991px) {
	section.for .text {z-index: 9;}
	section.for .post-thumbnail {position: absolute;inset:0;opacity: .2;margin: 0;}
	section.for .post-thumbnail img {position: absolute;inset:0;object-fit: cover;max-width: unset;height: unset;}
	
	body.page-id-18 .blocks .row .post-thumbnail {width:30rem;max-width: 50%;}
}

@media screen and (min-width:992px) {
	.site-header > .container {max-width: 100%;padding-inline:2rem;}
	.site-header .main-navigation {padding-block:.5rem;flex:1;}
	
	body.home:not(.sticky) .site-header {background:none;}
	body.home:not(.sticky) .custom-logo-link svg#logo #white {fill:transparent;}
	body.home:not(.sticky) .custom-logo-link svg#logo #lines, 
	body.home:not(.sticky) .custom-logo-link svg#logo #text,
	body.home:not(.sticky) .custom-logo-link svg#logo #rnhb,
	body.home:not(.sticky) .custom-logo-link svg#logo #divider {fill:#FFF;}
	
	body.home:not(.sticky) .site-header .main-navigation ul > li a {color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,.2);}
	
	.site-header .main-navigation ul > li a {font-size: .875rem;white-space: nowrap;}
	.site-header .main-navigation ul > li.menu-item-32 {margin-left:auto;}
	.site-header .main-navigation ul > li.menu-item-36 a {background:var(--bk-accent-blue);border-radius: var(--button-border-radius);color:#FFF;font-weight: 500;padding-inline:2rem;font-family: var(--base-font-family);font-size: 1rem;transition: .2s;}
	.site-header .main-navigation ul > li.menu-item-36 a:hover {transform: translateY(-2px);box-shadow:0 5px 1rem rgba(0,0,0,.3);}
	.site-header .main-navigation ul > li.menu-item-36 a::after {display:none;}
	
	.hero .inner {font-size:1.25rem;}
	.hero .inner h1 {font-size:3rem;}
	
	
	section.for .post-thumbnail {margin-top:2rem;}
	section.for img {border-radius: var(--border-radius);}
	body.page-id-18 .blocks .row {padding:3rem 1.5rem;}
	body.page-id-18 .blocks .row:nth-of-type(even) .image {order:2;}

	.single-post .site-content .post-thumbnail,
	.single-post .site-content .wp-block-image {margin-inline:-2rem;}
}


@media screen and (min-width:1200px) {
	section.for .post-thumbnail {transform: translateX(-10%) scale(1.1)}	
	body.home:not(.sticky) .site-header a.custom-logo-link {width:250px;}

}


@media screen and (min-width:1500px) {
	.hero .inner {font-size:1.375rem;}
	.hero .inner h1 {font-size:4rem;}	
	.site-header .main-navigation {margin-left:300px;}
	section.why .why-block header h3 {font-size:1.5rem;}
	body.page-id-18 .blocks .row {padding:3rem;}
	body.page-id-18 .blocks .row .post-thumbnail {transform: translate(-20%, 1rem) scale(1.2)}
	body.page-id-18 .blocks .row:nth-of-type(even) .post-thumbnail {transform: translate(20%, 1rem) scale(1.2)}}