/*=========================================
Trade Color System
=========================================*/

:root{

    --trade-primary:#5fb86d;

    --trade-secondary:#7acb87;

    --trade-dark:#2d7d47;

    --trade-light:#eefbf1;

    --trade-border:#b8e5c1;

    --trade-bg:#f7fff8;

}
/*=========================================
Trade Hero
=========================================*/

.trade-banner{

    background:

        linear-gradient(

            135deg,

            rgba(238,251,241,.95),

            rgba(250,255,250,.95)

        );

    border:3px solid var(--trade-border);

}

.trade-banner .forum-title h1{

    color:var(--trade-dark);

}

.trade-banner .forum-title p{

    color:#5e6e60;

}
/*=========================================
Forum Icon
=========================================*/

.trade-banner .forum-title h1{

    gap:14px;

}

.forum-icon{

    background:

        linear-gradient(

            135deg,

            rgba(95,184,109,.16),

            rgba(122,203,135,.08)

        );

}
/*=========================================
Trade Badge
=========================================*/

.article-tag{

    color:#fff;

}

.sell{

    background:#45b649;

}

.buy{

    background:#2f8cff;

}

.exchange{

    background:#9c6cf0;

}

.gift{

    background:#ff9800;

}
/*=========================================
Toolbar Theme
=========================================*/

.forum-search button{

    background:var(--trade-primary);

}

.forum-search button:hover{

    background:var(--trade-dark);

}

.forum-sort:focus{

    border-color:var(--trade-primary);

}

.btn-post{

    background:

        linear-gradient(

            135deg,

            var(--trade-primary),

            var(--trade-secondary)

        );

}
/*=========================================
Article Theme
=========================================*/

.article-row:hover{

    background:var(--trade-bg);

}

.article-subject a:hover{

    color:var(--trade-dark);

}

.article-reply,

.article-view{

    color:var(--trade-primary);

}
/*=========================================
Sidebar Theme
=========================================*/

.sidebar-notice{

    background:#fffbea;

    border-left:5px solid #ffd54f;

}

.online-count strong{

    color:var(--trade-dark);

}
/*=========================================
Pagination
=========================================*/

.pagination .active{

    background:var(--trade-primary);

    border-color:var(--trade-primary);

}

.pagination a:hover{

    background:var(--trade-primary);

    border-color:var(--trade-primary);

}
/*=========================================
Desktop
=========================================*/

@media (min-width:1200px){

    .trade-banner{

        margin-bottom:30px;

    }

}
/*=========================================
Tablet
=========================================*/

@media (max-width:768px){

    .trade-banner{

        padding:24px;

    }

}
/*=========================================
Mobile
=========================================*/

@media (max-width:430px){

    .trade-banner .forum-title h1{

        font-size:24px;

    }

}