/*
Theme Name: Flatsome Child Levy Global
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

:root {
  --h1: 68px;
  --h2: 48px;
  --h3: 40px;
  --h4: 32px;
  --p: 20px;
  --huge: 100px;
  --intro: 24px;
  --subtitle: 14px;
  --nav: 15px;
  --blue: #54B4CC;
  --bluegreen: #FA6755;
  --bluepurple: #FA6755;
  --dark: #0B0B0B;
  --orange: #E29D38;
  --radius: 1em;
  --button-radius: 4px;
}

aside.hide-for-dark img, aside.hide-for-light img {
	margin-bottom: 0 !important;
}
.hide-for-dark {
	display: none;
}
.page-template-page-transparent-header-light .hide-for-light {
	display: none;
}
.page-template-page-transparent-header-light .hide-for-dark {
	display: block;
}

.flickity-page-dots {
	bottom:0;
}

.company_logo{
	display: none;
}
  .company::after {
    content: url('https://levy-global.com/wp-content/uploads/cropped-bg-logo-1-e1715938381181.png');
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin-top: -75px;
	margin-left: 10px;
  }

.off-canvas-right.dark .mfp-content {
    background-color: var(--blue);
}

.section.black-tophalf{
	background-color: var(--dark);
}
#masthead .container, #top-bar .container {
	padding: 0 60px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	background-color: var(--orange);
}
.icon-box {
	align-items: center;
}
	.icon-box-text h5 {
		text-transform: none;
		font-size: 24px;
		color: var(--bluegreen);
	}
	.col.divider-bluepurple .icon-box-text h5 {
		color: var(--bluepurple);
	}
	
.indent {
	margin-left: 4vw;
}
.line {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.line:before, .line:after {
	content: '';
	height: 5px;
	flex-grow: 1;
	background-image: url('/wp-content/uploads/sites/4/line-before-orange.png');
	background-repeat: no-repeat;
	background-position: left;
}
.line:after {
	background-image: url('/wp-content/uploads/sites/4/line-after-orange.png');
	background-position: right;
}

.section.bg-dark-tophalf:before {
	content: '';
	background-color: var(--dark);
	position: absolute;
	width: 100vw;
	height: 500px;
	top: 0;
}
.home .section.bg-dark-tophalf:before {
	height: 450px;
}
.section.bg-dark-bottomhalf:before {
	content: '';
	background-color: var(--dark);
	position: absolute;
	width: 100vw;
	height: 50%;
	bottom: 0;
}

.banner.video-blend.has-video .bg {
	display: block;
}
.banner.video-blend	video {
	opacity: 0.5;
	width: 50%;
	height: auto;
	top: 10%;
	left: 30%;
	-webkit-mask-image: radial-gradient(circle, black 35%, rgba(0, 0, 0, 0) 40%);
	mask-image: radial-gradient(circle, black 35%, rgba(0, 0, 0, 0) 40%);
}

.nav-dark .nav>li>a {
	color: #fff;
	font-size: 1.5em;
}
.banner.bg-contain .banner-bg .bg {
	background-position: right top;
	background-size: 75vw !important;
}
body, body p {
	font-family: articulat-cf, sans-serif;
	font-weight: 400;
}
.light {
	font-weight: 200 !important;
}
.alt-font {
	font-family: "work-sans", sans-serif;
	font-weight: 300;
	font-style: normal;
}
h1, .h1, .banner h1, .banner .h1, h2, .h2, .banner h2, .banner .h2, h3, .h3, .banner h3, .banner .h3, h4, .h4, .banner h4, .banner .h4, h5, .h5, .banner h5, .banner .h5, h6, .h6, .banner h6, .banner .h6 {
	font-family: articulat-cf, sans-serif;
	font-weight: 400;
	line-height: 1.25em;
}
h1, .h1, .banner h1, .banner .h1 {
	font-size: var(--h1);
}
h2, .h2 {
	font-size: var(--h2);
}
h3, .h3 {
	font-size: var(--h3);
}
h4, .h4 {
	font-size: var(--h4);
}
.alt-font {
	font-weight: unset !important;
	letter-spacing: 0.075em;
}
.headline {
	font-size: var(--huge) !important;
	line-height: 1em;
	font-weight: 400 !important;
}
body p {
	font-size: var(--p);
}

.subtitle{
	font-size: var(--subtitle);
	text-transform: uppercase;
	line-height: 18px;
	letter-spacing: 3.7px;
}
.slogan {
	font-size: var(--h4);
	text-transform: none;
}
.underline {
	position: relative;
}
.underline:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 100%;
	height: 4px;
	background-image: url('/wp-content/uploads/sites/4/underline-blue.svg');
	background-repeat: no-repeat;
	background-position: right top;
}
.text-z-index {
	z-index: 2;
  }
.nomargin {
	margin-bottom: 0;
}
.nopadding {
	padding-bottom: 0;
}
.section.align-start {
	align-items: flex-start;
}
.intro {
	font-size: var(--intro);
}
.blue {
	color: var(--blue) !important;
}
.dark {
	color: var(--dark) !important;
}
.bluegreen {
	color: var(--bluegreen) !important;
}
.bluepurple {
	color: var(--bluepurple) !important;
}
.orange {
	color: var(--orange) !important;
}
.col.bg-blue .col-inner, .section.bg-blue .section-bg {
	background-color: var(--dark);
}
.col.afgerond .col-inner, .col.rounded .col-inner, .img.rounded img, .box.rounded .box-image {
	border-radius: var(--radius);
}
.col-inner.parallax-active {
	opacity: 1!important;
}

.divider-light .divider {
	position: relative;
	background-color: transparent;
}
.divider-light .divider:before {
	border: 1px solid #000550;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 85px);
	height: 9px;
	opacity: 0.5;
}
.divider-light .divider:after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/sites/4/underline-stroke-dots.svg');
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 75px;
	height: 10px;
	opacity: 0.5;
}
.divider-blue .divider {
	position: relative;
	background-color: transparent !important;
}
.divider-blue .divider:before {
	background-color: var(--bluegreen);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 80px);
	height: 4px;
	opacity: 1;
}
.divider-blue .divider:after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/sites/4/divider-dots-blue.svg');
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 75px;
	height: 4px;
	opacity: 1;
}
.divider-bluepurple .divider {
	position: relative;
	background-color: transparent !important;
}
.divider-bluepurple .divider:before {
	background-color: var(--bluepurple);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% - 80px);
	height: 4px;
	opacity: 1;
}
.divider-bluepurple .divider:after {
	content: '';
	position: absolute;
	background-image: url('/wp-content/uploads/sites/4/divider-dots-bluepurple.svg');
	background-repeat: no-repeat;
	right: 0;
	top: 0;
	width: 75px;
	height: 4px;
	opacity: 1;
}

.button {
	font-weight: 500;
	margin: 0;
}
.button.is-outline {
	border-width: 1px;
}
.button.align-bottom {
	position: absolute;
	bottom: 0;
}
.button.align-bottom-40 {
	position: absolute;
	bottom: 40px;
}
.button.align-right {
	right: 0;
}
.button.align-rb {
	position: absolute;
	right: 8px;
	bottom: 8px;
}
.button.rounded {
	border-radius: 10px !important;
}

.wpsm_progress .wpsm_progress-pro-bar {
	height: 16px !important;
	border-radius: 8px !important;
}
	.wpsm_progress .wpsm_progress-pro-bar .wpsm_progress-bar {
		border-radius: 8px !important;
	}
	.wpsm_progress .wpsm_progress-pro-bar .wpsm_progress-bar:before, .wpsm_progress .wpsm_progress-pro-bar .wpsm_progress-bar:after {
		display: none;
	}

.knowledge .button, .knowledge .is-divider {
	position: absolute;
	bottom: 2em;
}
.knowledge .is-divider {
	width: calc(100% - 2em);
}

.wp-video-shortcode, .mejs-container .mejs-controls {
	border-radius: var(--button-radius);
}

/* vacatures */
.ais-hits .col.bg-blue:hover .col-inner {
    background-color: var(--orange);
}
body .ais-search-box {
    max-width: 100% !important;
}
	body .ais-search-box input {
	    border: 1px solid #DDD7C9;
		border-radius: 99px;
	}
	
	select {
	    border: 1px solid #DDD7C9;
		border-radius: 99px;
	}
