/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1709798266
Updated: 2024-03-07 07:57:46

*/

/*.banner-title span{
    background-color:#BA9570;
    padding-left:20px;
    padding-right:20px;
    border-radius:10px;
    color:white;
    font-weight:bold
}*/

.tbd-flag img{
    overflow: hidden;
    clip-path: polygon(80% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}



.testimonial-wrapper .elementor-testimonial__image{
    border-radius: 90px !important;
    width: 90px;
    height: 90px;
    overflow: hidden;
    background-color: white;
    border:2px solid #8A1840
}

.testimonial-wrapper .elementor-testimonial__image img{
    padding:8px;
     box-sizing:border-box !important;
    
}


.footer .wpcf7-not-valid-tip{
    font-size:12px
}

.bg-colur{
    background-color:rgba(189, 149, 112, .8);
    padding-left:15px;
    padding-right:15px
}


.footer .wpcf7-response-output{
    position:absolute;
    margin:0px !important;
    border-color:#8a1840 !important;
    background-color:#8a1840 !important;
    color:white;
    z-index:1;
    margin-top:-70px !important;
    border-radius:50px;
    right:0
}


.banner-size{
    min-height:530px !important
}

.banner-title-wrapper{
		margin-top:3.3vw
	}

.banner-title span{
    color:#8A1840;
}

.inner-banner {
    min-height: 222px !important;
}


.elementor-sticky--effects{
	background-color:white !important;
	box-shadow:0px 10px 30px rgba(0, 0, 0, .1)
}

.header-logo img{
	transition:all .5s;
}

.header-logo .elementor-widget-container{
	transition:all .15s;
}

.elementor-sticky--effects .header-logo .elementor-widget-container{
	margin-bottom:5px !important;
	margin-top:5px !important;
}

.elementor-sticky--effects .header-logo img{
	width:55px !important
}



.tickerwrapper {
  /* the outer div */
  
  position: relative;
  top: 13px;
  left:0%;
  width: 99.9%;
  height: 130px;
  overflow: hidden;
  cursor: pointer;
}

ul.list {
  position: relative;
  display: inline-block;
  list-style: none;
  padding:0;
  margin:0;
	background-color:rgba(189, 149, 112, .5 );
	line-height:96px;
	padding-bottom:20px
}

ul.list.cloned {
  position: absolute;
  top: 0px;
  left: 0%;
}

ul.list li {
  float: left;
  padding-left: 20px;
  font-size:80px;
	font-weight:bold;
	color:#000
}

.w-100{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	box-sizing: border-box;
	margin-bottom:15px
}

.w-50{
	flex: 0 0 50%;
    max-width: 50%;
	padding-right: 15px;
    padding-left: 15px;
}

.full-width{
	flex: 0 0 100%;
    max-width: 100%;
	padding-right: 15px;
    padding-left: 15px;
}

.custom-field{
    padding:0px !important;
    padding-bottom:10px !important;
    border-radius:0px !important;
    background-color:transparent;
    border:0px !important;
    border-bottom:1px solid black !important
}

.textarea-field{
     padding:0px !important;
    padding-bottom:5px !important;
    border-radius:0px !important;
    background-color:transparent;
    border:0px !important;
    border-bottom:1px solid black !important;
    height:35px
}

.send-btn{
    background-color:#BA9570 !important;
    color:white !important;
    border:0px !important;
    padding:12px 40px !important;
    border-radius:50px !important;
	margin-top:-10px
}

.project-design .elementor-image-box-img{
    overflow:hidden;
    clip-path: polygon(80% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}

/*.project-design .elementor-image-box-img:after{
    content:'';
    position:absolute;
    background: linear-gradient(0deg, rgba(186,149,112,1) 0%, rgba(255,255,255,0) 0%);
    left:0;
	top:0;
    z-index:1;
    width:100%;
    height:100%;
}*/


.project-design .elementor-image-box-img img{
    width:100%;
    height: 100%;
    object-fit:cover;
    margin: 0px;
    padding: 0px;
    transform: scale(1.05);
}
.doc-bio img{
	height:55px!important;
	object-fit:cover;
	object-position:bottom
}
.doc-bio span, .about-title span{
	font-weight:400!important;
}
.doc-bio .pro{
	font-size:16px;
}
.about-title .small-text{
	font-size:18px;
}
@media(min-width:1921px){
	
	.inner-banner {
    min-height: 180px !important;
}
	
	
	.banner-title-wrapper{
		margin-top:1.2vw
	}
	
	ul.list li {
  font-size:60px;
}
	.tickerwrapper{
		height:100px
	}
	.banner-size{
    min-height:408px !important
}
	
	.custom-width{
		max-width:1140px;
		margin:auto !important; 
		overflow:hidden
	}
	
	.custom-width-text{
		max-width:1140px;
		margin:auto !important; 
		overflow:hidden;
		position:absolute !important;
		left:0;
		right:0;
		bottom:0;
	}
}
.img-center .elementor-image-box-title{
	margin-top:3px;
}
.send-btn:hover{
	background-color:#8A1840!important;
	box-shadow: 0px 20px 40px 0px rgba(138, 24.000000000000014, 64.00000000000013, 0.2784313725490196);
}
.btn-wrapper a:hover{
	box-shadow: 0px 20px 40px 0px rgba(138, 24.000000000000014, 64.00000000000013, 0.2784313725490196);
}
.project-slider .slick-dots li button:before, .post-list-wrapper .slick-dots li button:before{
	font-size:45px;
	opacity:1;
	color:#BA9570;
}
.project-slider .slick-dots li.slick-active button:before, .post-list-wrapper .slick-dots li.slick-active button:before{
	color:#8A1840;
	opacity:1;
}
.project-slider .slick-dots li button:hover, .post-list-wrapper .slick-dots li button:hover{
	background-color:transparent;
}
.banner-title-wrapper{
    right:0px;
}

.banner-title-wrapper h2{
     text-align:center;
}
.contact-form .custom-field{
	color:#000!important
}

.contact-form .custom-field::placeholder, .contact-form .textarea-field::placeholder{
	color:#000!important
}
.contact-form .contact-btn{
	text-align:center
}
.contact-form .contact-btn .wpcf7-spinner{
	display:block;
}
.contact-form .contact-btn .send-btn {
    background-color: #8A1840 !important;
	border:2px solid #8A1840!important;
	padding-bottom:10px!important;
	padding-top:10px!important;
}
.contact-form .contact-btn .send-btn:hover{
    background-color: #fff !important;
	color: #8A1840 !important;
	border:2px solid #8A1840!important
}
:focus-visible {
    outline: unset;
}
.contact-map a{
	color:#000;
}
.contact-map a:hover{
	color:#8A1840;
}
[type=button]:focus, [type=submit]:focus, button:focus {
    outline: unset;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #8A1840;
}
.elementor-slideshow__title{
	display:none
}
.gallery-wrapper .e-gallery-item:before{
    content: url(http://tbdint.jmddesign.nl/wp-content/uploads/2024/03/3838412_interface_out_ui_zoom_icon-1.png);
    position: absolute;
    top: 40%;
    left: 40%;
    opacity: 0;
    z-index:1;
}
.gallery-wrapper .e-gallery-item:hover:before{
	opacity:1!important;
}
.post-tab article:hover{
	background:#BA9570!important;
	border-radius:4px;
}
.post-tab article:hover .elementor-post__title a{
	color:#fff!important;
}
.post-tab article .elementor-post__text{
	display: flex!important;
    align-self:center!important;
}
.post-tab article{
	border-bottom:1px solid #0000000D;
}
.post-tab article:last-child{
	border-bottom:0px solid #0000000D;
}
.post-tab article:first-child{
	border-radius:4px 4px 0px 0px

}
.post-tab article:last-child{
	border-radius:0px 0px 4px 4px

}
.post-list-wrapper li h2 a{
	color: #000000;
}
.post-list-wrapper li h2{
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	font-weight: 500;
	margin: 0px;
	display: flex;
	align-items: center;
}
.post-list-wrapper{
	list-style:none;
	padding-inline-start:0px;
	background:#fbfbfb;
	border-radius:4px;
}
.post-list-wrapper li{
	display:flex;
	padding:20px;
	border-bottom:1px solid #0000000D;
	
}
.post-list-wrapper li:last-child{
	border-bottom:unset
	
}
.post-list-wrapper li .project-img{
        width: 60px; 
        height: 60px;
        overflow: hidden; 
        position: relative;
	margin-right:20px;
	flex-shrink: 0;
	border-radius:80px
}
.post-list-wrapper li .project-img img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%;
}
.post-list-wrapper li:hover h2 a{
	color:#fff;
}
.content-active h2 a{
	color:#fff!important;
}
.post-list-wrapper li:hover, .content-active{
	background-color:#BA9570;
	border-radius:4px;
}

.post-list-wrapper img {
            transition: 0.5s all ease-in-out;
        }

        .post-list-wrapper li:hover img {
            transform: scale(1.5);
        }
.btn-project{
	background-color: #fff !important;
    color: #BA9570 !important;
    border: 0px !important;
    padding: 11px 40px !important;
    border-radius: 50px !important;
	margin-top:20px;
	border: 2px solid #fff!important;
}

.btn-project:hover{
	background-color: #ba9570!important;
    color: #fff !important;
	border: 2px solid #fff!important;
}

@media (max-width:1366px){
	.banner-size{
    min-height:500px !important
}
	.inner-banner{
    min-height:213px !important
}
	.banner-title-wrapper{
		margin-top:2vw
	}
}


@media(max-width:1024px){
	
	.inner-banner {
    min-height: 335px !important;
}
	
	.doc-bio img{
	height:47px!important;
}
	ul.list li {
		font-size:55px;
	}
	.tickerwrapper{
		top:30px;
	}
	body.admin-bar .dialog-type-lightbox {
    position: fixed !important;
}
	.elementor-element-30106e9{
	display:grid!important
}
}

@media(max-width:991px){
	
	ul.list {
	line-height:70px;
}
	
	
	.footer .wpcf7-response-output {
    margin-top: -20px !important;
    border-radius: 5px;
    right: unset;
}
	.tickerwrapper{
		top:-8px;
		height:80px
	}
	
	.inner-banner {
    min-height: 253px !important;
}
	
}



@media(max-width:767px){
	.elementor-swiper-button-prev, .elementor-swiper-button-next{
	display:none!important
}
	.footer .wpcf7-response-output {
    margin-top: -20px !important;
    border-radius: 5px;
    right: unset;
}
	.inner-banner {
    min-height: 203px !important;
}
	
	.inner-banner1 {
    min-height: 186px !important;
}
	
	
	.banner-title-wrapper {
    margin-top: 0px;
}
	
	.banner-size{
    min-height:400px !important
}
	
	
	ul.list li {
		font-size:48px!important;
	}
	.tickerwrapper{
		top:0px!important;
		height:72px
	}
	.bio-mob img{
	height:57px!important;
}
	.img-center .elementor-image-box-wrapper{
	display:flex;
}
	.contact-form .w-50, .footer-form .w-50{
    flex: 0 0 100%;
    max-width: 100%;
}
	.post-list-wrapper .slick-slide{
	padding-left:10px;
	padding-right:10px;
    padding-top: 20px;
}

.post-list-wrapper li.slick-active:hover{
	background-color:transparent;
}
}
@media only screen and (min-width: 1025px) {
.testimonial-wrapper .elementor-testimonial__text{
	min-height:215px;
}
	.testimonial-wrapper .elementor-swiper-button-prev{
	left:-27px!important;
}
.testimonial-wrapper .elementor-swiper-button-next{
	right:-27px!important;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait){
      .post-list-wrapper li {
    padding: 20px 0px 20px 20px;
}
	.post-list-wrapper li .project-img {
    width: 70px;
    height: 55px;
    margin-right: 10px;
}
	.post-list-wrapper li h2 {
		font-size: 15px;
	}
	.testimonial-wrapper .elementor-swiper-button-prev {
    left: -59px !important;
}
	.testimonial-wrapper .elementor-swiper-button-next {
    right: -59px !important;
}
	
    }

.project-design .elementor-image-box-wrapper:hover .elementor-image-box-img img {
    transform: scale(1.3);
}

.project-design .elementor-image-box-wrapper:hover h3 a{
	color:#8A1840
}
.testimonial-wrapper .elementor-testimonial__text{
	text-align:left;
}
.testimonial-wrapper img{
	background: #fff;
    object-fit: contain!important;
}
.testimonial-wrapper .elementor-testimonial__footer{
	display:-webkit-box;
}

.testimonial-wrapper .elementor-swiper-button-prev{
	content:url(http://tbdint.jmddesign.nl/wp-content/uploads/2024/03/2849832_arrows_navigation_arrow_left_back_icon-1.svg);
	opacity:1!important;
}
.testimonial-wrapper .elementor-swiper-button-next{
	content:url(http://tbdint.jmddesign.nl/wp-content/uploads/2024/03/2849832_arrows_navigation_arrow_left_back_icon-2.svg);
	opacity:1!important;
}


.testimonial-wrapper .swiper-slide{
	background:#fff;
	border-radius:20px;
}
.testimonial-wrapper .swiper-wrapper{
	position:relative;
}

.testimonial-wrapper .elementor-testimonial{
	position:relative;
	display: inline-block;
}

.testimonial-wrapper .swiper-slide:before {
    content: '';
    background: url(http://tbdint.jmddesign.nl/wp-content/uploads/2024/03/Group-9.jpg);
    width: 100% !important;
	top:0;
	left:0;
    position: absolute !important;
    height:80px!important;
    background-size: 100% !important;
	background-repeat:no-repeat
}
.testimonial-wrapper .elementor-testimonial__footer{
	margin-bottom: 15px;
    margin-top: 1vw;
}