/*
Theme Name: SideKick
Template: Impreza
Version: 1.0
Author:	SideKick
Theme URI: http://impreza.us-themes.com/
Author URI: https://sidekick.be/
*/

/* GLOBAL ---------------------------------------- */
*:focus{
	outline: none !important;
}
*{
 		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  	display: none;
}
h2{
		position: relative;
		padding-bottom: 1rem !important;
}
h2:after{
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 3px;
		background-color: #f2a41d;
		transition: all 0.3s;
}
h2.active:after,
.heading-active h2:after{
		width: 80px;
}
.heading-center h2:after{
		left: 50%;
		transform: translateX(-50%);
}
.wpb_text_column a{
		position: relative;
    padding: 0;
    line-height: 28px;
    border: none !important;
		display: inline !important;
}
.wpb_text_column a:before{
		display: none;
}
.wpb_text_column a:after{
		content: '';
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translateX(-50%);
		width: 40%;
		height: 2px;
		background-color: #1d84f2;
		transition: all 0.3s;
}
.wpb_text_column a:hover:after{
		width: 100%;
}
/* BUTTON */
.w-btn.us-btn-style_3{
		position: relative;
		padding-right: 1rem;
}
.w-btn.us-btn-style_3:after{
		content: "\f054";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		right: -1rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 1.2rem;
        font-weight: bold;
}
.w-btn.us-btn-style_3:hover:after{
		animation: leftRight 1s infinite;
}
@keyframes leftRight {
	  0%{
	    	transform: translate(0, -50%);
	  }
	  50% {
	    	transform: translate(5px, -50%);
	  }
	  100% {
	    	transform: translate(0, -50%);
	  }
}


/* HEADER  ---------------------------------------- */
nav ul li a span{
		position: relative;
}
nav ul li a span:after{
		content: '';
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 2px;
		background-color: #f2a41d !important;
		transition: all 0.3s;
}
nav ul li a:hover span:after,
nav ul li.current-menu-item a span:after {
		width: 100%;
}
/*LANGUAGES*/
header nav .menu-item.wpml-ls-item{
		display: inline-block;
}
header nav .menu-item.wpml-ls-item.wpml-ls-first-item{
		padding-left: 0.7em;
}
header nav .menu-item.wpml-ls-item a{
		padding: 0 !important;
		padding-right: 10px !important;
		font-size: 0.8rem;
}
header nav .menu-item.wpml-ls-item a:after{
		content: '/';
		position: absolute;
		top: 0;
		right: 3px;
}
header nav .menu-item.wpml-ls-item:last-child a{
		padding: 0 !important;
		padding-right: 10px !important;
}
header nav .menu-item.wpml-ls-item:nth-last-child(2) a:after{
		display: none !important;
}


/* HOME  ---------------------------------------- */
#section--home-header{
		position: relative;
		padding-bottom: 5rem;
}
#section--home-header:after{
		content: '';
		width: 10px;
		height: 50px;
		position: absolute;
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		background-image: url('images/scroll_down_white.gif');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
}
#section--home-header-text{
		max-width: 800px;
		margin: 0 auto;
}
/*PROJECT CAROUSEL*/
.owl-prev:before,
.owl-next:before{
		content: '';
		background-image: url('images/arrow-left.png');
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
		width: 17px;
		height: 17px;
		opacity: 0.3;
		transition: all 0.3s;
}
.owl-next:before{
		background-image: url('images/arrow-right.png');
}
.owl-prev:hover:before,
.owl-next:hover:before{
		opacity: 1;
}
.owl-carousel .owl-nav div:hover {
    background-color: transparent !important;
}
.layout_95 article .post_image img{
		width: 100%;
		height: 300px;
		object-fit: cover;
		transform: scale(1);
		transition: all 0.3s;
}
.layout_95 article:hover .post_image img{
		transform: scale(1.1);
}

/*LOGO CAROUSEL*/
.ult-carousel-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.ult-carousel-wrapper .slick-slide img{
		max-width: 100%;
		max-height: 80px;
		margin: 0 auto;
		width: auto;
		height: auto;
		filter: grayscale(100%);
		transition: all 0.3s;
}
.ult-carousel-wrapper .slick-slide:hover img{
		filter: grayscale(0%);
}
.ult-carousel-wrapper .slick-track{
		display: flex;
    align-items: center;
    justify-content: center;
}
ul.slick-dots{
		margin-bottom: 1rem;
}
ul.slick-dots {
    position: relative;
    margin-top: -2rem !important;
    margin-bottom: 2rem !important;
}



