/*
Theme Name: Aris New
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0.64
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */

/* The parent skin paints links and buttons with its default blue accent. */
a {
	color: #000;
}

a:hover,
a:focus {
	color: #995d28;
	text-decoration: none;
}

html body :where(.fl-builder-content, .fl-page) :is(a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus,
html body :where(.fl-builder-content, .fl-page) :is(a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible,
html body a:focus,
html body a:focus-visible,
html body button:focus,
html body button:focus-visible,
html body .fl-ds-block a:focus,
html body .fl-ds-block a:focus-visible,
html body .fl-ds-page a:focus,
html body .fl-ds-page a:focus-visible,
html body .bb-btn-primary:focus,
html body .bb-btn-primary:focus-visible,
html body .fl-ds-block .bb-btn-primary:focus-visible,
html body .fl-ds-page .bb-btn-primary:focus-visible {
	outline: none;
	outline-offset: 0;
}

button,
input[type="button"],
input[type="submit"],
a.fl-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.fl-page .fl-module-woocommerce a.button,
.fl-page .fl-module-woocommerce button.button,
.fl-page .fl-module-woocommerce button.button.alt,
.fl-page .fl-module-woocommerce input.button,
.woocommerce-page .woocommerce a.button,
.woocommerce-page .woocommerce a.button.alt,
.woocommerce-page .woocommerce a.button.wc-forward,
.woocommerce-page .woocommerce button.button,
.woocommerce-page .woocommerce button.button.alt,
.woocommerce-page .woocommerce input.button,
.woocommerce-page a.button.alt {
	height: 39px;
	padding: 0 18px;
	background-color: #000;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
	box-shadow: none;
	font-family: Lato, sans-serif;
	font-size: 15.52px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

/* The newsletter sits on the black footer, so its button is white. */
.fl-builder-content .fl-node-tkc1svwxld4q .fl-rich-text input[type="submit"] {
	background-color: #fff;
	color: #000;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
a.fl-button:hover,
a.fl-button:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.fl-page .fl-module-woocommerce a.button:hover,
.fl-page .fl-module-woocommerce button.button:hover,
.fl-page .fl-module-woocommerce button.button.alt:hover,
.woocommerce-page .woocommerce a.button:hover,
.woocommerce-page .woocommerce a.button.alt:hover,
.woocommerce-page .woocommerce a.button.wc-forward:hover,
.woocommerce-page .woocommerce button.button:hover,
.woocommerce-page .woocommerce button.button.alt:hover,
.woocommerce-page a.button.alt:hover {
	background-color: #000;
	color: #fff;
	border-color: rgba(0, 0, 0, 0.05);
}

/* Hide WooCommerce flash notices (add-to-bag etc.) */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.message-wrapper,
.wc-block-components-notice-banner,
.wc-block-store-notice {
	display: none !important;
}

/* Keep checkout login / coupon toggles visible */
.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
	display: block !important;
}

/* The newsletter button stays white on the black footer. */
.fl-builder-content .fl-node-tkc1svwxld4q .fl-rich-text input[type="submit"]:hover,
.fl-builder-content .fl-node-tkc1svwxld4q .fl-rich-text input[type="submit"]:focus {
	background-color: #fff;
	color: #000;
}

/*
 * Footer columns (BB Themer box fl-node-tkc1svwxld4q):
 * desktop 4 → medium 2 → mobile 1.
 * Overrides BB’s default “column under 768px”.
 */
@media (max-width: 991px) {
	footer.fl-builder-content[data-type="footer"] .fl-node-tkc1svwxld4q,
	.fl-builder-content-91118 .fl-node-tkc1svwxld4q {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		gap: 28px 20px !important;
	}

	footer.fl-builder-content[data-type="footer"] .fl-node-tkc1svwxld4q > :not(.fl-block-overlay, .fl-drop-target),
	.fl-builder-content-91118 .fl-node-tkc1svwxld4q > :not(.fl-block-overlay, .fl-drop-target) {
		flex: 1 1 calc(50% - 12px) !important;
		max-width: calc(50% - 12px) !important;
		width: calc(50% - 12px) !important;
		box-sizing: border-box;
	}
}

@media (max-width: 549px) {
	footer.fl-builder-content[data-type="footer"] .fl-node-tkc1svwxld4q,
	.fl-builder-content-91118 .fl-node-tkc1svwxld4q {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}

	footer.fl-builder-content[data-type="footer"] .fl-node-tkc1svwxld4q > :not(.fl-block-overlay, .fl-drop-target),
	.fl-builder-content-91118 .fl-node-tkc1svwxld4q > :not(.fl-block-overlay, .fl-drop-target) {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Layout CSS fills Beaver buttons with the copper accent on hover. Keep them black. */
html body .fl-page .fl-builder-content [class*="fl-node-"] .fl-button:is(a, button):hover,
html body .fl-page .fl-builder-content [class*="fl-node-"] .fl-button:is(a, button):focus {
	background-color: #000;
	background-image: none;
	border: 1px solid rgba(0, 0, 0, 0.05);
	color: #fff;
}

body .banner .button:hover,
#footer .primary:hover,
#footer a.primary:hover,
#footer button.primary:hover,
a.wishlist-button:hover,
button.wishlist-button:hover,
a.pwf-load-more-button:hover,
button.pwf-load-more-button:hover {
	background-color: #000 !important;
	border-color: rgba(0, 0, 0, 0.05) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-page .woocommerce-breadcrumb a,
.woocommerce-breadcrumb a,
.breadcrumbs a {
	color: #000;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:focus,
.woocommerce-page .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:focus,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:focus,
.breadcrumbs a:hover,
.breadcrumbs a:focus {
	color: #995d28;
	text-decoration: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-page nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current {
	color: #000;
	background-color: transparent;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce-page nav.woocommerce-pagination ul li a:hover,
.woocommerce-page nav.woocommerce-pagination ul li a:focus {
	color: #995d28;
	background-color: transparent;
}

/* Menu lines stay as they are. These labels do not turn copper with the other links. */
.fl-node-abc5kl9qzhr2 li:not(.bb-mega) > ul.sub-menu > li > a:hover,
.fl-node-abc5kl9qzhr2 li:not(.bb-mega) > ul.sub-menu > li > a:focus,
.fl-node-abc5kl9qzhr2 .aris-mega-panel a:hover,
.fl-node-abc5kl9qzhr2 .aris-mega-panel a:focus {
	color: #000;
}

/* Content pages. Sizes match the live Flatsome pages at a 1920 viewport. */
body.page:not(.home) .fl-page-content .fl-module-heading h1 {
	font-family: Lato, sans-serif;
	font-size: 27.2px;
	font-weight: 700;
	line-height: 35.36px;
	letter-spacing: normal;
	margin: 0 0 13.6px;
}

body.page:not(.home) .fl-page-content .fl-module-heading h2 {
	font-family: Lato, sans-serif;
	font-size: 25.6px;
	font-weight: 700;
	line-height: 33.28px;
	letter-spacing: normal;
	margin: 0 0 16px;
}

body.page:not(.home) .fl-page-content .fl-rich-text,
body.page:not(.home) .fl-page-content .fl-rich-text p {
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	color: #000;
}

body.page:not(.home) .fl-page-content .fl-rich-text p {
	margin: 0 0 20.8px;
}

body.page:not(.home) .fl-page-content .fl-rich-text h2,
body.page:not(.home) .fl-page-content .fl-rich-text h3,
body.page:not(.home) .fl-page-content .fl-rich-text h4 {
	font-family: Lato, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 28.8px;
	margin: 0 0 9px;
	color: #000;
}

body.page:not(.home) .fl-page-content .fl-module-pp-faq .pp-faq-button {
	padding: 10.56px 40px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #ececec;
	box-shadow: none;
	height: auto;
	line-height: 28.16px;
	text-transform: none;
	letter-spacing: normal;
}

body.page:not(.home) .fl-page-content .fl-module-pp-faq .pp-faq-button-label {
	font-family: Lato, sans-serif;
	font-size: 17.6px;
	font-weight: 400;
	line-height: 28.16px;
	color: #000;
	text-transform: none;
}

body.page:not(.home) .fl-page-content .fl-module-pp-faq .pp-faq-content {
	font-size: 16px;
	line-height: 25.6px;
	color: #000;
}

/* Contact. Kitchen photo, beige panel, form on the right, map underneath. */
.fl-node-9dtz1sqn64mc > .fl-row-content-wrap {
	position: relative;
	background-image: url("/wp-content/uploads/2015/07/Chef-Kitchen.jpg");
	background-size: cover;
	background-position: center;
	padding: 30px 32px;
}

.fl-node-9dtz1sqn64mc > .fl-row-content-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}

.fl-node-9dtz1sqn64mc .fl-row-content {
	position: relative;
	z-index: 1;
	max-width: none;
	min-height: 450px;
	margin: 0;
	padding: 36px 185px 28px;
	background: rgba(247, 241, 234, 0.756);
}

body.page .fl-page-content h1.fl-node-3gsmok4f67yh.fl-heading-text {
	font-size: 46.4px;
	line-height: 46.4px;
	letter-spacing: 2.32px;
	text-transform: uppercase;
	margin: 9.28px 0;
}

body.page .fl-page-content .fl-node-9dtz1sqn64mc .fl-rich-text p {
	margin: 16px 0;
}

.aris-contact-social {
	display: flex;
	gap: 14px;
	margin-top: 8px;
	font-size: 22px;
}

.aris-contact-social a {
	color: #000;
	text-decoration: none;
}

.fl-node-tqynlezipwj4 .wpcf7 input[type="text"],
.fl-node-tqynlezipwj4 .wpcf7 input[type="email"],
.fl-node-tqynlezipwj4 .wpcf7 textarea {
	width: 100%;
	height: 47px;
	margin: 0 0 15.52px;
	padding: 0 15.52px;
	background: #fff;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 15.52px;
	line-height: 47px;
}

.fl-node-tqynlezipwj4 .wpcf7 textarea {
	height: 120px;
	padding-top: 10px;
	line-height: 24px;
}

.fl-node-263w80hj7scd .fl-row-content-wrap,
.fl-node-263w80hj7scd .fl-row-content {
	max-width: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.fl-node-263w80hj7scd iframe {
	display: block;
	width: 100%;
	height: 300px;
	border: 0;
}

.fl-node-storyrow2 .fl-col-group,
.fl-node-storyrow3 .fl-col-group {
	display: flex;
	align-items: center;
}

.fl-node-kat243zyrdj0 img.fl-photo-img {
	width: 100%;
	height: 250px;
	max-height: 250px;
	object-fit: cover;
}

.fl-page-content .story-intro {
	padding-top: 80px;
}

/*
 * Homepage hero — dots (bottom center) + swipe-friendly track
 */
.home-hero {
	position: relative;
}

.home-hero .hero-slides {
	touch-action: pan-y;
}

.home-hero .hero-dots {
	position: absolute;
	left: 50%;
	bottom: 28px;
	transform: translateX(-50%);
	z-index: 6;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	pointer-events: auto;
}

.home-hero .hero-dot {
	display: block;
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.home-hero .hero-dot.is-active {
	background: #fff;
	transform: scale(1.15);
}

.home-hero .hero-dot:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.home-hero .hero-copy {
	bottom: calc(10% + 28px);
}

/*
 * Homepage hero — tablet/mobile
 * Shorter frame so landscape banners crop less, images centered,
 * and overlay type scaled down (inline --chip-size etc. need override).
 */
@media (max-width: 1100px) {
	.home-hero .hero-slides {
		height: auto;
		min-height: 0;
		aspect-ratio: 21 / 18;
		max-height: 80vh;
	}

	.home-hero .hero-slide img {
		object-position: center center !important;
	}

	.home-hero .hero-copy {
		bottom: calc(8% + 22px);
		width: min(90%, 640px);
		gap: 8px;
	}

	.home-hero .hero-dots {
		bottom: 20px;
	}

	.home-hero .hero-chip {
		font-size: 18px !important;
		padding: 0.12em 0.5em;
	}

	.home-hero .hero-sub {
		font-size: 13px !important;
	}

	.home-hero .hero-copy .bb-btn-primary {
		font-size: 13px !important;
		min-height: 34px;
		padding: 0 22px;
		line-height: 34px;
	}
}

@media (max-width: 849px) {
	.home-hero .hero-slides {
		aspect-ratio: 1 / 1;
		max-height: 72vh;
		min-height: 320px;
	}

	.home-hero .hero-copy {
		bottom: calc(7% + 24px);
		width: min(94%, 520px);
		gap: 6px;
	}

	.home-hero .hero-dots {
		bottom: 18px;
		gap: 9px;
	}

	.home-hero .hero-dot {
		width: 9px;
		height: 9px;
	}

	.home-hero .hero-chip {
		font-size: 14px !important;
		letter-spacing: 0.03em;
		padding: 0.1em 0.45em;
		max-width: 100%;
		line-height: 1.25;
	}

	.home-hero .hero-sub {
		font-size: 11px !important;
	}

	.home-hero .hero-copy .bb-btn-primary {
		font-size: 12px !important;
		min-height: 30px;
		padding: 0 16px;
		line-height: 30px;
	}
}

@media (max-width: 480px) {
	.home-hero .hero-slides {
		aspect-ratio: 1 / 1;
		max-height: 68vh;
		min-height: 300px;
	}

	.home-hero .hero-chip {
		font-size: 12px !important;
	}

	.home-hero .hero-sub {
		font-size: 10px !important;
	}
}