html {
font-size: 62.5%;
scroll-behavior: smooth;
}


:root {
 	--white: #FFF;
 	--black: #393939;
  	--oranje:#ffb916;
  	--blue:#45CDE3;
	--green:#88CE20;
	--red:#A61B1B;
	--pink:#C40E81;
	--dblue:#1E5D88;
	--purple:#312c59;
}


body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color:var(--black);
}


a, div, img, span, p, einput, img, section, button, :before, :after {
	transition:0.3s ease all;
}

h1, h2, h3, h4, h5 {
	font-family:'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

h1, h2 {
	font-size:3.6rem;
}

.text-center {text-align:center;justify-content:center;}


/* template fixes */

.site-inner {
    max-width: 1280px;
    padding: 0;
/*    margin-top: -70px;*/
    position: relative;
}
.content {	width:100%;}

.entry-header {display:none}

.intro-wrap .vc_col-sm-6:nth-child(2) {
    display: none;
}

/* ========================= Header ==============================*/

.site-header .wrap {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header .wrap .wrap{
	width:auto;
}
.nav-primary {width:75%;}
.menu-toggle, .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
	color:var(--black);
	padding:25px 25px 0 0;
}

ul.mega-sub-menu {
    box-shadow: 0px 3px 15px rgb(0 0 0 / 20%) !important;
}

.sub-horeca {border-right: 1px solid var(--oranje) !important;}
.sub-zorg {border-right: 1px solid var(--blue) !important;}
.sub-educatie {border-right: 1px solid var(--green) !important;}
.sub-events {border-right: 1px solid var(--pink) !important;}
.sub-kantoor {border-right: 1px solid var(--dblue) !important;}
.sub-unitree {border-right: 1px solid var(--red) !important;}
.sub-rd {border-right: 1px solid var(--red) !important;}
.sub-humanoid {border-right: 1px solid var(--purple) !important;}

li.menu-item.menu-item-gtranslate {
    display: inline-block;
    margin: 5px 0 0 0;
    height: auto;
    vertical-align: top;
}
/* ========================== homepage & basic ========================== */

.btn-left, .btn-middle, .btn-right {
	width:32%;
	background:var(--black);
	color:var(--white);
	display:inline-flex;
	justify-content:center;
	text-decoration:none;
	padding:15px 0;
	position:relative;
	border:1px solid var(--white);
	box-shadow:none;
}

.btn-left {	border-radius:0 0 0 25px;}
.btn-right {border-radius:0 0 25px}

.button-breed .vc_btn3-shape-square {
	    border-radius: 0 0 25px 25px !important;
	font-weight:600;
	font-size:1.6rem !important;
}

.btn-left:hover, .btn-middle:hover, .btn-right:hover {
	transform:scaleY(1.1);
	box-shadow:0px 5px 10px rgba(0,0,0,0.25);
	z-index:2;
	color:var(--white);
}

.vc_btn3-shape-square {
	border-radius:0 0 25px 0 !important;
	background:var(--black) !important;
	color:var(--white) !important;
	padding:15px 45px !important;
	border:1px solid var(--black);
	box-shadow:none;
}
.vc_btn3-shape-square:hover {
	transform:scaleY(1.1);	
	border-color:var(--white) !important;
	box-shadow:0 5px 10px rgba(0,0,0,0.25);
}


.page-template-hospitality .vc_btn3-shape-square { background-color:var(--dblue) !important;}
.page-template-educatie .vc_btn3-shape-square { background-color:var(--green) !important;}

.foto {	
	margin:0;
	width:100%;
}
.foto figure, .foto .vc_single_image-wrapper {width:100%;}
.foto img {
	border-radius: 25px 25px 0 0 !important;
	width:100%;
	object-fit:cover;
}
.onderschrift {
    color: var(--white);
    background: var(--black);
    padding: 5px;
    border-radius: 0 0 25px 25px;
}

/* intro slider */

body .homeslider-wrap {
	margin-bottom:25px;
}

.homeslider-wrap {
	position:relative;
}

.homeslider-wrap.tdt-slider .carousel-caption {
	position:relative !important;
}

.homeslider-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 30%;
    padding-top: 47.5%;
    z-index: 5;
    background: url(/wp-content/uploads/2022/06/bocht.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.homeslider-wrap.slick-slider .slick-track {
    max-height: 60vh;
}

.homeslider-wrap img {
    object-fit: cover;
    margin: 0 !important;
	max-height:60vh;
}

.homeslider-wrap span.content-section {
    position: absolute;
    bottom: 0;
    display: block;
    z-index: 9;
}

.homeslider-wrap span.content-section {
	bottom: 0;
    display: block;
    z-index: 9;
    background: var(--blue);
    position: absolute;
    left: 25%;
    padding: 25px 25px 0;
    border-radius: 0 75px 0 0;
    color: var(--white);
    width: 35%;
}

.homeslider-wrap span.content-section:before {
    background: var(--blue);
    content: "";
    width: 24vw;
    display: block;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: -24vw;
}

.homeslider-wrap .slick-slide:nth-child(2) span.content-section, .homeslider-wrap .slick-slide:nth-child(2) span.content-section:before {
	background:var(--blue)
}
.homeslider-wrap .slick-slide:nth-child(3) span.content-section, .homeslider-wrap .slick-slide:nth-child(3) span.content-section:before {
	background:var(--oranje)
}
.homeslider-wrap .slick-slide:nth-child(4) span.content-section, .homeslider-wrap .slick-slide:nth-child(4) span.content-section:before {
	background:var(--dblue)
}

.homeslider-wrap .carousel_btn_span a {
    border-radius: 0 25px 0 0 !important;
    position: absolute;
    bottom: 0;
    width: 120px;
    padding: 15px 25px !important;
    right: -120px;
}

.homeslider-wrap .carousel_btn_span a:hover {
	transform:scaley(1.2);
    margin-bottom: 6px;
}
/* grote blokken */

.blok-hp {
    padding-top: 75%;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.blok-hp:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    padding-top: 47.5%;
    z-index: 5;
    background: url(/wp-content/uploads/2022/06/bocht.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.blok-hp:after {
	content:"";
	opacity:0;
	background:var(--blue);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.blok-hp:hover:after  {
	opacity:0.75;
}

.blok-hp .wpb_wrapper {
    width: 85%;
    position: absolute;
    bottom: 0;
    left: -25%;
    border-radius: 0 25px 0 0;
    background: var(--black);
    color: var(--white);
    padding: 25px 25px 25px 15%;
    text-align: right;
    z-index: 3;
    height: 70px;
}


.blok-hp .wpb_wrapper a {
	color:var(--white);
	text-decoration:none;
	font-weight:700;
	position:relative;
	right:20px;
}

.blok-hp .wpb_wrapper a:after {
    font-family: 'FontAwesome';
    content: "\f054";
    display: block;
    position: absolute;
    right: -15px;
    top: -3px;
}

.blok-hp .wpb_wrapper a:hover {
	font-size:110%;
}

.horeca .wpb_wrapper {background:var(--oranje);}
.horeca:after {background:var(--oranje);}
.zorg .wpb_wrapper {background:var(--blue);}
.zorg:after  {background:var(--blue);}
.educatie .wpb_wrapper {background:var(--green);}
.educatie:after {background:var(--green);}
.hospitality .wpb_wrapper {background:var(--dblue);}
.hospitality:after {background:var(--dblue);}
.kantoor .wpb_wrapper {background:var(--dblue);}
.kantoor:after {background:var(--dblue);}
.events .wpb_wrapper{background:var(--pink);}
.events:after {background:var(--pink);}
.unitree .wpb_wrapper {background:var(--red);}
.unitree:after {background:var(--red);}
.humanoid .wpb_wrapper {background:var(--purple);}
.humanoid:after {background:var(--purple);}

.blok-hp:hover .wpb_wrapper {
	bottom:0%;
	left:0;
	height:66%;
}

.hp-passie {padding: 100px 0;}
.hp-passie .wpb_wrapper {
    background: var(--white);
    border-radius: 0 25px 25px 0;
}

.hp-passie .wpb_wrapper .wpb_text_column {padding:25px;}

/*review slider */

.slick-track, .slide-slide {
	transition:auto;
	display:flex !important;
	align-items:center;
}

.review-wrap {padding:50px 0;}

.review-wrap .vc_column-inner {
    z-index: 3;
    position: relative;
}

.review-wrap:after {
	content:"";
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:var(--black);
	opacity:0.9;
	
}

.review-wrap h3 {color:var(--white)}

.review-slider .carousel-caption div {display: flex;}
.review-slider .carousel-caption img {
	width:150px;
	height:150px;
	border-radius:150px;
}
.review-slider .carousel-caption  .content-section {
	text-align:left !important;
	width: calc(100% - 250px);
	color:var(--white);
}

/* nieuws overzicht */

.archive .entry-content .intro-wrap {padding-top:0}

.home ul.vc_grid-filter, .home .vc_grid-filter-select {
    display: none !important;
}

.hp-nieuws .vc_gitem-zone {
	overflow:visible;
	padding-bottom: 11px;
}

.hp-nieuws .vc_gitem-zone:hover {
	box-shadow:0 5px 15px rgba(0,0,0,0.25);
	border-radius:0 0 25px 25px;
}

.hp-nieuws  .vc_gitem_row .vc_gitem-col {
	padding:0;
}


.hp-nieuws-img {position:relative;width:100%;}
.hp-nieuws-img img {
    height: 175px;
    object-fit: cover;
}

.hp-nieuws-img:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    padding-top: 47.5%;
    z-index: 5;
    background: url(/wp-content/uploads/2022/06/bocht.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.hp-nieuws-cat {
    position: absolute;
    top: 139px;
    z-index: 4;
    background: var(--black);
    color: var(--white);
    width: 60%;
    padding: 5px 20px 5px 33%;
    border-radius: 0 15px 0 0;
    text-align: right !important;
}

.hp-nieuws-title {
	font-weight:700;
	font-size:2.4rem;
	padding-left:25px;
	line-height:1.2;
	height:60px;
}

.hp-nieuws-txt {
    max-height: 75px;
    overflow: hidden;
	padding:0 25px;
}
.hp-nieuws-btn {
	position:relative;
	border:none;
	bottom:-25px;
	margin-bottom:0 !important;
}

/* logo slider */
.logo-slider { border-bottom: 5px solid var(--black);padding-top:25px;}
.tdt-slider .slick-slide {margin-bottom:-25px}
.logo-slider-wrap .content-section {display:none !important;}
.logo-slider img {margin-bottom:0 !important}
.logo-slider-wrap .vc_column-inner { padding: 0 !important;}

/* nieuws */

.hp-nieuws-wrap {
	padding-top:100px;
}

/* ================================ Overzicht pagina's ===================================================*/
.entry-content .intro-wrap {
    padding-top: 250px !important;
/*    background-position: inherit !important;*/
}
.intro-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17%;
    padding-top: 17%;
    z-index: 5;
    background: url(/wp-content/uploads/2022/06/bocht.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.intro {
    background: var(--black);
    color: var(--white);
    padding: 25px;
    margin: 0;
    border-radius: 0 75px 0 0;
	position:relative;
}
.intro h1 {
	margin:0;
}
.intro:before {
	background: var(--black);
    content: "";
    width: 50vw;
    display: block;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: -50vw;
}

.intro-video {
    margin-top: -35px;
}

.overzicht {margin-top:25px;}

.blok {
	margin-bottom:35px;
	padding-top:25px;
}
.blok .wpb_text_column:last-child { 
	margin: 15px 0 0;
}
.blok .vc_column-inner { padding: 0px;}

.blok .wpb_wrapper {
	padding-top:25px;
	background:var(--white);
	border-radius:25px;
	overflow:hidden;
}

.blok ul {padding-left:10px; padding-right: 20px;}
.blok .wpb_wrapper .wpb_wrapper {padding:inherit;background:transparent; border-radius: 0 !important;}
.blok .wpb_single_image {overflow: hidden !important;}
.blok:hover .wpb_wrapper {
    box-shadow: 0 5px 15px rgb(0 0 0 / 25%);
    border-radius: 25px;
	background:var(--white);
}
.blok:hover .wpb_wrapper .wpb_wrapper {
	box-shadow:none;
	background:transparent;
}
#events {
    z-index: 4;
    position: relative;
}
#events .blok {margin-bottom:0;}
#events .blok:hover .wpb_wrapper { 	box-shadow:none;}
#events .blok .wpb_wrapper {padding-top:0;}
#events .vc_separator {   margin: 20px auto;}
#events .wpb_video_widget {margin:0}
#events .blok .wpb_text_column:last-child {margin-top:0}
#events .wpb_content_element:last-child {
    margin-bottom: 0;
}
#events .blok .vc_column-inner {padding:0 15px}
#events .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
    background-color: var(--white);
    color: #666;
    border: 1px solid var(--pink);
    border-radius: 15px 15px 0 0;
    color: var(--pink);
}
#events .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background: var(--pink) !important;
    color: var(--white) !important;
    border-radius: 15px 15px 0 0;
}
#events .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:focus, .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover {
	background: var(--pink) !important;
    color: var(--white) !important;
    border-radius: 15px 15px 0 0;
	opacity:0.8;
}
#events .vc_tta-panels-container:before {
	border-top:3px solid var(--pink);
}
#impressie {padding-top:100px;margin-top:-100px}

#horeca h2, #kantoor h2, #zorg h2 {padding-top:25px;}
#horeca:before, #kantoor:before, #zorg:before {
    content: "";
    display: block;
    height: 100%;
    width: 110vw;
    background:var(--oranje);
	opacity:0.2;
    position: absolute;
    left: -25vw;
}

