/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://danieldeepak.com/
Description: Child theme of Twenty Twenty-Five.
Author: Daniel Deepak
Template: twentytwentyfive
Version: 1.0.5
Requires at least: 6.7
Requires PHP: 7.2
Text Domain: twentytwentyfive-child
*/

body {
	line-height: 1.55;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.35;
}

.wp-block-site-title {
	font-size: clamp(28px, calc(28px + 4 * ((100vw - 320px) / 1120)), 32px);
}

.wp-block-site-title a:hover {
	text-decoration: none;
}

/* Contact Form 7: comfortable controls that follow the theme typography. */
.wpcf7 form > p {
	margin: 0 0 24px;
}

.wpcf7 label,
.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7-form-control-wrap {
	margin-top: 8px;
}

.wpcf7 input:not([type="hidden"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.wpcf7 select,
.wpcf7 textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 12px;
	border: 1px solid #9b9b9b;
	border-radius: 6px;
	background: #fff;
	color: var(--wp--preset--color--contrast, #222);
	font-family: inherit;
	font-size: max(16px, 1rem);
	line-height: 1.5;
}

.wpcf7 textarea {
	min-height: 180px;
	resize: vertical;
}

.wpcf7 .wpcf7-submit {
	box-sizing: border-box;
	min-height: 48px;
	padding: 12px 28px;
	border: 1px solid var(--wp--preset--color--contrast, #222);
	border-radius: 6px;
	background: var(--wp--preset--color--contrast, #222);
	color: var(--wp--preset--color--base, #fff);
	font-family: inherit;
	font-size: max(16px, 1rem);
	line-height: 1.5;
	cursor: pointer;
}

.wpcf7 .wpcf7-submit:hover:not(:disabled) {
	opacity: 0.85;
}

.wpcf7 .wpcf7-form-control:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast, #222);
	outline-offset: 3px;
}

.wpcf7 .wpcf7-form-control:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.wpcf7 .wpcf7-form-control.wpcf7-not-valid {
	border-color: #b3261e;
}

.wpcf7 .wpcf7-not-valid-tip {
	margin-top: 8px;
	color: #b3261e;
	font-size: max(16px, 0.875rem);
}

.wpcf7 .wpcf7-response-output {
	margin: 24px 0 0;
	padding: 12px;
}
