:root {
  --wve-primary-color: #036F32;
  --wve-primary-color-light: #00913f;
  --wve-primary-color-dark: #005d28;
  --wve-secondary-color: #f39300;
  --wve-secondary-color-light: #f3b200;
  --wve-secondary-color-dark: #f38200;
  --wve-primary-text-color: #141414;
  --wve-secondary-text-color: #585858;
  --wve-white: #FFFFFF;
  --wve-gray: #e3e3e3;
  --wve-gray-light: #f9f9f9;
  --wve-filter-white: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(703%) hue-rotate(207deg) brightness(107%) contrast(100%);
  --wve-filter-green: brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(1644%) hue-rotate(121deg) brightness(96%) contrast(101%);
  --wve-border-radius: 5px;
  --wve-container-padding-x: 16px;
  --wve-container-padding-y: 40px;
  --wve-h1-size: 32px;
  --wve-h2-size: 28px;
  --wve-h3-size: 24px;
  --wve-h4-size: 20px;
  --wve-h5-size: 18px;
  --wve-h6-size: 16px;
  --wve-heading-font-size: 20px;
  --wve-primary-font-size: 16px;
  --wve-secondary-font-size: 16px;
  --wve-terceary-font-size: 12px;
  --heading-margin: 16px;
  --wve-post-spacing: 10px;
}

@media (min-width: 768px) {
  :root {
    --wve-h1-size: 40px;
    --wve-h2-size: 34px;
    --wve-h3-size: 26px;
    --wve-h4-size: 20px;
    --wve-h5-size: 18px;
    --wve-h6-size: 16px;
  }
}

/* inter-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/inter-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/inter-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/inter-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/inter-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/inter-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/inter-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/inter-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/inter-700.svg#Inter') format('svg'); /* Legacy iOS */
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

img.icon {
  position: relative;
  top: 2px;
}

/* SOCIAL */

a.facebook { background-color: #1877F2; }
a.instagram {background-color: #E1306C; }
a.twitter {background-color: #000000; }
a.linkedin { background-color: #0A66C2; }
a.whatsapp { background-color: #25D366; }
a.telegram { background-color: #0088CC; }
a.pinterest {background-color: #E60023; }
a.spotify {background-color: #1ED760; }
a.tumblr { background-color: #36465D; }
a.youtube {background-color: #FF0000; }
a.tiktok { background-color: #000000; }
a.googlenews { background-color: #4285F4; }
a.url {background-color: #808080; }
a.facebook:hover, a.facebook:focus { background-color: #4791F5; }
a.instagram:hover, a.instagram:focus { background-color: #EC4A7D; }
a.twitter:hover, a.twitter:focus { background-color: #333333; }
a.linkedin:hover, a.linkedin:focus { background-color: #2581D8; }
a.whatsapp:hover, a.whatsapp:focus { background-color: #3DE17B; }
a.telegram:hover, a.telegram:focus { background-color: #1FA5E1; }
a.pinterest:hover, a.pinterest:focus { background-color: #F12A45; }
a.spotify:hover, a.spotify:focus { background-color: #2FEA7A; }
a.tumblr:hover, a.tumblr:focus { background-color: #4A5E7A; }
a.youtube:hover, a.youtube:focus { background-color: #FF3333; }
a.tiktok:hover, a.tiktok:focus { background-color: #222222; }
a.googlenews:hover, a.googlenews:focus { background-color: #5C97F8; }
a.url:hover, a.url:focus { background-color: #999999; }

/* BUTTONS */

.btn {
  padding: 8px 16px;
  color: var(--wve-white);
  font-size: var(--wve-primary-font-size);
  font-weight: normal;
  border-radius: var(--wve-border-radius);
  border: none;
  transition: all .3s;
  cursor: pointer;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
a.btn {
  text-decoration: none;
}

.btn-orange {
  background-color: var(--wve-secondary-color);
}
.btn-orange:hover, .btn-orange:focus {
  background-color: var(--wve-secondary-color-light);
}

.btn-green {
  background-color: var(--wve-primary-color);
}
.btn-green:hover, .btn-green:focus {
  background-color: var(--wve-primary-color-light);
}

/* BLOCK TITLE */

.wve-block-title {
  border-bottom: 2px solid #CCCCCC;
  position: relative;
  width: 100%;
  padding-bottom: 6px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: var(--wve-h5-size);
}

.wve-block-title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  width: 80px;
  height: 3px;
  background-color: var(--wve-primary-color);
  margin: 4px auto 0;
}

.wve-block-title.archive-title {
  font-size: var(--wve-h1-size);
}

/* BADGE CATEGORIES */

.wve-post-categories {
  display: flex;
  line-height: 1;
}

.wve-post-categories a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--wve-terceary-font-size);
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 12px;
  margin-right: 6px;
  border-radius: var(--wve-border-radius);
  text-decoration: none;
  background: var(--wve-secondary-color);
  color: var(--wve-white);
}

.wve-post-categories a:hover, .wve-post-categories a:focus {
  background: var(--wve-secondary-color-dark);
  color: var(--wve-white);
  text-decoration: none;
}


/* LAYOUT */

.wp-block-column {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

:where(.wp-block-columns) {
  padding-left: var(--wve-container-padding-x);
  padding-right: var(--wve-container-padding-x);
}
:where(.wp-block-columns.has-background) {
  padding: 1.25em var(--wve-container-padding-x);
}