#zorg:before {background:var(--blue)}
#kantoor:before {background:var(--dblue)}

#kantoor.overzicht, #zorg.overzicht {margin-top:0}

.blok .wpb_text_column {
    padding: 0 25px 0 0;
    margin: 0 0 15px;
}

.blok .wpb_text_column:last-child {
	margin:25px 0 0;
	padding:0;
}

.overzicht img {
    height: 350px !important;
    width: auto;
    object-fit: contain;
}

.btn-blok {
    display: flex;
    justify-content: space-between;
	
}
.intro-video .btn-blok {
	margin-top:-35px;
}
.btn-blok .btn-left, .btn-blok  .btn-middle, .btn-blok  .btn-right {
	width:33.3%;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}

.btn-blok .events {background:var(--pink);}
.btn-blok .zorg  {background:var(--blue) !important;}
.btn-blok .horeca {background:var(--oranje) !important;}
.btn-blok .kantoor {background:var(--dblue) !important;}

.blok a.offerte, .blok a.meer-info {
    width: 50%;
    background: var(--black);
    display: inline-flex;
    color: var(--white);
    text-decoration: none;
    justify-content: center;
    border: 1px solid var(--white);
    padding: 10px;
}
.blok a.offerte {border-radius:0 0 0 25px}
.blok a.meer-info {border-radius:0 0 25px 0}

