/**
Theme Name: VWB-child
Author: Go Advised Group
Author URI: https://GoAdvised.com
Description: De VrijwilligersBank 2025 Child thema
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vwb-child
Template: astra
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&family=Plus+Jakarta+Sans:wght@400;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

/*opmaak home - nieuws posts */
/* Centreert de items ten opzichte van elkaar op de horizontale as */
.nieuws .slick-track {
    display: flex !important;
    justify-content: center !important; /* Horizontale spreiding */
    align-items: center !important;    /* Verticale uitlijning in het midden */
}

/* Zorg dat de individuele slides geen vaste hoogte forceren die het centreren breekt */
.nieuws .uael-post-wrapper {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
}

.nieuws .uael-post__bg-wrap {
    border-radius: 30px;
    overflow: hidden;
}
.nieuws .elementor-button-icon {
	fill: #07EC72;
	font-size: 30px;
}

/*Zoeken bij vacatures, icoon verbergen op pc en tablet waar zoekveld opengeklapt en langs vacatures staat */
@media (min-width: 768px) {
  .zoeken .e-n-accordion-item-title-icon {
    display: none !important;
  }
}

/* Zorg dat kop in de accordion bij zoeken zich exact gedraagt als normale H3 */
.zoeken .elementor-widget-n-accordion .e-n-accordion-item-title-text {
  font-size: var(--ast-h3-font-size, 1.33rem) !important;
  font-family: var(--ast-h3-font-family, "Plus Jakarta Sans") !important;
  font-weight: var(--ast-h3-font-weight, 600) !important;
  color: #164C48 !important;
}

/*Kennisbank workshop en trainingen oa blok e-mail adres vrijwilligerswerk@welzijnkrimpenerwaard.com laten breken omdat deze anders buiten het scherm valt op mobiel*/
.breek-link a {
  overflow-wrap: anywhere;
}

/* File input logo upload bij registratie bedrijven nooit breder dan container */
#nb_logo_picker {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
}


/*opmaak mobiele opmaak vacature plaatsen */
@media (max-width: 767px) {
  .job-manager-form input[type="submit"][name="submit_job"],
  .job-manager-form input[type="submit"][name="save_draft"] {
    display: block;
    width: 100%;
  }
.job-manager-form input[type="submit"][name="save_draft"] {
    margin-top: 12px; /* ruimte tussen beide */
  }
}


/* WP Job Manager: "aan/afmelden" knop zonder achtergrond ivm overlappen op mobiel en knop layout is ook niet zo mooi op pc */
.job-manager-form .account-sign-in a.button,
#job-manager-job-dashboard .account-sign-in a.button {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.job-manager-form .account-sign-in a.button:hover,
.job-manager-form .account-sign-in a.button:focus,
#job-manager-job-dashboard .account-sign-in a.button:hover,
#job-manager-job-dashboard .account-sign-in a.button:focus {
  color: black !important;
}



/*opmaak categorie weergave bij vacatures details */
.single_job_listing .job-listing-meta .job-category:before {
    content: "\f02b"; 
    margin-right: 5px;
    font-family: "Font Awesome 6 Free"; /* Of de icon-font die jouw thema gebruikt */
	font-weight: 900;
}

/*opmaak logo bovenaan vacature details*/
.ast-article-single figure, .ast-article-single img:not(figure img) {
	-webkit-box-shadow:none !important;
}


/*Trainingen Tags opmaken*/
.ect-custom-tags-under-date {
    font-size: 14px !important; /* Iets kleiner om in het blokje te passen */
    text-transform: uppercase;
    margin-top: 5px;
    text-align: center;
}

/*e-learning meta rechts uitlijnen*/
.uael-post__terms {
	width: fit-content !important;      /* De achtergrond stopt nu precies na de tekst */
    margin-left: auto !important;      /* Dit duwt de hele 'fit-content' box naar rechts */
    display: flex !important;          /* Zorgt dat de badges binnen de box ook netjes staan */
}

/*registratie wisseling van inschrijfformulier */
.is-hidden {
    display: none;
}






/* Zorg dat de sectie geen horizontale scroll veroorzaakt */
.parent-of-carousel {
    overflow: hidden !important;
    width: 100%;
}

.my-wide-carousel {
    width: 120vw !important;
    /* We centreren een element van 120vw door de helft van het verschil (10vw) als negatieve marge te geven */
    margin-left: -10vw !important; 
    max-width: none !important;
    position: relative;
    /* transform en left zijn hier verwijderd om het script niet te blokkeren */
}

