﻿
/* background behind tabs */
.ajax__tab_header {
}

    /* outer border of the tab */
    .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        border: solid 1px #D2D2D2;
        top: 1px;
        position: relative;
        background-color: #d2d2d2;
        margin-right: 5px;
    }

    /* inner part of the tab */
    .ajax__tab_header .ajax__tab_inner {
        display: block;
        font-family: Montserrat,Arial,sans-serif;
        padding: 1.25rem 2rem .65rem 2rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: calc(14px + 1 * ((100vw - 480px) / 960));
        font-weight: 500;
        line-height: 1;
        margin: 0;
        text-overflow: ellipsis;
    }

.ajax__tab_hover .ajax__tab_outer {
    background-color: #d2d2d2;
}

.ajax__tab_hover .ajax__tab_inner {
    color: #FB4D42;
    cursor: pointer;
}

.ajax__tab_active .ajax__tab_outer {
    background-color: #d7d7d7;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
}

.ajax__tab_active .ajax__tab_inner {
    color: #000;
}

.ajax__tab_body {
    border-top-color: #D2D2D2;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 20px;
}

@media (max-width:840px) {
    .ajax__tab_header .ajax__tab_outer {
        border: none;
        top: 0px;
        position: relative;
        background-color: #fff;
        margin-right: 10px;
        font-weight: normal;
        float: left;
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
    }

    .ajax__tab_header .ajax__tab_inner {
        display: block;
        font-family: Montserrat,Arial,sans-serif;
        padding: 0 0 2px 0;
        text-align: center;
        text-decoration: none;
        text-transform: capitalize;
        font-size: calc(14px + 2 * ((100vw - 480px) / 960));
        font-weight: normal;
        line-height:initial;
        margin: 0;
        text-overflow: ellipsis;
        color: #288BE4;
    }

    .ajax__tab_active .ajax__tab_outer {
        background-color: #fff;        
        border-bottom: 1px solid #FB4D42;
    }

    .ajax__tab_body {
        padding-top: 20px;
        border: none;
        clear: both;
    }
}