.blok a.offerte:hover,.blok  a.meer-info:hover {
		transform: scaleY(1.2);
} 
.zorg-template .intro, .zorg-template .intro:before, .zorg-template .btn-middle, .zorg-template a.meer-info, #zorg a.meer-info {background:var(--blue);}
.horeca-template .intro, .horeca-template .intro:before, .horeca-template .btn-middle, .horeca-template a.meer-info, #horeca a.meer-info {background:var(--oranje);}
.events-template .intro, .events-template .intro:before, .events-template a.meer-info{background:var(--pink);}
.hospitality-template .intro, .hospitality-template .intro:before, .hospitality-template .btn-middle, .hospitality-template a.meer-info {background:var(--dblue);}
.kantoor-template .intro, .kantoor-template .intro:before, .kantoor-template .btn-middle, .kantoor-template a.meer-info, #kantoor a.meer-info{background:var(--dblue);}
.educatie-template .intro, .educatie-template .intro:before, .educatie-template .btn-middle, .educatie-template a.meer-info{background:var(--green);}
.unitree-template .intro, .unitree-template .intro:before, .unitree-template .btn-middle, .unitree-template a.meer-info{background:var(--red);}
.humanoid-template .intro, .humanoid-template .intro:before, .humanoid-template .btn-middle, .humanoid-template a.meer-info{background:var(--purple);}


