/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 @import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i';

h1, h2, h3, h4, h5, h6 {
    text-transform:     none !important;
}
/*Full screen foto */
#tm-fullscreen {
    border-top:         0px !important;
}
.multiwal-logo {
    position:           absolute;
}
.home .tm-block:first-child {
    top:                -20px;
    position:           relative;
    padding-top:        0px;
    padding-bottom:     0px;
    background:         #978a61;
    padding-top:        10px !important;
    padding-bottom:     10px !important;
}
.home .tm-block:first-child, .home .tm-block:first-child a {
    color:              white;
}
.home .tm-block:nth-child(2){
    padding-top:        30px !important;
}
.home .tm-block:nth-child(3) .uk-article-title, .home .tm-block:nth-child(3) .uk-panel-title {
    font-size:          28px !important;
    line-height:        42px !important;
    font-weight:        700 !important;
    margin-top:         0px !important;
}
.home .tm-block:nth-child(3) .uk-grid {
    font-size:          14px !important;
}
.home .tm-sidebar-a .uk-panel>div h3 {
    font-size:          16px;
    font-weight:        700;
    margin-bottom:      0px;
}
.home .tm-sidebar-a .uk-margin {
    margin-top:         0px;
}
.page .tm-block-full {
    height:             300px !important;
}
@media (min-width: 768px) {
    .tm-block {
        padding-top:        40px !important;
    }
}
.current-menu-item > a {
    font-weight:        800;
    color:              #b7c261 !important;
}
.sidebar-menu ul.uk-nav>li>ul {
    display:            none;
}
.sidebar-menu ul.uk-nav>li.current-page-ancestor>ul, .sidebar-menu ul.uk-nav>li.current-menu-item>ul {
    display:            block !important;
}
.tm-page {
  margin: 0 auto;
}
/* Talen menu */
.wpml-ls-sidebars-toolbar-r {
    margin-top:         -18px !important;
    list-style:         none;
}
.wpml-ls-sidebars-toolbar-r li {
    padding:            20px 3px 0px 3px;
    float:              left;
}
.wpml-ls-sidebars-toolbar-r li a {
    line-height:        25px;
    padding:            15px 5px 10px 5px;
}
.wpml-ls-sidebars-toolbar-r li.wpml-ls-current-language {
    background-color:   black;
}
.wpml-ls-sidebars-toolbar-r li.wpml-ls-current-language a {
    color:              white;
}
.wpml-ls-sidebars-toolbar-r li a {
    color:              black;
}
.wpml-ls-sidebars-toolbar-r li {
    margin-left:        5px;
    margin-right:       5px;
}
.wpml-ls-sidebars-toolbar-r li:first-child {
    margin-left:        0px;
}
.wpml-ls-sidebars-toolbar-r li:last-child {
    margin-right:       0px;
}
.uk-float-right .uk-panel {
    float:              left;
}
/* Headder */
/* logo */
.tm-headerbar .tm-logo {
    max-width:          45%;
}
/* Offcanvas */
.uk-offcanvas ul.uk-nav > li > ul.uk-nav-sub > li > ul > li > ul {
    display:            none;
}
/* Wandontwerper in header */
.top-wandontwerper, .label-groot {
    background-color:   #b61818;
    color:              white;
    padding:            20px 10px 10px 10px;
    margin-right:       15px;
}
/*Header bar */
.tm-headerbar {
    padding-bottom:     60px;
}
/* Titels */
.uk-article-title, .uk-panel-title {
    text-transform:     none !important;
}
.home .uk-breadcrumb {
    display:            none !important;
}
.tm-article-center .uk-article-title {
    text-align:         left !important;
}
/* Contactformulier */
.contact-formulier label{
    width:              33%;
    position:           absolute;
}
.contact-formulier .g-recaptcha {
    margin-left:        33%;
}
.contact-formulier input,.contact-formulier textarea, .wpcf7-radio {
    width:              66%;
    margin-left:        33% !important;
}
.contact-formulier input[type="submit"]{
    color:              white !important;
}
.homepage-formulier textarea{
    height:             120px;
}
/* Homepage onze producten */
.homepage-onze-producten {
    color:              white !important;
}
/* Snelmenu */
.snelmenu > div {
    text-align:         center;
    font-weight:        700;
    border:             1px solid lightgrey;
    padding:            15px;
    margin:             1%;
}
.snelmenu > div:first-child {
    margin-left:        0px !important;
}
.snelmenu > div:last-child {
    margin-right:       0px !important;
}
.snelmenu {
    margin:             0px !important;
}
.snelmenu > div.col-sm-2 {
    width:              15% !important;
}
.snelmenu > div.col-sm-2:first-child {
    width:              15% !important;
}
.snelmenu > div.col-sm-2last-child {
    width:              15% !important;
}
.snelmenu > div.col-sm-3 {
    width:              23% !important;
}
.snelmenu > div.col-sm-3:first-child {
    width:              24% !important;
}
.snelmenu > div.col-sm-3:last-child {
    width:              24% !important;
}
.breadcrumb-contact-offerte {
    position:           absolute;
    top:                -22px;
    right:              0px;
    width:              430px;
    text-align:         right;
}
@media(max-width:767px){
    .breadcrumb-contact-offerte {
        top:            -31px;
        right:          -25px;
    }
    .breadcrumb-contact-offerte .label-groot {
        padding:        7px;
        margin-right:   0px;
    }
}
.home .breadcrumb-contact-offerte {
    display:            none;
}
.tm-content {
    position:           relative;
}
.qtranxs-available-languages-message {
    display:            none !important;
}
.home-projecten {
    background-image:   url('/wp-content/uploads/2016/09/homepage-producten.jpg');
    height:             400px;
}
.home-projecten h1 {
    display: inline-block;
    padding: 40px 50px;
    background: rgba(151, 138, 97, 0.85);
    color: #ffffff;
    text-align: center;
    text-transform: uppercase !important;
    line-height: 26px;
    font-size: 26px;
}
.tm-bottom select, .tm-bottom textarea, .tm-bottom input[type] {
    color: #616060 !important;
    font-weight: 400;
}
.archiveThumbnail, .singleThumbnail {
    float:          right;
    display: none;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}
