/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* embed element Vastgoed financieren */
#hs_cos_wrapper_widget_1741114510149-214873611507 .button {
    background-color: #ffffff; /* Witte achtergrondkleur */
    color: #9c3f58; /* Tekstkleur */
    border: 2px solid #9c3f58; /* Roze border */
}
#hs_cos_wrapper_widget_1741114510149-214873611507 .button:hover {
    background-color: #9c3f58; /* Roze achtergrondkleur bij hover */
    color: #ffffff; /* Witte tekstkleur bij hover */
    border: 2px solid #9c3f58; /* Border blijft roze */
}
@media (max-width: 768px){
.row-fluid-wrapper.row-depth-1.row-number-1.embed-214873611507-row-0-padding.dnd-section.embed-214873611507-row-0-margin.embed-214873611507-row-0-force-full-width-section {
    margin: unset !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}
}

/* Element 'Niets verteld meer dan Cijfers' vier blokjes */
#hs_cos_wrapper_dnd_area-module-5 .th-animated-counter .card {
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2); /* Schaduw aan onderkant en rechterkant */
}

/* element 3 kaartjes */
.card.border-radius.py-40.px-40.text-center{
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2); /* Schaduw aan onderkant en rechterkant */
}

/* element header witte blok */
section.th-hero-2.text-center{
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2); /* Schaduw aan onderkant en rechterkant */
}
.span12.widget-span.widget-type-cell.dnd_area-column-1-background-color.dnd_area-column-1-margin.dnd-column.dnd_area-column-1-background-layers .button{
    font-size: 18px; /* buttons even groot */
}
/* minder marge onder rode tekst */
.dnd_area-row-0-background-image .tagline-wrap.mb-15 {
    margin-bottom: 0;
}
/* minder marge onder grote titel */
.dnd_area-row-0-background-image .heading-text h1 {
    margin-bottom: 15px;
}
/* marge boven buttons buy-to-let */
.dnd_area-row-0-background-image .button-wrap {
    margin-top: 10px;
}

/* element content links - afbeelding rechts */
.col.border-radius img {
    clip-path: polygon(10% 0%, 100% 0%, 100% 90%, 90% 100%, 0% 100%, 0% 10%);
    background-color: white; /* Achtergrondkleur voor afgesneden delen */
    position: relative;
}
/* vacature blokjes */
.pricing-card.box-shadow.border-radius.p-40.text-center {
    background-color: #EDEDED!important;
}
.pricing-card-body.light-bg-color.border-radius.card-border.p-40 {
    background-color: #EDEDED!important;
    border: none;
}
.pricing-card-footer .button-full-width .button {
    max-width: 200px; /* Stel de maximale breedte in */
    width: auto; /* Zorg ervoor dat de breedte automatisch wordt aangepast */
    display: block; /* Zorg ervoor dat de button correct wordt weergegeven */
    margin: 0 auto; /* Centreer de button binnen de container */
}
@media (max-width: 768px) {
.pricing-card.box-shadow.border-radius.p-40.text-center {
    margin-bottom: 20px;
}
div#hs_cos_wrapper_widget_1741113339184-214873611504 div.col {
    padding: unset !important;
}  
  
}

/* footer afbeelding */
@media (min-width: 1024px) { 
.footer {
  background-image: url('https://145846521.fs1.hubspotusercontent-eu1.net/hubfs/145846521/Brand%20assets/Build%20Finance%20Footer%20balk.svg');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.row-fluid-wrapper.row-depth-1.row-number-12.dnd-section.footer-row-1-padding.footer-row-1-background-layers.footer-row-1-background-color.footer-row-1-vertical-alignment{
  background-image: none!important;
}
.row-fluid-wrapper.row-depth-1.row-number-14.dnd-section.footer-row-2-background-layers.footer-row-2-background-color.footer-row-2-padding.footer-row-2-vertical-alignment{
  background-image: none!important;
}
.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.footer-row-0-padding.footer-row-0-force-full-width-section {
        padding-right: 90px !important;
    }
div#hs_menu_wrapper_footer-module-17_ {
  display: flex;
  justify-content: center;
}
}


/* header padding & breedte */
section.th-hero-2.text-center {
    padding: 20px;
    /*border-bottom: 2px solid rgba(0, 0, 0, 0.1);*/
}
.dnd-section>.row-fluid {
    max-width: 1100px!important;
}

