.paragraph--type--bp-tabs nav.tabs
{
    margin-bottom: 1rem;
}

.paragraph--type--bp-tabs .nav-tabs
{
    font-size: 12px;
    font-weight: 400;

    margin-left: 0;

    letter-spacing: 1px;
    text-transform: uppercase;

    border-color: #e5e5e5;
}

.paragraph--type--bp-tabs .nav-tabs .tab-content .tab-pane.active
{
    margin-top: 20px;
}

.paragraph--type--bp-tabs .nav-tabs:before,
.paragraph--type--bp-tabs .nav-tabs:after
{
    display: table;

    content: ' ';
}

.paragraph--type--bp-tabs .nav-tabs:after
{
    clear: both;
}

.paragraph--type--bp-tabs .nav-tabs li,
.paragraph--type--bp-tabs .nav-tabs .tab-title
{
    position: relative;

    float: left;

    margin-bottom: -1px;

    list-style: none;
}

.paragraph--type--bp-tabs .nav-tabs li > a,
.paragraph--type--bp-tabs .nav-tabs .tab-title > a
{
    font-size: 1.4em;

    display: block;

    padding: 1rem 2rem !important;

    color: #222;
}

.paragraph--type--bp-tabs .nav-tabs li > a:hover,
.paragraph--type--bp-tabs .nav-tabs .tab-title > a:hover
{
    background: #efefef;
}

.paragraph--type--bp-tabs .nav-tabs li > a:hover,
.paragraph--type--bp-tabs .nav-tabs .tab-title > a:hover
{
    background: #e1e1e1;
}

.paragraph--type--bp-tabs .nav-tabs li.active a,
.paragraph--type--bp-tabs .nav-tabs .tab-title.active a
{
    color: #222;
    background: white;
}