/*
Theme Name: Kindling
Author: Matchbox Design Group
Author URI: https://matchboxdesigngroup.com
Theme URI:
Description: A starter Block Theme built using Tailwind CSS and bud.js.
Tags: full-site-editing, editor-style, block-styles, block-patterns, accessibility-ready
Text Domain: kindling
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 8.1
Tested up to: 6.3

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


div.kindling-species-icon{
	display:none!important;
}

/* Hubspot Start */

.newsletter-cta{
	color:#6E6259;
	font-size:0.875rem;
}

.newsletter-cta ul.inputs-list{
	color:#6E6259;
	font-size:0.875rem;
}

ul.inputs-list{
	list-style-type:none;
	padding-left:0px;
}

.hs-email input.hs-input{
	border:0;
	background-color:#FFF;
	width:100%;
	padding:10px 5px;
	color:#6E6259;
}

.hs_soymeal_newsletter_edition_multi{
	display:block;
	position:relative;
	margin-top:10px;
}

#label-soymeal_newsletter_edition_multi-313a55c5-3f4e-46cd-8a67-f34c8266ce99{
	font-weight:600;
	padding-top:10px;
}

.hs-form-checkbox-display {
  display: grid;
  grid-template-columns: 1em auto;
	gap: 1em;
	margin-bottom:10px;
}

.hs-form-checkbox-display:hover{
	cursor:pointer;
}

.hs-form-checkbox-display + .hs-form-checkbox-display {
  margin-top: 1em;
}

.hs-form-checkbox-display--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: #FFF;
	background-color:#FFF;
  width: 1.5em;
  height: 1.5em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before{
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(1);
  transform-origin: center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
	transform: scale(0);
}

input[type="checkbox"]:checked::before{
  transform: scale(1);
}

input[type="checkbox"]:focus {

}

.hs-button{
	background:#2B562E;
	color:#FFF;
	font-family: Roboto;
	text-transform:uppercase;
	font-weight:600;
	font-size:0.875rem;
	border:0;
	padding:10px 20px;
	cursor:pointer;
}

.hs-button:hover{
	background-color:#6B9233;
}

/* HubSpot End */

/* Resource Media Block Start */

.resource-item{
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.resource-item:hover{
	transform: translateY(-8px);
}
.resource-item:hover h4{
	color:rgb(136, 174, 52)!important;
}

/* Resource Media Block End */

.view-all.has-x-small-font-size a{
	background-color:rgb(43, 86, 46);
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
	display: block;
  white-space: nowrap;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.view-all.has-x-small-font-size a:hover{
	background-color:rgb(136, 174, 52);
}

.search-results-post-title a:hover{
	color:rgb(136, 174, 52)!important;
}


.flex-none {
	flex: none;
}

.zero-bottom-margin{
	margin-bottom:0px!important;
}