/* Custom CSS for Kithula Eco */
/* Author: Hellotec */

/* Color Palette */
:root {
    --kithula-color-1: #0D462B;
    /* Primary */
    --kithula-color-2: #EFA31D;
    /* Hover */
    --kithula-color-3: #0D462B;
    /* Text1 */
    --kithula-color-4: #7A7A7A;
    /* Text2 */
    --kithula-color-5: #042002;
    /* Accent */
    --kithula-color-6: #FEFEFE;
    /* White */
}

/* General Styles */
body {
    font-family: Arial, sans-serif;
    color: var(--kithula-color-4);
    margin: 0;
    background-color: var(--kithula-color-6);
}

h1,
h2,
h3 {
    color: var(--kithula-color-1);
}

h4,
h5,
h6 {
    color: var(--kithula-color-2);
    font-weight: 700;
    letter-spacing: 2px;
}


p {
    color: var(--kithula-color-5);

}

a {
    color: var(--kithula-color-1);
    text-decoration: none;
}

a:hover {
    color: var(--kithula-color-2);
}

/* Footer */
footer {
    background-color: var(--kithula-color-1);
    color: var(--kithula-color-6);
    padding: 10px 0;
}

/* Buttons */
.btn-primary {
    background-color: var(--kithula-color-1);
    border-color: var(--kithula-color-1);
}

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

/* Carousel */
.carousel-item img {
    width: 100%;
    height: auto;
}

/* Form */
.form-label {
    color: var(--kithula-color-3);
}

.form-control {
    border: 1px solid var(--kithula-color-4);
}

.form-control:focus {
    border-color: var(--kithula-color-1);
    box-shadow: 0 0 5px var(--kithula-color-1);
}

/* Custom Sections */
.container {
    margin-top: 20px;
}

p {
    color: var(--kithula-color-4);
}

.text-primary {
    color: var(--kithula-color-1) !important;
}

.text-hover {
    color: var(--kithula-color-2) !important;
}

/* Misc */
.text-accent {
    color: var(--kithula-color-5);
}

.break-line {
    display: block;
}

#form-message-warning,
#form-message-success {
    display: none;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#form-message-warning {
    background-color: #f2dede;
    color: #a94442;
}

#form-message-success {
    background-color: #dff0d8;
    color: #3c763d;
}

.alert-danger {
    background-color: #f2dede;
    color: #a94442;
    padding: 10px;
    border-radius: 5px;
}