/*
Theme Name: UpsideNowBasic
Theme URI: https://upside-now.com/upsidenowbasic/
Author: john-macinnis@upside-now.com
Author URI: https://upside-now.com/about/
Description: The UpsideNowBasic theme is designed to help create, publish and maintain a clean, professional, high-performance website quickly within budget. It includes a curated collection of popular color schemes, pre-installed fonts and formatted templates to jumpstart your development process. In addition to being simple to use, it offers infinite flexible design options so your website can live and grow along with your business.
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
Version: 3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: upsidenowbasic
Tags: custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, wide-blocks, block-styles, style-variations, blog
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.

 This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

 */

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

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/* Theme-design specific styles */
	 /* ---------- Buttons ---------- */
	.btn{font-family:var(--font-body, var(--wp--preset--font-family--work-sans)); font-weight:600; font-size:15px; border-radius:8px; padding:13px 24px; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; text-decoration:none;}
	.btn-primary{background:#2952E3; color:#fff; box-shadow:0 6px 16px rgba(41,82,227,.35); transition:transform .15s ease, box-shadow .15s ease;}
	.btn-primary:hover{background:#000; transform:translateY(-2px); box-shadow:0 10px 22px rgba(41,82,227,.45); }
	.btn-gold{background:var(--gold); color:#1A1200; box-shadow:0 6px 16px rgba(201,154,61,.35);}
	.btn-outline{background:transparent; border:1.5px solid rgba(255,255,255,.35); color:#fff;}
	.btn-outline.on-light{border-color:var(--ink-navy); color:var(--ink-navy);}
	.btn-ghost{background:transparent; color:var(--electric-blue); padding:13px 4px;}