table.brochure {
    width:      100%;
}
table.brochure tbody tr td {
    width:          33%;
    text-align:     center;
    padding:        20px 0px 10px 0px;
    vertical-align: top;
    border-bottom:  1px solid lightgrey;
}
table.brochure tbody tr td img {
    padding:        0px 5px;
}
table.brochure>tbody>tr:last-child td {
    border-bottom:  none;
}
table.brochure tbody tr>td:nth-child(1),table.brochure tbody tr td:nth-child(2) {
    border-right:   1px solid lightgrey;
}
@media(max-width:750px) {
    table.brochure tbody tr td {
        width:          100%;
        display:        block;
        border-right:   0px !important;
        border-bottom:  0px !important;
    }
}
table.certificering, table.certifiering * {
    border:         0px;
}
table.certificering tbody tr>td {
    padding:        1%;
}
table.certificering tbody tr>td:first-child {
    width:          20% !important;
    max-width:      200px !important;
}
table.certificering tbody tr>td:last-child {
    width:          80% !important;
}
.uk-dropdown {
    padding:        0px !important;
}
/* Custom submenu */
.pageWithSubMenu .titel {
    margin-bottom:  40px;
}
.pageWithSubMenu .pageSubMenu .firstMenu a, .pageWithSubMenu .pageSubMenu .secondMenu a {
    border:         1px solid lightgrey;
    width:          100%;
    padding:        7px 5px 7px 20px;
    display:        inline-block;
    margin-top:     -1px;
}
.pageWithSubMenu .pageSubMenu .secondMenu a.active {
  font-weight:      bold;
}
.pageWithSubMenu .pageSubMenu .firstMenu a {
    color:          black;
}
.pageWithSubMenu .pageSubMenu .firstMenu a.active, .pageWithSubMenu .pageSubMenu .submenu a.active {
    background-color:   #978a61;
    color:              white;
}
.pageWithSubMenu .pageSubMenu .firstMenu a.menuType {
    font-weight:    bold;
}
.pageWithSubMenu .pageSubMenu .firstMenu .submenu {
    display:        none;
}
.pageWithSubMenu .pageSubMenu .firstMenu .submenu a.menuType {
    font-weight:    normal;
    padding-left:   30px;
}
.pageWithSubMenu .pageSubMenu .firstMenu .submenu .submenu a.menuType {
    font-weight:    normal;
    padding-left:   50px;
}
.pageWithSubMenu .pageSubMenu .firstMenu, .pageWithSubMenu .pageSubMenu .menuSeperateBottom {
    margin-bottom:  50px;
}
.tm-headerbar {
    margin-top:     -85px;
}
.tm-toolbar .uk-float-right .widget_custom_html {
    clear:          both;
    width:          100%;
}
.tm-toolbar .uk-float-right .widget_custom_html .contact-info {
    margin-top:     20px;
    font-weight:    bold;
}
.tm-toolbar .uk-float-right .widget_custom_html .contact-info a {
    font-weight:    normal;
    color:          black;
}
.tm-toolbar .uk-float-right .widget_custom_html .contact-info > div {
    width:          50%;
    float:          left;
}
/* Image fix mobile */
@media(max-width:450px){
    img.alignright, img.alignleft, img.aligncenter {
        /* width:      100%; */
    }
    table.brochure tbody tr>td:nth-child(1),
    table.brochure tbody tr td:nth-child(2){
      border-bottom: 1px solid lightgrey !important;
    }
}
.tm-bottom-c .widget_custom_html {
    text-align:     center;
}
.tm-bottom-c .widget_custom_html > .textwidget {
    width:          auto;
    display:        inline-block;
}
.uk-article ul {
    margin-top:     -20px;
}
/* Contact formulier */
.contactformulier {
    margin:         0px -16px !important;
}
.contactformulier .gform_body .gfield {
    padding:        16px;
    margin-top:     0px;
    display:        inline-block;
    width:          100%;
}
.contactformulier .gform_body .gfield:hover {
    background-color: #978a61;
}
.contactformulier .gform_body .gfield:hover label, .contactformulier .gform_body .gfield:hover  .gfield_description, .contactformulier .gform_body .gfield:hover  .ginput_container span, .contactformulier .gform_body .gfield_html:hover  {
    color:          white;
}
.contactformulier .gform_body .gfield>label, .contactformulier .gform_body .gfield>.ginput_container, .contactformulier .gform_body .gfield>.gfield_description {
    width:          50%;
    float:          left;
    margin:         0px;
}
.contactformulier .gform_body .gfield>.gfield_description {
    margin-left:    50%;
}
@media(max-width:650px){
    .contactformulier .gform_body .gfield>label, .contactformulier .gform_body .gfield>.ginput_container {
        width:          100%;
        margin-top:     10px;
    }
}
.contactformulier .gform_body .gfield .ginput_container > *:not(.gfield_radio) {
    width:          100%;
}
.contactformulier .gform_body .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding-top:    0px;
    padding-bottom: 0px;
}
.contactformulier .gform_footer {
    margin-left:    16px !important;
}
.contactformulier .gform_footer .gform_button {
    background-color:   #978a61;
    color:              white;
    border:             0px;
    padding:            7px 12px;
}
/* 25-06-2019 bij henk */
.tData thead th {
  padding: 10px 9px !important;
text-align: center !important;
}
.tData tr>td, .tData tr>th {
  width: 110px;
}
.tData tr>td:first-child, .tData tr>th:first-child {
  min-width: 190px;
}
.page__intro.full-width .wp-caption.typeku {
  width:  100% !important;
  margin-right: 0px;
  margin-bottom: 20px;
}
.page__intro.full-width .thumb  p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.page__intro.full-width .wp-caption.typeku img {
  width:  100% !important;
}
.wp-caption.typeku {
  width:  48% !important;
  margin-right: 4%;
  float: left;
}
.page__intro.full-width .thumb {
  height: auto;
}
.page__intro .thumb {
  height: auto !important;
}
.page__intro .thumb .onderschrijft {
  min-height: 48px;
}
div.wp-caption.typeku:last-child {
  margin-right: 0px !important;
}
.wp-caption.typeku img {
  width: 100%;
}
.page__intro .submenu {
  /*position: absolute;*/
  position: relative;
  bottom: 0px;
  margin-bottom: 48px !important;
  font-size: 19px !important;
}
.page__intro {
  position: relative;
  margin-bottom: 30px;
}
.technical-data ul {
  margin-top: -20px;
}
.page__intro  .submenu li:not(:last-of-type) {
  margin-bottom: 10px !important;
}
.portals .portal .image {
  padding-bottom: 46.25% !important;
}
.uk-float-right {
  min-width:  350px;
}
.uk-float-right .uk-panel.widget_icl_lang_sel_widget {
  float:      right;
}
/* 09072019 */
.tm-fullscreen {
  max-height: 600px;
}
.homepage-slider,.homepage-slider>div,.homepage-slider>div>ul,.homepage-slider>div>ul>li {
  height: 100%;
}
.homepage-slider .uk-overlay-panel > div > * {
  right:  30px;
  bottom: 30px;
  position:absolute;
}
@media(max-width:1600px){
  .homepage-slider .uk-overlay-panel > div > * {
    bottom: 60px;
  }
}
.homepage-slider .uk-overlay-panel > div > .uk-h3 {
  padding: 10px;
  display: inline-block;
  background-color: rgba(0,0,0,0.4);
  padding-bottom: 30px;
  margin-bottom: -10px;
}
.homepage-slider .uk-overlay-panel > div > p {
  padding-right:  10px;
}
.homepage-slider .uk-dotnav {
  margin-bottom:  30px;
}
.multiwal-logo {
  z-index:  1;
}
.home .tm-main {
  margin-top: 40px;
}
.home .buttons {
  position: absolute;
  top:      -115px;
  width:    100%;
}
.home .buttons .button {
  width: 24%;
  margin-right: 1%;
  /* padding: 20px 0px; */
  background-color: white;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(151,138,96,1);
  -moz-box-shadow:    1px 1px 5px 0px rgba(151,138,96,1);
  box-shadow:         1px 1px 5px 0px rgba(151,138,96,1);
  height: 143px;
  background-size: cover;
  background-position: center;
}
@media(max-width:950px){
  /*
  .home .buttons .button {
    width: 32.3%;
    margin-bottom: 20px;
  }
  .home .content-blokken {
    padding-top: 80px;
  }
  */
}
@media(max-width:600px){
  .home .buttons .button {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 0px 0px;
  }
  .home .content-blokken {
	/* if video is not available uncomment line */
    /* padding-top: 200px; */
	  padding-top: 0;
  }
}
.home div.buttons>a:last-child {
  margin-right: 0px;
}
.home .buttons .button:hover {
  /* background-color:   #978a61; */
  /* color:              white; */
  cursor: pointer;
}
.home .content-blokken .blok .afbeelding>.afbeelding-inner {
  width:              100%;
  height:             100%;
  background-size:    cover;
  background-position: center center;
}
.home .content-blokken .blok {
  margin-bottom:      100px;
}
.home div.content-blokken>div.blok:last-child {
  margin-bottom:      0px;
}
.uk-dotnav > * > * {
  width:  15px;
  height: 15px;
}
.tm-page {
  margin-top: 0px !important;
}
/* Captcha form */
.form-captcha, .form-captcha iframe, .form-captcha .grecaptcha-badge {
    height: 0px !important;
    padding: 0px !important;
}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: -4px;
}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0 !important;
}
.c-video__container,
.d-video__container,
.e-video__container {
    height: 600px;
    width: 100%;
    background-size: cover;
}
.textwidget.custom-html-widget {
    display: none;
}
/* .thefactory_button{
	display: block;
    width: 100%;
    margin: 0 auto 40px auto;
	padding: 130px 0 0 0;
    text-align: center;
} */
/* @media(max-width: 900px){
	.tm-fullscreen {
		height: 450px;
		max-height: 450px;
	}
	.thefactory_button{
		display: block;
		width: 100%;
		margin: 0 auto 40px auto;
		padding: 110px 0 0 0;
		text-align: center;
	}
	.c-video__container {
		width: 100%;
		height: 450px;
		position: relative;
		background-size: cover;
		background: black;
	}
	.c-video__container video{
		object-fit: cover;
		z-index: -100;
		height: unset !important;
		width: 100%;
		right: 0;
		left: 0;
		bottom: 0;
		background-size: cover;
		overflow: hidden;
		background-color: #000000;
		padding: 42% 0 10% 0;
	}
} */
/* @media(min-width:600px){
	.tm-fullscreen {
		height: 350px;
		max-height: 350px;
	}
	.thefactory_button{
		display: block;
		width: 100%;
		margin: 0 auto 40px auto;
		padding: 0 0 0 0;
		text-align: center;
	}
	.c-video__container {
		width: 100%;
		height: 350px;
		position: relative;
		background-size: cover;
		background: black;
	}
	.c-video__container video {
		object-fit: cover;
		width: 100%;
		bottom: 0px;
		position: absolute;
		background-size: cover;
		overflow: hidden;
		background-color: #000000;
	}
} */
.slider-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 143px;
  color: #fff;
}
.slider-text:hover{
  color: #525252;
}
.multiwal-logo-vervolg{
	position: absolute;
	z-index: 1 ;
	top: 240px;
	width: 60px;
}
	.multiwal-logo-vervolg > img{
		position: relative;
		width: 100%;
		height: auto;
		display: block;
	}
	@media (max-width:1366px ){
		.multiwal-logo-vervolg{
			position: absolute;
			z-index: 1 ;
			top: 10px;
			width: 55px;
		}
	}
	@media (max-width:767px ){
		.multiwal-logo-vervolg{
			position: absolute;
			z-index: 1;
			top: 52px;
			width: 60px;
			right: 10px;
		}
	}

