/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.review-text {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.review-text.open {
    max-height: 1000px;
}


.review-toggle{
	margin-top:10px;
	border-radius:50px;
	background-color: #e07a31;
    text-align: center;
    padding: 10px 30px;
    color: #fefefe;
    font-weight: 700;
	border:none;
}


.review-toggle:hover{
	background-color: #3d3133;
    color: #fefefe;
}

/*****General*****/

.vc_row-has-fill>.vc_column_container>.vc_column-inner{
	padding-top:0px;
}
.first-boxed-content{
	padding:0 0 60px 0;
}

.header-box > div{
	padding:0px!important;
}
.boxed-content{
	padding:60px 0px 80px;
}

.text-white p{
	color:#fefefe;
}

.rechts50{
	padding-right:50%!important;
}
/*****Topbar*****/

.masthead .mini-widgets>*{
	margin-right:0px!important;
}


/*****Navbar*****/

.branding a img, .branding img{
	max-width:210px;
}

.sticky-on .branding a img, .branding img{
	max-width:170px;
}

/*****Header*****/

.upb_bg_overlay {
	background-color: rgba(17, 24, 40, 0.5)!important;
}

.quote-btn p{
	background-color: rgba(58, 49, 51, 0.8);
    max-width: 290px;
    text-align: center;
    border-radius: 50px;
    padding: 10px 10px;
    color: #fed6af;
    font-weight: 900;
    border: solid;
}

.header-btn{
	font-family: 'Inter', sans-serif;
    float: left;
    padding: 0px 20px 0px 0px;
}

.glas-blok >div{
	background-color: #fefefe30;
    border-radius: 10px;
    border: solid 2px #fefefe20;
    color: #fefefe;
	padding:20px 40px 20px 15px!important
}

/*****content*****/

.dienst-blok>div{
	border-radius:10px;
	border:solid 2px #ededee;
	padding:30px!important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    border-radius: 12px; /* afgeronde hoeken */

    background-color: #fdf4ed;
    color: #f28c28;

    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.step-number-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    border-radius: 50px; /* afgeronde hoeken */

    background-color: #e07a31;
    color: #fefefe;

    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.check-list {
    list-style: none!important;
    padding-left: 0;
    margin: 0!important;
	font-weight:900;
	color:#131827;
}

.check-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 10px;
}

.check-list .fa-check {
    flex-shrink: 0;
    color: #e07a31;
}

.fa-check {
    --fa: "\f00c";
    color: #e07a31;
	padding-right:10px;
}

.check-list li::marker {
    content: "";
}

/*****gallerij*****/

.gallerij-links >div{
	padding-right:0px!important;
	padding-left:25px!important;
}

.gallerij-links img{
	min-height:412px;
	object-fit:cover;
}

.gallerij-rechts img{
	max-height:196px;
	object-fit:cover;
}

.gallerij img{
	border-radius:10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

/*****slider blokken*****/
.projecten > div > div{
	
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius:20px;
}

.slider-blokken img{
	border-radius: 20px 20px 0px 0px;
	object-fit:cover;
}

.slider-blokken-tekst > div{
	padding: 20px 40px !important;
}


.kolomlinks {
	float:left;
	width:50%;
	padding-left:0;
	padding-right:10px;
	box-sizing:border-box;
	margin-bottom:5px;
}

.kolomrechts {
	float:left;
	width:50%;
	padding-left:10px;
	padding-right:0;
	box-sizing:border-box;
	margin-bottom:5px;
}

input[type=text]:not(.elementor-field):not(.searchform-s),input[type=tel]:not(.elementor-field),input[type=email]:not(.elementor-field),textarea:not(.elementor-field) {
	border-radius: 10px;
    padding: 15px 20px;
	border: 1px solid #BFBFBF;
}

.contact-blok > div{
	padding:30px 50px!important;
}

.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    margin-bottom: 16px;
    line-height: 1.6;
	color: #EEEEEE!important;
}

.footer-contact a {
    color: #EEEEEE!important;
    text-decoration: none;
}

.footer-contact a:hover {
    text-decoration: underline;
}

.footer .menu li{
	border:none!important;
}

.footer .widget{
	color: #EEEEEE!important;
}

.call-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;
}

.phone-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e07a31;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.phone-circle i {
    font-size: 14px;
}

.call-text {
    font-weight: 600;
    color: #131827;
}

.call-inline a {
    color: #131827;
    font-weight: 700;
    text-decoration: none;
}

.call-inline a:hover {
    text-decoration: underline;
}

.fa-phone, .fa-phone-flip {
    background-color: rgba(58, 49, 51, 0.8);
    padding: 10px;
    border-radius: 50px;
    border: solid 2px #f4d6b3;
	color:#f4d6b3;
}

.mail-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;
}

.mail-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e07a31;
    color: #f4d6b3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mail-circle i {
    font-size: 14px;
}

.mail-text {
    font-weight: 600;
    color: #131827;
}

.mail-inline a {
    color: #131827;
    font-weight: 700;
    text-decoration: none;
}

.mail-inline a:hover {
    text-decoration: underline;
}

.fa-envelope{
    background-color: rgba(58, 49, 51, 0.8);
    padding: 10px;
    border-radius: 50px;
    border: solid 2px #f4d6b3;
	color:#f4d6b3;
}

a.ubtn-link{
	padding:0px!important;
}

@media (max-width: 767px){
	
	.ubtn-normal {
		padding: 12px 24px!important;
	}
	

	.gallerij-links >div{
		padding-right:15px!important;
		padding-left:15px!important;
	}

	.gallerij img{
		width:100%;
		border-radius:10px;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.mobile-header-bar .mobile-branding img{
		max-width:140px;
	}
	
	.boxed-content{
		padding:35px 20px 35px!important;
	}
	
	.header-btn{
		padding: 0 10px 0 0;
	}

	button.ubtn-normal{
		font-size:13px!important;
	}
	
	.header-btn-last{
		float:right;
	}

	.rechts50{
		padding-right:0%!important;
	}
	
	.dienst-blok{
		padding:25px!important;
	}
	
	.glas-blok{
		padding:10px 15px!important;
	}


	.contact-blok > div {
		padding:10px 20px!important;
	}
}