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

/*Add your own styles here:*/
/* ==========================================================================
   VARIABLES
   ========================================================================== */
:root {
  --Gradient-Green-Purple: linear-gradient(94deg, #8DFFB7 -11.4%, #F3AAFF 108.41%);
}

/* ==========================================================================
   GLOBAL STYLES
   ========================================================================== */
* {
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 900px) {
	
}

/* States
   ========================================================================== */

.nowrap {
	white-space: nowrap;
}

.overflow-hidden {
	overflow: hidden;
}

.unset-max-width,
.unset-max-width * {
	  max-width: unset;
}

.vwrapper-to-hwrapper {
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
}



/* Typography
   ========================================================================== */

.home h1 {
	
}

h1.heading-alt {
	
}

.wpb_text_column {
	max-width: 61.25rem;
}

/* HTML Elements
   ========================================================================== */
ul {

}

ul li {

}

ol {

}

small {
	
}

strong,
b {
	font-weight: 700;
}

sup {
    
}

blockquote {
	
}

blockquote + p {
	
}

time {
	white-space: nowrap;
}

/* Forms
   ========================================================================== */
input[type=checkbox]  {
	
}
input[type=checkbox]:checked  {
	
}

input[type=checkbox]:checked::before  {
	
}

/* Gravity forms */
.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
	border: none! important;
}

/* ==========================================================================
   PAGE BUILDER BLOCKS
   ========================================================================== */

/* Buttons
   ========================================================================== */
.w-btn {
    white-space: nowrap;
}

.w-btn.us-btn-style_1 {
	
}

/* Text
   ========================================================================== */


/* Lists
   ========================================================================== */

.custom-list ul {

}


/* Images
   ========================================================================== */
.w-image,
.post_image {
	border-radius: .5rem;
}

.w-image img {
	
}


/* Video
   ========================================================================== */
.w-video {
   
}

/* Containers
   ========================================================================== */

.w-hwrapper {
	gap: var(--hwrapper-gap);
}

.w-hwrapper>:not(:last-child) {
	margin-right: 0!important;
}

	
/* Caroussel
   ========================================================================== */
.logo-carousel .owl-carousel .owl-item {
	/* max-height: 3.5rem; */
	width: auto !important;
}

/* Pop-up
   ========================================================================== */


/* Social lists
   ========================================================================== */
.w-socials-list {
	
}

/* Custom classes
   ========================================================================== */

.equal-height-carousel .vc_col-sm-7 >  .vc_column-inner *:not(.w-text):not(.owl-nav) {
	height: 100%;
}

.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper {
	height: 100%;
}

.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:first-child {
	height: calc(70% - 1.25rem);
}

.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:first-child > * {
	height: 100%;
}

.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:last-child {
	height: 30%;
	flex-wrap: nowrap;
}
.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper .w-image a {
    width: 100%;
    height: 100%;
}

@media (max-width: 1160px) {
	.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:first-child {
		height: calc(55% - 1.25rem);
	}
	.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:last-child {
		height: 45%;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 1rem 0;
	}
}

@media (max-width: 900px) {
	.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:first-child {
		height: auto;
	}
	.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:last-child > *:nth-child(2) {
		margin-left: auto;
	}
	.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:last-child {
		height: auto;
		flex-wrap: nowrap;
	}
}

.equal-height-carousel .vc_col-sm-5 >  .vc_column-inner > .wpb_wrapper > *:last-child .w-image img {
	height: 3.05738rem;
	width: auto;
}


