.navbar, .footer{
  background-color: #3364a3;
}
.navbar-item.is-active {
  background-color: #1e1e1e;
  color: #f5f5f5 !important;
}

.logo {
  padding-left: 0px;
}
.logo:hover{
  background-color: transparent !important;
}

.navbar-item input{
  background-color: #F6EEE3;
}

/* Optional: if you want to target only your navbar search */
.navbar-item input::placeholder {
  color: #1e1e1e;       /* example color */
  font-weight: 700;
}

body {
  background-color: #F6EEE3;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body {
  font-size: 1rem;
  line-height: 1.6;
  color: #1e1e1e;
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1 { font-size: 2.5rem; }  /* largest, main titles */
h2 { font-size: 2rem; }    /* section titles */
h3 { font-size: 1.75rem; } /* subsection titles */
h4 { font-size: 1.5rem; }  /* smaller headings */
h5 { font-size: 1.25rem; } /* minor headings */
h6 { font-size: 1rem; }    /* smallest headings, often for captions */

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

.post-title {
  margin-bottom: 0.25rem !important;
  font-size: 1.25rem !important;
}


.title {
  color: #1e1e1e;
}

a, .title a {
  /* color: #3273dc; */
  color: #a11b06;
}

a, .title a:hover {
  color: #2759a5;
}

/* Base paragraph styles */
p {
  font-size: 1rem;          /* readable default size */
  line-height: 1.6;         /* comfortable line spacing */
  margin-bottom: 1.5rem;    /* space between paragraphs */
  color: black;              /* dark but not black text */
  font-weight: 400;         /* normal weight */
}

/* Optional: links inside paragraphs */
p a {
  /* Bulma primary color */
}

p a:hover{

}

a:hover, .card-footer-item:hover {
  text-decoration: underline;
}

/* Optional: emphasized text */
p em {
  font-style: italic;
}

p strong {
  font-weight: 600;
}

/* Unordered lists */
ul {
  list-style-type: disc;      /* standard bullet */
  padding-left: 1.5rem;       /* indent bullets */
  margin-bottom: 1.5rem;      /* space after the list */
}

/* Ordered lists */
ol {
  list-style-type: decimal;   /* numbers */
  padding-left: 1.5rem;       /* indent numbers */
  margin-bottom: 1.5rem;      /* space after the list */
}

/* List items */
li {
  margin-bottom: 0.5rem;      /* space between items */
  line-height: 1.6;           /* readable spacing */
}

/* Nested lists */
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0.5rem;         /* slight spacing for sublists */
  margin-bottom: 0.5rem;
  padding-left: 1.25rem;      /* smaller indent for nested lists */
}

.hero {
  border-radius: 11px;
}

/* Remove shadows*/
.box, .card {
  box-shadow: none !important;
  border: 1px solid #dbdbdb; /* Bulma's default grey border */
}

.services .title {
  font-size: 1.5rem;
  font-weight: 800;
  color: #a11b06;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  text-align: center;
  background: rgba(0,0,0,0.5);
  border-radius: 0 0 12px 12px;
}

.overlay h2{
  color:white;
}

.overlay a:hover{
  text-decoration: none;
}
.overlay a:hover h2{
  color: #2759a5;
}

.footer{ margin-top: auto; }

/* Full-width Koenig cards */
.kg-width-full {
  width: 100vw;                /* full viewport width */
  max-width: 100vw;            /* prevent overflow */
  margin-left: 50%;            /* center it */
  transform: translateX(-50%); /* shift back to align full width */
  display: block;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

/* Optional: make images inside scale nicely */
.kg-width-full img {
  width: 100%;
  height: auto;
  display: block;
}

.kg-width-wide {
  width: 100%;        /* full width of content area */
  max-width: 100%;     /* or another % of viewport/content width */
  margin-left: auto;
  margin-right: auto; /* center it */
  display: block;
}

.kg-width-wide img {
  width: 100%;
  height: auto;       /* maintain aspect ratio */
  display: block;
}

figcaption{
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}

.effect21 {
  font-family: "Noto Color Emoji", sans-serif;
  font-size: 4rem; /* increased size */
  font-weight: 900;

  /* gradient fill */
  background: linear-gradient(to right, #ff6ec7, #00d4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Apply left/right padding or margin for tablet and below */
@media (max-width: 1023px) {
  body, .container {
    padding-left: 0.75rem;   /* or margin-left */
    padding-right: 0.75rem;  /* or margin-right */
  }
}

/* Mobile only (<769px) */
@media (max-width: 768px) {
  body, .container { padding: 0.5rem; }
}

@media (max-width: 600px) {
  .kg-width-full {
    width: 100%;
    transform: none;
    margin-left: 0;
  }
}