:root { 
	--primary: #3c3c3c; --primary-dark: #000; --primary-light: #656463;
	--secondary: #86a9a1; 	--secondary-dark: #8f795a;
	--gray: #EFEFEF; --gray-dark: #E0E0E0;
	--light: #fff;
	--red: #E50040;
	
	--font1: 'Arial', sans-serif;
	--font2: 'Arial', sans-serif;

	--fsize1: calc(1.375rem + 1.5vw); 
	--fsize2: calc(1.3rem + .6vw);
	--fsize3: calc(1.275rem + .3vw);

	--lh1: 1.2;
	--lh2: 1.2;
	--lh3: 1.2;
}

body { font: normal 400 1rem / 1.5 var(--font1); color: var(--primary);}

a {color: var(--red);}
a:hover {color: var(--red);}

.fsize1 { font-size: var(--fsize1)!important; font-weight: 700;}
.fsize2 { font-size: var(--fsize2)!important; font-weight: 700;}
.fsize3 { font-size: var(--fsize3)!important; font-weight: 700;}

/* Buttons */
a { color: var(--primary);}
.btn { padding: .775rem 1.2rem !important; font-weight: 700; border-radius: 0;} 
.btn-primary { color: #fff; background-color: var(--primary) !important; border-color: var(--primary); }
.btn-primary:hover { color: #fff; background-color: var(--primary-light) !important; border-color: var(--primary-light);}
.btn-primary:focus, .btn-primary:active { color: #fff; background-color: var(--primary-dark) !important; border-color: var(--primary-dark); box-shadow: 0 0 0 .25rem rgba(155, 155, 155, 0.25) !important; }

.btn-secondary { color: var(--primary); background-color: var(--gray); border-color: var(--gray); }
.btn-secondary:hover { color: var(--primary); background-color: var(--gray-dark); border-color: var(--gray-dark); }
.btn-secondary:focus, .btn-secondary:active:focus { color: var(--primary); background-color: var(--gray-dark); border-color: var(--gray-dark); box-shadow: 0 0 0 0.25rem rgba(228, 230, 239,.75); }

/* Header */
.topbar { background: var(--primary); }
header { background: #fff; box-shadow: 1px 3px 5px 0px rgb(210, 217, 237, .3); z-index: 1060; }
header .navbar.navbar-top { padding-top: 1rem; padding-bottom: 1rem; }
header .navbar .nav .nav-link {letter-spacing: .0625rem !important; padding: 8px 0; margin: 0 16px;}
header .navbar .nav .nav-link.active, header .navbar .nav .nav-link.focus {border-bottom: solid #656463 4px; margin-bottom: -4px; font-weight: 700;}
header .navbar .nav .nav-link:hover {border-bottom: solid #000 4px; margin-bottom: -4px; color: #000; transition: opacity .1s;}
header .navbar .nav .hasMenu ul .nav-item .nav-link {margin: 0 !important; padding: 8px 16px !important;}
header .navbar .nav .hasMenu ul .nav-item .nav-link:hover {background-color: var(--gray) !important; border: none !important;}
.navbar .logo {width: 150px;}
.vacalink {letter-spacing: .0625rem !important;}
.vacalink .nav-link{ background:var(--primary); } 
.navbar .menuIcon {width: 30px;}
.mm-listview .vacalink { margin: 0 20px; }
.mm-menu .vacalink { padding: 15px 0;}
.mm-menu .vacalink .btn { color: #fff; }
.mm-menu .close span {font-size: 28px; color: var(--primary);}
.mm-menu .mm-navbars_bottom .mm-navbar {border-color: var(--light) !important;}

/* Breadcrumbs */
.breadcrumb-container .breadcrumb .breadcrumb-item {font-size: .8875rem;}
.breadcrumb-container .breadcrumb .breadcrumb-item.active {padding: 0px; color: #cfcdc9; font-size: .8875rem;}
.breadcrumb-container .breadcrumb .breadcrumb-item.active:before, .breadcrumb-item + .breadcrumb-item::before {content: "/"; padding: 0px 12px; font-size: .9875rem; color: #cfcdc9;}
/* Slideshows */
.slick-slider .slick-arrow:focus { box-shadow: 0 0 0 0.25rem rgba(6, 106, 201,.4); }

/* Footer */
footer { background: var(--primary); color: #fff; padding: 70px 0 15px; }
footer a { color: #fff; }
footer a:hover { color: var(--light); text-decoration: underline;}
footer [class*="fsize"] { color:#fff; }
footer .social-media a, footer .social-media a:hover {background-color: transparent;}
footer .social-media a svg {height: 30px;}
footer .social-media a svg path{fill: var(--light);}
footer .brand-list {list-style: none; fill: var(--light); padding: 0;}
footer .brand-list li:hover {fill: var(--red);}
footer .brand-list li:not(:first-child):hover {fill: #000; transition: fill .2s ease-in-out;}
footer .brand-list li:hover {fill: var(--red); transition: fill .2s ease-in-out;}
footer .brand-list li {width: 160px; padding-bottom: 24px;}
.subfooter { background: var(--secondary); color: #fff; }
.subfooter .subfooter-link { color: #fff; transition: color .15s ease-in-out; }
.subfooter .subfooter-link:hover { color: var(--primary); }

/* Home page */
.pageheaderHome .description {background: rgba(0, 0, 0, 0);}
.pageheaderHome .description .fsize1 span {font-size: 2.5rem !important; font-weight: 400;}
.pageheaderHome .description .fsize2 {font-size: 1.2rem !important;}

.section-jobs {background-color: transparent; margin-bottom: 75px !important;}
.section-jobs .job-img img {translate: 30px 0; z-index: 2;}
.section-jobs .job-container {background-color: var(--gray) ; padding: 48px;}
.section-jobs .job-container .card-jobs {display: flex !important;} /* Stretch the boxes to equal height */
/*.section-jobs .job-container .card-jobs .ehText, .card-jobs-main .card-body p {height: fit-content !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;} TODO: can be deleted later */

.section-news {background-color: var(--gray);}

/* News & Job page */
.jobs-aside{ border: none; background-color: var(--gray-dark) !important; top: 24px;}
.jobs-container, .news-container {background-color: var(--gray); margin-top: 12px; padding-top: 12px;}

.vaca-filters .dropdown {width: 100%;}
.vaca-filters .dropdown .btn {width: 100%; display: flex; align-items: center;}
.vaca-filters .dropdown .dropdown-menu {width: 100%}
.vaca-filters .dropdown .dropdown-menu .dropdown-item:active {background-color: var(--gray);}
.vaca-filters .dropdown .dropdown-toggle::after {margin-left: auto !important;}

/* Cards */
.card {border-radius: 0;}
.card .card-img-top {border-radius: 0;}
.card-news:hover, .jobs-slider .slick-slide:hover {transform: scale(1.02); transition: .2s transform !important;}

/* Global styles / Blocks */
.blok1 .container .inner, .blok2 .container .inner {background-color: var(--secondary);}
.blok1 .container .inner p, .blok1 .container .inner span, .blok2 .container .inner p, .blok2 .container .inner span {color: var(--light);}

.blok3 .nav-tabs .nav-link {background-color: var(--gray-dark); border: none;}
.blok3 .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color: var(--gray); border: none;}
.blok3 .tab-content {background-color: var(--gray) ;}

.blok38 .accordion-button:not(.collapsed) {color: var(--primary); font-weight: 700; background-color: var(--gray);}
.blok38 .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233c3c3c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; }
.blok38 .accordion-button:focus {box-shadow: none; border-color: rgba(0,0,0,.125);}

.blok51 .container .inner span, .blok55 .container .inner span {color: var(--light);}

.form-control {background-color: var(--gray); border-radius: 0; border-color: var(--gray-dark);}
.form-control:hover {border-color: var(--primary);}
.form-control:focus {border-color: var(--primary); box-shadow: 0 0 0 .25rem rgba(155, 155, 155, 0.25) !important; background-color: var(--gray);}

/* Special headers */
.jobs-container .header-half, .news-container .header-half {transform: translate(0px, -20px);}

.initialen { display: none; }

@media(min-width: 576px) { }
@media(min-width: 768px) { }
@media(min-width: 992px) {

	.vacalink { margin-left: 20px; }
	.vacalink .btn { padding: 15px 28px; }
	.jobs-container, .news-container {margin-top: 24px; padding-top: 24px;} 
	.jobs-container .header-half, .news-container .header-half {transform: translate(0px, -25px);}
}

@media (min-width: 1200px){
	:root {
		--fsize1: 2.5rem; 
		--fsize2: 1.75rem;
		--fsize3: 1.5rem;
	}
	.vacalink .btn { padding:15px 45px; }
	.navbar .logo {width: 170px;}
	
}