/*
Theme Name: Zakra Child
Theme URI: https://zakratheme.com/
Template: zakra
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Zakra is a powerful and versatile multipurpose theme that makes it easy to create beautiful and professional websites. With over free 40 pre-designed starter demo sites to choose from, you can quickly build a unique and functional site that fits your specific needs. Whether you're launching a blog, news site, e-commerce store, showcasing your portfolio, building a business site, LMS, or niche-specific site (such as a cafe, spa, charity, yoga studio, wedding venue, dental practice, photography, restaurant, or educational institution), Zakra has everything you need to succeed. The theme integrates seamlessly with popular page builders like Elementor, Brizy, BlockArt, and the Gutenberg editor, giving you complete freedom to create any layout you can imagine. Importantly, Zakra is optimized for speed, features a mobile-first responsive design, is built with block-based technology, and is optimized for search engines. It is also compatible with a wide range of popular WordPress plugins, allowing you to extend its functionality as needed. Build your next project with Zakra today and see the difference for yourself. Check out all the starter sites at https://zakratheme.com/demos!
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,news,e-commerce,rtl-language-support
Version: 4.0.6.1739766165
Updated: 2025-02-17 05:22:45

*/
/* Typography
--------------------------------------------- */
code {
	background-color: #f6e29e;
	padding: 0.125em 0.25em;
}

blockquote,
.wp-block-quote {
	padding: 16px;
	margin-top: 34px;
	margin-bottom: 34px;
	border-left: 4px solid #f6e29e;
	color: #7B1FA2;
	font-style: italic;
}

blockquote.has-text-align-right, blockquote.is-style-large, blockquote.is-style-plain,
.wp-block-quote.has-text-align-right,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
	border: unset;
	border-left: 4px solid #f6e29e;
}

.wp-block-pullquote.has-border-color {
	border: unset !important;
	border-top: 4px solid #f6e29e !important;
	border-bottom: 4px solid #f6e29e !important;
}

/* Elements
--------------------------------------------- */
.entry-content a,
.edit-link a {
	color: #7B1FA2;
	text-decoration: underline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button .wp-block-button__link,
.zak-button {
	border-radius: 4px;
	padding: 8px 10px;
	color: #7B1FA2;
	background-color: #f6e29e;
	text-decoration: none;
	transition: all 0.3s;
	border: 0px solid #f6e29e;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button .wp-block-button__link:hover,
.zak-button:hover {
	color: #7B1FA2;
	background-color: transparent;
}

/*=============================================
=            Admin Bar            =
=============================================*/
.zak-secondary-nav.zak-layout-1-style-2 > ul > li.current_page_ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-2 > ul > li.current-menu-ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-2 > ul > li.current_page_item > a::before, .zak-secondary-nav.zak-layout-1-style-2 > ul > li.current-menu-item > a::before, .zak-secondary-nav.zak-layout-1-style-3 > ul > li.current_page_ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-3 > ul > li.current-menu-ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-3 > ul > li.current_page_item > a::before, .zak-secondary-nav.zak-layout-1-style-3 > ul > li.current-menu-item > a::before, .zak-secondary-nav.zak-layout-1-style-4 > ul > li.current_page_ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-4 > ul > li.current-menu-ancestor > a::before, .zak-secondary-nav.zak-layout-1-style-4 > ul > li.current_page_item > a::before, .zak-secondary-nav.zak-layout-1-style-4 > ul > li.current-menu-item > a::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
}

	content: "";
	position: absolute;
	background-color: #f6e29e;
	height: 2px;
	width: 100%;
	bottom: 0;
	left: 0;
}

.zak-tertiary-nav.zak-layout-1-style-2 > ul > li.current_page_ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-2 > ul > li.current-menu-ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-2 > ul > li.current_page_item > a::before, .zak-tertiary-nav.zak-layout-1-style-2 > ul > li.current-menu-item > a::before, .zak-tertiary-nav.zak-layout-1-style-3 > ul > li.current_page_ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-3 > ul > li.current-menu-ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-3 > ul > li.current_page_item > a::before, .zak-tertiary-nav.zak-layout-1-style-3 > ul > li.current-menu-item > a::before, .zak-tertiary-nav.zak-layout-1-style-4 > ul > li.current_page_ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-4 > ul > li.current-menu-ancestor > a::before, .zak-tertiary-nav.zak-layout-1-style-4 > ul > li.current_page_item > a::before, .zak-tertiary-nav.zak-layout-1-style-4 > ul > li.current-menu-item > a::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
}