.zorg-template h3, #zorg h3 {color:var(--blue);}
.horeca-template h3, #horeca h3 {color:var(--oranje);}
.events-template h3 {color:var(--pink);}
.hospitality-template h3 {color:var(--dblue);}
.kantoor-template h3, #kantoor h3 {color:var(--dblue);}
.educatie-template h3 {color:var(--green);}
.unitree-template h3 {color:var(--red);}
.humanoid-template h3 {color:var(--purple);}

.verhuur-foto {margin-bottom:0 !important;}
.overzicht .verhuur-foto img { max-height: 100% !important;}

.flex-direction-nav a {height:100px !important;width:60px !important}
.flex-direction-nav a:before {
    color: var(--pink) !important;
    font-size: 100px !important;
	text-shadow: 3px 3px 0 rgba(255,255,255,1) !important; 
}

/* ================================ detail pagina's ===================================================*/
.vc_tta-panel-body  a {color:var(--black);}


.zorg-template .wpb_text_column a {color:var(--blue);font-weight:600;}
.horeca-template .wpb_text_column a {color:var(--oranje);font-weight:600;}
.events-template .wpb_text_column a {color:var(--pink);font-weight:600;}
.kantoor-template .wpb_text_column a {color:var(--blue);font-weight:600;}
.hospitality-template .wpb_text_column a {color:var(--dblue);font-weight:600;}
.educatie-template .wpb_text_column a {color:var(--green);font-weight:600;}
.unitree-template .wpb_text_column a {color:var(--red);font-weight:600;}
.humanoid-template .wpb_text_column a {color:var(--purple);font-weight:600;}

.page-template .wpb_text_column .btn-blok a {color:white}

.blok .wpb_text_column a {color: white;}

.docs li {list-style:none !important;}
.docs li:before {
    font-family: 'FontAwesome';
    content: "\f15b";
    display: block;
    position: absolute;
    left: 25px;
}

.robot-info {
    display: flex;
}

.robot-info .vc_column_container:first-child {
    border-right: 3px solid var(--oranje);
    background: #f3f3f3;
    margin-bottom: 25px;
    padding: 25px;
	align-items:center;
	display: flex;
	border-radius: 25px 0 0 25px;
}

.zorg-template .robot-info .vc_column_container:first-child {border-color:var(--blue);}
.horeca-template .robot-info .vc_column_container:first-child {border-color:var(--oranje);}
.events-template .robot-info .vc_column_container:first-child {border-color:var(--pink);}
.kantoor-template .robot-info .vc_column_container:first-child {border-color:var(--blue)}
.hospitality-template .robot-info .vc_column_container:first-child {border-color:var(--dblue);}
.educatie-template .robot-info .vc_column_container:first-child {border-color:var(--green);}
.unitree-template .robot-info .vc_column_container:first-child {border-color:var(--red);}
.humanoid-template .robot-info .vc_column_container:first-child {border-color:var(--purple);}

.vc_tta-panels-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 200vw;
    background: #f8f8f8;
    height: 100%;
    left: -50vw;
}
.robot-info ul li {
    list-style: none;
    position: relative;
	line-height:3rem;
}
.robot-info ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--oranje);
    border-radius: 50px;
    position: absolute;
    left: -30px;
    top: 7px;
}

.zorg-template .robot-info ul li:before {background-color: var(--blue);}
.events-template .robot-info ul li:before {background-color: var(--pink);} 
.kantoor-template .robot-info ul li:before {background-color: var(--dblue);}
.hospitality-templat .robot-info ul li:before {background-color: var(--dblue);}
.educatie-template .robot-info ul li:before {background-color: var(--green);}
.unitree-template .robot-info ul li:before {background-color: var(--red);}
.humanoid-template .robot-info ul li:before {background-color: var(--purple);}


