/*
Theme Name: rafale26
Theme URI: https://rafaelcampinho.com
Author: Rafael
Author URI: https://rafaelcampinho.com
Description: rafalerafale
Version: 1.0
License: GNU General Public License v2 or later
=Text Domain: rafale26
*/
@font-face {
  font-family: "BDO Grotesk ExtraBold";
  src: url("fonte/BDOGrotesk-ExtraBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BDO Grotesk Medium";
  src: url("fonte/BDOGrotesk-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: "BDO Grotesk Medium", sans-serif;
  background-color: rgb(34, 34, 34);
  color: linen;
  font-size: 21px;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}
a {
  text-decoration: none;
  color: linen;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
p,
a {
  font-size: clamp(.78rem, .5765vw + .6729rem, 1.2rem);
}
header {
  top: 0;
  z-index: 9999;
}
/* h1 {
  font-family: "BDO Grotesk ExtraBold", sans-serif;
} 
h2.site-title {
  letter-spacing: -.09rem;
}*/
.masonry-grid {
  display: flex;
  flex-wrap: wrap;
}
.masonry-item {
  width: 33.33%;
  padding: 6px;
}
.masonry-item img,
.masonry-item video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
/* SINGLE */
article.trabalhos {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
article.trabalhos h1 {
  font-size: clamp(1.11rem, 1.3588vw + .8576rem, 2.1rem);
}
.wp-block-columns,
figure {
  gap: 0;
  margin: 0;
}
.wp-block-columns.header-sticky {
  font-family: "BDO Grotesk ExtraBold", sans-serif;
  margin: 9vh 0 .6rem 0;
  width: 60%;
}
.wp-block-columns.box-padding {
  /* order: 3; */
}
.wp-block-columns.box-padding>div p {
  margin-bottom: .6rem;
}
.wp-block-columns figure {
  margin-bottom: .6rem;
}
.wp-block-columns figure img {
  width: 100%;
}
@media (max-width: 768px) {
  .masonry-item {
    width: 50%;
    aspect-ratio: 6/10;
    padding: 0;
  }
  .wp-block-columns.header-sticky {
    width: 100%;
  }
}