/* mobiel search icon */
@media (max-width: 768px) { /* Pas de breedte aan indien nodig */
    div#header-search-toggle {
        background-image: url('https://145846521.fs1.hubspotusercontent-eu1.net/hubfs/145846521/raw_assets/public/@marketplace/Juice_Tactics_Snacks/Thrifty/images/search-dark.svg')!important;
    }
    div#header-search-toggle.hide.open {
        background-image: url('https://145846521.fs1.hubspotusercontent-eu1.net/hubfs/145846521/raw_assets/public/@marketplace/Juice_Tactics_Snacks/Thrifty/images/search-light.svg')!important;
    }
}


/* element header witte blok verplaatst naar onderkant */
/* mobiel */
@media (max-width: 768px) {
.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-margin.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image{
  padding-top: 200px !important;
}
  .row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-margin.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image {
        padding-top: 300px !important;
        height: 700px;
    }
  .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.embed-214873612510-row-0-background-layers.embed-214873612510-row-0-force-full-width-section.embed-214873612510-row-0-background-color {
  margin-top: 50px;
}
  header#global-header {
    margin-top: -2px !important;
}
}

.th-breadcrumb .breadcrumb{
  background:unset!important;
}
 .th-breadcrumb .breadcrumb>li:not(:last-child) {
    margin-right: 0px!important;
}
.th-breadcrumb .breadcrumb .icon{
  padding-left:0px!important;
}

/* laptop */
@media (min-width: 1024px) { 
.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-margin.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image{
  padding-top: 400px !important;
  height: 700px;
}
.span6.widget-span.widget-type-cell.dnd-column, section.th-breadcrumb, section.th-hero-1.border-radius.px-40.py-40.light-bg-color {
  margin-top: 0px;
}
.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.embed-214873612510-row-0-background-layers.embed-214873612510-row-0-force-full-width-section.embed-214873612510-row-0-background-color {
  margin-top: 20px;
}
/* header ons team pagina */
#hs_cos_wrapper_dnd_area-module-3 .th-card-3 {
    margin-top: 0!important;
}
/* header over ons pagina */
.row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image {
    padding-top: 400px !important;
    height: 700px !important;
}  
#hs_cos_wrapper_module_17410970755953 .th-hero-1{
  margin-top:0px!important;
  }
/* header element nieuws pagina  */
.body-wrapper.hs-content-id-214610648310.hs-blog-listing.hs-blog-id-214610648308 .row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-force-full-width-section.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image{
  padding-top: 400px !important;
  height: 700px!important;
}
}
.body-container .dnd-section{
  border:none!important;
}
@media (min-width: 1024px) {
  .blog-post{
  margin-top: 30px;
}
  .hs-content-id-214610648310 .dnd_area-row-0-max-width-section-centering > .row-fluid{
    max-width: 1100px !important;
  }
}

/* Builders pagina */
#hs_cos_wrapper_dnd_area-module-3 .th-card-3 {
    margin-top: unset!important; 
}

/* button */
.button-2.button-col a:hover, a.button-outline:hover {
   color: #ffffff !important;
}

/* blog pages hero via th-blog-post.hero */
@media (max-width: 1139px) {
.blog-header__inner, .blog-post, .blog-related-posts {
    padding: 60px 0 !important;
}
}

/* 404 pagina */
.hs-content-id-0 .button, .cta_button, button {
    background-color: #033442!important;
    border: 1px solid #033442!important;
}
.hs-content-id-0 .body-container .dnd-section-system{
  background-image: url(https://145846521.fs1.hubspotusercontent-eu1.net/hub/145846521/hubfs/Stock%20afbeeldingen/BuildFinance-Photo-2.webp?width=2000&height=1333.3333333333333) !important;
  margin: 0 auto!important;
}
.hs-content-id-0 div#hs_cos_wrapper_th_systems_404_hero {
    max-width: 1100px!important;
    margin-top: 120px!important;
}
/* header menu geen active - mt-40 verwijderd in header.html */

/* header menu mobiel zelfde als laptop */
@media (max-width: 1139px) {
    .header__container {
        background: #ffffff;
    }
   body .navigation-primary .submenu.level-1 {
        background-color: #ffffff!important;
    }
   .navigation-primary {
     margin-left:0!important; /* mobiel menu gehele breedte */
     margin-right:0!important;
  }
  body .navigation-primary a.active-item{
    color:#f1894c!important;  /* mobiel menu tekstkleur actief */
  }
  .hs-richtext.hs-main-font-element h2 {
    font-size: 25px !important; /* contactformulier titel kleiner */
  }
  .submenu.level-2 {
    display: block !important;  /* Zorgt ervoor dat het submenu altijd zichtbaar is */
    left: auto !important;      /* Voorkomt dat het submenu naar een onzichtbare positie wordt verplaatst */
    opacity: 1 !important;      /* Zorgt ervoor dat het submenu volledig zichtbaar blijft */
    position: relative !important;  /* Zorgt ervoor dat het submenu netjes inline blijft */
}
  body .navigation-primary .submenu.level-1>.has-submenu>.menu-arrow{
    position:absolute;
  }
   body .submenu.level-2 .menu-item .menu-link {
     padding: 5px 25px !important; /* submenu items kleiner en meer inspringen */
     font-size: 13px !important;
  }
  .header__column.ml-40.mr-40 {
    padding: 0px 20px !important; /* Header blok kleinder, zodat button te zien is */
}
}


  /* pagina's mobiel */

