html {
    --scrollbarBG: #CFD8DC;
    --thumbBG: #90A4AE;
}

body::-webkit-scrollbar {
    width: 11px;
}
body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

#carrossel-luiz-cafe .owl-stage, #carrossel-luiz-cafe .owl-item {
    width: 100% !important;
}

.flex-row{ flex-direction: row }
.flex-column{ flex-direction: column }
.flex-align-center{ align-items: center }
.flex-justify-center{ justify-content: center }
.flex-all-center{ align-items: center; justify-content: center }
.flex-0{ flex-grow: 0 }
.flex-1{ flex-grow: 1 }
.mr-15{ margin-right: 15px; }
.w-100{ width: 100% }

/* Blog author */
.blog-entries-column{ padding-left: 30px;}
.blog-entry{position: relative}
.writter-avatar{
    position: absolute;
    top: 0;
    left: -106px;
    border-radius: 99px;
}

.writter-avatar.color-1 img{ border-color: #FF9D28 }
.writter-avatar.color-2 img{ border-color: #761B18 }
.writter-avatar.color-3 img{ border-color: #1b4826 }

.writter-avatar img{
    width: 72px;
    height: 72px;
    border-radius: 99px;
    border: 4px solid transparent;
}

.widget.blog-writter{
    border: 1px solid #f5f5fa;
    padding: 16px;
}

.widget.blog-writter.color-1{
    border-top: 4px solid #FF9D28;
}

.widget.blog-writter ul.comments-list .comment-body .comment{
    padding-left: 0;
}
.widget.blog-writter img{
    border-radius: 4px;
    width: 48px;
    height: 48px;
    margin-right: 16px;
}

.widget.blog-writter .date, .widget.blog-writter p{
    font-size: 10px;
    line-height: 22px;
}

.widget.blog-writter p{
    margin-top: 8px;
}

@media only screen and (max-width: 960px) {
    .blog-entries-column{ padding-left: 16px;}
    .writter-avatar{
        position: absolute;
        top: 60px;
        left: unset;
        right: -8px;
        border-radius: 99px;
        z-index: 1;
    }
}

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

    .slider .slide--subheadline{
        font-size: 16px;
        text-align: center;
    }
}

@media only screen and (min-width: 1260px) {
    .blog-carousel .blog-entry{
        max-width: 30%;
    }
}

.btn--secondary.btn--disabled{
    opacity: 0.6;
    cursor: not-allowed;
}

.navbar-nav .btn-popup:hover, .navbar-nav .btn-popup-theme, .navbar-nav .btn-popup {
    background-color: var(--red) !important;
    color: #ffffff !important;
    border-color: var(--red) !important;
}

.navbar-nav .btn-popup {
    height: 25px;
    border: 2px solid #ffffff;
    background-color: transparent;
    margin-top: 37px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.26px;
    padding: 0 8px;
    color: #ffffff;
    display: block;
    margin-right: 25px;
    cursor: pointer;
    position: relative;
}