/*
 * Theme Name:   Hello Elementor Child
 * Description:  Child theme for Hello Elementor
 * Author:       Reea
 * Template:     hello-elementor
 * Version:      1.0.08
 * Text Domain:  hello-elementor-child
 */

/*
 * Single source for Cemacon theme fonts.
 * Follows Elementor kit typography; change the kit (or override these two
 * variables) and widgets that use --cemacon-font-* pick it up automatically.
 */
:root {
	--cemacon-font-heading: var(--e-global-typography-primary-font-family, "Soho Gothic Pro"), sans-serif;
	--cemacon-font-body: var(--e-global-typography-text-font-family, "Soho Gothic Pro"), sans-serif;
}

/* Footer default font (Elementor typography on widgets can still override). */
.elementor-location-footer,
.cemacon-footer__top,
.cemacon-footer__bottom {
	font-family: var(--cemacon-font-body);
}

@media (min-width: 1025px) {
	.cemacon-footer__top .elementor-nav-menu--main .elementor-nav-menu > li {
		display: flex;
		align-items: center;
		min-height: 27px;
	}

	.cemacon-footer__top .elementor-nav-menu--main .elementor-nav-menu > li::before {
		content: "";
		width: 3px;
		height: 3px;
		margin-right: 9px;
		flex: 0 0 3px;
		border-radius: 50%;
		background-color: #b1b1b1;
	}

	.cemacon-footer__top .elementor-nav-menu--main .elementor-item {
		padding: 0 !important;
		color: #b1b1b1 !important;
		font-family: var(--cemacon-font-body);
		font-size: 14px;
		font-weight: 400;
		line-height: 27px;
		text-decoration: underline;
		text-underline-offset: 2px;
	}

	.cemacon-footer__top .elementor-nav-menu--main .elementor-item:hover,
	.cemacon-footer__top .elementor-nav-menu--main .elementor-item:focus-visible {
		color: #fff !important;
	}

	.cemacon-footer__top .elementor-nav-menu--main .elementor-item::before,
	.cemacon-footer__top .elementor-nav-menu--main .elementor-item::after {
		display: none !important;
	}

	.cemacon-footer__top .elementor-nav-menu--main .elementor-item.elementor-item-active,
	.cemacon-footer__top .elementor-nav-menu--main .current-menu-item > .elementor-item,
	.cemacon-footer__top .elementor-nav-menu--main .elementor-item[aria-current="page"] {
		color: #fff !important;
	}

	.cemacon-footer__top > .e-con-inner > .e-con {
		position: relative;
		border-bottom: 0 !important;
	}

	.cemacon-footer__top > .e-con-inner > .e-con::after {
		content: "";
		position: absolute;
		right: 15px;
		bottom: 0;
		left: 15px;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.35);
	}
}

.cemacon-footer__bottom p {
	margin: 0;
	font-family: var(--cemacon-font-body);
}

.cemacon-footer__bottom a {
	color: inherit;
	font-family: var(--cemacon-font-body);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cemacon-footer__bottom a:hover,
.cemacon-footer__bottom a:focus-visible {
	color: #fff;
}

/* Default Hello Elementor 404 output. Keep it clear of the global header and
 * footer and override the kit's accidental 1px heading line-height. */
.error404 .site-main {
	width: min(calc(100% - 64px), 1140px);
	margin: 0 auto;
	padding: 40px 0;
}

.error404 .page-header,
.error404 .page-header .entry-title,
.error404 .page-content,
.error404 .page-content p {
	margin: 0;
}

.error404 .page-header .entry-title {
	line-height: 1.1;
}

.error404 .page-content {
	margin-top: 16px;
}

@media (max-width: 767px) {
	.error404 .site-main {
		width: min(calc(100% - 40px), 1140px);
	}
}

.elementor-widget-woocommerce-product-content ul {
	margin-bottom: .9rem;
}