@import url('https://fonts.googleapis.com/css2?family=Niconne&display=swap');

.wp-block-site-title {
	font-size: clamp(2.2rem, 2.2rem + ((1vw - 0.2rem) * 3.273), 5rem) !important;
  	font-family: "Niconne", cursive;
  	font-weight: 400 !important; 
  	font-style: normal !important; 
	font-size
}
:root {
  --form-font: 16px;
  --form-color: #333;
  --form-bg: #fff;
  --form-border: #ccc;
  --form-border-radius: 4px;
  --form-focus-border: #b34419;
  --form-padding: 0.25em 0.5em;
  --form-spacing: 1em;
}

.form-group {
	margin-bottom: 1rem;
}

/* Form wrapper */
.form-theme {
  font-size: var(--form-font);
  color: var(--form-color);
}

/* Labels */
.form-label {
  display: block;
  margin-bottom: 0.25em;
  font-weight: bold;
}

/* Inputs, Textareas, Selects */
.form-input,
.form-textarea,
.form-select {
  font: inherit;
  color: inherit;
  background: var(--form-bg);
  border: 1px solid var(--form-border);
  border-radius: var(--form-border-radius);
  padding: var(--form-padding);
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.form-select {
  appearance: none;        /* Removes default arrow in most browsers */
  -webkit-appearance: none; /* Chrome/Safari */
  -moz-appearance: none;   /* Firefox */
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
  outline: none;
  border-color: var(--form-focus-border);
  box-shadow: 0 0 0 2px rgba(179, 68, 25, 0.2);
}

/* Buttons */
.form-button {
  background: #b34419;
  color: #fff;
  border: none;
  border-radius: 0;
  padding: .75rem 1.25rem;
  cursor: pointer;
  font-weight: bold;
  transition: opacity 0.2s;
  font-size: 1rem;
  opacity: 1;
}

.form-button:hover {
  opacity: .8;
}

/* Checkboxes and Radios */
.form-checkbox,
.form-radio {
  width: auto;
  margin-right: 0.5em;
  vertical-align: middle;
}

.form-radio-group-inline {
	display: flex;
	gap: .5rem;
}

.form-radio-group {
	display: flex;
	gap: .5rem;
	flex-direction: column;
}

/* Textarea resizing */
.form-textarea {
  resize: vertical;
  min-height: 80px;
}

/* Inline forms helper */
.form-inline > * {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}

.hf-message {
	padding: 1rem 1.5rem;
}

.hf-message.hf-message-success {
	background-color: rgb(217, 240, 199);
	border: 2px solid green;
}
}

.hf-message-success
.wp-block-table td, .wp-block-table th {
	border: 0;
}

.wp-block-table td {
	border-bottom: 1px solid #dddddd;
}

.wp-block-table th {
	background-color: #b34419;
	border-color: #b34419;
	color: #ffffff;
}

.wp-block-table thead {
	border: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow:0;
}

.wp-block-post-template-is-layout-grid .wp-block-group,
.wp-block-post-template-is-layout-grid .wp-block-post{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.wp-block-post-template-is-layout-grid .wp-block-post-featured-image {
	aspect-ratio: 16 / 9;
  	overflow: hidden;
  	display: block; 
}

.wp-block-post-template-is-layout-grid .wp-post-image,
.wp-block-post-template-is-layout-grid .wp-block-post-featured-image a {
	width: 100%;
	height: 100%;
	display: block;
}

.wp-block-post-template-is-layout-grid .wp-post-image {
	object-fit: cover;
  	object-position: center;
}

.wp-block-post-template-is-layout-grid .wp-block-read-more {
	margin-top: 1rem;
}

.wp-block-post-template-is-layout-grid .wp-block-post-excerpt {
	margin-bottom: auto !important;
}

.wp-block-post-template-is-layout-grid .wp-block-post-date {
	display: none !important;
}

.wp-block-post-template-is-layout-grid .wp-block-post-title {
	margin-bottom: 1rem !important;
}

@media (max-width: 1250px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container-open {
    display: block !important;
  }
}

@media (min-width: 1251px) {
  .wp-block-navigation__responsive-container {
    display: flex !important;
	gap: 1.5rem;
  }
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}