.equal-height-carousel .owl-nav {
	position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 3.5rem !important;
    height: 2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.equal-height-carousel .owl-carousel.navstyle_circle .owl-nav button {
	width: 1.5rem;
    height: 1.5rem !important;
    display: flex;
    border-radius: .25rem;
    background: var(--color-neutrals-00);
    color: var(--color-primary-blue);
    padding: 0;
    justify-content: center;
    align-items: center;
}

.equal-height-carousel .owl-carousel.navstyle_circle .owl-nav button.disabled,
.equal-height-carousel .owl-carousel.navstyle_circle .owl-nav button.disabled:hover {
	opacity: 0.3!important;
}
.equal-height-carousel .owl-carousel.navstyle_circle .owl-nav button:hover {
    background: var(--color-neutrals-00) !important;
	opacity: .75;
}
/* ==========================================================================
   GRIDS
   ========================================================================== */

/* General
   ========================================================================== */
.w-grid .w-grid-list {
	
}

.w-grid .no-results {
	
}

.w-grid-preloader {
	
}
.w-grid .g-filters {
	gap: 1rem;
	margin-bottom: 4rem !important;
}
.w-grid .g-filters .g-filters-item {
	border-radius: 0.25rem !important;
    background: var(--color-secondary-blue);
    color: var(--color-neutrals-00) !important;
    padding: .5rem 1rem;
    line-height: 1.5;
}

.w-grid .g-filters .g-filters-item.active {
	background: var(--color-primary-blue);
}

.type_masonry .w-grid-list .w-grid-item:nth-child(1) {
	width: 60%;
}

.type_masonry .w-grid-list .w-grid-item:nth-child(2),
.type_masonry .w-grid-list .w-grid-item:nth-child(3){
	width: 40%;
}


/* Grid layout: {name}
   ========================================================================== */
.w-grid.layout_644 {
	
}



/* ==========================================================================
   HEADER
   ========================================================================== */

#page-header {
	
}
@media (min-width: 1080px) {
	.nav_logo-home {
		background: url(images/logo-kskheist.svg) no-repeat center white;
		background-size: 100%;
		border-radius: 50%;
		text-indent: -9999px;
		display: block;
		width: 4.25rem;
		height: 4.25rem;
		margin: 0 clamp(1rem, 1.5vw, 3rem) !important;
		transition: transform .2s;
	}
	.w-nav-anchor.level_1.w-btn {
		font-size: 1rem;
	}
}

@media (min-width: 1184px) {
	.nav_logo-home {
		width: 6.25rem;
		height: 6.25rem;
	}
	.sticky .nav_logo-home {
		width: 4.25rem;
        height: 4.25rem;
	}
}






/* Header: Search 
   ========================================================================== */


/* Header: Language switcher
   ========================================================================== */


/* Header: Sticky styles
   ========================================================================== */
#page-header.sticky {
	
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */
/* General
   ========================================================================== */
.w-nav-item .w-btn {
	background: var(--color-secondary-blue);
    border-radius: 32rem;
	cursor: pointer;
}

.w-nav-item .w-btn:hover {
	background: var(--color-primary-blue);
}

/* Impreza mega menu settings
   ========================================================================== */
.header_hor .l-subheader.at_middle .w-nav.type_desktop .menu-item.menu-item-has-children:not(.has-reusable-block) .w-nav-list> .menu-item {
	position: static;
	width: calc(var(--site-content-width) / 4);
}

.w-nav.type_desktop.dropdown_opacity .w-nav-list:not(.level_1) {
	display: none !important;
}
.no-touch .w-nav.type_desktop.dropdown_opacity .menu-item:hover>.w-nav-list, 
.w-nav.type_desktop.dropdown_opacity .menu-item.opened>.w-nav-list {
	display: block !important;
}
.no-touch .w-nav.type_desktop.dropdown_opacity .menu-item:hover>.w-nav-list.level_4 {
	display: flex !important;
}

/* Level 2 */
.header_hor .l-subheader.at_middle .w-nav.type_desktop .menu-item.menu-item-has-children:not(.menu-item-8598):not(.menu-item-8586) .w-nav-list.level_2 {
	margin: 0 calc(((var(--site-content-width) - 100vw) / 2) - 2.5rem);
    padding: 1rem calc(((100vw - var(--site-content-width)) / 2) + 2.5rem);
}
.header_hor .l-subheader.at_middle .w-nav.type_desktop .menu-item.menu-item-138 .w-nav-list.level_2 {
	min-height: 15rem;
}