.aanvragen {
    padding: 100px 0;
}

.aanvragen .wpb_text_column {
    background: rgba(255,255,255,0.8);
    padding: 25px;
    border-radius: 25px;
    text-align: center;
	justify-content:center;
}

.aanvragen .wpb_text_column strong {
    font-size: 3rem;
}
.aanvragen p {display:flex;justify-content:center;flex-wrap:wrap;}
.aanvragen .offerte, .aanvragen .contact-btn {
	display:inline-flex;
    background-color: var(--black);
    text-decoration: none;
    color: white !important;
    padding: 15px 25px;
    border-radius: 15px 0 0 15px;
    width: 50%;
    justify-content: center;
}

.aanvragen .contact-btn {
	background-color: var(--oranje);
    border-radius:0  15px  15px 0;
}
.zorg-template .aanvragen .contact-btn {background-color: var(--blue);}
.events-template .aanvragen .contact-btn{background-color: var(--pink);}
.kantoor-template .aanvragen .contact-btn{background-color: var(--dblue);}
.hospitality-template .aanvragen .contact-btn{background-color: var(--dblue);}
.educatie-template .aanvragen .contact-btn{background-color: var(--green);}
.unitree-template .aanvragen .contact-btn{background-color: var(--red);}
.humanoid-template .aanvragen .contact-btn{background-color: var(--purple);}

.aanvragen .contact-btn:hover, .aanvragen .offerte:hover{transform:scaleY(1.2);}



/* ===================================== Unitree template ======================================================== */



body.page-template-unitree {
    background: #000;
    color: white;
}
body.page-template-unitree2 {
	background:white;
	color:#333;
}
.page-template-unitree .intro-wrap:before {background:url(/wp-content/uploads/2025/03/bocht-black.svg);}
.page-template-unitree .btn-left, .page-template-unitree .btn-middle, .page-template-unitree .btn-right, .page-template-unitree .blok a.offerte, .page-template-unitree .blok a.meer-info {border:none}