@media (max-width:767px ){
	.multiwal-logo img{
		max-width: 65%;
	}
	.c-video__container.mobile{
    height: 210px;
		width: calc(100% + 50px);
		background-size: cover;
		background-color: black;
		position: absolute;
		left: -25px;
		right: -25px;
		top: 173px;
	}
  .d-video__container.mobile {
		height: 210px;
		width: calc(100% + 50px);
		background-size: cover;
		background-color: black;
		position: absolute;
		left: -25px;
		right: -25px;
		top: -36px;
	}
  .e-video__container.mobile {
    height: 210px;
    width: calc(100% + 50px);
    background-size: cover;
    background-color: black;
    position: absolute;
    left: -25px;
    right: -25px;
    top: -36px;
  }
	.c-video__container.mobile video,
  .d-video__container.mobile video,
  .e-video__container.mobile video{
		height: 100%;
	}
	.c-video__container.mobile img,
  .d-video__container.mobile img,
  .e-video__container.mobile img{
		position: absolute;
		left: 35%;
		top: 10px;
		cursor: pointer;
		z-index: 99999;
	}
	.thefactory_button,
  .ahoy_button{
		display: none;
	}
	.tm-page {
		margin-top: 0px !important;
	}
	.home .tm-main {
		margin-top: 0px;
	}
	.home .content-blokken {
		padding-top: 360px;
	}
	.home .buttons {
		position: absolute;
		top: 0px;
		width: 100%;
	}
  .home .buttons .button{
    height: 45px;
    margin-bottom: 40px;
    padding: none;
  }
  .slider-icon{
    height: 40px;
    margin-bottom: 10px;
  }
  .slider-icon .fa-3x{
    font-size: 2em;
  }
}
@media (min-width: 600px){
	.home .content-blokken {
		padding-top: 260px;
	}
}
@media(min-width:767px){
	#thefactory,
  #ahoy,
  #zwolle,
  #zwolleMobile{
		height: 100%;
	}
	.c-video__container,
  .d-video__container,
  .e-video__container{
		background: black;
	}
	.tm-fullscreen {
		height: 600px;
		max-height: 600px;
	}
	.c-video__container.mobile,
  .d-video__container.mobile,
  .e-video__container.mobile{
		display: none;
	}
	/* .thefactory_button{
		display: block;
		position: absolute;
		top: -170px;
		right: -330px;
		cursor: pointer;
		width: unset;
	}
  .ahoy_button{
		display: block;
		position: absolute;
		top: -170px;
		left: -330px;
		cursor: pointer;
		width: unset;
	} */
	.home .content-blokken {
		padding-top: 80px;
	}
}
@media(min-width:767px) and (max-width: 1200px){
  .thefactory_button{
		top: 0;
		right: 0;
    position: relative;
    display: inline-block;
	}
  .ahoy_button{
    top: 0;
		left: 0;
    position: relative;
    display: inline-block;
	}
  .home .content-blokken {
		padding-top: 100px;
	}
  .home .video-buttons{
      padding: 0 50px;
  }
}

@media (max-width: 480px){
	.home .home__img {
    height: 200px !important;
	}
  .page-template-template-producttype .table-wrapper{
    height: 530px;
  }
  div.tm-fullscreen,
  ul.uk-slideshow.uk-overlay-active,
  .homepage-slider{
    height: 300px;
  }
  .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade .uk-h2{
    bottom: -40px;
  }

}
.archive .archiveThumbnail{
  display: none;
}
.uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade {
    margin-bottom: 62px;
}

.displayGone{
    display: none;
}
.tm-toolbar .linkedin-logo{
  margin: 0 30px;
}
video#ahoyMobile,
video#zwolleMobile{
  display: none;
}
@media (max-width: 787px) {
  video#ahoy,
  video#zwolle{
    display: none !important;
  }
  video#ahoyMobile,
  video#zwolleMobile{
    display: block;
  }
}