/*
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:*/

/* GLOBAL STYLES */
* {
    -webkit-font-smoothing: antialiased;
}
body {
	font-family: "area-normal", sans-serif;
}

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

/* TYPOGRAPHY */

b,
strong {
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "area-normal", sans-serif;
}

h1 small {
	font-size: .5em;
	font-weight: 200;
	text-transform: none;
}

ol,
ul {
    margin-left: 1rem;
}

ol li,
ul li {
    padding-left: .5rem;
}

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

.w-btn.btn-download span::before {
	content: '';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    background-color: currentcolor;
    -webkit-mask-image: url(img/icon-download-white.svg);
    mask-image: url(img/icon-download-white.svg);
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-right: .7em;
}

.w-btn.btn-signature span::before {
	content: '';
    display: inline-block;
    width: 1.2em;
    height: 0.9em;
    background-color: currentcolor;
    -webkit-mask-image: url(img/icon-signature-white.svg);
    mask-image: url(img/icon-signature-white.svg);
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-right: .7em;
}

#page-content .wpb_text_column .wpb_wrapper {
	max-width: 980px;
}

.w-iconbox a,
.l-section.height_auto a {
	display: inline-block;
	border-bottom: 1px solid currentColor;
}

/* HEADER */
/* Sticky */
#page-header.sticky .l-subheader.at_middle {
	background: var(--color-alt-content-bg);
	box-shadow: 0px 8px 10px -22px rgba(16, 24, 40, 0.10), 0px 20px 25px -5px rgba(16, 24, 40, 0.10);
}
#page-header.sticky .ush_menu_1 .w-nav-item.level_1.current-menu-item>a:not(.w-btn),
#page-header.sticky .ush_menu_1 .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn),
#page-header.sticky .ush_menu_1 .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn),
#page-header.sticky .ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):focus,
#page-header.sticky .ush_menu_1 .w-nav-item.level_1.opened>a:not(.w-btn),
#page-header.sticky .ush_menu_1 .w-nav-item.level_1:hover>a:not(.w-btn){
    color: var(--color-header-top-bg);
}

/* Nav */
.section-navigation {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.section-navigation li {
	list-style: none;
	padding: 0;
}

.section-navigation li a {
	color: inherit;
	text-transform: capitalize;
}

.section-navigation li a::before {
	content: '';
    display: inline-block;
    width: 1.2em;
    height: 0.9em;
    background-color: currentcolor;
	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    margin-right: .7em;
}

.section-navigation li.nav-intro,
.section-navigation li.nav-about,
.section-navigation li.nav-corner-radius {
	display: none;
}

.section-navigation li.nav-logo a::before {
	-webkit-mask-image: url(img/icon-logo.svg);
    mask-image: url(img/icon-logo.svg);
}

.section-navigation li.nav-colors a::before {
	-webkit-mask-image: url(img/icon-colors.svg);
    mask-image: url(img/icon-colors.svg);
}

.section-navigation li.nav-typography a::before {
	-webkit-mask-image: url(img/icon-typography.svg);
    mask-image: url(img/icon-typography.svg);
}

.section-navigation li.nav-photography a::before {
	-webkit-mask-image: url(img/icon-photography.svg);
    mask-image: url(img/icon-photography.svg);
}
.section-navigation li.nav-tone-of-voice a::before {
	-webkit-mask-image: url(img/icon-tone-of-voice.svg);
    mask-image: url(img/icon-tone-of-voice.svg);
}

.section-navigation li.nav-moodboard a::before {
	-webkit-mask-image: url(img/icon-moodboard.svg);
    mask-image: url(img/icon-moodboard.svg);
}

.section-navigation li.nav-assets a::before {
	-webkit-mask-image: url(img/icon-assets.svg);
    mask-image: url(img/icon-assets.svg);
}

.section-navigation li.nav-documents a::before {
	-webkit-mask-image: url(img/icon-documents.svg);
    mask-image: url(img/icon-documents.svg);
}
.section-navigation li.nav-signature a::before {
	-webkit-mask-image: url(img/icon-signature-white.svg);
    mask-image: url(img/icon-signature-white.svg);
}

.header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {
    width: 20rem;
    left: initial;
}
.ush_menu_2 .w-nav-icon>div {
    border-width: 0 !important;
    background: url(img/cronos-mobile-menu.svg) no-repeat center center transparent;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.w-nav-control.active .w-nav-icon>div {
    transform: translateY(-50%);
	transition: all .1s; 
    transition-delay: 0;
	background: url(img/cronos-mobile-menu-close.svg) no-repeat center center transparent;
}

.w-nav-close {
    top: 2rem;
    right: 2rem;
    opacity: 1;
}

.w-nav-close:before {
    content: '';
    display: block;
	width: 25px;
    height: 25px;
	background: url(img/cronos-mobile-menu-close.svg) no-repeat center center transparent;
}

/* FOOTER */
#page-footer a {
	color: inherit;
}

#page-footer .wpb_text_column a {
	border-bottom: 1px solid currentcolor;
	display: inline-block;
    padding-bottom: 0.3em;
}

/* SECTIONS */
#page-content section.height_medium:not(#intro):not(#about) .l-section-h {
	border-top: 1px solid var(--color-chrome-toolbar);
	padding-top: 2rem;
}