/* -------------------------------------
    Google fonts
------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;600;700&display=swap");

:root {
	--ltn__primary-color: #000000;
	--ltn__primary-color-2: #041113;
	/* Darken */
	--ltn__primary-color-3: #133236;
	/* Lighten */
	--ltn__secondary-color: #84bf55;
	--ltn__secondary-color-2: #84bf55;
}
	

.bg-primary{
	background-color:var(--ltn__secondary-color);
}

.liton-slide-item, .ltn__slide-item-3, .liton-slide-item-inner{min-height:670px;}
.ltn__car-dealer-form-item{padding-left:50px;}
.menu-color-white .ltn__main-menu > ul > li > a:hover{color: black;}
.site-logo img {max-height: 100px;}
.site-logo-wrap .site-logo {
min-width: auto;
	width: 100%;}
.ltn__main-menu > ul > li {
display: inline-block;
position: relative;
text-shadow: #00000050 1px 1px;
	margin-right: 20px;}
.ltn__search-by-place-item .search-by-place-info{width:100%;}
.sticky-active .ltn__main-menu > ul > li > a{color:white;}
.sticky-active .ltn__main-menu > ul > li > a:hover,
.sticky-active .ltn__main-menu > ul > li.active a,
.ltn__main-menu > ul > li.active a{color:black;}


.ltn__header-transparent .top-area-color-white,
.ltn__header-top-area{
	background:#2c582d;
}

.sticky-active .site-logo img {
    height: 60px;
}


.sticky-active.ltn__sticky-bg-black,
.section-bg-2,
.before-bg-bottom:before{
	background:#446827;
}


.ltn__social-media a:hover i,.ltn__top-bar-menu a:hover,.ltn__social-media a:hover{
    color: var(--ltn__secondary-color);
}

.slick-dots li:hover, .slick-dots li.slick-active{
	background-color:#2c582d;
}

.slick-dots li{background-color:white;}

.boerenlogo{
	margin-top:-80px;
}



.ltn__slide-item:after{
	content: '';
	background-image: url(/Forms/img/slider_onderkant.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 210px;
    max-height: 25%;
}

.ltn__header-middle-area{
	position: relative;
	margin-bottom: 100px;
}
.ltn__header-middle-area:before{
	content: '';
	position: absolute;
	top: 0px;
	height: 230px;
	width: 100%;
	background-image: url(/Forms/img/slider_bovenkant.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.ltn__header-middle-area.sticky-active{
	position: fixed;
}
.ltn__header-middle-area.sticky-active:before{
	display: none;
}



.ltn__blog-area .slick-track {
    display: flex !important;
    margin-bottom: 50px;
}

.ltn__blog-area .slick-slide {
    height: inherit !important;
}
.ltn__blog-item-3-normal .ltn__blog-item-3 {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 0;
}
.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between;
}
.ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief *:last-child {
	margin-top: auto;
}
.menu-color-white .ltn__main-menu > ul > li > a ,
.ltn__main-menu li > a{
    color: #2c582d;
}

.sticky-active .menu-color-white .ltn__main-menu > ul > li > a {
    color: white;
}

.sticky-active .ltn__main-menu li > a{
    color: #2c582d;
}
.site-logo a.sticky-logo{display:none;}
.sticky-active .site-logo a.not-sticky-logo{display:none;}
.sticky-active .site-logo a.sticky-logo{display:block;}
















/* XL */
@media (max-width: 1599.98px) {
.liton-slide-item, .ltn__slide-item-3, .liton-slide-item-inner {
    height: calc(80vh - 0px);
}
}

/* XL */
@media (max-width: 1399.98px) {

}


/* LG */
@media (max-width: 1199.98px) {
.liton-slide-item, .ltn__slide-item-3, .liton-slide-item-inner {
    height: calc(70vh - 0px);
}
}


/* MD */
@media (max-width: 991.98px) {  
.slick-dots{display:none !important;}
.ltn__header-middle-area:before{height: 200px;}
}


/* SM */
@media (max-width: 767.98px) {  
.liton-slide-item, .ltn__slide-item-3, .liton-slide-item-inner {
    height: calc(50vh - 0px);
}
}


/* XS */
@media (max-width: 575.98px) { 
.ltn__slide-item-2 {
    padding-top: 270px;
}
}