/* INSPIRATION  ---------------------------------------- */
.layout_125 article .post_image, #inspiration--grid .w-grid article .post_image{
		position: relative;
}
.layout_125 article .post_image:before, #inspiration--grid .w-grid article .post_image:before{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
}
.layout_125 article .post_image img, #inspiration--grid .w-grid article .post_image img{
		object-fit: cover;
		object-position: center;
		height: 200px;
		width: 100%;
}
.layout_125 article, #inspiration--grid .w-grid article{
		margin-bottom: 1.5rem;
}
.layout_125 .g-filters, #inspiration--grid .w-grid .g-filters{
    margin: 0 -1rem;
}
.layout_125 .g-filters .g-filters-item, #inspiration--grid .w-grid .g-filters .g-filters-item{
		font-family: 'Ubuntu', sans-serif;
		font-weight: 500;
		line-height: 1.2;
		text-transform: uppercase;
		font-size: 1.1rem;
		opacity: 1;
		border-bottom: none;
		position: relative;
		margin-bottom: 1rem !important;
		overflow: visible !important;
}
.layout_125 .g-filters .g-filters-item span, #inspiration--grid .w-grid .g-filters .g-filters-item span{
		position: relative;
		padding-bottom: 5px;
}
.layout_125 .g-filters .g-filters-item span:first-child:after, #inspiration--grid .w-grid .g-filters .g-filters-item span:first-child:after{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 2px;
		background-color: #f2a41d !important;
		transition: all 0.3s;
}
.layout_125 .g-filters .g-filters-item:hover span:first-child:after,
.layout_125 .g-filters .g-filters-item.active span:first-child:after,
#inspiration--grid .w-grid .g-filters .g-filters-item:hover span:first-child:after,
#inspiration--grid .w-grid .g-filters .g-filters-item.active span:first-child:after{
		width: 100%;
}
.layout_125 .g-filters .g-filters-item.active, #inspiration--grid .w-grid .g-filters .g-filters-item.active{
		color: inherit !important;
}
.layout_125 .g-filters .g-filters-item .g-filters-item-amount, #inspiration--grid .w-grid .g-filters .g-filters-item .g-filters-item-amount{
		display: block;
		position: absolute;
		right: 10px;
		top: -3px;
		font-size: 0.7rem;
}
.layout_125 .w-grid-list, #inspiration--grid .w-grid .w-grid-list{
		margin-top: 1rem !important;
}
.layout_125 article .w-grid-item-h:hover a.w-btn, #inspiration--grid .w-grid article .w-grid-item-h:hover a.w-btn {
		background-color: #f2a41d;
		color: #ffffff !important;
}


/* SERVICES  ---------------------------------------- */
.w-iconbox .w-iconbox-icon{
		margin-bottom: 1rem;
}


/* ABOUT  ---------------------------------------- */
#section--quote h2:after{
		display: none !important;
}
#section--quote h2{
		line-height: 1.5;
}
#section--quote h5{
		font-weight: 300 !important;
}
#section--about-icons .w-iconbox-icon {
    font-size: 50px;
}
.ult-team-member-wrap .ult-social-buttons a i{
		transition: all 0.3s;
}
.ult-team-member-wrap .ult-social-buttons a:hover i{
		color: #f2a41d;
}
#section--references .w-grid article .w-grid-item-h{
		display: flex;
		justify-content: center;
		align-items: center;
}
#section--references .w-grid article .w-grid-item-h img{
		max-width: 200px;
		max-height: 120px;
		height: auto;
		width: auto;
}


/* FORM ------------------------------------------- */
.clear{
		clear: both;
		display: block;
}
form .left{
		width: 48%;
		float: left;
}
form .right{
		width: 48%;
		float: right;
}
form input, form textarea{
		margin-bottom: 2rem;
		background-color: #ffffff !important;
		box-shadow: none !important;
		border: 1px solid #5B9BD5 !important;
		padding: 0.7rem 1.5rem !important;
}
form h5{
		margin-bottom: 0.5rem;
}
form input[type="submit"]{
		font-family: 'Ubuntu', sans-serif !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		font-weight: 500 !important;
		font-style: normal !important;
		text-transform: uppercase !important;
		letter-spacing: 0em !important;
		border-radius: 0em !important;
		padding: 1.20em 2.2em !important;
		background: transparent !important;
		border: 2px solid #f2a41d !important;
		color: #f2a41d !important;
		box-shadow: 0 0em 0em rgba(0,0,0,0.2) !important;
}
form input[type="submit"]:hover {
    box-shadow: 0 0em 0em rgba(0,0,0,0.2) !important;
    background: #f2a41d !important;
    border-color: #f2a41d !important;
    color: #ffffff!important !important;
}


