/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* Afbeelding blok */
.stretchen-img {
    width: 100%;
    height: auto;
}

img.design-img {
    border-radius: 20px;
}

.hs-img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.centreren-img, .centreren-button-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.design-img {
/* Eventuele gemeenschappelijke stijlen voor de afbeelding */
}

.bm-header-cta-container {
    display: flex;
    flex-direction: row;
    align-items: center;	
    gap: 10px;
}

.cta-container {
    display: flex;
    gap: 10px;
}

.cta-space {
	margin-top: 3rem;
}

.pri-cta, .sec-cta {
	font-weight: 500;
    padding: 8px 28px;
    border: 1px solid #247AE2;
	border-radius: 50px;
	transition: background-color 0.2s, color 0.2s;
}

.pri-cta {
    background-color: #247AE2;
    color: #fff;
}

.sec-cta {
    color: #247AE2;
}

.pri-cta:hover, .sec-cta:hover {
    border: 1px solid #175EB5;
}

.pri-cta:hover {
    background-color: #175EB5;
}



.sec-cta:hover {
    color: #175EB5;
}

.bm-pri-i {
	margin-left: 5px;
}

.bm-sec-i {
	margin-left: 5px;
}

.cta-groen.pri-cta {
    background-color: #AAE041;
    border-color: #AAE041;
	color: #000;
}

.cta-groen.pri-cta:hover {
    background-color: #98D322;
    border-color: #98D322;
}

.cta-mobile {
	position: absolute;
	bottom: 0;
}


/* Embed code */
.embed-container { 
    position: relative; 
    overflow: hidden;
    padding-top: 56.25%; /* voor 16:9 verhouding */
    height: 100%;
    width: 100%;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Team */
.bm-teamleden-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

/* Tekst */
/* Standaard styling voor de tekstcontainer */
.bm-t-container {
    /* Andere stijlen die je mogelijk al hebt ingesteld. */
}

.cta-center {
	align-items: center;
}

/* Als centreren is ingeschakeld */
.bm-t-center {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
	display: flex;
	flex-direction: column;
}

/* Als smalle tekst is ingeschakeld */
.bm-t-small {
    max-width: 780px;
}

/* Stijlen om de knoppen te centreren wanneer tekst gecentreerd is */
.bm-t-center .cta-container {
    text-align: center; /* dit is om de knoppen te centreren */
}

.cta-container {
	margin-top: 3rem;
}

/* Tekst met afbeelding */

/* Basisopmaak voor de container */
.brxe-container.c-t-img {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 20rem;
    grid-row-gap: 30px;
}

.dl-t-img {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dl-t-img {
    width: 100%;
    max-width: 480px;
}

/* Standaard opmaak voor afbeeldingen */
.dr-t-img img.t-img {
    width: 100%;
}

/* Als huisstijl is ingeschakeld */
.dr-t-img img.t-img.ti-design {
    width: 100%;
    height: 440px;
    object-fit: cover;
}

/* Standaard order voor kinderelementen */
.brxe-container.c-t-img .dl-t-img {
    order: 0;
}
.brxe-container.c-t-img .dr-t-img {
    order: 1;
}

/* Wanneer de volgorde is veranderd */
.brxe-container.c-t-img.t-img-order .dl-t-img {
    order: 1;
}
.brxe-container.c-t-img.t-img-order .dr-t-img {
    order: 0;
}

/* Zoekresultaten */
.bm-search-results {
    margin: 20px 0;
    padding: 0;
}

.bm-search-result {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.bm-search-result-image {
    flex: 1 1 100px;
    margin-right: 20px;
}

.bm-search-result-image img {
    max-width: 100%;
    height: auto;
}

.bm-search-result-content {
    flex: 1 1 calc(100% - 120px);
}

.bm-search-result-content h3 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.bm-search-excerpt {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

/* Overzicht */

.bm-ovz-container {
    display: grid;
	width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

.bm-ovz-block {

}

.bm-ovz-title {
    margin: 10px 0; /* wat ruimte tussen de afbeelding en de titel */
}

.ter-cta {
    display: inline-block;
    margin-top: 5px; /* wat ruimte tussen de titel en de knop */
}

/* Diensten */
.bm-dovz-container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(clamp(21rem, calc(21rem + ((1vw - 0.48rem) * 11.25)), 30rem), 1fr));
	grid-column-gap: 12rem;
	grid-row-gap: 20px;
}

.bm-dovz-item {
    display: flex;
    flex-direction: row;
    align-items: center;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000; 
	width: 100%;
	justify-content: space-between;
}

.bm-dovz-icon {
	
}

.bm-space {
	padding-top: clamp(4rem, calc(4rem + ((1vw - 0.48rem) * 5)), 8rem);
	padding-bottom: 4rem!important;
}

/*Text & USP*/
.bm-t-usp-flexible-block{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	width: 100%;
	max-width:900px;
	margin-top:2rem;
	align-self: center;
}

.bm-flexible-block-text{
	background-color:#f1f2f3;
	display:flex;
	justify-content:center;
	padding:2rem;
	width: 100%;
    font-weight: 600;
	border-radius:10px;
}

.t-usp-icon {
    margin-right: 10px;
}

.usp-divider{
	width: 100%;
    max-width: 200px;
    margin-top: -240px;
    margin-right: 5rem;
}

.t-usp-c-i {
    width: 100%;
    max-width: 600px;
    align-self: center;
}

.t-usp-content{
	width: 100%;
    justify-content: center;
	display: flex;

}

p.bm-t-usp-tekst {
    font-size: 16px;
}

/* Tarieven */

table {
	margin-top: 3rem;
}

table tr {
    border-bottom: 1px solid #000;
	font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.25)), 1.6rem);
}

