/*
Theme Name: anae
Author: Have a Byte
Author URI: https://haveabyte.nl/
Description: anae child theme
Version: 1.0.0
Template: dt-the7
*/

.productfotos {
	margin-top: 30px;
}
.ticker-wrap,
.ticker-wrap div,
.ticker-wrap .ticker * { box-sizing: border-box; }

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
  	visibility: visible;
  }

  100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
  }
}

.ticker-bar {
	position: relative;
	height: 4rem;
	width: 100%;
}
.ticker-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 4rem;
	padding-left: 100%;
	box-sizing: content-box;
}
.ticker-wrap .ticker {
   display: inline-block;
   height: 4rem !important;
   line-height: 4rem;
   white-space: nowrap;
   padding-right: 100%;
   box-sizing: content-box;

   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
   animation-timing-function: linear;
   -webkit-animation-name: ticker;
	animation-name: ticker;
   -webkit-animation-duration: 50s;
	animation-duration: 50s;
}
 .ticker-wrap .ticker__item {
 	display: inline-block;
}

.zoom {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 4s ease-out;
}

.home-cats > div {
  position: relative;
  overflow:hidden;
}

.home-cats .zoom:hover {
 transform: scale(1.2)
}

.navigation{
  justify-content: space-between;
  height: fit-content;
}
.hab-menus{
  z-index: 4;
  height: 100%;
  padding: 7px 0px;
}
.navigation .mini-widgets{
  position: absolute;
  top: 0px;
  right: 0;
}
.classic-header .navigation > .mini-widgets{
  padding: 0 15px 0 0;
  margin: 0px;
  height: 100%;
  align-items: flex-start;
}
.classic-header .branding, .classic-header .navigation{
  align-items: flex-start;
}

/* Transitie op naar onderen openvouwen horizontal menu */
.header-space{
  transition: margin-bottom 500ms;
}

.hsubmenu{
  margin-left: 1em;
}

.sub-nav .menu-item i.fa,
.sub-nav .menu-item i.fas,
.sub-nav .menu-item i.far,
.sub-nav .menu-item i.fab {
	text-align: center;
	width: 1.25em;
}
.homepage-btns{
	width: fit-content;
}
.vc_row-has-fill .vc_column_container.homepage-btns .vc_column-inner{
	padding-top: 10px !important;
}


.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after, .sub-downwards .next-level-button, .sub-downwards .main-nav > li.menu-item-language > a:after {
    color: #b24008;
}

.min-height-600 img{
	min-height: 600px;
}
@media screen and (min-width: 900px){
	.width-8{
		width: 8% !important;
	}
}

.branding a img, .branding img {
    max-width: 80%;
    height: auto;
}

@media only screen and (min-width: 1024px) {
	.home-cats:hover > .vc_column-inner{
		background-size: 140% !important;
		transition: all 4s ease-out,opacity .25s ease-out !important;
		-webkit-transition: background-size 5.05s ease-in-out;
		overflow:hidden;
	}

	.home-cats > .vc_column-inner{
		cursor: pointer;
		background-size: 125% !important;
		transition: all 4s ease-out,opacity .25s ease-out !important;
		-webkit-transition: background-size 5.05s ease-in-out;
	}
}


@media only screen and (min-width: 1080px) {
	.home-cats:hover > .vc_column-inner{
		background-size: 140% !important;
		transition: all 4s ease-out,opacity .25s ease-out !important;
		-webkit-transition: background-size 5.05s ease-in-out;
		overflow:hidden;
	}

	.home-cats > .vc_column-inner{
		cursor: pointer;
		background-size: 100% !important;
		transition: all 4s ease-out,opacity .25s ease-out !important;
		-webkit-transition: background-size 5.05s ease-in-out;
	}
}


.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner{
	padding-top: 0px !important;
}

.wpml-ls-native{
	font: normal normal 800 14px / 18px "Overpass", Helvetica, Arial, Verdana, sans-serif;
text-transform: uppercase;
	color: black;
}
.wpml-ls-native:hover{
	color: #b24008;
}

.branding .text-area {
    line-height: 22px;
	text-align:right;
}

.main-nav .dt-mega-menu-wrap {
    box-shadow: 0px -3px 10px rgb(0 0 0 / 5%);
}

@media only screen and (max-width: 1020px) {
	.wpml-ls-native{color: #fff}
	.wpml-ls-native:hover{color: #000}
}

@media only screen and (max-width: 778px) {
	.mini-wpml{margin-left: -18px !important}
}

.mobile-main-nav .sub-nav .next-level-button,
.mobile-main-nav .next-level-button {color: #fff}
.hmenu {z-index:4;height:31px}
.hmenu.hsubmenu {display:none}
.hmenu a{
	padding: 12px 16px 11px 0px;
	font: normal normal 800 14px / 18px "Overpass", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
.hmenu a.active {
	color: var(--the7-accent-color);
}
.hmenu a{
	color: #000;
}
.hmenu a:hover{
	color: #b24008;
}
.sub1{
	margin-left: 1em;
}
.sub2{
	margin-left: 2em;
}