/*
Theme Name: IN-SLWM
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: Nora Brown; the WordPress team
Author URI: https://wordpress.org
Description: A custom theme for Indivisible Northampton - Swing Left Western Mass; based on the Wordpress Twenty-Twenty Three theme.
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* To counteract this crazy rule in blocks.css: 
.has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
*/
.has-global-padding .wp-block-gallery .wp-block-image {
  padding-left: 0;
  padding-right: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid var(--wp--preset--color--tertiary);
	display: block;
	font-size: inherit;
  font-family: inherit;
	margin: 0;
	max-width: 100%;
	padding: .5em 1em;
	width: 100%;
  box-sizing: border-box;
}
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  border: none;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
  background-color:  var(--wp--preset--color--primary);
}
.wp-block-button .wp-block-button__link,
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  transition: background-color 200ms ease-in;
}
.mc4wp-form-fields {
  display: grid;
  gap: 1em;
  grid-template-areas:
      "email email"
      "fname lname";
}
.form-field_email {
  grid-area: email;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  padding: 1em 0.5em 0.5em;
  background: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 70%,transparent);
  font-size: unset;
}
h1:is(.entry-title, .wp-block-post-title, .wp-block-heading) {
  --main-gradient: linear-gradient(to bottom, var(--wp--preset--color--tertiary), var(--wp--preset--color--primary));
  background: var(--main-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 900 !important;
}
footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
  min-height: 240px;
  text-align: center;
  color: var(--wp--preset--color--base);
  background-image: linear-gradient(188deg, var(--wp--preset--color--base) 14vw, #394975 calc(14vw + 1px)), linear-gradient(176deg, transparent 10vw, #394975 calc(10vw + 1px));
  background-blend-mode: multiply;
  box-sizing: border-box;
}

.current-menu-item a,
.wp-block-navigation a:where(:not(.wp-element-button)) {
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--base);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
  transition: text-decoration-color 200ms ease;
}
.current-menu-item a,
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
  text-decoration-color: var(--wp--preset--color--contrast);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.inline-block-list {
  list-style-type: none;
  padding: 0;
}
.inline-block-list li {
  display: inline-block;
  background: #FFD8BE;
  margin-inline: 0.2em;
  padding: 0 0.5em;
  margin-bottom: 0.5em;
  border-radius: 2px;
}