/*
Theme Name: Ultrarare
Theme URI: 
Author: Prasad D. Warnakulasuriya
Author URI: https://prasadonline.com
Description: Ultrarare custom block theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultrarare
Tags: One Column, Custom Colors, custom-menu, Custom Logo, Editor Style, Featured Images, Site Editor, Block Editor Patterns

*/

/*
 * Font smoothing
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

}

/*
 * Link Details
 */

a {
	text-decoration-thickness: 0.075ex;
	text-underline-offset: 0.125em;
}

a:hover:not(.wp-block-button__link),
.wp-block-site-title a:hover,
.wp-block-post-title a:hover,
.wp-block-post-date a:hover {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

a:active,
.wp-block-site-title a:active,
.wp-block-post-title a:active,
.wp-block-post-date a:active {
	text-decoration-style: solid;
}

.wp-block-navigation .wp-block-navigation-link a:hover,
.wp-block-navigation .wp-block-page-list a:hover,
.wp-block-navigation .wp-block-pages-list__item a:hover {
	text-decoration-line: underline;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
}

/*
 * Outline block button needs a padding tweak so it's the same size of normal buttons
 * https://github.com/WordPress/gutenberg/issues/27476
 */
.is-style-outline > :where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
	padding-top: 0.667em;
	padding-bottom: 0.667em;
}

/*
 * Comment Form Fields
 */

.wp-block-post-comments input:not([type='submit']),
.wp-block-post-comments textarea {
	background-color: var(--wp--preset--color--light);
	border-color: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--dark);
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	border: 3px solid var(--wp--preset--color--dark);
	border-top-left-radius: 10px;
  	border-bottom-right-radius: 10px;
	box-shadow:var(--wp--preset--shadow--theme)
}

/*
 * Needed until https://github.com/WordPress/gutenberg/issues/37035 is fixed.
 */
.wp-block-navigation__responsive-container.is-menu-open ul {
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 100;
	gap: var(--wp--style--block-gap);
}

.wp-block-post-navigation-link > a {
	text-decoration: none;
}

/*
 * Needed until https://github.com/WordPress/gutenberg/issues/38498 is fixed.
 */
.wp-block-group.simple-list-of-posts {
	align-items: baseline;
}

/*
 * Needed until https://github.com/WordPress/gutenberg/pull/38986 is merged.
 */
.wp-block-post-title a {
	text-decoration-thickness:1px;
	text-underline-offset: 0.1px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.single .wp-block-post-title{
	text-decoration: none!important;
}
.single .wp-block-post-title a {
	-webkit-line-clamp: 1!important;
	text-decoration: none!important;
}

.wp-block-post-title a:hover {
	text-decoration-line: underline;

}

/*
 * Needed until adding text-shadow support to theme.json is implemented.
 */


 .theme-editor-wrapper{
	background:var(--wp--preset--color--theme);
	padding: 32px;
  	width: 621px;
	border: 8px solid var(--wp--preset--color--dark);
  	margin: 32px auto;
	padding-top: 0;
 }