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

* {
    font-family: "Poppins", sans-serif;
}

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

.text-primary {
    color: #FFF4CF;
}

.bg-primary {
    background-color: #FFF4CF;
}

.text-secondary {
    color: #3A2608;
}

.bg-secondary {
    background-color: #3A2608;
}

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

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

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

.ff-default .ff_btn_style {
    background-color: #3A2608 !important;
    color: #ffffff !important;
    padding: 8px 35px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    transition: 0.3s ease-in-out !important;
}

.ff-default .ff_btn_style:hover {
    background-color: #FFF4CF !important;
    color: #3A2608 !important;
    padding: 8px 35px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    transition: 0.3s ease-in-out !important;
    opacity: 0.7 !important;
}

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

.btn-primary:hover {
    background-color: #3A2608;
    color: #FFF4CF;
}

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

.btn-secondary:hover {
    background-color: #FFF4CF;
    color: #3A2608;
}

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

.btn-select:hover {
    background-color: #3A2608;
    color: #FFF4CF;
}

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

.btn-select-active:hover {
    background-color: #FFF4CF;
    color: #3A2608;
}

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

.link-header {
    color: #3a3a3a;
    text-decoration: none;
    background-image: linear-gradient(#3a3a3a, #3a3a3a);
    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: #000000;
    text-decoration: none;
    background-image: linear-gradient(#000000, #000000);
    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%;
}

/* ========= FORMS ========= */

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

/* ========= CONTENT ========= */

.content-box img, .content-box figure, .content-box iframe {
    border-radius: 25px !important;
	width: 100% !important;
}

.content-box p {
    text-align: justify;
}

.content-box a {
    text-decoration: underline;
	color: #3A2608;
}

.content-box h1 {
    font-size: 28px;
    margin-bottom: 15px;
}

.content-box h2 {
    font-size: 24px;
    margin-bottom: 12px;
    margin-top: 15px;

}

.content-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 15px;

}

.content-box h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.content-box h5 {
    font-size: 16px;
    margin-bottom: 6px;
}

.content-box h6 {
    font-size: 14px;
    margin-bottom: 4px;
}

.content-box ol,
.content-box ul {
    margin-bottom: 15px;
}

.content-box ol {
    list-style-type: decimal;
}

.content-box ul {
    list-style-type: disc;
}

.content-box li {
    margin-left: 20px;
}

.content-box ul ul,
.content-box ol ol,
.content-box ul ol,
.content-box ol ul {
    margin-left: 20px;
}