/*
Theme Name: Us child
Template: Impreza
Version: 1.0
Author: Us development
Theme URI: http://impreza.us-themes.com/
Author URI: https://about-us.be/
*/



/* ==========================================================================
   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;
}

.backdrop {
	backdrop-filter: blur(2px);
}


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

.home h1 {
	
}

h1.heading-alt {
	
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	font-style: normal;
	color: var(--color-secondary-sand);
}

h1 small {
    font-size: 65%;
    display: block;
    margin-top: -0.1em;
    position: relative;
}

.heading-IBM h2 {
	font-family: IBM Plex Mono !important;
}

#page-footer a,
.breadcrumbs a,
a.w-nav-anchor {
	text-decoration: none;
}

/* HTML Elements
   ========================================================================== */
ul {
	margin-left: 1rem;
}

ul li {

}

ol {

}

ol li {

}

strong,
b {
	font-weight: 700;
}

small {
   
}

sup {
    
}

blockquote {
	
}

blockquote + p {
	
}

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

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

/* Gravity forms specific */
.gform_required_legend {
	display:none;
}

.gform_fileupload_rules {
    margin-top: -.5rem !important;
}


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

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

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

.w-btn.us-btn-style_3 {
	box-shadow: none !important;
	border-bottom: 1px solid currentColor;
}

.w-btn.us-btn-style_5 {
	cursor: default;
}

/* Text
   ========================================================================== */
.w-text.icon_atleft a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

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

.list-arrow-green ul,
.list-arrow-green ul {
    margin-left: 0;
}

.list-arrow-green ul li::marker,
.list-arrow-green ul li::marker {
	font-size: 0;
}

.list-arrow-green ul li::before,
.list-arrow-green ul li::before {
	content: 'arrow_forward';
    font-weight: 300;
    font-family: 'Material Symbols Outlined';
    font-size: 1.4em;
    line-height: 1 !important;
    vertical-align: middle !important;
    padding-right: 0.7rem;
    color: var(--color-content-primary);
}

.list-arrow-green ul li::before {
    color: #2CDB94;
}


/* Images
   ========================================================================== */
.w-image img {
	
}


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

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

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

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

/* Breadcrumb
   ========================================================================== */
.home .breadcrumbs,
.error404 .breadcrumbs {
	display: none;
}

.breadcrumbs > span {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    font-family: IBM Plex Mono !important;
    font-size: 0.875rem;
}
.breadcrumbs a {
	color: var(--color-neutrals-70) !important;
   	text-decoration: underline;
}
.single-job .breadcrumbs a {
	color: currentColor !important;
}

.breadcrumbs-white .breadcrumbs a {
	color: var(--color-neutrals-00) !important;
}

/* Iconbox
   ========================================================================== */
.w-iconbox.style_circle .w-iconbox-icon, .w-iconbox.style_outlined .w-iconbox-icon {
   line-height: 2em;
   height: 2em;
   width: 2em;
}
.w-iconbox-title {
   font-weight: 600;
}

/* Timeline
   ========================================================================== */
.smile-icon-timeline-wrap .timeline-line {
    left: .2rem;
    border-right-width: 0.1875rem;
}

.smile-icon-timeline-wrap .timeline-line span {
    display: none;
}

