@charset "UTF-8";
/*
 * Copyright 2011-2025 Table Rock Industries LLC
 */

/* Load custom fonts */
@font-face {
  font-family: 'OpenDyslexic';
  src: url('/static/home/fonts/opendyslexic/OpenDyslexic-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrownSugar';
  src: url('/static/home/fonts/brown-sugar.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

:root {
  --primary-color: #303030;      /* Deep brown, inspired by "BROWN I SUGIR" */
  --primary-dark: #2f3954;       /* Darker shade for hover effects */
  --secondary-color: #a55252;    /* Light brown/beige for subtle contrast */
  --secondary-dark: #627a90;     /* Darker shade for hover effects */
  --accent-color: #d4c4c4;       /* Warm orange for pops of color */
  --background-color: #ffffff;   /* Off-white background */
  --text-color: #212121;         /* Dark gray for readability */
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}

p {
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'BrownSugar', sans-serif;
  letter-spacing: 2px; /* Adjust the value as needed */
}

/* Logo text class */
.logo_text {
  font-family: 'BrownSugar', sans-serif;
  letter-spacing: 0px; /* Adjust the value as needed */
}

/* Buttons */
.btn-primary {
  font-family: 'BrownSugar', sans-serif;
  letter-spacing: 2px; /* Adjust the value as needed */
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn {
    font-family: 'BrownSugar', sans-serif;
  letter-spacing: 2px; /* Adjust the value as needed */
}

.btn-primary:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.btn-secondary {
  font-family: 'BrownSugar', sans-serif;
  letter-spacing: 2px; /* Adjust the value as needed */
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--text-color);
}

.btn-secondary:hover {
  background-color: var(--secondary-dark);
  border-color: var(--secondary-dark);
}

.content {
  padding-top: 40px; /* Adjust based on nav height */
}

@media (max-width: 991px) {
  .content {
    padding-top: 60px;
  }
}

/* Navigation Bar */
.navbar {
  background-color: var(--primary-color);
}

.navbar-brand,
.nav-link {
  color: #fff;
  font-family: 'BrownSugar', sans-serif;
  letter-spacing: 2px; /* Adjust the value as needed */
}

.navbar-brand:hover,
.nav-link:hover {
  color: var(--accent-color);
}

/* Transitions */
a,
.btn {
  transition: all 0.3s ease;
}

/* Custom Image Style */
.brand-image {
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Section Padding */
.section {
  padding: 60px 0;
}

/* Form Controls */
.form-control {
  border-color: var(--secondary-color);
}

.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(93, 64, 55, 0.25);
}

/* Footer */
.footer {
  background-color: var(--primary-color);
  color: #fff;
  padding: 20px 0;
}

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

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

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