.zak-tertiary-nav.zak-layout-1-style-2 > ul a:hover::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
	height: 2px;
	width: 100%;
	bottom: 0;
	left: 0;
}

.zak-quaternary-nav ul .current_page_ancestor > a,
.zak-quaternary-nav ul .current-menu-ancestor > a,
.zak-quaternary-nav ul .current_page_item > a,
.zak-quaternary-nav ul .current-menu-item > a {
	color: #7B1FA2;
}

.zak-quaternary-nav.zak-layout-1-style-2 > ul > li.current_page_ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-2 > ul > li.current-menu-ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-2 > ul > li.current_page_item > a::before, .zak-quaternary-nav.zak-layout-1-style-2 > ul > li.current-menu-item > a::before, .zak-quaternary-nav.zak-layout-1-style-3 > ul > li.current_page_ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-3 > ul > li.current-menu-ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-3 > ul > li.current_page_item > a::before, .zak-quaternary-nav.zak-layout-1-style-3 > ul > li.current-menu-item > a::before, .zak-quaternary-nav.zak-layout-1-style-4 > ul > li.current_page_ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-4 > ul > li.current-menu-ancestor > a::before, .zak-quaternary-nav.zak-layout-1-style-4 > ul > li.current_page_item > a::before, .zak-quaternary-nav.zak-layout-1-style-4 > ul > li.current-menu-item > a::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
}

.zak-quaternary-nav.zak-layout-1-style-2 > ul a:hover::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
	height: 2px;
	width: 100%;
	bottom: 0;
	left: 0;
}

.zak-footer-builder .zak-footer-top-row .widget .wp-block-heading::before, .zak-footer-builder .zak-footer-top-row .widget .widget-title::before,
.zak-footer-builder .zak-footer-main-row .widget .wp-block-heading::before,
.zak-footer-builder .zak-footer-main-row .widget .widget-title::before,
.zak-footer-builder .zak-footer-bottom-row .widget .wp-block-heading::before,
.zak-footer-builder .zak-footer-bottom-row .widget .widget-title::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: " ";
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #f6e29e;
}

/* Infinite scroll.
--------------------------------------------- */
/*=============================================
=            Infinite Scroll            =
=============================================*/
#infinite-handle span {
	border: 0 solid #f6e29e;
	background-color: #f6e29e;
	color: #7B1FA2;
	padding: 0.7rem 1rem;
}


/* Navigation.
--------------------------------------------- */
.zak-primary-nav ul .current_page_ancestor > a,
.zak-primary-nav ul .current-menu-ancestor > a,
.zak-primary-nav ul .current_page_item > a,
.zak-primary-nav ul .current-menu-item > a {
	color: #7B1FA2;
}

.zak-primary-nav.zak-layout-1-style-2 > ul > li.current_page_ancestor > a::before, .zak-primary-nav.zak-layout-1-style-2 > ul > li.current-menu-ancestor > a::before, .zak-primary-nav.zak-layout-1-style-2 > ul > li.current_page_item > a::before, .zak-primary-nav.zak-layout-1-style-2 > ul > li.current-menu-item > a::before, .zak-primary-nav.zak-layout-1-style-3 > ul > li.current_page_ancestor > a::before, .zak-primary-nav.zak-layout-1-style-3 > ul > li.current-menu-ancestor > a::before, .zak-primary-nav.zak-layout-1-style-3 > ul > li.current_page_item > a::before, .zak-primary-nav.zak-layout-1-style-3 > ul > li.current-menu-item > a::before, .zak-primary-nav.zak-layout-1-style-4 > ul > li.current_page_ancestor > a::before, .zak-primary-nav.zak-layout-1-style-4 > ul > li.current-menu-ancestor > a::before, .zak-primary-nav.zak-layout-1-style-4 > ul > li.current_page_item > a::before, .zak-primary-nav.zak-layout-1-style-4 > ul > li.current-menu-item > a::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
}

.zak-primary-nav.zak-layout-1-style-2 > ul a:hover::before {
	content: "";
	position: absolute;
	background-color: #f6e29e;
	height: 2px;
	width: 100%;
	bottom: 0;
	left: 0;
}

