/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2026 | 14:49:55 */
/*
========= 1. FOOTER        ==========
========= 2. HEADER        ==========
========= 3. MOBILE HEADER ==========
*/


/* ============= 1. FOOTER ============== */
.footer-section {
	background-color: var(--green-dark-2);
	
	.region-wrapper {
		border-top: 1px solid var(--teal-light);
		border-bottom: 1px solid var(--teal-light);
		padding: 1.5rem 0;
		margin: 1.5rem 0;
		row-gap: 1rem;
		
		.region-name {
			text-transform: uppercase;
		}
		
		p {
			color: var(--white, #fff);
			font-size: 1.1rem;
			font-weight: 600;
			text-align: center;
			margin-bottom: 0;
			
			@media screen and (min-width: 1200px) {
				font-size: 1.5rem;
			}
			
			a {
				color: var(--white, #fff);
				margin-left: 0.2rem;
				
				&:not(:hover) {
					text-decoration: none;
				}
			}
		}
	}
	
	.footer-socials {
		img {
			aspect-ratio: 1/1;
			width: 2.5rem;
				
			@media screen and (min-width: 991px) {
				width: 3.125rem;
			}
		}
	}
		
	.footer-navbar, .footer-dynamic-navbar {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		list-style: none;
		column-gap: 2rem;
		row-gap: 0.5rem;

		.menu-item {
			.nav-link {
				font-size: 1.1rem;
				color: var(--white);
				transition: color 0.2s;

				&:hover, &.active, &:focus-visible {
					color: var(--green-light-1);
				}
					
				@media screen and (min-width: 1200px) {
					font-size: 1.5rem;
				}
			}

			&.current-page-ancestor {
				.nav-link {
					color: var(--green-light-1);
				}
			}
		}
		
		&.children-shortcuts {
			column-gap: 4rem;
			
			.nav-link {
				display: flex;
				align-items: center;
				column-gap: 0.75rem;
				
				&::before {
					content: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200L5%203.72093V6.27907L0%2010V7.46124L4.54918%204.16667V5.83333L0%202.53876V0Z%22%20fill%3D%22%238EC645%22/%3E%3C/svg%3E");
					transition: all 0.3s;
					transform: translateY(-9%);
				}
				
				&:hover::before {
					transform: translateY(-9%) translateX(4px);
				}
			}
		}
	}
	
	.made-by {
		color: var(--white);
		font-size: 0.9rem;
		position: absolute;
		right: 0;
		font-weight: 600;
		
		a {
			color: inherit;
			text-decoration: none;
		}
	}
	
	.footer-legal-navbar {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0;
		list-style: none;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1rem;
		
		@media screen and (min-width: 991px) {
			flex-direction: row;
		}
			
		.menu-item {
			.nav-link {
				font-size: 0.9rem;
				color: var(--white);
				transition: color 0.2s;
				text-align: center;
				font-weight: 600;

				&:hover, &.active, &:focus-visible {
					color: var(--green-light-1);
				}
			}
		}
	}
}


/* ============= 2. HEADER ============== */
body.admin-bar {
	.header-scroll {
		top: var(--wp-adminbar-height) !important;
	}
}

.header-scroll {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	transition: transform 0.3s ease-in-out;
	height: calc(var(--header-height) * 1.5);
	display: flex;
	
	&.scroll-down {
		transform: translateY(-150%);
	}

	&.scroll-up {
		transform: translateY(0);
	}
}

.header-section {
	background-color: var(--black-transparent);
	color: #fff;
	height: var(--header-height);
	width: 100%;
	
	.header-logo {
		margin-top: 0.5rem;
	}
	
	.header-navbar {
		display: flex;
		padding: 0;
		margin: 0;
		list-style: none;
		justify-content: end;
		flex-wrap: wrap;
		column-gap: 1rem;
		
		.menu-item {
			.nav-link {
				font-size: 1rem;
				color: var(--white);
				transition: color 0.2s;
				font-weight: 600;
				
				@media screen and (min-width: 1200px) {
					font-size: 1.25rem;
				}
				
				&:hover, &.active, &:focus-visible {
					color: var(--green-light-1);
				}
			}
			
			&.current-page-ancestor {
				body:not(.page-id-508, .page-id-302, .page-id-1760) & {
					.nav-link {
						color: var(--green-light-1);
					}
				}
			}
		}
	}
	
	.lang-switcher-wrapper {
		position: relative;
		
		.lang-switcher-toggle {
			background-color: var(--green-light-1);
			color: var(--green-dark-1);
			padding: 0.5rem 1rem;
			border-radius: 0;
			border: none;
			display: flex;
			align-items: center;
			line-height: 1;
			font-size: 1.1rem;
			font-weight: 500;
			gap: 0.25rem;
			
			.lang-switcher-arrow {
				transition: all 0.3s ease;
			}
		}
		
		.lang-switcher-dropdown {
			position: absolute;
			top: 100%;
			left: 0;
			min-width: 100%;
			list-style: none;
			margin-bottom: 0;
			padding: 0.5rem 1rem;
			display: none;
			z-index: 100;
			background-color: var(--green-light-1);
			color: var(--green-dark-1);
			
			.lang-item {
				font-size: 1rem;
				font-weight: 500;
				margin-top: 0.25rem;
				
				&:first-of-type {
					margin-top: 0;
				}
				
				a {
					color: var(--white);
					
					&:not(:hover) {
						text-decoration: none;
					}
				}
			}
		}
		
		&.is-open {
			.lang-switcher-arrow {
				transform: rotate(180deg);
			}
			
			.lang-switcher-dropdown {
				display: block;
			}
		}
	}
	
	.hamburger-menu {
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		width: 55px;
		height: 55px;
		background-color: transparent;
		align-items: center;
		justify-content: center;
		z-index: 100001;
		position: relative;
		
		&:not(:focus-visible) {
			outline: none;
		}
		
		.line {
			fill: none;
			stroke: var(--white, #fff);
			stroke-width: 6;
			transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
						stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
		}

		.line1 {
			stroke-dasharray: 60 207;
			stroke-width: 6;
		}

		.line2 {
			stroke-dasharray: 60 60;
			stroke-width: 6;
		}

		.line3 {
			stroke-dasharray: 60 207;
			stroke-width: 6;
		}

		&.opened {
			.line1 {
				stroke-dasharray: 90 207;
				stroke-dashoffset: -134;
				stroke-width: 6;
			}
			
			.line2 {
				stroke-dasharray: 1 60;
				stroke-dashoffset: -30;
				stroke-width: 6;
			}
			
			.line3 {
				stroke-dasharray: 90 207;
				stroke-dashoffset: -134;
				stroke-width: 6;
			}
		}
	}
	
	.theme-switch-container {
		user-select: none;
		
		.theme-switch-label {
			cursor: pointer;
			
			.theme-switch-pill {
				position: relative;
				height: 4rem;
				width: 10rem;
				font-size: 1rem;
				background-color: var(--gray-light-1, #D9D9D9);
				border-radius: 36px;
				border: 2px solid transparent;
				box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.25) inset;
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-weight: 600;
				letter-spacing: 0;
				overflow: hidden;
				
				@media screen and (min-width: 991px) {
					height: 3rem;
					width: 8rem;
					font-size: 0.75rem;
				}
				
				&::before {
					content: '';
					position: absolute;
					top: 0;
					left: -25%;
					width: 80%;
					height: 100%;
					background-color: var(--green-dark-1);
					border-radius: 39px;
					transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35);
					z-index: 1;
				}
				
				span {
					z-index: 2;
					color: var(--green-dark-1);
					text-transform: uppercase;
					transition: color 0.3s;
				}
				
				.switch-dark {
					margin-left: 1rem;
				}
				
				.switch-light {
					margin-right: 1rem;
				}
			}
			
			.color-toggle {
				display: none;
				
				&:checked + .theme-switch-pill {
					&::before {
						transform: translateX(0%);
					}

					.switch-dark {
						color: var(--white, #fff);
					}
				}
				
				&:not(:checked) + .theme-switch-pill {
					&::before {
						transform: translateX(89%);
					}
					
					.switch-light {
						color: var(--white, #fff);
					}
				}
			}
		}
	}
}
/* ============= 3. MOBILE HEADER ============== */
.header-section {
	.mobile-nav {
		background: #09292E;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		max-width: 500px;
		width: 100%;
		overflow-y: auto;
		z-index: 10000;
		transition: transform 0.4s ease-in;
		transform: translateX(100%);
		padding: 0 var(--adjustive-padding);

		&.opened {
			transform: translateX(0);
		}
		
		.header-mobile-navbar {
			list-style: none;
			margin-bottom: 2rem;

			.menu-item {
				border-top: 1px solid var(--gray-light-1);
				min-height: 50px;
				padding: 0.5rem 0;
				font-size: 1.5rem;
				display: flex;
				align-items: center;

				&:first-of-type {
					border-top: unset;
				}
				
				@media screen and (min-width: 576px) {
					font-size: 2rem;
				}
			}

			.nav-link {
				color: var(--white, #fff);
				text-decoration: none;

				&.active {
					color: var(--green-light-1);
					
					&::before {
						content: '-';
						padding: 0 10px;
					}
				}
			}

			.menu-item.current-page-ancestor .nav-link {
				&.active {
					color: var(--green-light-1);
					
					&::before {
						content: '-';
						padding: 0 10px;
					}
				}
			}
		}
		
		.header-mobile-bottom {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			column-gap: 1rem;
			row-gap: 2rem;
		}
		
		.lang-switcher-wrapper {
			position: relative;
			display: flex;

			.lang-switcher-toggle {
				background-color: unset;
				color: var(--white);
				padding: unset;
				font-size: 1.25rem;

				.lang-switcher-arrow {
					display: none;
				}
			}

			.lang-switcher-dropdown {
				position: relative;
				display: flex;
				background-color: unset;
				color: var(--white);
				font-weight: 500;
				padding: 0;

				.lang-item {
					font-size: 1.25rem;
					margin-top: 0;
					padding-left: 1rem;
					margin-left: 1rem;
					border-left: 2px solid var(--white);
				}
			}
		}
	}
}