/* BUTTONS */

.btn {
    border-radius:0;
    border:1px solid inherit!important;
    font-weight:700;
    color:#fff;
    font-weight:700;
    padding: 6px 12px;
    display:inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
}

.btn.btn-block {
    display:flex;
}


/* BUTTON GROUP SIZING SHIMS */
.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
}


@media (min-width: 992px) {
    .list-posts .btn-sm {
        font-size: 14px;
    }
}

.col-tools > .btn,
.col-tools > .btn > *{
    line-height:1;
}




.btn-group-xl>.btn,
.btn-xl {
    padding: 10px 13px;
    font-size: 22px;
}


.btn-group-lg>.btn, .btn-lg {
    padding: 7px 12px;
}

.btn-group-xs>.btn,
.btn-xs {
    padding: 4px 5px;
    font-size: 11px;
}



.list-posts .btn,
.list-posts .btn.btn-sm{
    padding: 8px 13px;
}





.btn,
.btn-default {
    text-shadow:none; /*#01366*/
}

.btn:focus {
    color:#fff;
}

.btn-shadow {
    box-shadow:2px 2px 3px rgba(0,0,0,.1);
}

.btn:active, .btn.active, .open>.dropdown-toggle.btn {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:1px 1px 10px rgba(0,0,0,.15);
}

.btn-link {
    color: #cc0033;
    box-shadow:none;
}



.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default,
.gform_button:hover,
.gform_button:focus,
.gform_button:active,
.gform_button.active,
.btn-default.disabled,
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover {
    color: var(--jb-primary);
    background-color: white;
    border: 1px solid var(--jb-primary);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: white;
    background-color: var(--jb-primary-hover);
    border: 1px solid var(--jb-primary-hover);
}

@media (min-width: 992px) {

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open>.dropdown-toggle.btn-default,
    .gform_button:hover,
    .gform_button:focus,
    .gform_button:active,
    .gform_button.active,
    .btn-default.disabled,
    .btn-default[disabled],
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover {
        color: var(--jb-primary-hover);
        background-color: white;
        border: 1px solid var(--jb-primary-hover);
    }

}




.btn-concerts,
.btn-concerts:hover,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:hover:active,
.btn-primary:focus,
.pager li>a{
    background-color: var(--jb-primary);
    color:white;
    align-items: center;
    justify-content: center;
    gap:3px;
}

@media (min-width: 992px) {

    .btn-concerts:hover,
    .btn-primary:hover,
    .pager li>a:hover{
        background-color:var(--jb-primary-darker);
        color:white;
    }

}


.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-concerts[disabled],
.btn-concerts[disabled]:hover{
    background-color: var(--jb-neutral-30)!important;
    border-color: var(--jb-neutral-30)!important;
    opacity:1!important;
}


@media (min-width: 992px) {

    .btn-primary[disabled]:hover,
    .btn-concerts[disabled]:hover{
        background-color: var(--jb-neutral-30)!important;
        opacity:1!important;
    }
}



.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:hover:active,
.btn-info:focus,
.btn-calendar-helper,
.btn-calendar-helper:hover,
.btn-calendar-helper:active,
.btn-calendar-helper:hover:active,
.list-concerts .btn-my-jb,
.list-concerts .btn-my-jb.btn-primary,
.list-concerts .btn-my-jb,
.jb-floating-panel-header .btn-my-jb,
.list-posts-thumb-content-btn .btn-my-jb{
    background-color:var(--jb-blueberry-10)!important;
    border-color:var(--jb-blueberry-10)!important;
    color: var(--jb-primary)!important;
}


@media (min-width: 992px) {

    .btn-info:hover,
    .btn-info:active,
    .btn-info:hover:active,
    .list-concerts .btn-my-jb:hover,
    .list-concerts .btn-my-jb:active,
    .list-concerts .btn-my-jb:hover:active,
    .list-concerts .btn-my-jb.btn-primary:hover,
    .list-concerts .btn-my-jb.btn-primary:active,
    .list-concerts .btn-my-jb.btn-primary:hover:active,
    .jb-floating-panel-header .btn-my-jb:hover,
    .jb-floating-panel-header .btn-my-jb:active,
    .jb-floating-panel-header .btn-my-jb:hover:active,
    .list-posts-thumb-content-btn .btn-my-jb:hover,
    .list-posts-thumb-content-btn .btn-my-jb:active,
    .list-posts-thumb-content-btn .btn-my-jb:hover:active{
        background-color:var(--jb-blueberry-10-hover)!important;
        border-color:var(--jb-blueberry-10-hover)!important;
        color: var(--jb-primary-darker)!important;
    }
}









.bg-warning,
.btn-warning,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:hover:active,
.btn-warning:focus{
    background-color: var(--jb-sunrise-60)!important;
    border: 1px solid var(--jb-sunrise-60)!important;
    color: var(--jb-blueberry-80)!important;
}


@media (min-width: 992px) {
    .btn-warning:hover,
    a:hover .btn-warning {
        background-color: var(--jb-sunrise-60-hover)!important;
        border: 1px solid var(--jb-sunrise-60-hover)!important;
        color: var(--jb-blueberry-80)!important;
    }
}