@media (max-width: 1139px) {
  .hs-content-id-214578287831 .row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image {
    height: 700px !important; /* pagina over build finances */
}
  .hs-content-id-214610648310 .row-fluid-wrapper.row-depth-1.row-number-1.dnd_area-row-0-max-width-section-centering.dnd_area-row-0-background-layers.dnd-section.dnd_area-row-0-padding.dnd_area-row-0-background-image {
    height: 700px !important;/* pagina nieuws */
}
}

/* cookie button */
#hs-eu-cookie-confirmation #hs-eu-decline-button {
background-color: #fff !important;
}

/* afspraak pagina blok issues */
.hs-content-id-230723066044 .overlay {
    background: unset !important;
}
.hs-content-id-230723066044 .span12.widget-span.widget-type-cell.dnd_area-column-1-background-color.dnd_area-column-1-margin.dnd-column.dnd_area-column-1-background-layers {
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}
.hs-content-id-230723066044 .th-blog-post-hero-case-study{
      min-height: 200px;
}

/* mobiel menu level 2 */
@media (max-width: 1139px) {
  body .submenu.level-2 .menu-item .menu-link:hover, body .submenu.level-3 .menu-item .menu-link:hover {
     color: #F1894C;
}
  body .submenu.level-2 .menu-item .menu-link:focus, body .submenu.level-2 .menu-item .menu-link:hover{
    background-color: #fff;
}
  body .submenu.level-2 .menu-item .menu-link:focus{
    background-color: #fff;
    color: #F1894C;
}
}

/* indicatief aanbod formulier checkboxen 
.hsfc-CheckboxInput {
    width: 20px;
    height: 20px;
    transform: scale(1.5);
    margin-right: 20px; 
}
.hsfc-FieldLabel span {
    font-size: 18px;
    font-weight: bold; 
}
.hs-content-id-233174692061 button#hs_form_target_widget_1747300491383-15 {
    background-color: #2d613c !important;/* button groen */
}
.hs-content-id-233174692061 [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons:has(>*:only-child){
  justify-content: left !important; /* button links */
}
*/
/* nieuws pagina - issue pagina https://build-finance.com/nieuws/persbericht-build-en-medirect-starten-samenwerking */
.hs-content-id-214628793570 div#hs_cos_wrapper_th_blog_post_cta {
    display: none!important;
}
.hs-content-id-214628793570 div#hs_cos_wrapper_th_blog_post_subscribe {
    display: none!important;
}

/* mobiel font te groot */
@media (max-width: 768px) { 
  .hs-content-id-233783242981 span.heading-type.heading-color.font-size-60 {
    font-size: 27px!important; /* beleggingshypotheek */
}
  .hs-content-id-216878737599 span.heading-type.heading-color.font-size-60 {
    font-size: 31px; /* verhuurhypotheek */
}
}

/* Indicatief aanbod formulier padding 
.hs-content-id-233174692061 h3#hs_form_target_widget_1747300491383-3052461275628, .hs-content-id-233174692061 div#hs_form_target_widget_1747300491383-2575629590142, .hs-content-id-233174692061 h3#hs_form_target_widget_1747300491383-2463867752409{
  margin-bottom: 0px;
}
*/
/* Linguise vlag */
@media (min-width: 1024px) {
#dropdown .linguise_switcher_dropdown li.linguise_current .linguise_current_lang {
  margin-top: 35px;
  margin-right: 15px;
  }
}
@media (max-width: 1024px) {
.header .header__search--toggle{
      margin-right: 20px;
  }
#dropdown .linguise_switcher_dropdown li.linguise_current .linguise_current_lang{
  margin-top: 15px;
  margin-right: -10px;
  }
}

/* rente mobiel */
@media (max-width: 1024px) {
    .hs-content-id-216682788081 .cell_17552665243482-margin {
        margin-top: 0px !important;
    }
}

/* emailvoorkeuren pagina's */
#email-prefs-form .page-header h1 {
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.hs-subscriptions-confirmation-message {
  display: none;
}