/*
 Theme Name:        Uptown Charity Theme
 Text Domain:       uptown-child-charity
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Charity is a child theme designed to be used alongside the Uptown theme.
 Template:          uptown
 Version:           1.0.0
 Requires at least: 6.4
 Tested up to:      6.4
 Requires PHP:      8.0
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Typography */
h2.logo {
	position: relative;
}

h2.logo::before {
	content: url('/wp-content/themes/uptown-child-charity/assets/img/heart-color.svg');
	display: inline-block;
	height: auto;
	margin-right: 0.65rem;
	vertical-align: middle;
}

/* Title block */
.title-block-curve {
	bottom: -1px;
	display: block;
	height: auto;
	left: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100vw;
}

/* Buttons */
.btn-primary,
.wp-block-cohesive-blocks-button.btn-default,
.wp-block-cohesive-blocks-button.btn-primary,
.wp-block-cohesive-blocks-button.btn-secondary,
button.post-list-button,
.header__wrapper .header__search .search-wrapper .search-submit {
	background: var(--xui-primary);
	border: 1px solid transparent;
	border-radius: 2rem;
	box-sizing: border-box;
	color: var(--xui-white);
	cursor: pointer;
	display: inline-block;
	line-height: 1.2;
	padding: 0.5rem 1rem;

	/* Transition for hover and focus states */
	transition: background-size 0.5s ease-in-out, background-color 0.5s ease-in-out, color 0.5s ease-in-out;

	/* Optional radial gradient effect */
	background-origin: border-box !important;
	background-position: 50% 100% !important;
	background-size: 0 !important;
}

.btn-primary:hover,
.btn-primary:active,
.wp-block-cohesive-blocks-button.btn-default:hover,
.wp-block-cohesive-blocks-button.btn-default:active,
.wp-block-cohesive-blocks-button.btn-primary:hover,
.wp-block-cohesive-blocks-button.btn-primary:active,
.wp-block-cohesive-blocks-button.btn-secondary:hover,
.wp-block-cohesive-blocks-button.btn-secondary:active,
button.post-list-button:hover,
button.post-list-button:active,
.header__wrapper .header__search .search-wrapper.search-submit:hover,
.header__wrapper .header__search .search-wrapper.search-submit:active {
	/* Radial burst effect */
	background-size: 18000% !important;
	background-image: radial-gradient(circle at 50% 100%, var(--xui-body) 1%, transparent 1%) !important;
	border: 1px solid transparent !important;
	color: var(--xui-white);
}

.wp-block-cohesive-blocks-button.btn-default:hover,
.wp-block-cohesive-blocks-button.btn-default:active {
	background-image: radial-gradient(circle at 50% 100%, var(--xui-primary) 1%, transparent 1%) !important;
}

.btn-primary,
.gform_button,
.post-list-terms li,
.cat-links a,
.post-terms a,
.search-wrapper .search-field {
	border-radius: 2rem;
}

ul.post-list-terms li {
	display: inline-block;
	font-weight: var(--xui-font-weight-semibold);
	padding: .5rem 1rem;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

/* Images */
.post-image {
	border-radius: 1rem;
}

/* Forms */
.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 2.5rem !important;
}