.page-template-unitree  .vc_tta-tabs-list {margin:0 !important}
.page-template-unitree .overzicht li.vc_tta-tab {
    width: calc(20% - 20px);
    margin: 0 10px;
    text-align: center;
}
.page-template-unitree .overzicht li.vc_tta-tab a {
	background:var(--black);
	color:white;
	border:none;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    font-size: 2rem;
	text-transform:uppercase;
}
.page-template-unitree .overzicht li.vc_tta-tab a:hover {color:var(--black)}
.page-template-unitree .blok .wpb_wrapper {
	background:#000;
	color:white;
	text-align:center;
	padding:25px 0 0;
}
.page-template-unitree .blok .wpb_text_column h3 {Color:white}
.page-template-unitree .blok .wpb_wrapper .wpb_wrapper {padding:0}
.unitree-btns {padding:0 !important}
.page-template-unitree .tab-specs .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.page-template-unitree .blok .wpb_text_column {padding: 0 25px}
.page-template-unitree .blok .wpb_text_column.unitree-knoppen {padding: 0;}
.page-template-unitree .tab-specs .wpb_wrapper p {
    width: 100%;
    font-size: 2rem;
    font-weight: 600;
}
.page-template-unitree .tab-specs .wpb_wrapper div strong {color: var(--red);}
.page-template-unitree .tab-specs .wpb_wrapper div {
    width: calc(33% - 10px);
	padding:0 5px;
	text-align:left;
}
.page-template-unitree .overzicht .vc_active {padding: 100px 0;}
.page-template-unitree .vc_tta-panels-container:before {background:#000}
.page-template-unitree .vc_tta-panels-container .vc_active:before {
	background:#000;    
    background-size: cover !important;
    background-position: center !important;
	background-attachment:fixed !important;
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 100%;
    left: -50%;
    top: 0;
    z-index: 0;
}
.page-template-unitree .vc_tta-panels-container .unitree-h1-tab:before {background:url(/wp-content/uploads/2025/03/background-h1.webp); }
.page-template-unitree .vc_tta-panels-container .unitree-go2-tab:before {background:url(/wp-content/uploads/2023/11/unitree-go2-smartrobot-scaled.webp); }
.page-template-unitree .vc_tta-panels-container .unitree-go2w-tab:before {background:url(/wp-content/uploads/2025/03/go2-w-background.webp); }
.page-template-unitree .vc_tta-panels-container .unitree-g1-tab:before {background:url(/wp-content/uploads/2024/05/Unitree-G1-8.jpg); }
.page-template-unitree .vc_tta-panels-container .unitree-r1-tab:before {background:url(/wp-content/uploads/2025/08/r1-header.webp); }

@media (max-width:480px) {
	.page-template-unitree .vc_row-fluid .vc_row-fluid, .page-template-unitree .blok .wpb_text_column {padding:0}
	.page-template-unitree .tab-specs .wpb_wrapper div{width:50%;text-align:center;}
	.page-template-unitree .overzicht {padding: 0 !important;}
	.page-template-unitree .overzicht img {height:auto !important}
	.page-template-unitree .blok .wpb_wrapper .wpb_wrapper p {padding:0 25px}
	.page-template-unitree .blok .unitree-knoppen p {padding:0 !important}
	.page-template-unitree .overzicht .vc_active {padding:0}
	.page-template-unitree .vc_tta-panels-container .vc_active:before {left:-25px;}
	.page-template-unitree .vc_tta.vc_general .vc_tta-panel-title {text-align:center;}
	.page-template-unitree .vc_tta-panels-container .vc_active:before{z-index:-1} 
}


/* ===================================== Ubtech template ======================================================== */
/*
body.page-template-ubtech {
    background: #000;
    color: white;
}
body.page-template-ubtech {
	background:white;
	color:#333;
}
.page-template-ubtech .btn-left, .page-template-ubtech .btn-middle, .page-template-ubtech .btn-right, .page-template-ubtech .blok a.offerte, .page-template-ubtech .blok a.meer-info {border:none}

.page-template-ubtech  .vc_tta-tabs-list {margin:0 !important}
.page-template-ubtech .overzicht li.vc_tta-tab {
    width: calc(25% - 20px);
    margin: 0 10px;
    text-align: center;
}
.page-template-ubtech .overzicht li.vc_tta-tab a {
	background:var(--black);
	color:white;
	border:none;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    font-size: 2rem;
	text-transform:uppercase;
}
.page-template-ubtech .blok .wpb_text_column h3 {Color:white}
.page-template-ubtech .blok .wpb_wrapper .wpb_wrapper {padding:0}
.ubtech-btns {padding:0 !important}
.page-template-ubtech .tab-specs .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.page-template-ubtech .blok .wpb_text_column.ubtech-knoppen {padding: 0;}
.page-template-ubtech .tab-specs .wpb_wrapper p {
    width: 100%;
    font-size: 2rem;
    font-weight: 600;
}
.page-template-ubtech .tab-specs .wpb_wrapper div strong {color: var(--red);}
.page-template-ubtech .tab-specs .wpb_wrapper div {
    width: calc(33% - 10px);
	padding:0 5px;
	text-align:left;
}
.page-template-ubtech .overzicht .vc_active {padding: 100px 0;}
.page-template-ubtech .vc_tta-panels-container:before {background:#000}
.page-template-ubtech .vc_tta-panels-container .vc_active:before {
	background:#000;    
    background-size: cover !important;
    background-position: center !important;
	background-attachment:fixed !important;
    content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 100%;
    left: -50%;
    top: 0;
    z-index: 0;
}

@media (max-width:480px) {
	.page-template-ubtech .vc_row-fluid .vc_row-fluid, .page-template-ubtech .blok .wpb_text_column {padding:0}
	.page-template-ubtech .tab-specs .wpb_wrapper div{width:50%;text-align:center;}
	.page-template-ubtech .overzicht {padding: 0 !important;}
	.page-template-ubtech .overzicht img {height:auto !important}
	.page-template-ubtech .blok .wpb_wrapper .wpb_wrapper p {padding:0 25px}
	.page-template-ubtech .blok .ubtech-knoppen p {padding:0 !important}
	.page-template-ubtech .overzicht .vc_active {padding:0}
	.page-template-ubtech .vc_tta-panels-container .vc_active:before {left:-25px;}
	.page-template-ubtech .vc_tta.vc_general .vc_tta-panel-title {text-align:center;}
	.page-template-ubtech .vc_tta-panels-container .vc_active:before{z-index:-1} 
}*/
}


/* ===================================== Projecten ======================================================== */

.projecten-wrap .hp-nieuws-cat {
	width:50%;
}

/* ===================================== Nieuws ======================================================= */

.category-horeca .intro, .category-horeca .intro:before, .vc_grid-term-3 .hp-nieuws-cat {background:var(--oranje)}
.category-zorg .intro, .category-zorg .intro:before, .vc_grid-term-7 .hp-nieuws-cat  {background:var(--blue)}
.category-events .intro, .category-events .intro:before, .vc_grid-term-11 .hp-nieuws-cat  {background:var(--pink)}
.category-hospitality .intro, .category-hospitality .intro:before, .vc_grid-term-9 .hp-nieuws-cat  {background:var(--dblue)}
.category-educatie .intro, .category-educatie .intro:before, .vc_grid-term-8 .hp-nieuws-cat  {background:var(--green)}
.category-kantoor .intro, .category-kantoor .intro:before, .vc_grid-term-10 .hp-nieuws-cat  {background:var(--dblue)}
.category-unitree .intro, .category-unitree .intro:before, .vc_grid-term-9 .hp-nieuws-cat  {background:var(--red)}
.category-humanoid .intro, .category-humanoid .intro:before, .vc_grid-term-9 .hp-nieuws-cat  {background:var(--purple)}
.nieuwspagina {padding-top:25px;}
.nieuwsblok figure {width:100%;}

.nieuwsbericht {padding-top:25px;}

/*  filter  */

