/* 
Theme Name:		 Twenty Twenty One - Child Plante Essa Ideia
Theme URI:		 https://github.com/mercy-for-animals/twentytwentyone-child-plante/
Description:	 It is a child theme of Twenty Twenty One.
Author:			   Mercy For Animals
Author URI:		 https://github.com/mercy-for-animals/
Template:		   twentytwentyone
Version:		   1.0.37
Text Domain:	 twentytwentyone-child-plante
*/

:root {
  --global--color-background: #ffffff;
  --global--color-primary: #000;
  --global--color-secondary: #000;
  --font-headings: "Gotham A", "Gotham B", Montserrat, Raleway, -apple-system, "system-ui", "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-base: "Gotham A", "Gotham B", Montserrat, Raleway, -apple-system, "system-ui", "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --button--color-background: #000;
  --button--color-text-hover: #000;

  --global--font-size-base: 1.25rem;
  --global--font-size-xs: 1rem;
  --global--font-size-sm: 1.125rem;
  --global--font-size-md: 1.25rem;
  --global--font-size-lg: 1.5rem;
  --global--font-size-xl: 2rem;
  --global--font-size-xxl: 3rem;
  --global--font-size-xxxl: 4rem;

  --global--line-height-body: 1.428;
}

body {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.page-template-template-canvas .site-main {
  padding-top: 0;
  padding-bottom: 0;
}

.mfa-content {
  font-size: 16px;
}
.h2,
h2,
h2.mfa-heading {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 900;
}
.h3,
h3,
h3.mfa-heading {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}
@media (min-width: 768px) {
  .mfa-content {
    font-size: 20px;
  }
  .h2,
  h2,
  h2.mfa-heading {
    font-size: 32px;
  }
  .h3,
  h3,
  h3.mfa-heading {
    font-size: 28px;
  }
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: none;
}

a:focus-visible {
  outline: 4px solid rgba(0,125,250,0.6);
  outline-offset: 1px;
}
a:focus:not(:focus-visible) {
  outline: none;
}

.site a:focus-visible:not(.wp-block-button__link):not(.wp-block-file__button) img {
  outline: 4px solid rgba(0,125,250,0.6);
  outline-offset: 1px;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button):not(:focus-visible) img {
  outline: none;
}


.skip-link:focus {
  background: #fff;
  color: #0666f2;
  border: 1px solid #ddd;
  box-shadow: none;
  outline: 4px solid rgba(0,125,250,0.6);
  outline-offset: 1px;;
}