/*
Theme Name: HRtech unfolded
Theme URI: https://lookout.be
Template: blocksy
Author: Lookout
Author URI: https://lookout.be
Description: A Blocksy child
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.27.1770287970
Updated: 2026-02-05 10:39:30

*/

/*

var(--theme-palette-color-1) #fd02f4 Hot pink
var(--theme-palette-color-2) #fc0606 Hot red
var(--theme-palette-color-3) #45dd91 Green
var(--theme-palette-color-4) #000000 Black
var(--theme-palette-color-4) #515050 Grey
var(--theme-palette-color-6) #defb1f Licht green
var(--theme-palette-color-7) #f9f446 Yellow
var(--theme-palette-color-8) #ffffff White
var(--theme-palette-color-9) #8e4dff Purple
var(--theme-palette-color-10) #1414f7 Blue   

*/
b, strong {
  font-weight: 600 !important;
}
header span.event-date {
    font-weight: 600;
}
.btn-gradient-pink-red {
    background: linear-gradient(180deg, var(--theme-palette-color-1), var(--theme-palette-color-2));
    color: white;
    transition: background 0.3s ease;
}
.btn-gradient-pink-red:hover {
    background: linear-gradient(180deg, var(--theme-palette-color-1), var(--theme-palette-color-1));
    color: white;
}
.bg-animated-gradient-pink-red,
.bg-animated-gradient-green-lightgreen,
.bg-animated-gradient-green-blue,
.bg-animated-gradient-blue-pink,
.bg-animated-gradient-pink-yellow,
.bg-animated-gradient-green-purple,
.bg-animated-gradient-green-pink {
    position: relative;
    z-index: 0; 
}
.bg-animated-gradient-pink-red {
    background: linear-gradient(180deg, var(--theme-palette-color-1), var(--theme-palette-color-2));
}
.bg-animated-gradient-green-lightgreen {
    background: linear-gradient(180deg, var(--theme-palette-color-3), var(--theme-palette-color-6));
}
.bg-animated-gradient-green-blue {
    background: linear-gradient(180deg, var(--theme-palette-color-3), var(--theme-palette-color-10));
}
.bg-animated-gradient-blue-pink {
    background: linear-gradient(180deg, var(--theme-palette-color-10), var(--theme-palette-color-1));
}
.bg-animated-gradient-pink-yellow {
    background: linear-gradient(180deg, var(--theme-palette-color-1), var(--theme-palette-color-7));
}
.bg-animated-gradient-green-purple {
    background: linear-gradient(180deg, var(--theme-palette-color-3), var(--theme-palette-color-9));
}
.bg-animated-gradient-green-pink {
    background: linear-gradient(180deg, var(--theme-palette-color-3), var(--theme-palette-color-1));
}
.entry-content .bg-animated-gradient-pink-red::after,
.entry-content .bg-animated-gradient-green-lightgreen::after,
.entry-content .bg-animated-gradient-green-blue::after,
.entry-content .bg-animated-gradient-blue-pink::after,
.entry-content .bg-animated-gradient-pink-yellow::after,
.entry-content .bg-animated-gradient-green-purple::after,
.entry-content .bg-animated-gradient-green-pink::after {
    content: "" !important;
    position: absolute;
    left: 0;
    bottom : 0px;
    height: 2px;
    width: 100%;
    background: #000;
}
.entry-content .bg-animated-gradient-pink-red::before,
.entry-content .bg-animated-gradient-green-lightgreen::before,
.entry-content .bg-animated-gradient-green-blue::before,
.entry-content .bg-animated-gradient-blue-pink::before,
.entry-content .bg-animated-gradient-pink-yellow::before,
.entry-content .bg-animated-gradient-green-purple::before,
.entry-content .bg-animated-gradient-green-pink::before {
    content: "" !important;
    position: absolute;
    inset: 0;
    opacity: var(--scroll-pct, 0);
    z-index: -1;
    will-change: opacity; 
}
.entry-content .bg-animated-gradient-pink-red::before {
    background-color: var(--theme-palette-color-1);
}
.bg-animated-gradient-green-lightgreen::before {
    background-color: var(--theme-palette-color-3);
}
.bg-animated-gradient-green-blue::before {
    background-color: var(--theme-palette-color-3);
}
.bg-animated-gradient-blue-pink::before {
    background-color: var(--theme-palette-color-10);
}
.bg-animated-gradient-pink-yellow::before {
    background-color: var(--theme-palette-color-1);
}
.bg-animated-gradient-green-purple::before {
    background-color: var(--theme-palette-color-3);
}
.bg-animated-gradient-green-pink::before {
    background-color: var(--theme-palette-color-3);
}