.timeline-wrapper {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.timeline-wrapper .timeline-block {
	float: none !important;
	background: transparent !important;
	width: 100% !important;
    max-width: 62.25rem;
	margin-bottom: 0 !important;
}

.timeline-wrapper .ult-timeline-arrow {
    display: none !important; 
}

.timeline-wrapper .timeline-post-left .timeline-dot,
.timeline-wrapper .timeline-post-right .timeline-dot{
    right: unset;
    left: 0rem;
	top: 0.4rem;
    background: #2CDB94;
    border: none;
    width: 0.5625rem;
    height: 0.5625rem;
}
.timeline-wrapper .timeline-post-left .timeline-header,
.timeline-wrapper .timeline-post-right .timeline-header {
    text-align: left;
	padding: 0 2.5rem;
	font-size: 1rem !important;
}

.timeline-wrapper .timeline-post-left .timeline-header h3,
.timeline-wrapper .timeline-post-right .timeline-header h3 {
	font-size: 0.875rem !important;
    font-family: IBM Plex Mono !important;
}
	
/* Caroussel
   ========================================================================== */


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


/* Social lists
   ========================================================================== */
.fab.fa-linkedin::before {
	content: "\f0e1" !important;
}

.w-socials-list {
	
}

.w-socials.style_colored .w-socials-item-link {
    background: var(--color-neutrals-00);
	color: var(--color-primary-primary-dune);
	box-shadow: 0 0 23.333px 0 rgba(0, 0, 0, 0.08);
}

.w-socials.style_colored .w-socials-item-link i {
	color: inherit;
}

/* Custom classes
   ========================================================================== */
.equal_height .wpb_wrapper {
   display: flex;
   flex-direction: column;
}
.bg-circles-white,
.bg-circles-green-orange,
.bg-circles-dark-green,
.bg-circles-orange {
   overflow: hidden;
}
.bg-circles-white::before,
.bg-circles-white::after,
.bg-circles-green-orange::before,
.bg-circles-green-orange::after,
.bg-circles-dark-green::after,
.bg-circles-orange::after{
   content: "";
   display: block;
   position: absolute;
}
.bg-circles-white::before {
   
   top: -32%;
   left: 1.5rem;
   width: 15.5%;
   height: 109.7%;
   background: url(images/white-ellipse-left.svg) no-repeat top left transparent;
   background-size: contain;
}

.bg-circles-white::after {
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto 0;
   width: 15.5%;
   height: 116.7%;
   background: url(images/white-ellipse-right.svg) no-repeat top left transparent;
   background-size: contain;
}

.bg-circles-green-orange::before {
   bottom: -65%;
   left: 0;
   width: 20.5%;
   height: 109.7%;
   background: url(images/orange-ellipse-left.svg) no-repeat top left transparent;
   background-size: contain;
}

.bg-circles-green-orange::after {
   top: -56%;
   right: 0;
   width: 22.5%;
   height: 116.7%;
   background: url(images/green-ellipse-right.svg) no-repeat top left transparent;
   background-size: contain;
}

.bg-circles-dark-green::after {
   top: 0;
   right: 0;
   width: 18.5%;
    height: 32.7%;
   background: url(images/dark-green-ellipse-right-clipped.svg) no-repeat top left transparent;
   background-size: contain;
}
.bg-circles-orange::after {
	top: -15%;
	right: 0;
	width: 18.5%;
	height: 72.7%;
	background: url(images/orange-ellipse-right.svg) no-repeat top left transparent;
	background-size: contain;
}



/* ==========================================================================
   GRIDS
   ========================================================================== */

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

.w-grid .no-results {
	
}

.w-grid-preloader {
	
}


/* Grid layout: {name}
   ========================================================================== */
@media(min-width:900px) {
	.w-grid-list.owl-carousel .owl-item {
	   width: fit-content !important;
	}
}
.owl-carousel.navstyle_circle .owl-nav:not(.disabled) {
	position: absolute;
    top: -3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 8rem !important;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.owl-carousel.navstyle_circle .owl-nav button {
    height: 3rem;
    width: 3rem;
    border-radius: 1rem;
    background: var(--color-primary-leaf-medium);
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    margin: 0;
    transform: none;
}
.owl-carousel.navstyle_circle .owl-nav button:hover {
	background: var(--color-primary-leaf-dark) !important;
	color: var(--color-neutrals-00) !important;
}

.arrow-orange .owl-carousel.navstyle_circle .owl-nav button {
    background: var(--color-secondary-jaffa);
}
.arrow-orange .owl-carousel.navstyle_circle .owl-nav button:hover {
	background: var(--color-primary-gold-rust) !important;
	color: var(--color-neutrals-00) !important;
}

.owl-carousel.navstyle_circle .owl-next:after {
    content: 'arrow_forward';
    font-weight: 300;
    font-family: 'Material Symbols Outlined';
    font-size: 1em;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.owl-carousel.navstyle_circle .owl-prev:after {
    content: 'arrow_back';
    font-weight: 300;
    font-family: 'Material Symbols Outlined';
    font-size: 1em;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.owl-carousel.dotstyle_circle .owl-dot span {
	display: block;
    border-radius: .25rem;
    background: var(--color-neutrals-40);
    width: 1rem;
    height: 1rem;
    margin: 0 .5rem;
	opacity: 1;
}

.owl-carousel.dotstyle_circle .owl-dot.active span,
.owl-carousel.dotstyle_circle .owl-dot:hover span{
	background: var(--color-neutrals-70) !important;
    box-shadow: none;
    opacity: 1;
}

.w-grid.type_carousel .w-grid-item.us_testimonial {
	padding: 2rem var(--gap,0px);
}

.w-grid.type_carousel .owl-stage > div:nth-child(even) .usg_vwrapper_1 {
	background: var(--color-secondary-jaffa) !important;
}

.w-grid.type_carousel .owl-stage > div:nth-child(even) .usg_vwrapper_1 svg path {
	fill: var(--color-primary-rust) !important;
}



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

#page-header .l-subheader.at_middle {
	background: transparent;
}

#page-header .l-subheader.at_middle .l-subheader-h {
	background: var(--color-header-middle-bg);
    border-radius: 1rem !important;
    padding: 1rem 2rem;
    margin-top: .75rem;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 500px) {
	#page-header .l-subheader.at_middle .l-subheader-h {
		padding: 1rem;
	}
	.header_hor .l-subheader-cell.at_right>* {
		margin-left: 0.5rem;
	}
	
}

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


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


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

/* ==========================================================================
   NAVIGATION
   ========================================================================== */


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

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

/* ==========================================================================
   FOOTER
   ========================================================================== */
#page-footer {
   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 92.14%, rgba(211, 210, 210, 0.4) 100%);
   position: relative;
   z-index: 10;
}

