/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.yfb-icon {
    display: inline-block;
    margin-right: 10px !important;
    margin-bottom: 10px;
    min-width: 120px;
    height: 50px;
    border: 2px solid #3ba655;
    border-radius: 6px;
    margin: 2px 0px;
    padding: 8px;
    background: #fff;
    vertical-align: center;
    text-align: center;
}

.yfb-icon a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.distribution {
    background: #c1ec6a;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 15px;
}

div.uabb-content.uabb-tab-acc-content.clearfix {
    border: none !important;
}

a.uabb-tab-link {
    border: 2px solid;
    border-radius: 6px;
    padding: 8px 15px;
    font-weight: 600;

}

nav.uabb-tabs-nav.uabb-tabs {
    margin-left: -20px;
}

.uabb-tab-link .uabb-tab-title {
    margin-right: 0px;
    padding: 10px;
}

.uabb-tab-current .uabb-tab-title {
    border-bottom: none !important;
}

a.uabb-tab-link.yfb-nav-tab:hover, a.uabb-tab-link.yfb-nav-tab:focus {
    background-color: #3ba655;
    border: 2px solid #3ba655;
    color: #fff;
}

nav.uabb-tabs-nav.uabb-tabs li {
    list-style-type:none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.any-yfb-locations {
    border: 2px solid #3ba655;
    border-radius: 10px;
    width: 100%;
    padding: 10px 30px 30px 30px !important;
    margin: 30px !important;
}


.buttons-regular {
    display: inline-block;
    width: 290px;
    border-radius: 8px;
    background-color: #3AA655;
    border: 2px solid #3AA655;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 13px;
    height: 50px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

.buttons-regular:hover, .buttons-secondary:hover
{
    background-color: #367443;
    color: #fff !important;
    border: 2px solid #367443;
}

.buttons-secondary {
    display: inline-block;
    width: 290px;
    border-radius: 8px;
    border: 2px solid #3AA655;
    color: #3AA655;
    text-align: center;
    line-height: 1;
    padding-top: 13px;
    height: 50px;
    font-weight: 600;
}

@media screen and (min-width: 980px) {
.distribution {
    display: inline-block;
    float: right;
    margin-bottom: -20px !important;
}
}