/* Buttons */
.btn-link-orange{
    padding: 8px 20px;
    background-color: var(--color-orange);
    color: var(--color-white);
    font-size:14px;
    border-radius: 6px;
    border:1px solid #FF6500;
}

.btn-link-orange > i{
    font-size:10px;
    margin-left: 5px;
}

.btn-link-orange > span{
    font-size:14px;
    margin-right: 5px;
}

.btn-link-orange:hover{
    background-color: transparent;
    color: var(--color-orange);
    border:1px solid #FF6500;
}


/* Buttons outline */
.btn-outline-link-orange{
    width: fit-content;
    padding: 8px 20px;
    border:1px solid var(--color-orange);
    color: var(--color-orange);
    font-size:14px;
    border-radius: 6px;
}

.btn-outline-link-orange > i{
    font-size:10px;
    margin-left: 5px;
}

.btn-outline-link-orange > span{
    font-size:14px;
    margin-right: 5px;
}

.btn-outline-link-orange:hover{
    background-color: var(--color-orange);
    color: var(--color-white);
    border:1px solid #FF6500;
}




/* Titles */
.area-title{ width: 80%; margin: 20px 0; text-align: center; }
.area-title > strong { font-size:34px; color: var(--color-orange); line-height: 30px; font-weight: bold; margin-bottom: 10px; }
.area-title > strong span { font-size:34px; color: var(--color-dark-blue); }
.area-title > span { font-size:24px; color: var(--color-dark-blue); font-weight: 300; line-height: 30px; margin-bottom: 5px; }


@media only screen and (max-width: 980px) {

    .area-title > strong,
    .area-title > strong span  { font-size:24px; }
    .area-title > span { font-size:18px; }


}