/*
Theme Name: Portia
Theme URI: https://themeshaper.com/portia/
Author: Automattic
Author URI: https://automattic.com/
Description: Portia is a simple business theme for a legal service.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: portia
Tags: one-column, wide-blocks, block-patterns, block-styles, full-site-editing, rtl-language-support, threaded-comments, translation-ready
*/

/* Progresive enhancement to reduce widows and orphans. */
h1, h2, h3, h4, h5, h6, blockquote {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

/*
 * 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--theme-4);
	border-color: var(--wp--preset--color--theme-4);
	color: var(--wp--preset--color--theme-1);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-decoration-style: solid !important;
	text-underline-offset: 3px;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote and paragraph element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Jetpack Contact Form Block
 */
.contact-form label,
.wp-block-jetpack-contact-form label,
.jetpack-field-label .rich-text.jetpack-field-label__input {
	font-weight: 500;
}

.contact-form__input-error {
	font-size: var(--wp--preset--font-size--small);
}

:where(.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=url],.contact-form textarea) {
	padding: 8px;
}
.menu-block .menu-selector {
    margin-bottom: 3em
}

.menu-block .menu-selector label {
    display: inline-block;
    padding: 0 .5em;
    font-size: 1.1em;
    cursor: pointer
}

.menu-block .menu-selector label.menu-select-labels--active {
    text-decoration: underline
}

.menu-block .menu-select-button {
    display: none
}

.menu-block .menus--has-multiple .menu {
    display: none
}

.menu-block .menu-header {
    margin-bottom: 3em
}

.menu-block .menu-section {
    margin-top: 1em
}

.menu-block .menu-section+.menu-section {
    margin-top: 5em
}

.menu-block .menu-section-header {
    margin-bottom: 2em;
    padding-bottom: 1em
}

.menu-block .menu-section-title {
    font-size: 1.5em
}

.menu-block .menu-section-description {
    font-size: .85em;
    line-height: 1.4em
}

.menu-block .menu-item {
    margin-bottom: 0;
    padding-bottom: 2em;
    margin-top: 0;
    line-height: 1.2em
}

.menu-block .menu-item-title {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.2em
}

.menu-block .menu-item-description {
    line-height: 1.3em;
    margin-top: 5px
}

.menu-block .menu-item-price-bottom {
    margin: .5em 0
}

.menu-block .menu-item-option {
    font-size: .8em;
    font-style: italic
}

.menu-block .menu-style-classic .menu-selector,.menu-block .menu-style-classic .menu-header,.menu-block .menu-style-classic .menu-section-title,.menu-block .menu-style-classic .menu-section-description {
    text-align: center
}

.menu-block .menu-style-classic .menu-items {
    column-width: 18em;
    column-gap: 3em
}

.menu-block .menu-style-classic .menu-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    width: 100%
}

.menu-block .menu-style-classic .menu-item-description {
    margin-right: 3em
}

.menu-block .menu-style-classic .menu-item-price-top {
    float: right;
    padding-left: 20px
}

.menu-block .menu-style-classic .menu-item-price-bottom {
    display: none
}

.menu-block .menu-style-simple .menu-selector,.menu-block .menu-style-simple .menu {
    text-align: center
}

.menu-block .menu-style-simple .menu-item-price-top {
    display: none
}