/* ====================================================
    My Button STYLES
   ==================================================== */
.widget.widget_nav_categories li a:hover, .widget.widget_nav_categories li a:focus {
    border: 1px solid transparent;
    background: #2a2b31;
}

.widget.widget_nav_categories li a {
    display: block;
    padding: 15px 21px;
    border: 1px solid #2a2b31;
    border-radius: 2px;
    background: #2a2b31;
    background: rgba(0, 0, 0, 0.45);
}
.widget.widget_nav_categories li {
    font-family: "Poppins","Arial",Sans-Serif;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    margin: 0 18px 19px 0;
    letter-spacing: 0.2px;
    color: #fff;
}
.widget li a {
    color: #fff;
}

a:active, a:hover {
    outline: 0;
}

a:active, a:hover {
    outline: 0;
}

a {
    text-decoration: none;
    color: #58585e;
}


/*  START - Clear Article Style Buttons  */

/* 
    .widget .widget_nav_categories ul {
    
    }
*/

.widget ul, .widget ol {
    font: normal 17px "Muli","Times New Roman",Serif;
    line-height: 34px;
    letter-spacing: 0;
    color: #484b52;
}

.widget .widget-title {
    font-family: "Poppins","Arial",Sans-Serif;
    font-size: 23px;
    /*font-size: xx-large;*/
    font-weight: 600;
    margin: 0 0 45px;
    letter-spacing: 0;
    color: #fff;
}
.widget li {
     min-width: 120px;
    width: 100% !important;
}
.widget ul {
    padding: 0;
    list-style: none;
    text-align: center;
    box-sizing: border-box;
    transition: width 0.2s ease-out, height 0.2s ease-out, padding 0.2s ease-out, border-color 0.2s ease-out, filter 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out, background-color 0.2s ease-out, -webkit-filter 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

/*  END - Clear Article Style Buttons  */

.btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    /* TODO: handle active for specific buttons */
}

@media screen and (min-width: 47.5em) {
    .btn {
        padding: 0.25rem 1rem;
    }
}

.btn, .btn:active, .btn:hover {
    text-decoration: none;
    border: 1px solid transparent;
}
.btn-login,
.btn-default {
    background-color: #8f6c04;
    border-color: #c19b27;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #ffffff 0%, #8f6c04 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFc19b27', endColorstr='#FF8f6c04', GradientType=0);
    /* IE9 and down */
}

