/*
Theme Name: Helix Child
Description: Gebruik dit thema om maatwerk toe te passen op Helix
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.1
Template: helix
Date: 20220517

-------------------------------------------------------------- */
/* MAIN STYLES
-------------------------------------------------------------- */
/* Global */
.off-canvas-wrap{
	background-color:#f9f9f9;
}

.content-wrap {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
}

.page-section {
    padding: 30px 0;
}

.page-banner, .page-banner img {
    width: 100vw;
    background-size: cover;
    background-position: center;
}

/* Nav */
.nav-full-bar nav ul li > ul.sub-menu {
    background: #fff;
}

.nav-full-bar nav ul li > ul.sub-menu li:hover a {
    color:#333 !important;
}

/* CTA */
.cta-section {
    background: #36aaff;
    background-image: linear-gradient(45deg, rgba(54,170,255,0.8), rgba(54,170,255,0.8)), url(/wp-content/uploads/2021/12/icons8-team-yTwXpLO5HAA-unsplash-1905x600.jpg) !important;
    background-size: cover !important;
    background-position: top !important;
    padding: 90px 0;
}

.cta-section .button{
	background:transparent;
}

/* Blog Nieuws */
.back-button {
    font-size: .9em;
    padding: 10px 40px 10px 28px;
    margin: 20px 0;
}

/* Header */
#header .logo {
    height: 180px;
    margin: 13px 0 13px 0;
    display: block;
}

/* Footer */
.bottomBar {
    background: rgba(0,0,0,0.02);
    padding: 5px 0;
}

.wp-image-250{
    width: 220px;
    margin: 13px 0 0 0;
    display: block;
}

/* Main nav */
.nav-full-bar ul {
    text-align: right;
}

.nav-full-bar nav ul li {
    padding: 19px 20px;
	margin:0;
	background: rgba(0,0,0,0.0);
	transition:all ease .2s;
}


.nav-full-bar nav ul li:hover, .nav-full-bar nav ul li.current_page_item:hover,
.nav-full-bar nav ul li.current_page_item {
    border-bottom: none !important;
    background: rgba(0,0,0,0.05);
}

/* Second nav */
nav.second-nav{
	margin:58px 0 0 0;
}

nav.second-nav ul li,
nav.second-nav ul li:hover {
	border:none !important;
}

nav.second-nav ul li a, nav.second-nav ul li a:visited {
    color: #ccc;
}

nav.second-nav ul li a:hover {
    color: #aaa;
}

/* Vacatures */
.vaca-button-wrap {
    text-align: center;
    padding-bottom: 40px;
}

/* Vacature blocks */
.ac-job-single-block-inner{
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
	position:relative;
	transition:all ease .2s;
}

.ac-job-single-block-inner:hover{
	background:#36aaff;
}

.ac-job-single-block-inner:hover h3,
.ac-job-single-block-inner:hover p,
.ac-job-single-block-inner:hover a,
.ac-job-single-block-inner:hover p.ac-job-description{
	color:#fff;
}

.ac-job-single-block-inner:hover a.ac-job-button:hover{
	color:#f1f2f2;
}

.ac-job-single-block-inner:hover:before{
	border-bottom: 40px solid #fff;
}

.ac-job-single-block h3{
	font-size:1.4em;
}

.ac-job-single-block p.ac-job-description {
    font-size: .9em;
    margin-top: -10px;
    font-style: italic;
}

.ac-job-single-block p{
	color:#0e2546;
}

a.ac-job-button {
    font-size: 2em;
    position: absolute;
    right: 15px;
    bottom: 15px;
    transition: all ease .1s;
}

.ac-job-single-block-inner:hover a.ac-job-button{
	 right: 10px;
	 color: #fff;
}



/* Single Vaca */
.small-banner{
	height:80vh;
	background-size:cover;
	background-position:center;

}

.jobs-banner{
	padding: 26vh 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.jobs-banner h1{
	color:#fff;
	font-size: 4em;
}

.jobs-location {
    font-size: 2em;
    color: #fff;
}

.jobs-location span{
	font-family: 'Open Sans', sans-serif;
}

.jobs-extras-inner{
	padding:20px 40px;
	background:#0076cd;
}


.jobs-extras h3,
.jobs-extras h4,
.jobs-extras h5,
.jobs-extras p,
.jobs-extras a{

}

.jobs-extras h4{
	font-size:1.2em;
}

.jobs-extras h5{
	font-size:1.1em;
	margin-bottom: -2px;
}

.jobs-single-team img{
	border-radius:50%;
	width: 70%;
	margin: 10px 0;
}

.jobs-single-form-wrap{
	background:#f1f2f2;
}

.jobs-single-form-wrap h2{
    text-align: center;
}

/* ----------------------------------------------------------- */
/* RESPONSIVE STYLES
-------------------------------------------------------------- */
/* Small screens */
@media only screen and (max-width: 40em) {

	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */