/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
	


.home .slides .slide-content-container {max-width: 1235px!important;   height: 100%; margin: 0 auto!important; display: flex; justify-content: left; align-items: end; float: left; padding:30px!important;}
.home .slide-content h3 {color:#fff!important;}
.home .tfs-slider .slide-content-container .slide-content{ margin: 0!important;}
.fusion-main-menu .fusion-main-menu-search .fusion-custom-menu-item-contents {padding: 0px!important; border: none!important;}
.tfs-slider .slide-content-container .heading {margin-bottom:30px!important;}

	.tfs-slider .tfs-scroll-down-indicator:after{  border: 1px solid #fff;    border-radius: 100%; padding: 10px!important;}
#top-container{ margin-top: 80px!important;}

.slides h2, .slides h3 {color:#000!important;}

.flex-viewport {height:100%!important;}
/*  SEARCH */
	.search .fusion-single-line-meta{display: none!important;}
	.search .fusion-meta-info .fusion-alignright{ display:none!important;}
	.fusion-mobile-menu-search {margin-top: 30px!important;}


/* BOTTOM SEPERATOR */
	#sep-bottom{ margin: 60px 0px!important;}
	#sep-80{ margin: 40px 0px!important;}

	.fusion-footer p { font-family: "Century Gothic"!important;}

	/* Max width expertise tekst	 */
	#max-width-500 p, #max-width-500 h1, #max-width-500 h2, #max-width-500 h3, #max-width-500 h4, #max-width-500 h5, #max-width-500 h6 { max-width: 500px!important; margin: 0 auto!important;}


/***** Menu Hover && Active *****/
	.fusion-main-menu .current-menu-item a{font-family:"Century Gothic Bold"!important; font-weight: 500!important;}
	.fusion-mobile-current-nav-item a{font-family:"Century Gothic Bold"!important; font-weight: 500!important;}


	.transp-small{padding:0px!important; background: none!important;}
	.transp-small .fusion-button-text{color: #404040!important; font-size: 12px!important; letter-spacing: 3px;}
	.transp-small .fusion-button-text:hover{color: #404040!important; font-weight: 400!important;}

	.transp-big{padding:0px!important; background: none!important;}
	.transp-big .fusion-button-text{color: #404040!important; font-size: 20px!important; letter-spacing: 3px; font-weight: 400!important;}

	.letter-space-3 h1, .letter-space-3 h2, .letter-space-3 h3, .letter-space-3 h4, .letter-space-3 h5, .letter-space-3 h6, .letter-space-3 p{ letter-spacing: 3px!important;}


	.italic-small p{  font-style:italic!important; max-width: 312px!important;} 


	.small-title h1, .small-title h2, .small-title h3, .small-title h4, .small-title h5, .small-title h6 {max-width: 248px!important;}
	.small-content p {max-width: 312px!important;}

	/* images for grid */
	.img470 img,  .img470 .tg-item, .img470 .tg-grid-holder{  object-fit: cover;    max-height: 470px!important;    min-height: 470px!important; min-width: 100%!important;}
	.img260 img, .img260 .tg-item, .img260 .tg-grid-holder{  object-fit: cover; max-height: 260px!important; min-height: 260px!important; min-width: 100%!important;}
	.img230 img,  .img230 .tg-item, .img230 .tg-grid-holder{  object-fit: cover; max-height: 230px!important; min-height: 230px!important; min-width: 100%!important;}
	.img230-3 img, .img230-3 .tg-item, .img230-3.tg-grid-holder{  object-fit: cover; max-height: 230px!important; min-height: 230px!important;} 
	.img210 img, .img210 .tg-item, .img210 .tg-grid-holder{  object-fit: cover; max-height: 210px!important; min-height: 210px!important; min-width: 100%!important;}

	.img215 img, .img215 .tg-item, .img215 .tg-grid-holder{  object-fit: cover; min-height: 210px!important;}


	.andere-verhalen-title {padding-left: 29px!important;}

	#small p{max-width: 250px;}
	#small h1, #small h2, #small h3, #small h4, #small h5, #small h6 {max-width: 210px;}  
	#small {padding-left: 29px!important;}


	#port-small-home {margin-top: 60px!important; margin-bottom: 100px!important;}
	#portfolio-blokken{margin-top: 30px!important; margin-bottom: 20px!important;}
	.fusion-portfolio{margin-bottom: 0px!important;}


/* NIEUWS HOME */
.img215 .tg-cats-holder [data-term-id="307"] {display:none!important;}
.img215 .tg-cats-holder span{display:none!important;}
.img215 .tg-cats-holder span:first-child{display:block!important;}
.img215 h2.tg-item-title.tg-element-3 {color:#404040!important; min-height:73px!important;}


/* FOOTER 

	footer{min-height: 500px!important; max-height: 730px!important;}
	.fusion-social-networks .fusion-social-network-icon {margin: 0px 10px 0px!important;}
	.fusion-columns-4 .col-lg-3:nth-child(1){width:100%;margin-bottom:50px;     position: absolute;    top: 20%;}
	.fusion-columns-4 .col-lg-3:nth-child(2),
	.fusion-columns-4 .col-lg-3:nth-child(3),
	.fusion-columns-4 .col-lg-3:nth-child(4) {display: flex;    justify-content: center;    flex-direction: column; width: 33.333%;}
	#social_links-widget-2 {min-height:73.6px; text-align:right; margin-top:30px;}
	.fusion-footer-widget-area {display:flex; align-items:center;}
	.fusion-footer-widget-area .fusion-row {width:100%; max-width:1175px;}
	.fusion-footer .fusion-column.fusion-column-last.col-lg-3.col-md-3.col-sm-3 section#media_image-2 {    position: absolute;    left: 0px;}
	#text-3 { display: flex; justify-content: center;} */


/* GRID MENU FILTER BAR 
	.tg-filter span{ color: #404040!important; background: #F5F5F5!important; font-size: 10px!important;  font-family: 'Century Gothic'!important; font-weight: 700!important; letter-spacing: 3px!important; text-transform:uppercase; line-height: 25px!important;}
	

	.tg-filter{margin: 120px 10px 5px 10px!important;}
	h2.tg-item-title.tg-element-3 {   color: #fff!important;}
	.tg-filter-name{padding: 10px!important;}
	#grid-28 .tg-grid-area-top1 { margin: 20px auto 0 auto;    text-align: right!important;    display: flex;    position: fixed;    z-index: 100;    background: white;    width: 100%; top: 0px!important; margin-left: -10px!important;}
	#project-gridfilter{z-index: 100!important;} */

.tg-filter span{ color: #000!important; font-family:"Century Gothic"!important; font-size:15px!important; font-weight:300!important;}
.tg-filter:hover span{ color: #000!important;}
.tg-filter.tg-filter-active span{ color: #000!important; font-weight:600!important;}

.page-id-71 .fusion-header.fusion-sticky-shadow {    box-shadow: none!important;}


/* Projecten image slider */
#custom-slider .slider-nav {margin-top: 10px!important; margin-left: -5px; margin-right: -5px;}
#custom-slider .slider-nav  .slick-slide{ margin: 0px 5px!important;}
#custom-slider .slider-nav .slick-slide img {  object-fit: cover; max-height: 56%!important; min-height: 56%!important; } 
#custom-slider .slider-project img{ object-fit: cover;    max-height: 56%!important;    min-height: 56%!important; min-width: 100%!important;}


#custom-slider .slider-nav .slick-slide {opacity:0.5;}
#custom-slider .slider-nav .slick-current{opacity: 1!important;}


#custom-slider span.a-left.control-c.prev.slick-prev.slick-arrow {    position: absolute;    z-index: 100;    top: 50%; left: 30px;}
.a-left{  display: inline-block;  border-right: 4px solid #C1C1C1;  border-bottom: 4px solid #C1C1C1;  width: 30px; height: 30px;  transform: rotate(-225deg);}

#custom-slider span.a-right.control-c.next.slick-next.slick-arrow {    position: absolute;    z-index: 100;    top: 50%; right: 30px;}
.a-right{ display: inline-block;  border-right: 4px solid #C1C1C1;  border-bottom: 4px solid #C1C1C1;  width: 30px; height: 30px;  transform: rotate(-45deg);}


/* CONTACT */

.fusion-checklist .fusion-li-item{padding: 1px 0px!important;}
#contact .transp-small.alignleft, .fusion-alignleft{ margin-right: 50px!important;}

/* Privacybar */
.fusion-privacy-bar-main span a {    text-decoration: underline!important;}

/* Custom project map */
#custom-map iframe{ overflow: hidden!important;}





/***** ARCHIVE *****/
.archive #content {margin-bottom:30px;}



/* MENU SCROLL */
a.tfs-scroll-down-indicator.fusion-one-page-text-link{opacity: 0!important;}
.scroll-downs { position: absolute; right: 0; bottom: 10px; left: 0; margin: auto; width :34px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 35px 35px 35px 35px;}
.mousey { width: 3px; padding: 5px 10px; height: 30px; border: 2px solid #fff; border-radius: 25px; opacity: 0.75; box-sizing: content-box;}
.scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}





/* MEDIA QUERIES */

@media only screen and (min-width: 1000px) {
	.tg-grid-area-top1 {padding-right:50px!important;}
}

@media only screen and (max-width: 1200px) {
	
/* Margins responsive */
	#portfolio-blokken{margin-top: 40px!important; margin-bottom: 20px!important;}
	#grid-28 .tg-grid-area-top1 {text-align:center!important;}

}
@media only screen and (max-width: 1100px) {
	.fusion-main-menu > ul > li{padding-right: 30px!important;}
	span.menu-text{ font-size: 90%;}
}


@media only screen and (max-width: 1000px) {
	
	#menu-hoofdmenu {margin-top:14px!important; overflow:hidden!important;}
	#Submenu-collumn .fusion-column-wrapper {margin:0px!important;}
	
		#grid-28 .tg-grid-area-top1 {    margin: 0 auto;    text-align: center!important;    display: block;    position: relative;     width: 100%; top: 0px!important; margin-left: unset!important; box-shadow: none; }
	
	
	#top-container{ margin-top: 40px!important;}
	
	.portfolio-full .flexslider{ margin-bottom: 20px!important;}
	
	.andere-verhalen-title {padding-left: 0px!important;}
	
	#portfolio-blokken{margin-top: 0px!important; margin-bottom: 0px!important;}
	
	#margin-bottom-10-mobile{margin-bottom: 10px!important;}
	#no-padding .fusion-column-wrapper{ padding: 0px!important;} 
	#sep-bottom{ margin: 30px 0px!important;}
	#sep-80{ margin: 4px 0px!important;}
	
	#port-small-home {margin-top: 0px!important; margin-bottom: 10px!important;}
	
	#uitgelicht-home { margin-bottom: 20px!important;}
	
	
	.fusion-main-menu > ul > li{padding-right: 25px!important;}
	#small {padding-left: 0px!important;}
	#home-buttons-center { margin-bottom: 10px!important;}	
	
	.mobile-center{	 display: flex;    justify-content: center;	}
	
	
	#social_links-widget-2 {text-align:center; margin-top:0px; min-height: 1px;}
	
	
	.fusion-column.col-lg-3.col-md-3.col-sm-3{ text-align: center!important;}
	
	footer{min-height: 1px!important;}
	.fusion-columns-4 .col-lg-3:nth-child(1){ position: relative!important; top: unset;}
	
	
		#small p{max-width: unset;}
		.small-title h1, .small-title h2, .small-title h3, .small-title h4, .small-title h5, .small-title h6 {max-width: unset!important;}
		.small-content p {max-width: unset!important;}
		.italic-small p{  font-style:italic!important; max-width: unset!important;} 
		
	
	#max-width-500 p, #max-width-500 h1, #max-width-500 h2, #max-width-500 h3, #max-width-500 h4, #max-width-500 h5, #max-width-500 h6 { max-width: unset!important; margin: 0px!important;}
	#max-width-500 p {margin-bottom: 20px!important;}
	
	
}

@media only screen and (max-width: 900px) {
	.fusion-main-menu > ul > li{padding-right: 20px!important;}
	span.menu-text{ font-size: 80%;}
	
}


@media only screen and (min-width: 800px) {
	.tg-filters-holder{width: 100%!important; display:flex!important; justify-content:flex-end!important;}
	.tg-filter:nth-child(6) {order:1;}
	.tg-filter:nth-child(7) {order:2;}
	.tg-filter:nth-child(2) {order:3;}
	.tg-filter:nth-child(3) {order:3;}
	.tg-filter:nth-child(4) {order:4;}
	.tg-filter:nth-child(5) {order:5;}

}

@media only screen and (max-width: 800px) {
	.tg-filter{margin: 0px 10px 5px 10px!important;}
	
		/* THE GRID	 */
	.tg-filter-name, .tg-filter.tg-show-filter{ display: block!important;}
	.tg-grid-area-top1 {display: grid!important;}
	span.menu-text{ font-size: 100%!important;}
	
	footer{min-height: 1px!important; max-height: unset!important;}
	.fusion-footer .fusion-column.col-lg-3.col-md-3.col-sm-3{    height: 100%;    display: flex;    justify-content: center;    flex-direction: column; width: 33.333%;}
	.fusion-footer .fusion-column.fusion-column-last.col-lg-3.col-md-3.col-sm-3 {    position: relative!important;    height: 100%!important;    top:unset!important;    display: block!important;}	
	
	.tg-filters-holder{width: 100%!important; display:flex!important; flex-direction:column!important;}
	.tg-filter:nth-child(6) {order:1;}
	.tg-filter:nth-child(7) {order:2;}
	.tg-filter:nth-child(2) {order:3;}
	.tg-filter:nth-child(3) {order:3;}
	.tg-filter:nth-child(4) {order:4;}
	.tg-filter:nth-child(5) {order:5;}
}


@media only screen and (max-width: 700px) {
#custom-slider .slider-nav .slick-slide img {  object-fit: cover; max-height: 56%!important; min-height: 56%!important; } 
#custom-slider .slider-project img{ object-fit: cover;    max-height: 370px!important;    min-height: 370px!important; min-width: 100%!important;}
	
	#menu-bureau-submenu {flex-direction:column!important;}	
	.awb-menu__main-li:first-child {margin-left:30px!important;}
	.awb-menu__main-li:last-child{margin-right:30px!important;}
}


@media only screen and (max-width: 600px) {
	
	.home .slide-content {width: auto!important; height: auto!important; padding: 0px!important;}
/* 	PROJECTEN SLIDER */
	#custom-slider .slider-project img{ object-fit: cover;    max-height: 270px!important;    min-height: 270px!important; min-width: 100%!important;}
	.a-left{  display: inline-block;  border-right: 4px solid #C1C1C1;  border-bottom: 4px solid #C1C1C1;  width: 20px; height: 20px;  transform: rotate(-225deg);}
	.a-right{ display: inline-block;  border-right: 4px solid #C1C1C1;  border-bottom: 4px solid #C1C1C1;  width: 20px; height: 20px;  transform: rotate(-45deg);}

	#custom-slider span.a-left.control-c.prev.slick-prev.slick-arrow {    position: absolute;    z-index: 100;    top: 50%; left: 20px;}
	#custom-slider span.a-right.control-c.next.slick-next.slick-arrow {    position: absolute;    z-index: 100;    top: 50%; right: 20px;}
	
}


@media only screen and (max-width: 460px) {
	
	#custom-slider .slider-project img{ object-fit: cover;    max-height: 250px!important;    min-height: 250px!important; min-width: 100%!important;}
}

@media only screen and (max-width: 400px) {
	#custom-slider .slider-project img{ object-fit: cover;    max-height: 190px!important;    min-height: 190px!important; min-width: 100%!important;}
	
}