/* -------------------------------------------
		Typography
---------------------------------------------- */

body {
	--alpha-form-field-placeholder: .7;
	--alpha-form-field-color: var(--alpha-body-color);
	--alpha-form-field-font-size: var(--alpha-body-font-size);
	--alpha-form-field-bg-color: transparent;
	--alpha-form-field-border-width: 1px;
	--alpha-form-field-border-color: var(--alpha-change-border-color);
	--alpha-form-field-focus-border-color: var(--alpha-grey-color);
	--alpha-border-radius: 0;
	--alpha-form-field-padding: 11px 2rem;

	font-family: var(--alpha-body-font-family), sans-serif;
	font-weight: var(--alpha-body-font-weight);
	font-size: var(--alpha-body-font-size);
	line-height: var(--alpha-body-line-height);
	letter-spacing: var(--alpha-body-letter-spacing);
	text-transform: var(--alpha-body-text-transform);
	color: var(--alpha-body-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 2rem;
	font-family: var(--alpha-heading-font-family), var(--alpha-body-font-family), sans-serif;
	font-weight: var(--alpha-heading-font-weight, 600);
	font-size: var(--alpha-heading-font-size);
	line-height: var(--alpha-heading-line-height, var(--alpha-body-line-height));
	letter-spacing: var(--alpha-heading-letter-spacing, var(--alpha-body-letter-spacing));
	text-transform: var(--alpha-heading-text-transform, var(--alpha-body-text-transform));
	color: var(--alpha-heading-color, var(--alpha-body-color));
}

p {
	margin: 0 0 2rem;
}

h1 {
	font-size: var(--alpha-h1-font-size, 5rem);
}

h2 {
	font-size: var(--alpha-h2-font-size, 3.8rem);
}

h3 {
	font-size: var(--alpha-h3-font-size, 2.8rem);
}

h4 {
	font-size: var(--alpha-h4-font-size, 2.2rem);
}

h5 {
	font-size: var(--alpha-h5-font-size, 1.8rem);
}

h6 {
	font-size: var(--alpha-h6-font-size, 1.6rem);
}

.esg-grid {
	font-family: inherit;
}

.list-type-check {
	list-style: none;
	padding-#{$left}: 0;

	li {
		position: relative;
		padding-#{$left}: 2rem;
		margin-bottom: 1.1rem;

		&::before {
			position: absolute;
			display: block;
			#{$left}: 0;
			top: 1px;
			content: '\e969';
			font-family: $framework-font;
			font-weight: 700;
		}
	}
}

.nolink:hover {
	cursor: default;
}

.alpha-rounded-skin {
	--alpha-border-radius: var(--alpha-corner-sm);

	.form-control,
	.alert,
	.alert .btn,
	.comment-respond .btn-submit,
	.calendar_wrap caption,
	.cat-type-frame,
	.post-wrap .post-cats>a,
	.member-boxed,
	.instagram img,
	.instagram figure:before,
	.member-card .post-details,
	.post-modern .post-details,
	.product .countdown-container,
	.product-hide-details .btn-product,
	.product-list .btn-product,
	.hotspot-box,
	.hotspot-product .btn-product-icon,
	.alpha-compare-table .compare-value .label-swatch,
	.search-wrapper .btn-search,
	.compare-popup .btn,
	.live-search-list,
	.post-tags>a,
	.product-tags>a,
	.wp-block-tag-cloud>a,
	.sidebar .tagcloud>a,
	.post-widget img {
		border-radius: var(--alpha-corner-sm);
	}

	.post-wrap .post,
	.member-default,
	.brand-widget-3,
	.testimonial,
	.testimonial .content,
	.elementor-widget-#{$theme-name}_widget_banner,
	.products .banner,
	.cat-type-banner,
	.cat-type-classic,
	.wp-block-search .wp-block-search__inside-wrapper,
	.post-intro .btn {
		border-radius: var(--alpha-corner-md);
	}

	.vendor-widget:not(.vendor-widget-3) .vendor-logo,
	.vendor-widget .vendor-product>figure,
	.vendor-widget:not(.vendor-widget-3) .vendor-banner,
	.vendor-widget-2,
	.vendor-widget-3 {
		border-radius: var(--alpha-corner-md);
		overflow: hidden;
	}

	.post-wrap .portfolio-gallery,
	.post-wrap .post-modern,
	.flipbox .flipbox_front,
	.flipbox .flipbox_back,
	.member-card,
	.cat-type-default,
	.cat-type-card {
		border-radius: var(--alpha-corner-lg);
	}
}


input[type="number"] {
	-moz-appearance: textfield;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type=reset],
input[type=tel],
input[type='date'],
textarea {
	min-height: 4.1rem;
	padding: var(--alpha-form-field-padding);
	border: 1px solid var(--alpha-form-field-border-color);
	border-width: var(--alpha-form-field-border-width);
	border-radius: var(--alpha-border-radius);
	font-size: var(--alpha-form-field-font-size);
	line-height: 1.5;
	font-weight: 400;
	color: var(--alpha-form-field-color);
	background-color: var(--alpha-form-field-bg-color);
	box-shadow: none;
	outline: 0;
	vertical-align: middle;

	&::placeholder {
		color: inherit;
		opacity: var(--alpha-form-field-placeholder);
		transition: opacity .3s;
	}

	&:focus::placeholder {
		opacity: 0;
	}
}