/*!
Theme Name: Adventus Vitae
Template: kadence
Author: Rudtek
Author URI: https://www.rudtek.com
Description: Theme for Nate.
Version: 1.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: mrn
*/

.register-link {
  display:block;
}
.fullPageHero .kt-row-column-wrap {
  min-height: var(--header-height);
}
.eyebrow {
  font-family: var(--global-heading-font-family);
  color: var(--global-palette1);
}
.eyebrow + h1, .eyebrow + h2, .eyebrow + h3 {
  margin-top: 0!important;
}
.info-boxes-height .wp-block-kadence-infobox, .info-boxes-height .wp-block-kadence-infobox > * {
  height: 100%;
}
.info-boxes-height .kt-blocks-info-box-text {
  min-height: 100px;
}
.all-monsters {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.monster-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.monster-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}

.location-colors {
  display: flex;
  height: 8px;
  margin: 0.5rem 0;
}
.location-colors .color-top,
.location-colors .color-bottom {
  flex: 1;
}

.monsterEffects {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  justify-content: center;
}

.effect-square {
  position: relative;
  width: 60px;
  height: 60px;
  border: 2px solid #333;
  border-radius: 8px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.effect-square .effect-icon img {
  max-width: 28px;
  max-height: 28px;
}

.effect-square .effect-damage,
.effect-square .effect-duration,
.effect-square .effect-roll {
  position: absolute;
  font-size: 0.7rem;
  font-weight: bold;
}
.effect-square .effect-damage { top: 2px; left: 4px; }
.effect-square .effect-duration { top: 2px; right: 4px; }
.effect-square .effect-roll { bottom: 2px; right: 4px; }


:root {
  --banana: #FFE135;
  --black-cherry: #83041E;
  --blueberry: #0096FF;
  --grape: #8E44AD;
  --green-apple: #B1DB56;
  --lemon: #FFE135;
  --orange: #FFA500;
  --strawberry: #FC5A8D;
  --vanilla: #F3E5AB;
  --watermelon: #FF383F;
}
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 768px) {
}