.bg-danger,
.btn-danger,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:hover:active,
.btn-danger:focus{
    background-color: var(--jb-danger)!important;
    border: 1px solid var(--jb-danger)!important;
    color: white;
}

@media (min-width: 992px) {
    .btn-danger:hover,
    a:hover .btn-danger{
        background-color: var(--jb-danger-hover)!important;
        border: 1px solid var(--jb-danger-hover)!important;
        color: white!important;
    }
}






.bg-success,
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:hover:active,
.btn-success:focus{
    background-color: var(--jb-success)!important;
    border: 1px solid var(--jb-success)!important;
    color: var(--jb-blueberry-80);
}

@media (min-width: 992px) {
    .btn-success:hover,
    a:hover .btn-success{
        background-color: var(--jb-success-hover)!important;
        border: 1px solid var(--jb-success-hover)!important;
        color: var(--jb-blueberry-80)!important;
    }
}





.list-concerts .btn-my-jb.my-jb-trash,
.jb-floating-panel-header .btn-my-jb.my-jb-trash,
.list-posts-thumb-content-btn .btn-my-jb.my-jb-trash{
    color: white!important;
    background-color:var(--jb-secondary)!important;
    border-color: var(--jb-secondary)!important;
    text-shadow:none!important;
}


@media (min-width: 992px) {
    .list-concerts .btn-my-jb.my-jb-trash:hover,
    .jb-floating-panel-header .btn-my-jb.my-jb-trash:hover,
    .list-posts-thumb-content-btn .btn-my-jb.my-jb-trash:hover{
        color: white!important;
        background-color:var(--jb-primary-darker)!important;
        border-color: var(--jb-primary-darker)!important;
    }
}



.list-concerts .btn-my-jb.my-jb-trash:hover:active,
.jb-floating-panel-header .btn-my-jb.my-jb-trash:hover:active,
.list-posts-thumb-content-btn .btn-my-jb.my-jb-trash:hover:active{
    color: white!important;
    background-color:var(--jb-secondary-darkest)!important;
    border-color: var(--jb-secondary-darkest)!important;
}





.bg-secondary,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus{
    background-color: var(--jb-blueberry-80)!important;
    color: white;
}

@media (min-width: 992px) {
    .btn-secondary:hover {
        background-color: var(--jb-blueberry-100)!important;
        border: 1px solid var(--jb-blueberry-100)!important;
        color: white!important;
    }
}





.bg-white,
.btn-white,
.btn-white:hover,
.btn-white:focus{
    background-color: white!important;
    color: var(--jb-secondary)!important;
}

@media (min-width: 992px) {
    .btn-white:hover {
        background-color: var(--jb-blueberry-10)!important;
        color: var(--jb-secondary-darker)!important;
    }
}






/* 3rd PARTY BUTTONS */

.btn-facebook {color: #ffffff; background-color: #3B5998; border-color:#2a4783;}
.btn-facebook:hover {color: #ffffff; background-color: #3563c7; border-color:#3B5998;}
.btn-twitter {color: #ffffff; background-color: #0084B4;border-color:#0b759c;}
.btn-twitter:hover {color: #ffffff; background-color: #2e9fc9;border-color:#0084B4;}













.btn-calendar-helper,
.btn-calendar-helper:hover,
.btn-calendar-helper:active,
.btn-calendar-helper:hover:active {
    cursor:default;
}



/*
* SYNC CALENDAR
*/

.btn-sync-calendar,
.btn-sync-calendar:hover{
    display:flex;
    justify-content: center;
    flex:1 1 50%;
    align-items: center;
    gap:5px;
    height:40px;
    line-height:1;
    color:white;
}

.btn-sync-calendar.btn-google{
    background-color:#4081ec;
}

.btn-sync-calendar.btn-apple{
    background-color:#fe645b;
}

a.btn-sync-calendar .fa.fa-apple::before,
a.btn-sync-calendar .fa.fa-google::before{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(103%) contrast(101%); /*white*/
}



@media (min-width: 992px) {

    .btn-sync-calendar.btn-google:hover{
        background-color: #3778e3;
    }

    .btn-sync-calendar.btn-apple:hover{
        background-color: #f3574e;
    }
}



/*
* ICON AND TEXT
*/


.jb-btn-icon .fa {
    line-height: initial;
}

.jb-btn-icon + .jb-btn-text {
    padding-left: 5px;
    padding-right: 3px;
}

.jb-btn-text + .jb-btn-icon  {
    padding-left: 5px;
}



/*
* WIDER BUTTONS
*/

.btn-wider{

    padding-left:4em;
    padding-right:4em;
    text-align:center;
}

.btn-wider-md{

    padding-left:2em!important;
    padding-right:2em!important;
    text-align:center;
}

.btn-wider-sm{

    padding-left:.75em!important;
    padding-right:.75em!important;
    text-align:center;
}



/* MISC BUTTON SHIMS */


.jb-floating-panel-header .btn-my-jb{
    width:40px;
    height:40px;
    justify-content: center;
    font-size: 20px;
    display:flex;
    align-items: center;
}

.list-concerts .btn-my-jb i.fa-heart-o{
    font-size: 20px;
}

.list-concerts > li > .col-content-tools > .col-tools > .btn i{
    line-height:1;
}