.ais-refinement-list--count {
	position: absolute;
	right: 1em;
}
.ais-current-refined-values--item, .ais-current-refined-values--item * {
	display: inline;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
}
	.ais-current-refined-values--item a div {
		padding: 0.5em;
		color: #fff;
		background-color: var(--orange);
		border-radius: 99px;
	}
	
/* Jobs */
.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.no_job_listings_found.job_position_featured a {
    background: #fff;
}
.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:focus, .rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:hover, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:focus, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:hover, ul.job_listings li.job_listing.job_position_featured a:focus, ul.job_listings li.job_listing.job_position_featured a:hover, ul.job_listings li.no_job_listings_found.job_position_featured a:focus, ul.job_listings li.no_job_listings_found.job_position_featured a:hover {
    background-color: #eee;
}
.featured-jobs ul {
	xxcolumns: 2;
	break-inside: avoid;
	column-gap: 30px;
	border: 0;
	display: flex;
    flex-flow: row wrap;
    width: 100%;
}
	.featured-jobs ul li {
		border: 0px solid #eee !important;
		display: flex;
		flex-basis: calc(50% - 15px);
    	width: 50%;
    	margin-bottom: 30px !important;
	}
	.featured-jobs ul li a {
		width: 100%;
		border: 1px solid #eee !important;
		border-radius: var(--radius) !important;
		Xmargin: 0 1em;
	}