.nieuwspagina .vc_grid-filter-item {
    margin: 0 !important;
    border-radius: 0 !important;
	padding:0 !important;
	background:transparent;
}
.nieuwspagina .vc_grid-filter-item span {
    padding: 10px 30px;
    opacity: 0.7;
    color: var(--white);
	background:var(--black);
}

.nieuwspagina .vc_grid-filter-item span.vc_gitem-post-category-name {
	background:none;
	opacity:1;
	padding:inherit;
}

.nieuwspagina .vc_grid-filter-item span:hover, .nieuwspagina .vc_active span{
	opacity:1;
	color:var(--white) !important;
}

.nieuwspagina .vc_grid-filter-item:first-child span { border-radius: 25px 0 0 25px !important;}
.nieuwspagina .vc_grid-filter-item:last-child span { border-radius:0 25px 25px 0 !important;}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-3'] {background:var(--oranje);}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-7'] {background:var(--blue);}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-11'] {background:var(--pink);}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-9'] {background:var(--red);}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-8'] {background:var(--green);}
.nieuwspagina span[data-vc-grid-filter-value='.vc_grid-term-10'] {background:var(--dblue);}

.entry-meta {display:none}

/* ===================================== Forms ======================================================= */

.form-double {
    display: flex;
	justify-content:space-between;
}

.form-double input {
	width:95%;
}

form p {
	margin:0;
}

input, select, textarea {
    border: none;
    border-bottom: 1px solid var(--black);
	   padding: 20px 0 0;
	font-size:16px;	
}
textarea {padding-left:5px;}

input::placeholder, select::placeholder, textarea::placeholder {
	color:#c3c3c3;
}


input[type="submit"] {
    width: 100%;
    background: var(--black);
    border-radius: 0 0 25px 25px;
}
input[type="submit"]:hover {
	transform:scaleY(1.2);
	background-color:var(--black);
}
.wpcf7-not-valid-tip {color:var(--oranje);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-requioranje .wpcf7-response-output {
	border: none;
    color: var(--oranje);
    margin: 0;
    padding: 0;
}

/* ================================== Over ons ====================================================== */ 
.over-ons-icons h4 {
    margin:20px 0 0;
}
.over-ons-icons .wpb_text_column, .over-ons-icons .vc_icon_element { 
   	margin: 0;
}

/* ============================== Footer ==========================================================*/

.footer {
    background: var(--black);
    color: var(--white);
    padding: 75px 0 50px;
    position: relative;
}
.footer a {
	color:var(--white);
	text-decoration:none;
}
.footer-wrap {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	flex-wrap:wrap;
}

.footer-1, .footer-2 {
    width: 33%;
	position:relative;
}
.footer-contact {
    display: flex;
    flex-wrap: wrap;
}
.footer-contact span {
    width: 100%;
	padding:5px 0;
}
.footer-2 .menu li {
    width: 49%;
    display: inline-flex;
}
span.footer-logo img {
    max-width: 250px;
    margin-top: -55px;
}

.contact-info a {color:var(--black);text-decoration:none;}
.footer-1 :before, .contact-info :before {
	font-family:"FontAwesome";
	display:block;
	position:absolute;
	left:-25px;
}

.footer-1 .adres, .footer-1 .tel, .footer-1 .mail, .footer-1 .kvk {margin-left: 25px;position:relative}

.adres:before {	content:"\e3af";}
.tel:before {	content:"\f095";}
.mail:before {	content:"\f1d8";}
.kvk:before {	content:"\f15b";}
.insta:before {content:"\f16d";}
.fb:before{content:"\f082";}
.linked:before {content:"\f08c";}
.yt:before {content:"\f167";}

.footer-1 .socials :before {
    position: relative;
    left: 0;
	font-size: 3rem;
}

.socials a {
    width: 45px;
    height: 45px;
    display: inline-block;
}

.copyright {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 10px 0;
    background: #232323;
	color:var(--white);
}
.copyright span {opacity:0.5;padding:0 15px}
.copyright a{
	color:var(--white);
	text-decoration:none;
}

.zoeken {margin-top:25px;width:90%;}
.zoeken form input {
    background: transparent;
	color:var(--white);
}

.zoeken form input.search-form-input {
	border-bottom:1px solid var(--white);
}


.sideblok {
    position: fixed;
    right: 0;
    top: 50vh;
    width: 45px;
    height: 43px;
    background: var(--white);
    border-radius: 25px 0 0 25px;
    z-index: 9;
    padding: 0;
    border: 4px solid var(--white);
    box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
}
.whatsapp a {text-decoration:none}
.whatsapp a:before {
    font-family: 'FontAwesome';
    content: "\f232";
    display: block;
    color: var(--white);
    font-size: 3rem;
    line-height: 35px;
    background: #00E508;
    border-radius: 50px;
    width: 40px;
    height: 35px;
    text-align: center;
    position: relative;
}

.grecaptcha-badge {opacity:0;}

/* ==============================================================================================================
   ================================================= RESPONSIVE =================================================
   =========================================================================================================== */
@media (min-width:1280px) and (max-width:1400px) {
		.intro-wrap:before {
		width:10%
	}
}

@media (max-width:1280px) {
	.vc_row-fluid {
    	padding: 0 25px;
		margin:0;
	}
	.vc_row-no-padding {padding:0}
	.blok-hp .wpb_wrapper {
		left:-10%
	}
	
	.blok-hp:hover .wpb_wrapper {
		height:95%;
		width:95%;
		padding: 25px;
	}
	
	
	.hp-nieuws-wrap {margin-top:25px;}
	.footer {padding:25px 50px;}
}

@media (min-width:768px) and (max-width:1280px) {

	.hp-blokken .vc_col-sm-4 {
		width: 50%;
	}
	.blok-hp:hover .wpb_wrapper {
		height:65%;
		width:85%;
		padding: 25px;
	}
	
	
	.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		height:400px;
		line-height:1;
	}
}

