/*
Theme Name: Werken bij Hallmark
Theme URI: https://github.com/elementor/hello-theme/
Description: Werken bij Hallmark
Author: Hireserve
Author URI: https://www.hireserve.nl
Template: hello-elementor
Version: 1.1
*/

/* Add your custom styles here */
a.post-edit-link {
  position: fixed;
  left: 10px;
  bottom: 10px;
  color: #000000;
  z-index: 100;
}


/* --- Hoofdmenu desktop --- */



body .elementor-section .elementor-carousel-image-overlay {
  background-color: transparent;
  color: black; /* Change the color here to change the color of the caption */
  font-size: 14px; /* Change the font size here to change the size of the caption */
  height:30px;
  opacity: 1!important;
  transform:none!important;
  border-radius: 50px;
  height: 38px;

  bottom: 15px;
  top: auto;
  right: auto;
  left: 15px;
  width: auto;

  }

body .elementor-section .swiper-slide {
  overflow: visible;
}

body .elementor-section .swiper-pagination {
  text-align: right;
}

li.topmenu-language > a {
  border-radius: 10px;
  background-color: #EEE9F5;
  color: var( --e-global-color-accent ) !important;
  border-radius: 50px;
}

li.topmenu-profile > a {
  background-image: url('assets/images/icon_profile.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 28px !important;
}

li.topmenu-profile > a:hover {
  background-image: url('assets/images/icon_profile_hover.svg');
}

li.topmenu-profile > a:active,
li.topmenu-profile > a.elementor-item-active {
  background-image: url('assets/images/icon_profile_active.svg');
}



.elementor-nav-menu--dropdown-mobile .elementor-screen-only,
.elementor-nav-menu--dropdown-mobile .screen-reader-text,
.elementor-nav-menu--dropdown-mobile .screen-reader-text span,
.elementor-nav-menu--dropdown-mobile .ui-helper-hidden-accessible {
  position: relative;
  top: 0;
  width: auto;
  height: auto;
  margin: auto;
  font-size: 12px;
  padding-left: 6px;
  color: var( --e-global-color-primary );
  text-transform: lowercase;
}

.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle .eicon-menu-bar {
  background-image: url('assets/images/icon_menu_mobile.svg');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  width: 24px;
  height: 18px;
}

.elementor-nav-menu--dropdown-mobile .elementor-menu-toggle.elementor-active .eicon-menu-bar {
  background-image: url('assets/images/icon_menu_mobile_close.svg');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  width: 24px;
  height: 18px;
}

.elementor-nav-menu--dropdown-mobile .eicon-menu-bar:before {
  display: none;
}

.mobile-menu-highlight {
  /*background-color: #F7F5F3; */
  background-color: var( --e-global-color-accent );
}

.mobile-menu-highlight a.elementor-item {
  color: #FFFFFF !important;
}

#disclaimer a {
  text-decoration: underline;
  color: #FFFFFF;
}

#disclaimer a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

/* --- Filters --- */
.elementor-shortcode .facetwp-facet {
  margin-bottom: 0;
}

.elementor-shortcode .facetwp-facet select {
  border-radius: 26px;
  border: 0px;
  font-size: 15px;
  padding: 12px 18px;
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: url('assets/images/icon_select.svg');
  background-position: center right 25px;
  background-repeat: no-repeat;
}

button.facetwp-redirect {
  border-radius: 26px;
  border: 0px;
  font-size: 15px;
  padding: 12px 18px;
  background-color: var( --e-global-color-accent );
  background-image: url('assets/images/icon_search.svg');
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  width: 100%;
}

/* --- list style in text editor--- */
.elementor-widget-text-editor ul {

}

.elementor-widget-text-editor ul li {
  padding-top: 8px;
  padding-bottom: 10px;
}

.elementor-widget-text-editor ul li::marker {
  color: var( --e-global-color-accent );
}


/* --- blokje sollicitatieprocedure --- */
.elementor-element.sollicitatieprocedure .elementor-widget-container {
  border: 1px solid #F1F1F1;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container h4 {
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 0;
  padding: 15px 10px 17px 20px;
  font-size: 21px;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container ul {
  padding: 0;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container li {
  border-bottom: 1px solid #F1F1F1;
  padding: 12px 10px 12px 20px;
  overflow: hidden;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container li::marker {
  display: none;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: var( --e-global-color-accent ); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 16px; /* Also needed for space (tweak if needed) */
}

.elementor-element.sollicitatieprocedure .elementor-widget-container p {
  margin: 0;
}

.elementor-element.sollicitatieprocedure .elementor-widget-container a {
  display: block;
  padding: 16px 10px 16px 20px;
}

/* --- icon list check --- */
.elementor-section.icon-list-check ul {
  padding: 0;
}

.elementor-section.icon-list-check li {
  list-style: none;
  background-image: url('assets/images/icon_list_check.svg');
  background-repeat: no-repeat;
  background-position: top 2px left;
  padding-top: 0px;
  padding-left: 30px;
  padding-bottom: 10px;
}

/* --- Mijn profiel pagina --- */
body.page-id-511 .site-main.post-511.elementor-container {
  max-width: 1140px;
  padding: 0 10px 0 10px;
  margin: auto;
}


/* --- Breacrumbs --- */
#breadcrumbwrapper {
  background-color: #F7F5F3;
}

#breadcrumbwrapper .elementor-widget-container {
  padding: 03px 0px 3px 0px;
}

#breadcrumbwrapper p {
  font-size: 11px;
}

#breadcrumbwrapper span {
  font-family: "Poppins", Sans-serif;
  font-size: 11px;
  font-weight: 500;
}

span.breadcrumb_icon {
  background-image: url('assets/images/breadcrumb_icon.svg');
  width: 21px;
  text-indent: -9999px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}

/* Elementor Tablet overrides */
@media (min-width:768px) and (max-width:1024px){


}

/* Elementor Mobile overrides */
@media (max-width:767px){


}