/*
 * Theme Name:        Reclaim Artistry
 * Description:       A modified WordPress theme for Reclaim Artistry, Designed by Cowlick Studios, WordPress Theme by Christian Moloci
 * Version:           1.0.0
 * Author:            Christian Moloci
 * Author URI:        https://christianmoloci.com
 */

@font-face {
    font-family: Inter;
    src: url(./assets//fonts/Inter-VariableFont_opsz\,wght.ttf) format("truetype");
}

:root {
  --rust:       #b14125;
  --dark:       #1c1c1c;
  --charcoal:   #333333;
  --cream:      #eeedc7;
  --light-bg:   #f6f6f6;
  --mid-gray:   #a6a6a6;
  --muted:      #999999;
  --white:      #ffffff;
  --font-head:  'Sanchez', Georgia, serif;
  --font-body:  'Montserrat', sans-serif;
  --font-prod:  'Jost', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--charcoal); background: var(--white); overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ---- BUTTONS ---- */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 28px;
  font-family: var(--font-body); font-size: 12px; font-weight: 600;
  letter-spacing: 1.2px; text-transform: uppercase;
  cursor: pointer; border: 2px solid transparent;
  transition: opacity .2s, background .2s;
  white-space: nowrap;
}
.btn:hover { opacity: .85; }
.btn-cream        { background: var(--cream);    color: var(--charcoal); }
.btn-cream-out    { background: transparent; border-color: var(--cream); color: var(--cream); }
.btn-white        { background: var(--white);    color: var(--charcoal); }
.btn-white-out    { background: transparent; border-color: var(--white); color: var(--white); }
.btn-dark-out     { background: transparent; border-color: var(--charcoal); color: var(--charcoal); }
.btn-rust         { background: var(--rust);     color: var(--white); border-color: var(--rust); }

/* ---- LAYOUT HELPERS ---- */
.wrap { max-width: 1400px; margin: 0 auto; padding: 0 60px; }

/* body {
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
} */

.logo-link {
    text-decoration: none;
    color: inherit;
}

/* Global styles */
.link-button {
    display: block;
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    border-radius: 0 !important;
    padding: 24px;
    color: white !important;
    width: fit-content;
    cursor: pointer;
    height: fit-content;
    font-family: "DM Sans", sans-serif !important;
}

/* Logo Styling Used Throughout the Theme */
.logo-container {
    /* Layout */
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    max-width: 100%;
    
}
.logo-container .logo-img {
    /* Layout */
    width: 95px;
}
.logo-container .logo-text {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.logo-container .logo-text p {
    /* Layout */
    display: block;
    margin: 0;

    /* Typography */
    color: black;
    text-decoration: none;
    font-size: 1.4em;
}