/* De rest van je styling (randen en hoogtes) */
.my-wide-carousel .uael-grid-img-thumbnail {
    border: 4px solid #FCF6CB !important;
    border-radius: 10px;
    height: 300px;
}
.my-wide-carousel .uael-grid-img-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*slider homepage bijschrift vlak afronden*/
.my-wide-carousel .uael-grid-img-caption{
border-radius: 0px 0px 10px 10px;
}




/*single blog artikel header opmaak, hoeken afronden*/
.ast-single-entry-banner{
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}


/* 2 lettertypes in 1 heading/regel via span property (homepage */)
.elementor-widget-heading .elementor-heading-title .normaal {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.elementor-widget-heading .elementor-heading-title .schuin {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

/*link underline verwijderen bij heading thema pagina */
.themalink a {
    text-decoration: none !important;
}
.themalink a:hover {
    text-decoration: none !important;
}


/* zonder deze css wordt lijst vacatures als 50% breed getoond */
.job_listing {
  width: 100% !important; 
}

/*alle avatars volledig tonen en niet als cirkel */
img.avatar, .avatar img, .ur-avatar img, .user-registration-img-container img, 
.user-registration-profile-avatar img {
    border-radius: 0 !important;
    object-fit: contain !important;
    width: 100%;
    height: auto;
}

/* opmaak logo bij vacature plaatsen */

.goa-company-avatar-preview img.avatar {
    max-width:200px;
	border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.goa-company-avatar-text strong {
    font-weight: 600;
}


/* Verberg datum op single vacature (meta) */
.single-job_listing .job-listing-meta .date-posted,
.single-job_listing .job-listing-meta time.date-posted, 
ul.job_listings li.job_listing .meta li.date,
.rp4wp-related-job_listing ul li.job_listing .meta li.date
{
  display: none !important;
}

/*====Bij mobiele layout extra ruimte onder sticky header ===============*/
@media (max-width: 768px) {
  body.single-job_listing .site-content {
    padding-top: 80px;
  }
}





/* opmaak schuifbalk range zoekvenster */
.vue-slider-rail{
     background-color: #16BF2F!important;
}
 .vue-slider-process{
     background-color: #3A6941!important;
}
 .vue-slider-dot-tooltip-inner {
     background-color: #FBF9EE!important;
     border: 1px solid #2A4E30!important;
     color: #2A4E30!important;
}
.vue-slider-dot-handle{
     background-color: #3A6941!important;
}
.select2-selection__choice{
	 background-color: #FBF9EE!important;
}

.vue2leaflet-map{
	z-index: 1!important;
}


/*=======================================
 * Tooltips tonen op kaart burenhulp
 * ======================================*/
@media (min-width: 1025px) {
    /* Voorkom dat Tooltipster de tooltip weghaalt met animaties */
    .tooltipster-base {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important; /* Zorg dat de links klikbaar blijven! */
    }

    /* Schakel alle 'verberg' animaties uit */
    .tooltipster-dying {
        display: block !important;
        opacity: 1 !important;
    }
}


/*=====================================
 * opmaak header company info vacature details
 * ====================================*/
/* Verwijder de standaard logo-ruimte van het thema */
.single_job_listing .company .name {
    padding: 0 !important; /* Forceert het weghalen van de ruimte links */
    padding: 0 !important; /* Forceert het weghalen van de ruimte links */
	display: contents;
}

/* Verwijder onderstreping van alle links in het bedrijfsblok */
.custom-company-container a {
    text-decoration: none !important;
}

/* Verwijder ruimte eronder */
.company .company-info-col .company-website, 
.company .company-info-col .company-phone {
    padding: 0 !important;
	margin: 0 !important;
}

/* Zet de info en socials in kolommen */
.company-columns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.company-info-col {
    flex: 3 !important; /* Neemt 3 kolommen in */
    min-width: 250px; /* Zorgt dat het op mobiel onder elkaar springt */
}

.company-socials-col {
    flex: 1 !important; /* Neemt maar 1 deel in */
    min-width: 250px; /* Zorgt dat het op mobiel onder elkaar springt */
}

.social-links {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.social-links li {
    margin-bottom: 5px;
}

.company-video-wrapper {
    margin-top: 20px;
	margin-left: 20%;
	margin-right: 20%;
    clear: both;
}

/* =============================================
 * eventlist opmaak 
 * =============================================*/

.tribe-events-single a,
.ect-list-title a {
    color: #2A4E30 !important;
}

.tribe-events-single a:hover,
.ect-list-title a:hover,
.ect-google a:hover {
    color: #3A6941 !important;
}

.tribe-events-c-subscribe-dropdown__button{
	background-color: #2A4E30 !important;
	border: 0px !important;
}

.tribe-events-c-subscribe-dropdown__button-text, .tribe-common-c-btn-border{
	color:#FBF9EE !important;
}