/*
Theme Name: Digitaaltandlab
Author: NetSitez
Template: unicon
Version: 1.1
*/
#topbar i, .wpb_wrapper .fa-phone{
	color: #59ae7e;
}
#topbar i{
	font-size: 20px;
}
#mobile-navigation {
    position: fixed!important;
    width: 100%!important;
}
/*Submenu mods*/
/*Arrow down indicator for submenus*/
.menu-item-has-children {
    margin-right: 15px!important;
}
.menu-item-has-children:after{
    color: #777777;
    content: "\f078";
    cursor: pointer;
    font-family: fontawesome;
    font-size: 12px;
    font-weight: lighter;
    position: relative;
    right: -2px;
    top: -20px;
	display: block;
    float: right;
    text-rendering: optimizelegibility;
}
#mobile-navigation .menu-item-has-children:after{
	display:none;
}
/*End submenu arrow indicator*/
.sub-menu {
    border-top: 2px solid rgba(0, 0, 0, 0.08)!important;
}
#navigation > ul > li.megamenu > ul > li > a{
	cursor:pointer!important;
}
#navigation .sub-menu{
	width: 220px;
}
#navigation .sub-menu li a{
	text-transform: uppercase;
	margin-bottom: 10px;
    font-weight: 700!important;
	padding: 8px;
}
/*End submenu mods*/
/*Custom alignment not centered lists */
.col.span_12.color-dark.left .minti_list ul{
	position:relative;
}
.col.span_12.color-dark.left .minti_list li{
	padding-left:25px!important;
}
.col.span_12.color-dark.left .minti_list li:before{
	position: absolute;
    left: 0px;
}
/*end custom alignment*/
.iconbox-style-2 i.boxicon{
	font-size:30px!important;
}
.iconbox-style-2 .iconbox-content {
    margin-left: 15px;
}
.page-id-6 .imagebox .imagebox-img img{
	max-width:262px;
}
#footer table i, .page-id-171 table i {
    padding-right: 5px;
}
#custom_html-3 .button{
	color:#ffffff;
}
a.button.color-2:hover{
	background: #35915d!important;
    border-color: #35915d!important;
}
/**/
.thinborder{
	border:1px solid #ccc;
}
/**/
/*dark tranparent overlay for bg img*/
.page-id-6 #headerbanner.section::before { 
    background-color: rgba(53, 145, 93, 0.6);
    content: "";
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible !important;
    width: 100%;
}
#headerbanner.section::before{ 
    background-color: rgba(28, 28, 28, 0.5);
    content: "";
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible !important;
    width: 100%;
}
.section-parallax::before { 
    background-color: rgba(28, 28, 28, 0.5);
    content: "";
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible !important;
    width: 100%;
}
/**/
.dark{
	color:#666666!important;
}
#form.section::before{
	background: linear-gradient(90deg, rgba(133,203,163,1) 0%, rgba(133,203,163,1) 50%, rgba(133,203,163,0.6) 100%);
	content: "";
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible !important;
    width: 100%;
}
.headerbox, .headerbox h1{
	color:#ffffff!important;
}
/*home imagebox height*/
.page-id-6 .imagebox{
	background-color:transparent!important;
	min-height:345px;
	border:none!important;
	box-shadow:none!important;
}
.page-id-6 .imagebox.wpb_content_element{
	margin-bottom:0!important;
}
.colorbox{
	color:#ffffff;
	background-color:rgba(103,172,133,1);
	padding:10px!important;
}
.colorbox h3{
	color:#ffffff!important;
}
.largerfont {
    border-left: 3px solid #85cba3;
    padding: 0 0 0 10px;
}
.largerfont p{
	font-size:18px;
}
/*custom alignment svg icons*/
.iconbox-style-2 .iconbox-icon {
    width: 50px!important;
}
.iconbox-style-2 .iconbox-content {
    margin-left: 70px!important;
    font-size: 90%;
}
.iconbox.blue .iconbox-icon .iconimg {
    max-width: 75%;
}
/**/
.page-id-6 .iconbox h3{
	color:#666!important;
}
.onze-producten.links{
	display:none!important;
} 
.onze-producten.links i{
	display:none!important;
}
#footerlogos div{
	width: 170px;
	height: 65px;
    float: left;
    padding: 4px;
}
/**/
/*Correct form layout after deactivation dashicons */
.nf-field-container{
	float: left;
    width: 100%;
}
.hr-wrap label {
    display: none;
}
.checkbox-wrap label {
    display: none;
}
.ninja-forms-form-wrap *, .ninja-forms-form-wrap :after, .ninja-forms-form-wrap :before {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.nf-form-hp {
    position: absolute;
    visibility: hidden;
}
.label-hidden .nf-field-label{
	height: 0;
	visibility: hidden;
}
.nf-form-content label {
    font-size: 18px;
    line-height: 20px;
}
.nf-field-label label {
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.field-wrap > div input, .field-wrap textarea{
	width: 100%;
}
/*#nf-form-1-cont .field-wrap > div input, .field-wrap textarea, #nf-form-5-cont .field-wrap > div input, .field-wrap textarea, #nf-form-3-cont .field-wrap > div input, .field-wrap textarea{
	width: 95.5%;
}*/
.nf-field-container {
    margin-bottom: 25px;
}
.label-hidden .field-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.nf-form-cont .one-half{
	width: 48.717948717948715%;
	clear: none;
    float: left;
    margin-left: 2.564102564102564%;
}
.nf-form-cont .first {
    clear: both;
    margin-left: 0;
}
/*end fix for dashicon dependency*/
/*Form behaviour*/
.nf-form-title, .nf-form-fields-required{
	display:none!important;
}
.nf-form-content {
    max-width: 100%!important;
}
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label{
	margin:10px 0!important;
}
.nf-form-content input[type='text'], .nf-form-content .nf-form-content input[type='password'], .nf-form-content input[type='email'], .nf-form-content input[type='tel'], .nf-form-content textarea, .checkbox-wrap .nf-field-label label:after{
	background-image:none!important;
	background: rgba(255, 255, 255, 0.9)!important;
}
.page-id-171 .nf-form-content input[type='text'], .page-id-171 .nf-form-content .nf-form-content input[type='password'], .page-id-171 .nf-form-content input[type='email'], .page-id-171 .nf-form-content input[type='tel'], .page-id-171 .nf-form-content textarea, .page-id-171 .checkbox-wrap .nf-field-label label:after{
	background-image:none!important;
	background: rgba(75, 172, 233, 0.09)!important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus{
	background: rgba(255, 255, 255, 0.5)!important;
}
.nf-field-element select{
	background: rgba(75, 172, 233, 0.1)!important;
	height: 45px!important;
}
/*.nf-field-element h3, .nf-field-container.submit-container.label-above.textbox-container{
	margin-top:25px;
}*/
.field-wrap input[type=button]{
    background: #f38250!important;
    border: 1px solid #f38250!important;
    color: #fff!important;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    -webkit-appearance: none;
    width: 100%!important;
}
.field-wrap input[type=button]:hover{
	background:rgba(243, 130, 80, 0.7)!important;
	border: 1px solid rgba(243, 130, 80, 0.7)!important;
}
.field-wrap input[type=button]:active{
	position:relative;
	top:1px;
}
/**/
/*form accept voorwaarden veld*/
#nf-field-26-container.one-half, #nf-field-39-container.one-half, #nf-field-54-container.one-half, #nf-field-57-container.one-half{
	width:20px!important;
	float:left;
}
#nf-form-2-cont #nf-label-field-26 .ninja-forms-req-symbol, #nf-form-3-cont #nf-label-field-39 .ninja-forms-req-symbol{
	display:none;
}
#nf-field-27-container.one-half.last, #nf-field-40-container.one-half.last, #nf-field-55-container.one-half.last, #nf-field-58-container.one-half.last{
	width:265px;
	margin-left:10px;
	font-size: 14px;
}
hr.ninja-forms-field {
    margin: 20px 0!important;
}
#nf-field-27-container.one-half.last, #nf-field-40-container.one-half.last, #nf-field-55-container.one-half.last, #nf-field-58-container.one-half.last{
	position: relative;
   /* top: -10px;*/
}
.wpb_content_element#contactinfobottommargin {
    margin-bottom: 35px;
}
/*Header alignment*/
#headerbanner{
	background-size: cover;
}
.page-id-24 #headerbanner{
	background-size: contain;
	background-position: 85%;
}
/*End header alignment*/
.sixgrid .vc_col-sm-4{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
/*laptop & netbook*/
@media only screen and (min-width: 1020px){
	#headerbanner{
		height:580px;
	}
	.headerboximg {
  	  float: right!important;
	}	
	.headerbox{
		padding-top: 100px!important;
	}
	#firsticonboxrow, #secondiconboxrow, #thirdiconboxrow, #fourthiconboxrow{
		padding-bottom:40px;
	}
	.sixgrid .vc_col-sm-4 .gridtextbox{
		height:280px;
	}
	.spacer{
		height: 20px!important;
	}
	#form{
		background-position: 100%;
		background-size:cover;
	}	
}
@media only screen and (min-width: 1275px){
	.sixgrid .vc_col-sm-4 .gridtextbox{
		height:360px;
	}	
	.imagebox-txt.third h3{
		margin-bottom:34px;
	}
	.spacer{
		height: 40px!important;
	}
}
@media only screen and (max-width: 780px){
	.page-id-6 #headerbanner {
    height: 380px;
	}
	#headerbanner {
    	height: 380px;
	}
	/*Headertext tandtechniekerpage*/
	.page-id-22 #headerbanner .vc_col-sm-6 {
    	width: 63%!important;
	}
	h1{
		font-size:26px!important;
	}
	.headerbox {
    	padding-top: 50px!important;
	}
	.headerbox.text{
		margin-top: 0!important;
	}	
	.headerboximg {
  	  float: right!important;
	}	
	.page-id-6 .imagebox .imagebox-img img {
    max-width: 155px;
	}
	.page-id-6 .imagebox{
	min-height: 365px;	
	}
	.section-parallax .vc_col-sm-4 {
    width: 65%!important;
	}
	.sixgrid .vc_col-sm-4 {
    padding-left: 0px!important;
    padding-right: 0px!important;
	}
	.sixgrid .spacer {
    display: none!important;
	}
	.sixgrid .minti_boxedholder .single_image img{
	height:270px;	
	}	
	.minti_boxedholder.gridtextbox{
	min-height: 230px;
	}
	.minti_boxedholder.gridtextbox p {
    font-size: 15px;
	line-height:1.4;
	}
	.hidemobile{
		display:none!important;
	}
	.sixgrid .minti_boxedholder .single_image img{
		width:420px;	
	}	
	.section-parallax.on-mobile{
		background-position: 95%!important;	
	}	
	.page-id-6 #usps .col.span_12.color-dark.text-align-center{
		text-align:left;
	}
	body .callout .callout-button{
		margin-left: 0!important;
	}	
	.page-id-6 .imagebox .imagebox-img img {
    max-width: 173px;
	}
	.nf-form-cont .one-half{
		width:100%;
		margin: 0;
	}