@media (max-width:1024px) {
	.site-header {padding:0}
	.nav-primary {width:100%;}
	.site-header .wrap {display:block;}
	.menu-toggle, .sub-menu-toggle {
		display:block;
		visibility:visible;
	}
	.intro-wrap .vc_col-sm-6 {
		width: 75%;
	}
	.blok-hp:hover .wpb_wrapper {
		height:95%;
	}
	
	.blok .vc_col-sm-6 {
		width: 100%;
	}
	
	.footer {margin-top:75px;}
	
}

@media (max-width:768px) {
	.reverse {
		flex-direction:column-reverse;
	}
	
	.homeslider-wrap span.content-section {
		width: calc(100% - 175px);
		left: 50px;
	}
	.homeslider-wrap img {min-height:25vh;}
	.blok-hp:hover .wpb_wrapper {
		height:65%;
	} 
	.vc_tta-panels-container:before {display:none}
	.robot-info {display:inherit}
	.robot-info .vc_column_container:first-child {padding:20px 0;display:inherit;width:100%}
	
	.footer-wrap {padding:0 25px;}
	.footer-1, .footer-2 {
		width:100%;
		margin-bottom:25px;
		text-align: center;
	}		
	.footer-2 .menu li {
		justify-content:center;
	}	
	.hp-nieuws .vc-gitem-zone-height-mode-auto:before {
		padding-top:70%
	}
	
	
	.review-slider .carousel-caption div {
		flex-wrap:wrap;
	}	
	.review-slider .carousel-caption img {
		height:150px !important;
	}
	
	.review-slider .carousel-caption .content-section {
		width: 80%;
		text-align: center !important;
		margin: 0 auto;
	}
	
}

@media (min-width:600px) and (max-width:768px) {
	.homeslider-wrap span.content-section:before {
		width:6vw;
		left:-6vw;
	}
}

@media (max-width:600px) {
	.homeslider-wrap span.content-section:before {
		width:9vw;
		left:-9vw;
	}
	

	#events .vc_column_container {padding: 10px 5px;}
	.reverse {
		flex-direction: column-reverse;
		display: flex;
		flex-wrap: wrap;
	}
	
	
}

@media (max-width:480px) {
	
	.site-header {
		position: fixed;
		z-index: 999;
		width: 100%;
	}
	.site-inner {
		margin-top:0;
	}
	.custom-logo {max-width:200px}
	h1, h2 {font-size:2.6rem;}

	
	
	#glt-translate-trigger {
		 right: inherit;
   		 left: calc( 50% - 35px);
		 padding: 0px 10px;
	}
	
	.homeslider-wrap span.content-section {
		width: calc(100% - 135px);
		left: 20px;
		padding: 15px;
	}
	
		.homeslider-wrap span.content-section:before {
		width:5vw;
		left:-5vw;
	}
	
	.overzichtintro .wpb_video_widget .wpb_video_wrapper {display:none}
	
	#tdt-slider-486.homeslider-wrap .slick-prev.fa-chevron-left {
		left: 10px !important;
	}
	#tdt-slider-486.homeslider-wrap .slick-next {
		right: 10px !important;
	}
	.homeslider-wrap img {
		min-height:50vh;
	}
	.intro-wrap .vc_col-sm-6 {
		width: 100%;
	}
	
	.entry-content .intro-wrap {background-position:center !important}
	.overzicht {margin:inherit !important}
	
	.intro-video {
		width: 100vw;
		margin-left: -25px;
		position: relative;
	}
	
	.blok-hp:hover .wpb_wrapper {
		height:95%;
		width:95%;
		padding: 25px;
	}
	
	.blok .wpb_text_column {padding:0}
	
	#events .vc_column-inner {padding: 0;}
	
	.vc_grid-item.vc_col-sm-4 {
		height: 460px;
		overflow: hidden;
	}
	
	.vc_tta-panel-body .vc_grid-item.vc_col-sm-4 {    
		height: inherit;
		width: 50%;
		display: inline-block !important;
		position: relative;
	}
	.copyright {flex-wrap:wrap;}
	.hp-nieuws .vc-gitem-zone-height-mode-auto:before {
		padding-top:100%
	}
	
	
}