/* ========= FONTS ========= */

* {}

/* ========= COLORS ========= */

.text-primary {
    color: #49573f; 
}

.bg-primary {
    background-color: #49573f;
}

.text-secondary {
    color: #336633;
}

.bg-secondary {
    background-color: #336633;
}

.bg-muted-light {
    background-color: #fdf5e3;
}

.text-muted-dark {
    color: #212121;
}

.bg-muted-dark {
    background-color: #212121;
}

/* ========= BUTTONS ========= */

.btn-primary {
    background-color: #49573f;
    color: #ffffff;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-primary:hover {
    opacity: 0.7;
}

.btn-secondary {}

.btn-select {
    background-color: #fdf5e3;
    color: #212121;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-select:hover {
    opacity: 0.6;
}

.btn-select-active {
    background-color: #49573f;
    color: #ffffff;
    padding: 8px 35px;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.btn-select-active:hover {
    opacity: 0.6;
}

/* ========= LINKS ========= */

.link-header {
    color: #ffffff;
    text-decoration: none;
    background-image: linear-gradient(#ffffff, #ffffff);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

.link-header-black {
    color: #111111;
    text-decoration: none;
    background-image: linear-gradient(#111111, #111111);
    background-size: 0% 0.1em;
    background-position-y: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: background-size 0.2s ease-in-out;
}

.link-header-black:hover,
.link-header-black:focus,
.link-header-black:active {
    background-size: 100% 0.1em;
    background-position-x: 0%;
}

/* ========= FOCUS ========= */

.ff-default .ff-el-form-control:focus {
	border-color: #49573f !important;
}