.featured-jobs ul li .position {
	width: 100% !important;
}
	ul.job_listings li .position h3 {
		font-size: var(--h4) !important;
		font-weight: 600;
		margin-bottom: 0.5em !important;
		color: var(--blue)!important;
		line-height: 1em!important;
	}
	div.location{
		color: black!important;
		font-size: x-large;
		margin-top: -5px;
		width: 45%!important;
		font-weight: 600;
	}
	.job_listing .position p:nth-of-type(2) {
		color: var(--blue)!important;
		font-size: larger;
		font-weight: bold;
	}
	.job_listings .meta{
		display: none!important;
	}
	ul.job_listings li .position p {
		font-size: 1em;
		color: #000;
	}
	.featured-jobs li .position p {
		xposition: absolute;
    	xbottom: 0;
    }
.featured-jobs ul li .location {
	width: 40% !important;
	display: none;
}
.featured-jobs ul li .meta {
	display: none;
}

/* afbeelding en vlak shortcodes */
img.afbeelding {
  position: absolute;
  pointer-events: none;
  max-width: unset;
}

.vlak {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  width: 100vw;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  z-index: -2;
}
.vlak-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  left: -1px;
  right: -1px;
}
.vlak-bg {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.vlak.blue .vlak-overlay {
  background-color: var(--blue);
}
.vlak.dark .vlak-overlay {
  background-color: var(--dark);
}

/* Testimomials */
body .testimonial-text p {
	font-size: 1rem;
	line-height: 1.5em;
	font-style: normal !important;
}

/* tabs */
.tabbed-content .nav {
	margin-bottom: 2em;
	padding: 1em 2em;
	background-color: var(--blue);
	border-radius: 99px;
}
	.tabbed-content .nav li {
		margin: 0 1em;
	}
		.tabbed-content .nav a {
			color: #fff;
		}
.tabbed-content p {
	line-height: 1.75em;
}

/* footer */
#footer iframe {
	border-radius: var(--button-radius);
}
.certifications {
	position: absolute;
    bottom: 0;
    margin-bottom: 1em;
}
	.certifications h5 {
    	color: #000;
	}
	
/* testimonials */
.testimonials-2 .flickity-viewport {
	z-index: 1;
	pointer-events: none;
}
.testimonials-2 .flickity-prev-next-button {
	background-color: rgba(29,182,207,0.75);
	width: 50%;
	bottom: 4em;
	top: unset;
	height: 80px;
}
.testimonials-2 .flickity-prev-next-button.previous {
	left: 0;
	z-index: 0;
}
.testimonials-2 .flickity-prev-next-button.next {
	right: 0;
	left: unset;
	z-index: 2;
}
	.testimonials-2 .flickity-prev-next-button svg {
		padding: 2em;
	}
	.testimonials-2 .flickity-prev-next-button.previous svg {
		left: 2em;
	}
	.testimonials-2 .flickity-prev-next-button.next svg {
		right: 2em;
		left: unset;
		transform: translate(50%, -50%);
	}
.testimonials-2 .flickity-page-dots {
	right: unset;
	left: 45%;
	bottom: 28px;
}
	.testimonials-2 .flickity-page-dots .dot {
		width: 16px;
		height: 16px;
		opacity: 1;
		background: transparent;
		border: 2px solid var(--blue);
	}
	.testimonials-2 .flickity-page-dots .dot.is-selected {
		background: var(--blue);
	}
.testimonials-2 .align-bottom {
	position: absolute;
	bottom: 1.5em;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	z-index: 999;
}
	
/* position dots in carousel */
.testimonials .flickity-page-dots {
	bottom: 410px;
  }
  /* white circles */
  .testimonials .flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	opacity: 1;
	background: transparent;
	border: 2px solid #70CEE1;
  }
  /* fill-in selected dot */
  .testimonials .flickity-page-dots .dot.is-selected {
	background: #70CEE1;
  }
  /* arrow color */
  .testimonials .flickity-prev-next-button .arrow {
	fill: white;
  }
