.custom-dropdown-item {
    padding: 0.6rem;
}
.custom-dropdown-menu {
    border-radius: 16px;
}
.animated-text {
    --bg-size: 400%;
    --color-one: hsl(15 90% 55%);
    --color-two: hsl(40 95% 55%);
    background: linear-gradient(
                    to right,
                    var(--color-one),
                    var(--color-two),
                    var(--color-one)
                ) 0 0 / var(--bg-size) 100%;
    animation: move-bg 8s infinite linear;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
@keyframes move-bg {
    to {
        background-position: var(--bg-size) 0;
    }
}
.badge-new {
    padding: 3px 4px;
    border-radius: 40px;
    background: #E9FAFB;
    color: #00916E;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}
/* navbar and nav items (left side) */
@media screen and (min-width: 983px) {
    .nav-link.focus,
    .nav-link:focus,
    .nav-link:hover {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        transition: 0.2s;
    }
    .nav-link:not(:hover) {
        transition: 0.2s;
    }
    .nav-link:focus .chevrondown, .chevrondown.focus {
        opacity: 1;
        transition: 0.2s;
    }
    .nav-link:hover .chevrondown, .chevrondown.focus {
        opacity: 1;
        transition: 0.2s;
    }
    .nav-link.focus * {
        transition: 0.2s;
        color: white;
    }
    .nav-link:not(.focus) * {
        transition: 0.2s;
    }
}
#mobile-nav .dropdown-toggle::after, #navbarCollapse .dropdown-toggle::after {
    display: none !important;
}
.chevrondown {
    opacity: 0;
    -moz-transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.chevrondown.rotate-up{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 982px) {
    .chevrondown {
        opacity: 1;
    }
}
.nav-item-text {
    display: inline;
}
@media (min-width: 983px) and (max-width: 1173px) {
    .nav-item-text {
        display: none;
    }
}
@media (max-width: 982px) {
    .navbar-icon-desktop {
        display: none;
    }
}
/* END navbar and nav items (left side) */

/* dropdown menus */
.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.complex-menu-item {
    cursor: pointer;
    font-weight: 500;
}
.deck-category-submenu, .deck-search-submenu, .md-submenu-desktop {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease-out, visibility 0.25 ease-out;
}
.deck-category-submenu.show, .deck-search-submenu.show, .md-submenu-desktop.show {
    opacity: 1;
    visibility: visible;
}
/* END dropdown menus */

/* nav items (right side) */
.right-buttons {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    padding: 6px;
}
@media screen and (min-width: 1370px), (min-width: 983px) and (max-width: 1173px) {
    .search-btn {
        width: 174px;
    }
}
.btn-account, .btn-sign-up {
    background: #177E89;
}
.btn-login, .btn-sign-up {
    padding: 0.375rem !important;
}
.btn-login-mobile {
    background: #f8f9fa;
    color: #212529;
}
.right-buttons:hover {
    background: rgba(255, 255, 255, 0.08);
}
.btn-sign-up:hover {
    background: #15727c;
}
@media screen and (max-width: 1270px) {
    .search-btn-text {
        display: none;
    }
    @media screen and (max-width: 1173px) {
        .search-btn-text {
            display: inline;
        }
    }
}
/* END nav items (right side) */

/* hamburger icon (for navbar mobile) */
.bar {
    display: block;
    background-color: #dedede;
    height: 2px;
    width: 21.5px;
    margin: 5px -2.75px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
    border-radius: 2px;
}
.toggle-navbar span:nth-child(1) {
    margin-top: 0;
}
.toggle-navbar span:nth-child(3) {
    margin-bottom: 0;
}
/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.toggle-navbar:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}

/* center line goes transparent */
.toggle-navbar:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.toggle-navbar:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
}

/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.toggle-navbar span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
}

/* middle line goes back to regular color and opacity */
.toggle-navbar span:nth-child(2) {
    opacity: 1;
}

/* bottom line goes back to initial position and rotates back to 0 degrees */
.toggle-navbar span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
}
/* END hamburger icon (for navbar mobile) */

/* general styles depending on screen size */
.for-desktop-only {
    display: none;
}
.for-mobile-only {
    display: block;
}
@media screen and (min-width: 983px) {
    .collapsed-navbar {
        display: none;
    }
    .for-mobile-only {
        display: none;
    }
    .for-desktop-only {
        display: block;
    }
    .collapse.navbar-collapse.for-mobile-only {
        display: none !important;
    }
}
@media screen and (max-width: 982px) {
    #mobile-nav .nav-link {
        color: #212529;
    }
    .btn-login-mobile {
        border: 1px solid #dfdfdf;
    }
    .custom-dropdown-item {
        padding: 0.625rem 1rem;
    }
}
/* END general styles depending on screen size */

/* mobile sign up/login/account elements */
.sticky-bottom {
    position: fixed;
    bottom: 0;
}
.navbar-menu-mobile {
    overflow-y: auto;
    overflow-x: hidden;
    top: 54px;
    bottom: 0;
}
.account-menu-wrapper {
    bottom: 0;
    position: sticky;
}
.account-menu {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    z-index: 2000;
    width: 260px;
    right: 0;
    margin-right: 1rem;
    bottom: 42px;
    max-height: 200px;
    overflow-y: auto;
    display: none;
}
.account-menu.show {
    display: block;
}
/* END mobile sign up/login/account elements */

/* mobile dropdown menu */
#deck-categories-sub-nav-item > div.dropdown-item.d-flex, #advanced-deck-search-sub-nav-item > div.dropdown-item.d-flex, #md-sub-nav-item > div.dropdown-item.d-flex {
    background: hsla(0, 0%, 96%, 1);
    color: #16181b;
}
.wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease-out;
}
.wrapper.is-open {
    grid-template-rows: 1fr;
}
.inner {
    background: hsla(0, 0%, 96%, 1);
    overflow: hidden;
}
.sub-inner {
    background: hsla(0, 0%, 92%, 1);
    overflow: hidden;
}
.mobile-navbar-menu-opened {
    /* disable scrolling of the body tag when navbar menu is opened, only in mobile/tablet view */
    overflow: hidden;
}
/* END mobile dropdown menu */