﻿/* Responsive Tabs - clean flat style */

ul.rtabs
{
    text-align:center;
    font-size:0;
    margin:0 0 25px 0;
    padding:0;
    list-style-type:none;
    border-bottom: none;
}

ul.rtabs li
{
    margin:0;
    padding:0;
    display:inline;
}

ul.rtabs li a
{
    padding:8px 15px;
    display:inline-block;
    font-weight:bold;
    font-size:13px;
    font-family: 'Poppins', "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.4;
    text-transform: uppercase;
    text-decoration: none;
    color:#444;
    background:none;
    outline:none;
    border:none;
    border-radius:0;
    position:relative;
    transition: color .2s ease;
}

ul.rtabs li a:link, ul.rtabs li a:visited
{
    color:#999;
}

ul.rtabs li a:hover
{
    color:#444;
}

/*selected tab style */
ul.rtabs li.selected a
{
    color:#000;
    font-weight:bold;
    border-bottom: 2px solid #EFC94C;
    background:none;
}

/*selected tab style on hover */
ul.rtabs li.selected a:hover
{
    text-decoration:none;
}

/* container of content panels */
div.panel-container
{
    border:none;
    border-top:none;
    border-bottom:none;
    border-radius:0;
    background-color:transparent;
    position:relative;
    padding:0px; margin:0px;
    outline:none;
    margin-top:0;
}

/* content panel */
div.panel-container > div
{
    padding:30px 26px;
    display: block;
    margin:0px;
}
div.panel-container div.inactive
{
    display: none;
}

div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; width:20px; font-size:0;padding:0; margin:0 auto; }

/* Mobile */
@media only screen and (max-width:560px){
    ul.rtabs {
        box-sizing:border-box;
        border:none;
        min-width:260px;
    }

    ul.rtabs li {
        display:inline-block;
        box-sizing:border-box;
        margin-right:0;
        width:50%;
    }

    ul.rtabs li:last-child:nth-child(odd){
        width:100%;
    }

    ul.rtabs li a {
        border:none;
        display:block;
        padding:6px 5px;
        text-align:center;
        border-radius:0;
        font-size:12px;
    }

    ul.rtabs li.selected a {
        background:none;
        border-bottom: 2px solid #EFC94C;
    }

    div.panel-container {
        border:none;
        border-radius:0;
        min-width:260px;
        box-sizing:border-box;
    }
}