.testimonials .flickity-prev-next-button.no-svg {
	color: white;

  }
  
.testimonials .flickity-prev-next-button {
	width: 1040px;
	
	height: 70px;
	border-radius: 0px;
	background: #70cee1eb;
	margin-top: 120px;
	margin-left: 290px;
	margin-right: 290px;
	position: relative;
	

}

.Bartext{
	padding-left: 445px;
margin-top: 449px;
	position: absolute;

}

.texttest {
	margin-bottom: 300px;
	padding-bottom: 400px;
}
.testimonials .flickity-button-icon{
	padding: 20px;
	margin-left: -50px;
	margin-right: 100px;

}


.testimonials .flickity-prev-next-button.previous {
	
	background-color: #70CEE1;
	top:-260px;
	width: 200px;
	

  }
.testimonials .flickity-prev-next-button.next {
	right: -200px;
	left: 236px;
	background-color: #70CEE1;
	bottom: 450px;
	width: 500x;
  }

  .testimonials .flickity-prev-next-button:hover {
	background: #70CEE1;
  }


  .row.accordion-button span {
	color: #fff;
	background-color: var(--orange);
	padding: 12px 17px 8px 17px !important;
	border-radius: 12px !important;
	margin-right: -40px;
	font-size: 1rem;
	position: inherit;
	top: -10px;
  }
  .row.accordion-button span:hover {
	background-color: #81372d;
}
  .row.accordion-button .accordion-title{
	border-top: none;
  }
  .row.accordion-button .icon-angle-down{
	display: none;
  }
  .accordion-title.active{
	font-weight: 400;
	background-color: unset !important;
  }
  .row.row-divided.accordion-button .col-inner .text{
	margin-top: -20px;
  }
  #nf-field-46{
	background-color: var(--orange)!important;
	padding: 8px!important;
  }
  #nf-field-46:hover{
	background-color: #81372d!important;
	color: white !important;
	padding: 8px!important;
  }
  #nf-field-35 {
	padding-top: 15px;
}
  #nf-field-45 {
	border-radius: 7px;
  }
  #nf-field-44{
	border-radius: 7px;
  }
  #nf-field-43{
	border-radius: 7px;
  }
  .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    line-height: 0em;
	}
	
body .nf-form-content input:not([type=button], [type="submit"]), body .nf-form-content textarea {
    background: #f7f7f7;
    border: 1px solid #f3f3f3;
    border-radius: 1em;
    box-shadow: none;
}
.html.header-button-1 .button span {
	margin-top: 10px;
  }
.block-size .icon.plain{
	font-size: 2em;
}
.footer-social .icon-linkedin{
	color: #007ebb;
}

.footer-social .icon-linkedin::before {
	background-color: #fff;
	border-radius: 10px;
}
.absolute-footer.dark.medium-text-center.small-text-center{
	background-color: rgb(0, 94, 106);
}
  @media only screen and (max-width: 550px){
  .button.rounded.mobiel-padding {
	margin-top: 20px;
  }
  .footer-icons{
	padding: 0 10px 30px;
}
ul.job_listings li.job_listing a div.position{
	width:100%;
}
#facetwp-map{
	width:92vw!important;
	height: 50vh!important;
}
}
@media only screen and (min-width: 851px) {
	.text.text-footer {
		margin-left: -125px;
	  }
	.col-slider .flickity-slider > * {
    	max-width: 50% !important;
    	min-height: 400px;
	}
	.col-slider .flickity-slider>.row {
    	opacity: 1;
    	margin-right: 30px;
    	min-height: 400px;
	}
	.col-slider.career-path .col {
		min-height: 435px;
	}
}

.lightbox-by-id.lightbox-content.lightbox-white{
	max-height: 90vh;
	overflow-y: scroll;
padding: 10px;
  }
	#floating-tabs {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
	}
		#floating-tabs .button {
			float: right;
			text-align: left;
			border-radius: 0 !important;
			border: 1px solid #fff;
			border-right: 0;
			padding-top: 5px;
		}
			#floating-tabs .button span {
				display: none;
				padding-right: 2em;
			}
			#floating-tabs .button:hover span {
				display: block;
			}
			#floating-tabs .button i {
				position: absolute;
				right: 0.75em;
				top: 50%;
				transform: translateY(-50%);
			}

@media only screen and (max-width: 1050px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
:root {
  --h1: 24px;
  --h2: 24px;
  --h3: 24px;
  --h4: 24px;
  --p: 16px;
  --huge: 48px;
}

@media only screen and (min-width: 1440px) {
	.leftmargin {
		margin-left: -84px;
	}
}