html { background:rgba(14, 6, 1, 0.8);  background-color:rgba(14, 6, 1, 0.8);  color:antiquewhite; }
body { background:rgba(14, 6, 1, 0.8);  background-color:rgba(14, 6, 1, 0.8);  color:antiquewhite; }

.uk-container {
        padding-left: 30px;
        padding-right: 30px; }


.uk-card-default {
    --uk-inverse: light;
    background-color: rgba(55, 40, 30, 1) ; /*  */
    color: #343434;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 1); /* Pure white outer glow */
    border: 2px solid rgba(255, 255, 255, 0.8); /* Optional border for visibility */
}



.uk-section-default {
    --uk-inverse: light;
    background: transparent;
}


.uk-card-default {
    background-color: #2a1200; /* rich dark burnt orange */
    color: antiquewhite;
    /* Warm orange glow */
    box-shadow: 0 0 15px 3px rgba(255, 140, 0, 0.25);
}

/* Optional: Brighter glow on hover */
.uk-card-default:hover {
    box-shadow: 0 0 25px 6px rgba(255, 140, 0, 0.5);
}

.uk-card-secondary {
    /* Keeps existing styling */
    background-color: inherit;
    color: inherit;
    /* Add orange outer glow */
    box-shadow: 0 0 20px 4px rgba(255, 140, 0, 0.35);
}



.cta-button {
  display: inline-block;
  background-color: #4caf50;
  color: white;
  padding: 1em 2em;
  font-size: 1.25em;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: background 0.3s ease;
}
.cta-button:hover {
  background-color: #388e3c;
}


.intro-imag { float:right; width:150px; margin:10px 10px 0px 10px; }
.full-imag { float:right; width:350px; margin:10px 10px 0px 10px;   }






.uk-section {
        padding-top: 15px;
        padding-bottom: 15px;
    }


.tm-headerbar-top {
    padding-top: 15px;
    padding-bottom: 15px;
}

    :not(.uk-sticky-below)>.uk-navbar-container:not(.uk-navbar) {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}