/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.page-header {display:none!important;}
.link a {color:#0095eb !important;}
.footer a {color:#fff;text-decoration:underline!important;}
.underline p {text-decoration:underline;text-underline-position: under;text-decoration-color: #c3c3c3;}
.offerpage {font-weight:bold;}
.elementor-location-footer .footermenu  {display:none!important;}
.elementor-location-footer .footer-arrow .sub-arrow {display:none!important;}

/*Single news*/
.single-post h2 {color: #0d4577;font-size:27px;line-height:34px;font-weight:800;}
.single-post h3 {color: #0d4577;font-size:22px;line-height:30px;font-weight:500;}
.single-post h4 {color: #0d4577;font-size:22px;line-height:20px;font-weight:600;text-transform:lowercase;margin-bottom:0px!important;}
.ctaknop {    font-family: "Ubuntu", Sans-serif; font-size: 16px;  font-weight: 600;  color: #1e73be;
    background-color: #ffffff;  border-style: solid;  border-width: 2px 2px 2px 2px;  border-color: #1e73be;  padding: 10px 10px 10px 10px;border-radius:5px;}
.ctaknop:hover { color: #fff; background-color: #1e73be}
#joboffer-images li {margin-right:4px!important;}

/*News page*/
.news .elementor-post__text {padding: 44px 0px 0px 0px;}
.news  .elementor-post__excerpt p:after {content: ' [...]';}    
.news .elementor-post__read-more {;background-color:rgba(0, 0, 0, 0.02);width:100%;float:right;text-align:right;padding:3px 5px;}

.grijs .e-gallery-image,.elementor-custom-embed-image-overlay { filter: grayscale(100%)!important;}
.card--image img { filter: grayscale(100%)!important;}
.card--date {display:none!important;}


.elementor-share-btn {border-radius:3px!important;}

.jobofferstyle ul {list-style: none;margin:0 0 0 0;padding-inline-start:20px;}
.jobofferstyle ul li::before {  content: "\2022";color: #0095eb;font-size:30px; font-weight: bold;line-height:20px;display: -webkit-inline-box;;width: 23px;margin-left:-22px;}

/*Joboffer view*/
.joboffer h2 {color:#0A4B84;font-weight:500;font-size:30px;}

.card {width:100%;padding-bottom: 50px;display:flex;}
.card .card--content {margin-left:24px;}
.card--titel a{font-size: 26px;color: #1c4594!important;font-weight: 700;line-height: 1.25;word-break: break-word;}
.card--short {padding-top:18px;}
.card--short  ul {list-style: none;margin:0 0 0 0;padding-inline-start:0px;}
.card--short  ul li::before {  content: "\2022";color: #0095eb;font-size:30px; font-weight: bold;line-height:20px;display: -webkit-inline-box;;width: 23px;}
.card--knop a {color: #fff!important; background: #1a4392!important;padding: 4px 14px;border-radius: 8px;font-size: 18px;text-transform: capitalize;}
.card--knop {padding-top:30px;}
.card--location:before {content:'Workplace : ';font-weight:bold}

.card   {display:flex;}
.card .card--image img {border-radius:10px!important;margin-top:10px;max-width:150px!important;}

/*grey overlay*/
#joboffer-images img {filter: grayscale(100%)!important;border-radius: 30px 0px 30px 0px;}
.homegrid img {filter: grayscale(100%)!important;}

/*Homepage*/
.stepbystep {width:50px!important;}

/*faq*/
.eael-accordion-header .fa-toggle {margin-left:10px;}

/*testimonial*/
.getuigenis .elementor-post:after{color: #00AEDB!important;content: "\f10e";font-family: "Font Awesome 5 Free";font-size: 200%;font-weight: 900;top:5%;right:5%;}

/*Gallerij*/
.e-gallery-item.elementor-gallery-item {border-radius: 30px 0px 30px 0px;}

/* responsive breakpoints */
@media only screen and (min-width : 1279px) {
.mobilemenu {display:none!important;}
}

@media only screen and (max-width : 1279px) {

}

@media only screen and (max-width : 960px) {
.mobilemenu {display:block!important;}
 .elementor-posts {display:block!important;}
}


@media only screen and (max-width : 760px) {
	h1 {font-size:40px!important;}	
	#slider1 .image {display:contents!important}

}

@media only screen and (max-width : 480px) {
.homegrid img {height: 77%!important;}
}