/* SINGLE PROJECT */
.single .post_navigation .post_navigation-item-title{
		font-family: 'Ubuntu', sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.2;
		letter-spacing: 0em;
		text-transform: uppercase;
		margin-top: 0.5rem;
}
.single .post_navigation .post_navigation-item-arrow{
    color: #000;
		opacity: 1;
		font-weight: 300;
		font-size: 1.5rem;
		top: 27px;
}
.single #section--single-header .w-btn.us-btn-style_3{
		padding-right: 0;
    padding-left: 1rem;
		font-size: 1rem;
}
.single #section--single-header .w-btn.us-btn-style_3:after {
    content: "\f053";
    left: -0.5rem;
		right: auto;
    font-size: 1rem;
}
.single #section--single-header .w-btn.us-btn-style_3:hover:after{
		animation: rightLeft 1s infinite;
}
@keyframes rightLeft {
	  0%{
	    	transform: translate(0, -50%);
	  }
	  50% {
	    	transform: translate(-5px, -50%);
	  }
	  100% {
	    	transform: translate(0, -50%);
	  }
}
.single #section--single-header .post_taxonomy span{
		font-family: 'Ubuntu', sans-serif;
		font-size: 1rem;
		line-height: 1.2;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: #ffffff!important;
}
.single .post_navigation-item.to_prev:hover .post_navigation-item-arrow{
		animation: leftRightArrow 1s infinite;
}
.single .post_navigation-item.to_next:hover .post_navigation-item-arrow{
		animation: rightLeftArrow 1s infinite;
}
@keyframes leftRightArrow {
	  0%{
	    	transform: translate(0, 0);
	  }
	  50% {
	    	transform: translate(-5px, 0);
	  }
	  100% {
	    	transform: translate(0, 0);
	  }
}
@keyframes rightLeftArrow {
	  0%{
	    	transform: translate(0, 0);
	  }
	  50% {
	    	transform: translate(5px, 0);
	  }
	  100% {
	    	transform: translate(0, 0);
	  }
}


/* FOOTER  ---------------------------------------- */
footer{
	overflow: visible !important;
}
footer .w-socials-item-link {
    font-size: 1.2rem;
    color: #ffffff !important;
		line-height: 1;
}
footer ul {
		margin: 0 -1.5rem;
}
footer ul li{
		list-style: none;
		display: inline-block;
		margin: 0 1.5rem;
		text-transform: uppercase;
		position: relative;
}
footer #section--footer-sub{
		text-align: center;
}
footer #section--footer-sub ul{
		margin: 0 -2rem;
		display: inline-block;
}
footer #section--footer-sub ul li{
		font-size: 0.8rem;
		color: #a3a3a3;
		margin: 0 2rem;
		width: auto;
}
footer #section--footer-sub ul li:after{
		content: '';
		position: absolute;
		right: -2rem;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 60%;
		background-color: #a3a3a3;
}
footer #section--footer-sub ul li:last-child:after{
		display: none;
}
footer .wpb_text_column a:after{
		display: none;
}
footer a{
		color: inherit;
}
footer a:hover{
		color: #f2a41d !important;
}


/* MEDIA QUERIE  ---------------------------------------- */
@media (max-width: 1024px){
	.l-section.height_medium {
	    padding-top: 4rem;
	    padding-bottom: 4rem;
	}
}
@media screen and (max-width: 900px){
		.owl-nav {
		    display: block !important;
		}
}
@media screen and (max-width: 899px){
		nav ul{
				padding-bottom: 0 !important;
				padding-top: 1rem !important;
		}
}
@media screen and (max-width: 767px){
		.background--cover{
				min-height: 300px;
		}
		footer,
		footer .w-socials-list{
				text-align: center;
		}
		.g-cols.us_custom_60481a31{
				padding-left: 0 !important;
				padding-right: 0 !important;
		}
		footer{
			overflow: hidden !important;
		}
		form .left,
		form .right{
				width: 100%;
				float: left;
		}
}
@media screen and (max-width: 600px){
		footer ul li{
				width: 100%;
				margin: 0 0 1rem 0;
		}
		.layout_125 .w-grid-list, #inspiration--grid .w-grid .w-grid-list{
				margin-top: 3rem !important;
		}
		.layout_125 article, #inspiration--grid .w-grid article{
				margin-bottom: 4rem !important;
		}
}

/* ------------------------ */
/* MASTER DATA ALLIANCE PAGE */
/* ------------------------ */

/* streepje onder H2 tag */
h2.mda:after{
	background-color: #5B9BD5;
}

/* streepje onder links a tag */
a.mda:after{
	background-color: #1D9780;
}

/* form */
#wpcf7-f5-p407-o1 input[type="submit"],
#wpcf7-f5-p943-o1 input[type="submit"]{
		border: 2px solid #5B9BD5 !important;
		color: #5B9BD5 !important;
}
#wpcf7-f5-p407-o1 input[type="submit"]:hover ,
#wpcf7-f5-p943-o1 input[type="submit"]:hover {
    background: #5B9BD5 !important;
    border-color: #5B9BD5 !important;
    color: #ffffff !important;
}
#wpcf7-f5-p407-o1 textarea, form input,
#wpcf7-f5-p943-o1 textarea, form input{
	border-color: #5B9BD5 !important;
}
/* secondary color #1D9780*/

/* logo's */
#logo-grid .w-grid-item-h {
    display: flex;
    justify-content: center;
    align-items: center;
}
#logo-grid .w-grid-item-h img {
    max-height: 40px;
    width: auto;
    height: auto;
}

/* arrow animation */
.arrow-down-animation .w-iconbox-icon{
		margin-bottom: 0 !important;
		animation: upDown 1s infinite;
}
@keyframes upDown {
	  0%{
	    	transform: translate(0, 0);
	  }
	  50% {
	    	transform: translate(0, 10px);
	  }
	  100% {
	    	transform: translate(0, 0);
	  }
}