/* ----------------------------------------------------------------
    Custom CSS

    Add all your Custom Styled CSS here for New Styles or
    Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.posts-sm .entry-image {
    width: 200px;
}

/* Badge
---------------------------------------------------------------------------- */
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

/* Colors */
.color-home,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-home:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-home.current>.menu-link,
.menu-item.menu-color-home .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-home .sub-menu-container .menu-item.current>.menu-link {
    color: var(--themecolor, #FF8600) !important;
}

.color-travel,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-travel:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-travel.current>.menu-link,
.menu-item.menu-color-travel .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-travel .sub-menu-container .menu-item.current>.menu-link {
    color: var(--travel, #6F42C1) !important;
}

.color-tech,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-tech:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-tech.current>.menu-link,
.menu-item.menu-color-tech .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-tech .sub-menu-container .menu-item.current>.menu-link {
    color: var(--tech, #007BFF) !important;
}

.color-fashion,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-fashion:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-fashion.current>.menu-link,
.menu-item.menu-color-fashion .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-fashion .sub-menu-container .menu-item.current>.menu-link {
    color: var(--fashion, #E83E8C) !important;
}

.color-sports,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-sports:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-sports.current>.menu-link,
.menu-item.menu-color-sports .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-sports .sub-menu-container .menu-item.current>.menu-link {
    color: var(--sports, #DC3545) !important;
}

.color-lifestyle,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-lifestyle:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-lifestyle.current>.menu-link,
.menu-item.menu-color-lifestyle .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-lifestyle .sub-menu-container .menu-item.current>.menu-link {
    color: var(--lifestyle, #13A774) !important;
}

.color-food,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-food:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-food.current>.menu-link,
.menu-item.menu-color-food .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-food .sub-menu-container .menu-item.current>.menu-link {
    color: var(--food, #17A2B8) !important;
}

.color-market,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-market:hover>.menu-link,
body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container>.menu-item.menu-color-market.current>.menu-link,
.menu-item.menu-color-market .sub-menu-container .menu-item:hover>.menu-link,
.menu-item.menu-color-market .sub-menu-container .menu-item.current>.menu-link {
    color: var(--market, #FFC107) !important;
}


.navbar-nav.nav-sm .nav-link:hover,
.navbar-nav.nav-sm .nav-link.active {
    color: #FFF;
}

/* Background Colors */
.bg-home,
.bg-color-home.nav-link:hover,
.menu-color-home>a::before,
.bg-color-home.nav-link.active {
    background: var(--themecolor, #FF8600) !important;
}

.bg-travel,
.bg-color-travel.nav-link:hover,
.menu-color-travel>a::before,
.bg-color-travel.nav-link.active {
    background: var(--travel, #6F42C1) !important;
}

.bg-tech,
.bg-color-tech.nav-link:hover,
.menu-color-tech>a::before,
.bg-color-tech.nav-link.active {
    background: var(--tech, #007BFF) !important;
}

.bg-fashion,
.bg-color-fashion.nav-link:hover,
.menu-color-fashion>a::before,
.bg-color-fashion.nav-link.active {
    background: var(--fashion, #E83E8C) !important;
}

.bg-sports,
.bg-color-sports.nav-link:hover,
.menu-color-sports>a::before,
.bg-color-sports.nav-link.active {
    background: var(--sports, #DC3545) !important;
}

.bg-lifestyle,
.bg-color-lifestyle.nav-link:hover,
.menu-color-lifestyle>a::before,
.bg-color-lifestyle.nav-link.active {
    background: var(--lifestyle, #13A774) !important;
}

.bg-food,
.bg-color-food.nav-link:hover,
.menu-color-food>a::before,
.bg-color-food.nav-link.active {
    background: var(--food, #17A2B8) !important;
}

.bg-market,
.bg-color-market.nav-link:hover,
.menu-color-market>a::before,
.bg-color-market.nav-link.active {
    background: var(--market, #FFC107) !important;
}

.nav-link {
    color: #333;
}

.dark .nav-link {
    color: #EEE;
}

.navbar-nav.nav-sm .nav-link {
    color: #444;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 6px;
    line-height: 21px;
    margin: 4px 2px;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.navbar-light .navbar-nav .dropdown-toggle::after {
    display: none;
}

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.3em auto 0;
}

.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0.3em auto 0;
}

.swal2-cancel.btn,
.swal2-confirm.btn {
    margin: 0 0.5rem;
}