.btn-login ,
    .btn-default, .btn-default:active, .btn-default:hover, .btn-default:visited, .btn-default:focus {
        color: #333333;
    }

        .btn-default:hover, .btn-default:focus {
            border-color: #8f6c04;
            background-color: #d4ab2e;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #d4ab2e 0%, #ffffff 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8f6c04', endColorstr='#FFc19b27', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }


.btn-time {
    background-color: #7c100d;
    border-color: #c9302c;
    height: 34px;
    margin-bottom:3px;
    color: antiquewhite;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #c9302c 0%, #7c100d 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFc9302c', endColorstr='#FF7c100d', GradientType=0);
    /* IE9 and down */
}

    .btn-time, .btn-time:active, .btn-time:hover, .btn-time:visited, .btn-time:focus {
        color: antiquewhite;
    }

        .btn-time:hover, .btn-time:focus {
            border-color: #c9302c;
            background-color: #7c100d;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #7c100d 0%, #c9302c 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7c100d', endColorstr='#FFc9302c', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }


.btn-light {
    background-color: #ffffff;
    border-color: #d9d9d9;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);
    /* IE9 and down */
}

    .btn-light, .btn-light:active, .btn-light:hover, .btn-light:visited, .btn-light:focus {
        color: #333333;
    }

        .btn-light:hover, .btn-light:focus {
            border-color: #b3b3b3;
            background-color: #e6e6e6;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6E6', endColorstr='#FFCCCCCC', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.active .btn-light {
    background-color: #333333;
    border-color: #595959;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #333333 0%, #4d4d4d 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FF4D4D4D', GradientType=0);
    /* IE9 and down */
}

    .active .btn-light, .active .btn-light:active, .active .btn-light:hover, .active .btn-light:visited, .active .btn-light:focus {
        color: #f9f9f9;
    }

        .active .btn-light:hover, .active .btn-light:focus {
            border-color: gray;
            background-color: #595959;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #595959 0%, gray 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF595959', endColorstr='#FF808080', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.btn-dark {
    background-color: #333333;
    border-color: #595959;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #333333 0%, #4d4d4d 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FF4D4D4D', GradientType=0);
    /* IE9 and down */
}

    .btn-dark, .btn-dark:active, .btn-dark:hover, .btn-dark:visited, .btn-dark:focus {
        color: #f9f9f9;
    }

        .btn-dark:hover, .btn-dark:focus {
            border-color: gray;
            background-color: #595959;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #595959 0%, gray 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF595959', endColorstr='#FF808080', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.btn-accent {
    /* @include button-variant($color-black, $color-white, $color-accent); */
    background-color: #ddbc58;
    border-color: #c19b27;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #ddbc58 0%, #d4ab2e 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDBC58', endColorstr='#FFD4AB2E', GradientType=0);
    /* IE9 and down */
}

    .btn-accent, .btn-accent:active, .btn-accent:hover, .btn-accent:visited, .btn-accent:focus {
        color: #333333;
    }

        .btn-accent:hover, .btn-accent:focus {
            border-color: #82681a;
            background-color: #d4ab2e;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #d4ab2e 0%, #ac8a23 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD4AB2E', endColorstr='#FFAC8A23', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.btn-primary {
    background-color: #337ab7;
    border-color: #22527b;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #337ab7 0%, #285f8f 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF337AB7', endColorstr='#FF285F8F', GradientType=0);
    /* IE9 and down */
}

    .btn-primary, .btn-primary:active, .btn-primary:hover, .btn-primary:visited, .btn-primary:focus {
        color: #ffffff;
    }

        .btn-primary:hover, .btn-primary:focus {
            border-color: #122a3f;
            background-color: #285f8f;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #285f8f 0%, #1d4567 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF285F8F', endColorstr='#FF1D4567', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.btn-success {
    background-color: #5cb85c;
    border-color: #3d8b3d;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB85C', endColorstr='#FF449D44', GradientType=0);
    /* IE9 and down */
}

    .btn-success, .btn-success:active, .btn-success:hover, .btn-success:visited, .btn-success:focus {
        color: #ffffff;
    }

        .btn-success:hover, .btn-success:focus {
            border-color: #255625;
            background-color: #449d44;
            /* Safari 5.1-6, Chrome 10+ */
            /* Opera 12 */
            background-image: linear-gradient(to bottom, #449d44 0%, #357935 100%);
            /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF449D44', endColorstr='#FF357935', GradientType=0);
            /* IE9 and down */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

.btn-danger {
    background-color: #d9534f;
    border-color: #b52b27;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD9534F', endColorstr='#FFC9302C', GradientType=0);
    /* IE9 and down */
}

.btn-danger, .btn-danger:active, .btn-danger:hover, .btn-danger:visited, .btn-danger:focus {
    color: #ffffff;
}

.btn-danger:hover, .btn-danger:focus {
    border-color: #761c19;
    background-color: #c9302c;
    /* Safari 5.1-6, Chrome 10+ */
    /* Opera 12 */
    background-image: linear-gradient(to bottom, #c9302c 0%, #a02622 100%);
    /* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC9302C', endColorstr='#FFA02622', GradientType=0);
    /* IE9 and down */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-outline {
    border: 1px solid #acacac;
}

/* old */
/*
.button {
    padding: 0.5rem;
    display: inline-block;
    text-align: center;
    &.dark {
        &,&:active,&:hover,&:visited {
            color: $color-light2;
            border: 1px solid $color-dark;
            background-color: $color-dark;
        }
    }

    &.light {
        &,&:active,&:hover,&:visited {
            color: $color-dark;
            border: 1px solid $color-dark;
            background-color: $color-white;
        }
    }
    &.primary {
        &,&:active,&:hover,&:visited {
            color: $color-white;
            border: 1px solid $color-primary;
            background-color: $color-primary;
        }
    }
}
*/