/*
Theme Name: UNIKAL / Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor.
Author: UNIKAL
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
	/* COLOURS */
	--c-white: #fff;
	--c-black: #181818;

	--c-white-20: #ffffff33;
	--c-white-50: #ffffff80;
	--c-white-80: #ffffffcc;

	--c-black-20: #00000020;
	--c-black-50: #00000080;
	--c-black-80: #000000cc;

	--c-grey: #bfbfbf;
	--c-grey-100: #f5f5f5;
	--c-grey-300: #e4e4e7;
	--c-grey-500: #7a7a7a;
	--c-grey-600: #7b7d7b;
	--c-grey-900: #333;

	--c-green-ok: #a3cb38;
	--c-red-ok: #e74c3c;
	--c-yellow-ok: #f39c12;
	--c-red: #e30613;
	--c-red-dark: #a1020c;

	/* PROJECT */
	--c-primary: #3a5c74;
	--c-secondary: #35d5df;
	--c-tertiary: #112a48;
	--c-text: #112a48;
	--c-link: #35d5df;

	/* ELEMENTOR - atomic */
	--ca-white: var(--c-white);
	--ca-primary: var(--c-primary);
	--ca-secondary: var(--c-secondary);
	--ca-tertiary: var(--c-tertiary);

	--ca-primary-80: #3a5c74cc;
	--ca-primary-60: #3a5c7499;
	--ca-primary-40: #3a5c7466;
	--ca-primary-20: #3a5c7433;
	--ca-primary-10: #3a5c741a;

	--ca-secondary-80: #35d5dfcc;
	--ca-secondary-60: #35d5df99;
	--ca-secondary-40: #35d5df66;
	--ca-secondary-20: #35d5df33;
	--ca-secondary-10: #35d5df1a;

	--ca-grey-100: #f4f4f4;
	--ca-grey-200: #cecece;
	--ca-grey-300: #848484;
	--ca-grey-500: #535353;

	--ca-sky: #03a5d5;
	--ca-lilac: #a174ae;
	--ca-magenta: #e63080;
	--ca-orange: #f7ac03;
	--ca-lime: #bcce0c;

	/* FONTS */
	--fa-inter: 'font-family: Inter';
	--fa-poppins: 'font-family: Poppins';

	/* VARIOS */
	--a-anim: all 150ms ease-out;
}

@media screen and (max-width: 767px) {
}

/* ------------------------------------------- HEADER */
/* --------------- HEADER STICKY */
.unikal-header {
	transition: var(--a-anim);
}

.unikal-header.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	width: 100%;
	animation: unikalStickyHeaderIn 0.35s ease forwards;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.unikal-header .e-5e2e0fe-41f91bd {
	transition: var(--a-anim);
}

.unikal-header.is-sticky .e-5e2e0fe-41f91bd {
	max-width: 180px;
}
.unikal-header.is-sticky .e-5e08ad2e-9ddf436 {
	padding-block-start: 10px;
	padding-block-end: 10px;
}

@keyframes unikalStickyHeaderIn {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}