/* Level 3 & 4 */
.l-subheader.at_middle .w-nav.type_desktop .w-nav-list.level_3,
.l-subheader.at_middle .w-nav.type_desktop .w-nav-list.level_4 {
    position: absolute;
    left: calc(((100vw - var(--site-content-width)) / 2) + (var(--site-content-width) / 4) + 2.5rem);
    top: 0;
    width: calc((var(--site-content-width) / 4));
	min-height: 100%;
	background: #F5F7FC;
	box-shadow: none;
	padding: 1rem 0;
}

.l-subheader.at_middle .w-nav.type_desktop .w-nav-list.level_4 {
    left: calc(var(--site-content-width) / 4);
	background: var(--color-neutrals-00);
	width: calc(((100vw - var(--site-content-width)) / 2 ) + (var(--site-content-width) / 4) * 2);
	display: flex;
    flex-direction: column;
    max-height: 100%;
    flex-wrap: wrap;
}
.l-subheader.at_middle .w-nav.type_desktop .menu-item:not(.level_1):not(.level_2) {
	position: relative;
}

.l-subheader.at_middle .w-nav.type_desktop .menu-item:hover,
.l-subheader.at_middle .w-nav.type_desktop .menu-item:hover > ul.w-nav-list {
	z-index: 10;
}

.w-nav.type_desktop .w-nav-anchor:not(.level_1) {
	white-space: normal;
}

.w-nav.type_desktop .w-nav-anchor,
.no-touch a:hover {
	text-decoration: none !important;
}



/* Mobile navigation
   ========================================================================== */
/* Nav default */

/* Nav open */
html.w-nav-open body {
	overflow: hidden;	
}

@media (max-width: 1080px) {
	.w-nav-anchor {
		display: flex;
		justify-content: space-between;
	}
	
	.w-nav-arrow {
		position: relative;
	}
	
	.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1>li>a.w-btn {
		padding-left: 1em;
		padding-right: 1em;
		margin-left: 0;
	}
	
	.ush_menu_1 .w-nav-list:not(.level_1) {
		background: transparent !important;
		color: inherit !important;
	}
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
#page-footer {
    
}


/* ==========================================================================
   SHORTCODES
   ========================================================================== */

/* {shortcode_name}
   ========================================================================== */



/* ==========================================================================
    PAGE TEMPLATES:  ARCHIVES
   ========================================================================== */

/* Grids
   ========================================================================== */

/* Filters
   ========================================================================== */
.w-filter {
	
}

/* Sorting
   ========================================================================== */

/* Archive {post_type_name}
   ========================================================================== */

	
/* Archive search
   ========================================================================== */




/* Pagination
   ========================================================================== */
.pagination .nav-links {
	
}
.pagination .nav-links .page-numbers {
    
}
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:not(.next):not(.prev):hover {
	
}
.pagination .next,
.pagination .prev {
    
}



/* ==========================================================================
   PAGE TEMPLATES: DETAIL
   ========================================================================== */

/* Detail {post_type_name}
   ========================================================================== */


/* ==========================================================================
   PAGE SPECIFIC STYLES
   ========================================================================== */

/* PAGE {page_name}
   ========================================================================== */


/* ==========================================================================
   WORDPRESS PAGES
   ========================================================================== */

/* PAGE {page_name}
   ========================================================================== */

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */

/* Animation classes
   ========================================================================== */
.fade-down,
.fade-down-fast {
	opacity: 0;
	animation-duration: 1.5s;
    animation-name: fade-down;
	animation-delay: .25s;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.215,.61,.355,1);
}

.fade-down-fast {
	animation-duration: 1s;
	animation-delay: 0;
}


/* Animation types
   ========================================================================== */
@keyframes fade-down {
	from {
		opacity: 0;
		transform: translate3d(0, -40px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
