@charset "UTF-8";

/*
Theme Name: plamCove
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
body { background-color: var(--primary); margin: 0;}
#masthead {display: none;}

/* Hide footer text and edit link */
.site-info,
.post-edit-link {
    display: none !important;
}
 
 
:root {
  --gold: #c9a24d;
  --text: #d1d5db;
  --white: #ffffff;
  --success: #1e5b3a;
  --success-light: #0f2e1d;
  --dark: #1a1a1a;
  --gray: #9ca3af;
  --border: #c9a24d;

  --transition: 0.3s ease;

  --font-body: "Inter", sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--font-body);
  color: var(--text);
  background: var(--success-light);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
ul {
  list-style: none;
}
button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}

/* ---- Container ---- */
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- Typography ---- */
h1,
h2 {
  color: var(--gold);
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.2;
}

h1 {
  font-size: 72px;
}
h2 {
  font-size: 60px;
}
h3 {
  font-size: 48px;
}
h4 {
  font-size: 36px;
}

h5 {
  font-size: 24px;
  color: var(--white);
}

h6 {
  font-size: 20px;
  color: var(--white);
}

em {
  font-style: italic;
  color: var(--gold-dark);
}

p {
  font-size: 16px;
  font-weight: 300;
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.8;
}

.home-hero-section {
  min-height: 87vh;
}

.home-hero-section .home-hero-sub {
  font-size: 30px;
}

.hero-section {
  min-height: 384px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-section .sub-title {
  font-size: 20px;
  color: var(--white);
}

/* ---- Section ---- */
.section {
  padding: 96px 0;
}

.section .sub-heading {
  font-size: 18px;
}

.bg-success {
  background-color: var(--success);
}

.bg-success-light {
  background-color: var(--success-light);
}

.card {
  background: var(--success);
  border-radius: 16px;
  padding: 32px;
  transition: transform 0.3s ease;
}

button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  transition: all var(--transition);
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
}
/* ---- Buttons ---- */
.btn {
  padding: 14px 32px;
  background-color: var(--gold);
  color: var(--dark);
}

.btn:hover {
  background: transparent;
  color: var(--gold);
  border: 1px solid var(--gold);
}

.btn-outline {
  padding: 14px 32px;
  background-color: transparent;
  border: 2px solid var(--gold);
  color: var(--white);
}

.btn-contact:hover {
  background: var(--gold);
  color: var(--dark);
}

.main-menu .current-menu-item > a {
    color: #c9a84c !important;
}