/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body {
  background-color: #21252a;
}
.archive-banner {
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -6.25rem;
}
.archive-heading {
  margin: 4rem 10% 0 10%;
  border-bottom: 3px solid #fed000;
}
.archive-heading h1 {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 2rem;
  color: #fafafa;
  letter-spacing: 0.3px;
  font-weight: 400;
  text-transform: uppercase;
}
.grid-labels-archive {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 10%;
  margin: 2rem 0 4rem 0;
}
@media screen and (max-width: 414px) {
  .grid-labels-archive {
    grid-template-columns: 1fr;
  }
}

.grid-labels-archive-home {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  margin: 2rem 0 4rem 0;
}
@media screen and (max-width: 414px) {
  .grid-labels-archive-home {
    grid-template-columns: 1fr;
  }
}
.release-box {
  display: block;
}
.release-box-img {
  position: relative;
  display: block;
}
.release-box-img img:nth-child(1) {
  width: 100%;
}
.release-box-img img:nth-child(2) {
  position: absolute;
  bottom: -1rem;
  right: -1rem;
}
.release-box-content {
  display: block;
  padding: 0 5px;
}
.release-date {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 0.75rem;
  color: #fafafa;
  letter-spacing: 0.3px;
  font-weight: 300;
  display: block;
  margin-top: 10px;
}
.release-date a {
  color: #fed000;
  transition: all 0.3s ease-in-out;
}
.release-date a:hover {
  color: #fafafa;
}

.title {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 1.5rem;
  color: #fafafa;
  letter-spacing: 0.3px;
  font-weight: 600;
  display: block;
  transition: all 0.3s ease-in-out;
}
.release-box-content:hover .title {
  color: #fed000;
}
/* .title:hover {
    color: #fafafa;
  } */
.author {
  margin-top: 1rem;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 1rem;
  color: #fafafa;
  letter-spacing: 0.3px;
  font-weight: 300;
  display: block;
}
.author:hover {
  color: #fafafa;
}

.release-box-footer {
  border-top: 2px solid #707070;
  padding: 16px 0 0px 0px;
  display: flex;
  margin: 1rem 5px;
}
.release-box-footer div {
  margin-right: 10px;
}
.release-box-footer div a {
  font-size: 22px;
  color: #fafafa;
  transition: all 0.3s ease-in-out;
}
.release-box-footer div a:hover {
  color: #fed000;
}
.release-box-footer div a:hover svg > path {
  color: #fed000;
}
.archive.tax-label {
  background-color: #141517;
}