#page-footer .wpb_text_column a {
	text-decoration: underline;
}


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

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



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

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

/* Filters
   ========================================================================== */
.w-filter.layout_hor .w-filter-item-values {
	display: flex;
   gap: 2rem;
}

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

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

	
/* Archive search
   ========================================================================== */
.w-search.for_list.layout_simple.us-field-style_1.live_search form {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: 0.5rem;
}

.w-search.for_list.layout_simple.us-field-style_1.live_search form .w-form-row-field {
   flex: 1;
}
.w-search.for_list.layout_simple.us-field-style_1.live_search input[type=text] {
   border-radius: 33rem;
}

.w-search.for_list.layout_simple.us-field-style_1.live_search .w-btn {
   position: relative;
   top: unset;
   transform: none;
   background: var(--inputs-text-color) !important;
   color: var(--color-neutrals-00);
   border-radius: 33rem;
   padding: 0.75rem 1rem;
   font-size: 0.875rem;
   width: fit-content;
   line-height: 1;
}
.w-search.for_list.layout_simple.us-field-style_1.live_search .w-btn i {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: inherit;
}
.w-search.for_list.layout_simple.us-field-style_1.live_search .w-btn i.fa-search:before {
   content: "Search";
}


/* Search filter  */
.w-filter .w-filter-item-title {
   display: flex;
   align-items: center;
   gap: .5rem;
   padding: 0em 0.9em;
   font-size: .875rem;
   line-height: 1;
 }

@media (min-width: 600px) {
	.w-filter .w-filter-item-title::before {
	   content: "\ef4f";
	   font-family: "Material Icons";
	   font-weight: 400;
	   display: inline-block;
	   line-height: 1;
	   font-weight: normal;
	   font-style: normal;
	   letter-spacing: normal;
	   text-transform: none;
	   white-space: nowrap;
	   word-wrap: normal;
	   direction: ltr;
	   font-feature-settings: 'liga';
	}

	.w-filter .w-filter-item-title::after {
	   position: relative;
	   margin: 0;
	   pointer-events: auto;
	   border: none;
	   top: unset;
	   right: unset;
	   content: '\f107';
	   font-size: 1.2em;
	   font-family: fontawesome;
	   font-weight: 400;
	   cursor: pointer;
	}

}



/* Pagination
   ========================================================================== */
.pagination .nav-links {
	margin-top: 6rem;
}
.pagination .nav-links .page-numbers {
   text-decoration: none;
   display: flex;
   width: 3rem;
   height: 3rem;
   justify-content: center;
   align-items: center;
   padding: 0.5rem;
   aspect-ratio: 1/1;
   border-radius: 1rem;
   border: 1px solid var(--color-neutrals-30);
   background: var(--color-neutrals-00);
   font-size: 1rem;
   line-height: 1;
}
.pagination .nav-links .page-numbers.current,
.pagination .nav-links .page-numbers:not(.next):not(.prev):hover {
	background: #F1B06C;
	color: black !important;
}
.pagination .nav-links .next,
.pagination .nav-links .prev {
    border: none !important;
	background: transparent !important;
}






/* ==========================================================================
   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);
	}
}