/*
Theme Name: Coodware child
Description: This is a child theme for Coodware
Author: Coodware
Template: coodware-flat
Version: 3.0
*/

/*************** CSS Essentials   ***************/

/***** Fonts *****/

@font-face {
    font-family: 'Circular-Std-Medium';
    src: url('/wp-content/uploads/custom-fonts/CircularStd-Medium.eot');
    src: url('/wp-content/uploads/custom-fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/CircularStd-Medium.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/CircularStd-Medium.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/CircularStd-Medium.ttf') format('truetype'),
        url('/wp-content/uploads/custom-fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/wp-content/uploads/custom-fonts/Inter-Regular.eot');
    src: url('/wp-content/uploads/custom-fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/custom-fonts/Inter-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/custom-fonts/Inter-Regular.woff') format('woff'),
        url('/wp-content/uploads/custom-fonts/Inter-Regular.ttf') format('truetype'),
        url('/wp-content/uploads/custom-fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-style: normal;
}



body, 
.fill.banner-link /* hide scrolling on banners */ { 
	overflow: hidden; 
	/* Hide horizontal scrollbars */ 
}

h1, .h1, .banner h1 {
    font-family: 'Circular-Std-Medium' !important;
	font-size: 50px;
	line-height: 1;
	font-weight: normal;
}

h2, .h2, .banner h2 {
    font-family: 'Circular-Std-Medium' !important;
	font-size: 40px;
	line-height: 1;
	font-weight: normal;
}

h3, .h3, .banner h3{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
}

h4, .h4, .banner h4{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 20px;
	line-height: 1;
	font-weight: normal;
}

h5, .h5, .banner h5{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 18px;
	line-height: 1.2;
	font-weight: normal;
}

h6, .h6, .banner h6{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 16px;
	line-height: 1.2;
	font-weight: normal;
	text-transform: initial !important;
}

body, p, .banner p, label {
    font-family: 'Inter-Regular' !important;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

.nav > li > a{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 16px;
}


::selection {
  color: #000;
  background: #FFCB00;
}

.-d24m20-{
	font-size: 24px;
}

html {
	scroll-behavior: smooth;
}


/***** Global CSS *****/
.button.secondary, .button.primary, .button.success, .button.alert, .button.white{
    font-family: 'Circular-Std-Medium' !important;
	font-size: 16px;
	font-weight: normal !important;
}

.button.primary span{
	color: #fff;
}

.button.secondary span{
	color: #000 !important;
}

.button.primary:hover{
	background-color: #FFCB00 !important;
	box-shadow: inset 0 0 0 0px rgba(0,0,0,0);
}

.button.primary span:hover,
.button.primary:hover span{
	color: #000 !important;
}

.button.secondary:hover{
	background-color: #000 !important;
}

.button.secondary span:hover,
.button.secondary:hover span
{
	color: #fff !important;
}

.button.primary.is-outline span{
	color: #000;
}

.button.primary.is-outline:hover{
	border-color: #FFCB00;
}

.-footer- a:hover{
	text-decoration: underline !important;
	color: #000 !important;
}

/* do not make menu bolder */
.nav-uppercase>li>a {
	font-weight: normal;
}

.grecaptcha-badge{
	opacity: 0 !important;
}


.-accordion- .toggle{
	left: initial;
	right: 0;
	top: -5px;
}

.-accordion- .accordion-title, .-accordion- .accordion-title.active{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid transparent;
	color: #000;
	background-color: transparent;
}

.-accordion- .accordion-item{
	padding: 5px 0px 5px 0px;
}

.-accordion- .accordion-title span{
	font-family: 'Aventa-Bold' !important;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.-accordion- .accordion-inner{
	padding: 10px 50px 0px 0px;
}


.tab-panels{
	background-color: #E2EBEC !important;
	border: 0px solid transparent !important;
	border-radius: 0px 10px 10px 10px;
	min-height: 170px;
}

.nav-tabs .tab.active a{
	background-color: #E2EBEC !important;
	border: 0px solid transparent !important;
}

.nav-tabs .tab a{
	background-color: transparent !important;
	border: 0px solid transparent !important;
	font-size: 24px !important;
    font-family: 'Circular-Std-Medium' !important;
	letter-spacing: initial;
	padding: 20px 30px 20px 30px;
	border-radius: 10px 10px 0px 0px;
}

.flickity-slider > .row:not(.is-selected){
	opacity: 1 !important;
}

.-formulier- .col{
	padding-bottom: 0px !important;
}

.-submit-{
    font-family: 'Circular-Std-Medium' !important;	
	font-size: 16px;
	letter-spacing: initial !important;
	text-transform: initial !important;
	border-radius: 5px !important;
	font-weight: normal !important;
}

.wpcf7 .wpcf7-acceptance span{
	font-size: 14px;
}

.single-post .large-10 {
	flex-basis: 100% !important;
    max-width: 100% !important;
}

/***** Home CSS *****/

.-search-bar- .ux-search-submit{
	background-color: #000;
	border-radius: 0px 10px 10px 0px !important
}

.-search-bar- .ux-search-submit:hover{
	background-color: #FFCB00 !important;
	box-shadow: none;
	border: 1px solid #000;
}

.-search-bar- .ux-search-submit:hover .icon-search{
	color: #000 !important;
}

.-search-bar- .search-field{
	border-radius: 10px 0px 0px 10px !important;
}

.-search-bar- input[type="search"]::placeholder {
    color: #888;
    opacity: 1;
    content: "Zoek vacatures" !important;
}

.search .page-title{
	text-transform: initial !important;
	font-weight: normal !important;
	letter-spacing: initial !important;
	font-size: 24px !important;
}


@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	h1, .h1, .banner h1 {
		font-size: 36px;
	}

	h2, .h2, .banner h2 {
		font-size: 28px;
	}

	h3, .h3, .banner h3{
		font-size: 24px;
	}

	h4, .h4, .banner h4{
		font-size: 20px;
	}

	h5, .h5, .banner h5{
		font-size: 18px;
	}

	h6, .h6, .banner h6{
		font-size: 16px;
	}
	
	body, p, .banner p {
	font-size: 16px;
	}
	
	/* is nodig om ervoor te zorgen dat je op mobile niet opeens wel lokaal kan scrollen binnen banners */
	.banner-layers {
    	-webkit-overflow-scrolling: touch;
    	overflow: hidden;
	}
	
}


article.category-vacatures .entry-content > .section{
	padding-top: 20px !important;
}

article.category-vacatures .entry-content > .section .icon-box p{
	font-size: 14px;
}

article.category-vacatures .entry-content > .section .icon-box .icon-box-text{
	padding-left: 10px;
}





.wpcf7 .wpcf7-not-valid-tip {
	color: #3a3938;
}