jachty.pkmp.com.pl/wp-content/themes/hello-elementor/assets/css/custom.scss

header {
	position: fixed;
	inset: 0 0 auto;
	z-index: 100;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	border-bottom: 1px solid #25344700;

	&.fixed-header {
		background-color: #051223d9 !important;
		border-bottom-color: #253447;
		backdrop-filter: blur(24px);
	}
}

p {
	&:last-child {
		margin-bottom: 0;
	}
}

.btn-1 {
	width: fit-content;

	.elementor-button-icon {
		transition: all 250ms ease-in-out;
	}

	&:hover {
		.elementor-button-icon {
			margin-left: 5px;
		}
	}
}

#header-nav {
	@media (min-width: 768px) {
		li.menu-item.menu-item-854 {
			display: none;
		}
	}
	@media (max-width: 767px) {
		li {
			margin: 0 20px;

			a {
				text-transform: initial;
			}
		}
		li.menu-item.menu-item-854 {
			a {
				margin: 0 20px;
				color: #fff;
				background-color: #021527;
				font-family: 'Inconsolata', Sans-serif;
				font-size: 15px;
				font-weight: 500;
				text-transform: uppercase;
				line-height: 1;
				letter-spacing: 2px;
				border-style: solid;
				border-width: 1px 1px 1px 1px;
				border-color: #021527;
				padding: 16px 40px 16px 40px;
			}
		}
	}

	.elementor-nav-menu--dropdown {
		ul.elementor-nav-menu {
			padding-bottom: 20px;
		}
	}

	.elementor-nav-menu--main {
		ul.elementor-nav-menu {
			li.menu-item-2832 {
				a {
					color: rgb(247, 245, 241);
					padding: 10px 20px;
					border: 1px solid #d40924;
					transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);

					&:hover {
						background-color: #d40924;
					}
				}
			}
		}
	}
}

.hp-big-tile {
	overflow: hidden;

	&:hover {
		.hp-big-tile--img {
			img {
				transform: scale(1.05);
			}
		}
	}

	.hp-big-tile--img {
		position: relative;
		overflow: hidden;

		&::before {
			content: '';
			position: absolute;
			inset: 0;
			background-image: linear-gradient(
				180deg,
				rgba(0, 0, 0, 0) 0%,
				rgba(0, 0, 0, 0) 50%,
				rgba(0, 0, 0, 0.5) 100%
			);
			z-index: 1;
		}

		img {
			transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
		}

		.elementor-widget-heading {
			z-index: 2;
		}
	}
}

.grid-tiles-list {
	ul {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
		gap: 12px 48px;

		@media (max-width: 1024px) {
			grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
			gap: 12px 24px;
		}

		li {
			padding-top: 12px !important;
			padding-bottom: 12px !important;
			border-bottom: 1px solid rgb(37, 52, 71);
		}
	}
}

.product-info-list {
	ul {
		li {
			margin: 0 !important;
			padding-top: 12px !important;
			padding-bottom: 12px !important;
			border-bottom: 1px solid rgb(37, 52, 71);
		}
	}
}

body .price-table {
	table,
	th,
	td {
		border: none !important;
	}

	td {
		padding: 24px 0;
	}

	th {
		&:nth-child(2) {
			@media (max-width: 767px) {
				display: none;
			}
		}
	}
	tr {
		border-bottom: 1px solid rgb(37, 52, 71);
		transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);

		&:hover {
			background: #0e2036;
		}

		td {
			&:nth-child(1) {
				p {
					&:nth-child(1) {
						color: #f8f4f5;
						font-family: 'Inter Tight', sans-serif;
						font-size: 24px;
						letter-spacing: 2px;

						@media (min-width: 512px) {
							font-size: 18px;
						}
					}
					&:nth-child(2) {
						color: #f8f4f580;
						font-family: 'JetBrains Mono', monospace;
						font-size: 12px;
						text-transform: uppercase;
						margin-top: 4px;

						@media (min-width: 768px) {
							display: none;
						}
					}
				}
			}
			&:nth-child(2) {
				color: #f8f4f580;
				font-family: 'JetBrains Mono', monospace;
				font-size: 14px;
				text-transform: uppercase;
				margin-top: 4px;

				@media (max-width: 767px) {
					display: none;
				}
			}
			&:nth-child(3) {
				text-align: right;

				p {
					&:nth-child(1) {
						color: #d40924;
						font-family: 'Inter Tight', sans-serif;
						font-size: 30px;

						@media (min-width: 512px) {
							font-size: 20px;
						}
					}
					&:nth-child(2) {
						color: #f8f4f580;
						font-family: 'JetBrains Mono', monospace;
						font-size: 12px;
						text-transform: uppercase;
						margin-top: 4px;
					}
				}
			}

			p {
				margin: 0;
			}
		}
	}

	thead {
		th {
			color: rgb(248, 244, 245, 0.5);
			font-size: 10px;
			letter-spacing: 2.5px;
			font-family: 'JetBrains Mono', monospace;
			padding: 16px 0;
			text-transform: uppercase;
			text-align: left;

			&:nth-child(3) {
				text-align: right;
			}
		}
	}
}

.post-items--item {
	&:hover {
		.post-items--item-image {
			img {
				transform: scale(1.05);
			}
		}

		.elementor-heading-title {
			a {
				color: #d40924;
			}
		}
	}

	.post-items--item-image {
		position: relative;
		overflow: hidden;

		img {
			transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
		}
	}

	.elementor-heading-title {
		a {
			transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
		}
	}
}