table td {
    padding: 8px 22px 8px 22px;
	border-color: #f2f2f2;
	font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 0.375)), 1.6rem);
}


    .pricing-table {
        margin-bottom: 2em;
    }
    .pricing-table table {
        width: 100%;
        border-collapse: collapse;
    }
    .pricing-table th, .pricing-table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    .pricing-table th {
        background-color: #f2f2f2;
        font-weight: bold;
    }


/* FAQ */
.c-faq {
    align-items: center;
}

.bm-faq-container {
    padding: 3rem;
    background-color: #F7F3F5;
    border-radius: 10px;
	width: 100%;
	max-width: 900px;
}

.bm-h3-question {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 2rem;
}

h3.bm-h3-question {
	color: #000;
margin-right: 3rem;
}

.bm-faq-question {
    width: 100%;
}

.bm-faq-answer {
	width: 100%;
	max-width: 720px;
	font-size: 18px;
	padding-bottom: 3rem;
}

.bm-faq-item {
    width: 100%;
max-width: 820px;
}



/*Text & USP 2*/



.bm-t-usp-2-flexible-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
    padding: 0rem 4rem;
	align-self: center;
}

.bm-flexible-block-text-2 {
    color: #fff;
}

.bm-shield-icon {
    color: #247ae2;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.t-usp-2-icon {
    font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 1.375)), 2.6rem);
}

.bm-flexible-block-item-2 {
    padding-bottom: 2rem;
}

.bm-t-usp-2-text-extra{
	margin-bottom:0px;
}

.bm-flexible-block-item-2 {
    padding-bottom: 5rem;
}

@media screen and (max-width:900px){
	.usp-divider{
		display:none;
	}
	
	.s-diensten-2.brxe-section {
    padding-top: 0rem!important;
    padding-bottom: 4rem;
}
	
	.s-wp.brxe-section {
    margin-top: 0rem!important;
	}
	
	.t-usp-2-icon{
		font-size:3.4rem;
	}
	
	.bm-flexible-block-item-2 {
    padding-bottom: 0rem!important;
}
	.s-cf.brxe-section {
    padding-bottom: 0rem!important;
}
	.bt-h-hero-blog h1 {
    text-align: center !important;
}
}

@media screen and (max-width:400px){
	.s-blogalider.brxe-section{
		margin-top:2rem!important;
	}
	h2 {
    font-size: clamp(1.6em, calc(1.6rem + ((1vw - 0.48em) * 0.375)), 2.1em)!important;
}
	h3 {
    font-size: clamp(1.5em, calc(1.5rem + ((1vw - 0.48em) * 1)), 1.8em)!important;
}
	.icon-b-contact.brxe-icon-box .content {
    font-size: clamp(1.6rem, calc(1.5rem + ((1vw - 0.48em) * 1)), 1.8em);
}
}

/* whitepaper */

.bt-wp.brxe-text-basic h3 {
	color: #000;
}

/* Cookiemelding */
.cmplz-documents.cmplz-links ul {
    display: flex;
    list-style: none;
    gap: 20px;
    flex-wrap: wrap;
}