/*
Theme Name: Craftfully Child theme of craftfully
Theme URI: 
Description: Child theme of craftfully theme for the Craftfully theme
Author: <a href="https://automattic.com/">Automattic</a>
Author URI: 
Template: craftfully
Version: 1.0.6
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Fri, 28 Mar 2025 20:49:15 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

.wp-block-table figcaption {
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}

/* Custom gradient background for headings */
.heading-bg {
	background: var(#E26864);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, var(--wp--preset--color--accent-5) 50%, var(--wp--preset--color--accent-5) 100%);
}
.heading-bg-red {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #E26864 50%, #E26864 100%);
}
.heading-bg-pink {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #F8B3BA 50%, #F8B3BA 100%);
}
.heading-bg-light-pink {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #ffcfd2 50%, #ffcfd2 100%);
}
.heading-bg-orange {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #FABC8C 50%, #FABC8C 100%);
}
.heading-bg-yellow {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #F6E499 50%, #F6E499 100%);
}
.heading-bg-green {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #C6E2A0 50%, #C6E2A0 100%);
}
.heading-bg-light-blue {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #B7E0E7 50%, #B7E0E7 100%);
}
.heading-bg-violet {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #CCDBFD 50%, #CCDBFD 100%);
}
.heading-bg-purple {
	background: var(--wp--preset--color--base);
	background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, #CFBAF0 50%, #CFBAF0 100%);
}
.heading-bg-rainbow {
	background: var(--wp--preset--color--base);
    background: linear-gradient(90deg, #f8b3ba, #fabc8c, #f6e499, #c6e2a0, #b7e0e7);
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: 0 100%;
}

.heading-bg-yellow-pink {
	background: var(--wp--preset--color--base);
    background: linear-gradient(90deg, #ffed00, #f86ca7);
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: 0 100%;
}

.heading-bg-halloween {
	background: var(--wp--preset--color--base);
    background: linear-gradient(90deg, #ffa900, #ff7600, #cd113b, #52006a, #22012b);
    background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: 0 100%;
}