/*
Theme Name: Tranquillity
Theme URI: https://themeinwp.com/theme/tranquillity/
Author: ThemeInWP
Author URI: https://themeinwp.com/
Description: A flexible and free WordPress FSE theme designed to cater to the diverse needs of bloggers, writers, and content creators across various niches. This elegant, minimalist theme is responsive and has a clean, modern design that makes it ideal for websites that focus on travel, food, fashion, lifestyle, and even business.
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tranquillity
Tags: full-site-editing, blog, two-columns, wide-blocks, block-patterns, featured-images, rtl-language-support, template-editing, threaded-comments, translation-ready
*/
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
    text-decoration-thickness: 1.0px !important;
    text-underline-offset: 1.5px;
}
/*
 * Form field styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
::placeholder {
    color: var(--wp--preset--color--contrast);
    opacity: 1; /* Firefox */
}
/*
 * Button Block
 * 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--primary);
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}
/*
 * Pull quote Block
 * Reset the browser default margins for blockquote element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
    margin: 0;
}
/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    gap: var(--wp--style--block-gap, 2em);
}
/*
 * Model Search
 */
.wp-block-search.header-modal button {
    border: none;
    transition: none;
}
.wp-block-search.header-modal button svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    height: 30px;
    width: 30px;
}
.wp-block-search.header-modal:not(.wp-block-search__searchfield-hidden) {
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
    top: var(--wp-admin--admin-bar--height, 0);
    height: 100vh;
    z-index: 2;
    background-color: color-mix(in srgb, transparent 20%, var(--wp--preset--color--base));
}
.wp-block-search.header-modal:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
    gap: 1rem;
    height: auto;
    margin: auto;
    max-width: var(--wp--style--global--content-size);
}
.wp-block-search.header-modal:not(.wp-block-search__searchfield-hidden) button:hover {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-search.header-modal.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper > * {
    height: 30px;
}
.wp-block-search.header-modal.wp-block-search__searchfield-hidden .wp-block-search__button {
    padding: 0;
    background-color: transparent;
    display: inline-block;
}
.wp-block-search.header-modal.wp-block-search__button-behavior-expand .wp-block-search__input {
    transition-duration: 0s;
}