/*form terms accept fix*/	
	#nf-field-27-container.one-half.last, #nf-field-40-container.one-half.last, #nf-field-55-container.one-half.last{
		width:85%!important;
		clear:none!important;
		float:left!important;
	}
	#nf-field-54-container.one-half{
		clear:none!important;
		float:left!important;
	}
	.field-wrap{
		display:block!important;
	}
	#form{
		background-size:cover;
	}	
	.wpb_row.sixgrid .wpb_column {
    margin-bottom: 0px!important;
}	
	.sixgrid .spacer{
		display:none;
	}
	#footerlogos div{
		width:140px;
	}	
	#counterbar .span_12 .col{
		float: left;
    width: 48%;
	}	
}
@media only screen and (max-width: 959px) and (min-width: 768px){
#headerbanner {
    height: 330px;
}
	#footer{
		font-size:14px;
	}	
}
@media only screen and (max-width: 1040px) and (min-width: 768px){
	.page-id-6 a.button.button-appear.orange.medium{
		margin-top:32px;
	}
	.page-id-6 .imagebox .imagebox-img img {
    max-width: 222px;
}
	.page-id-6 .imagebox {
    min-height: 412px;
}
	.imagebox-txt.third h3 {
    margin-bottom: 35px;
}
	#topbar, #header {
    position:fixed;
	}
	body #topbar{
	background-color:#f5f5f5!important;
	width: 100%;
	}
	#header{
	margin-top: 40px;
	}
	#content.nopadding{
	margin-top: 130px!important;
	}
}
@media only screen and (max-width: 959px){
	#topbar, #mobile-header {
    position:fixed;
	}
	body #topbar{
	background-color:#f5f5f5!important;
	width: 100%;
	}
	#mobile-header{
	margin-top: 40px;
	}
	#content.nopadding{
	margin-top: 130px!important;
	}
	.menu-headermenu-container {
    margin-top: 130px;
	}
}
@media only screen and (max-width: 680px){
	.sixgrid .minti_boxedholder .single_image img {
    	height: 420px;
	}
	.minti_boxedholder.gridtextbox{
		max-width:380px;
	}
}
@media only screen and (max-width: 420px){
	.sixgrid .minti_boxedholder .single_image img {
    	height: 100%;
	}
}