/* Header actions.
--------------------------------------------- */
.zak-menu-item-cart .cart-page-link .count {
	display: flex;
	font-size: 10px;
	width: 16px;
	height: 16px;
	background-color: #f6e29e;
	color: #7B1FA2;
	position: absolute;
	top: -5px;
	right: -10px;
	border-radius: 50%;
	text-align: center;
	justify-content: center;
	align-items: center;
}

/* Header buttons.
--------------------------------------------- */
/* Desktop & mobile header buttons */
.zak-header-buttons .zak-header-button .zak-button {
	display: block;
	text-align: center;
	border: 1px solid #f6e29e;
}

.zak-header-buttons .zak-header-button .zak-button:hover {
	color: #f6e29e;
	border: 1px solid #f6e29e;
}

.zak-header-buttons .zak-header-button--2 .zak-button {
	background: transparent;
	border: 1px solid #f6e29e;
	color: #f6e29e;
}

@media screen and (min-width: 768px) {
	.zak-header-buttons {
		display: flex;
		align-items: center;
		gap: 24px;
	}
	.zak-header-buttons .zak-button:hover {
		color: #f6e29e;
		border-color: #f6e29e;
	}
	
/* Page header.
--------------------------------------------- */
.zak-breadcrumbs .trail-items a,
.breadcrumbs .trail-items a {
	color: #7B1FA2;
	text-decoration: underline;
}

/* Entry.
--------------------------------------------- */
.entry-title:hover a {
	color: #7B1FA2;
	text-decoration: underline;
}

.zak-entry-meta a {
	color: #7B1FA2;
	text-decoration: underline;
}

.zak-style-2 .zak-entry-meta span, .zak-style-2 .zak-entry-meta a {
	color: #7B1FA2;
}

.entry-button:hover {
	color: #f6e29e;
	text-decoration: underline;
}

.entry-button:hover .zak-icon {
	fill: #f6e29e;
	transform: translateX(4px);
}

/* Comments.
--------------------------------------------- */
/*=============================================
=            Comments            =
=============================================*/
#comments .comment-list .comment-meta .edit-link {
	color: #7B1FA2;
	text-decoration: underline;
}

#comments .comments-title::before,
#comments .comment-reply-title::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: " ";
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #f6e29e;
}

#comments .comment-content a {
	color: #7B1FA2;
	font-size: 1.4rem;
	text-decoration: underline;
}

#comments .reply {
	margin-left: 50px;
	margin-top: 24px;
	color: #7B1FA2;
	font-size: 1.4rem;
	text-decoration: underline;
}

.comment-respond small {
	margin-left: 16px;
	color: #7B1FA2;
	font-size: 1.4rem;
	text-decoration: underline;
}

/* Widgets.
--------------------------------------------- */
.widget .wp-block-heading::before,
.widget .widget-title::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: " ";
	left: 0;
	width: 30px;
	height: 1px;
	background-color: #f6e29e;
}

.widget li a {
	display: inline-block;
	color: #7B1FA2;
	text-decoration: underline;
	/* Make sure select elements fit in widgets. */
}

/* Footer.
--------------------------------------------- */
.zak-scroll-to-top:hover {
	background-color: #f6e29e;
}

/* Pages.
--------------------------------------------- */
.zak-error-404 .zak-button:hover svg {
	fill: #f6e29e;
}

/* Page templates.
--------------------------------------------- */
.pagebuilder-content a {
	color: #7B1FA2;
}

.pagebuilder-content a:hover, .pagebuilder-content a:focus {
	color: #7B1FA2;
}

/* Button loop.
--------------------------------------------- */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
	color: #7B1FA2;
	border-width: 1px;
}

/* Force full width checkout - remove sidebar space */
.woocommerce-checkout #zak-primary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.woocommerce-checkout #zak-secondary {
    display: none !important;
}

.woocommerce-checkout .zak-container {
    max-width: 1200px !important;
}

.woocommerce-checkout .zak-primary-container {
    grid-template-columns: 1fr !important;
}

/* Force hover color on checkout button - override theme hover */
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:hover,
.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a:focus {
    background-color: #7b1fa2 !important;
    color: #FFF !important;
    border-color: #7b1fa2 !important;
}

/* Override any Zakra color variables on hover */
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover {
    background-color: #7b1fa2 !important;
}