.back-to-top{background-color: #05855C !important; font-family: 'Verdana', sans-serif !important; font-size: 16px !important;}

.wr-header{
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;
    --wr-bg1: #FAF8F5;
    --wr-bg2: #F5F5F5;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;
    --wr-h1: 2.25rem;
    --wr-h2: 1.875rem;
    --wr-sup-headline: 0.875rem;
    --wr-sub-headline: 1rem;

    font-family: var(--wr-verdana); font-size: 14px; color: var(--wr-text-color);
    
    /* .container {overflow: hidden;} */
    header {border-bottom:1px solid #f2f2f2; background-color:#fff;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);}
    header.default a.nutrisystem-logo {display:block; float:none; padding:0; width:7.188rem;}
    header.default .logo-links-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:.75rem 0 0;}
    header.default .logo-wrap {display:flex; align-items:center; gap:.625rem; margin-left:1rem;}
    header.default .header-links {display:flex; align-items:center; gap:1rem; margin-right:1rem;}
    header.default .nav-toggle {display:flex; flex-direction:column; justify-content:space-between; height:1rem; width:1rem;}
    header.default .nav-toggle i:before {width:1rem; font-size:1.5rem; color:var(--wr-text-color); position:relative; left:-4px; top:-2.5px;}
    header.default .nav-toggle:hover {cursor:pointer;}
    header.default svg.quest-circ {height:1.5rem; width:auto;}
    header.default #navPhone svg.phone-icon, header.default svg.quest-circ {color:var(--wr-text-color);}
    header.default #menuHelp span {color:var(--wr-text-color);}
    header.default #navPhone svg.phone-icon {height:1.25rem; width:auto;}
    header.default span.glyphicon.glyphicon-menu-hamburger.menu-trigger-span {background-color:#4c4c4c; display:block; height:3px; margin:0; padding:0; transition:background 0 .2s; width:1.5rem; top:0px;}
    header.default .mobile-menu-trigger {height:auto; position:static; text-align:center; width:2.313rem;}
    header.default nav .dropdown-menu.plans li {border:0;}
    header.default .navbar-collapse .dropdown-menu.plans a, header.default .navbar-collapse .dropdown-menu.menu a {border:0; padding:1rem 1.5rem; color:#43791d; font-size:1.25rem; font-family:var(--wr-verdana);}
    header.default li.mobile-nav-secondary .nav-text-secondary {margin-right:auto;}
    header.default .header-links #account-menu {border-radius:16px; padding:16px 32px; box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05); border: 1px solid #D9D9D9;background: #FFF;}
    header.default .header-links #account-menu li {margin-bottom:.25rem}
    header.default .header-links #account-menu a {font-family: var(--wr-verdana); font-size:1rem; padding: 8px 0; display:block; line-height:1;}
    header.default .header-links #account-menu a:hover:not(.btn-default) {color: var(--wr-primary); background:transparent;}
    header.default .header-links #account-menu a.btn-default {line-height:1; justify-content:center; font-weight:700; padding:.625rem 0 ; width:auto; font-size:1.125rem; text-align:center;}
    header.default #account .account-name {font-size:1.125rem; line-height:1; color: var(--wr-text-color);}
    header.default #account .account-label {font-size:1.125rem; line-height:1; display:block; padding-top:2px;}
    .nav-item.cart {position:relative;}
    span#mainNav1.badge {position:absolute; background-color:var(--wr-primary) !important; top:-.5rem; left:1.5rem; border:1px solid #fff; color:#fff; display:inline-block; font-size:.75rem; padding:3px 5px; border-radius:50%; height:auto; max-width: 50px; overflow: hidden;}
    header.default .nav-pills .nav-link {padding:0;}
    header.default .logo-links-wrap nav .nav-link:hover, 
    header.default #account a:hover, header.default #navPhone a:hover, 
    header.default #menuHelp a:hover, header.default #cart a:hover {color: var(--wr-primary);}
    header.default .navbar-expand-xl .navbar-nav .nav-link {color: var(--wr-text-color)}
    header.default .dropdown-item:hover, header.default .dropdown-item:focus{color: var(--wr-primary);}
    header.default .dropdown-item {padding: 5px 0; font-size: 1rem; background-color: transparent;}
    .find-your-plan-btn{
        display: inline-flex; align-items:center; justify-content: center; gap: 8px; font-family: var(--wr-verdana); font-size: 1rem; font-weight: 700; border: none; padding: 10px 12px; border-radius: 10px; cursor: pointer; text-decoration: none; transition: all 0.3s ease; background-color: var(--wr-primary); color: #fff;
        &:hover{box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);background-color: var(--wr-primary-light);}
    }

    @media(max-width:1199px) {
        span#mainNav1.badge {top:-.5rem; left:.75rem;}
        header.default .navbar-nav .dropdown-toggle[aria-expanded="true"] .bi-chevron-down::before {content:"\f286";}
        
        header.default .navbar-collapse {border-top: 1px solid #D9D9D9;}
        header.default .navbar-collapse a {text-decoration:none; line-height:1;}
        header.default .navbar-collapse .mobile-nav-secondary a {border:0;}
        header.default .navbar-collapse li.mobile-nav-secondary {border-top:1px solid #ccc;}
        header.default .mobile-nav-secondary {padding:0 1rem 0 1rem; border:0; background-color:#f2f2f2;}
        header.default .mobile-nav-secondary a {align-items:center; gap:.75rem; padding:1rem 0 1rem 1.5rem;}
        header.default .mobile-nav-secondary i {color:#999; font-size:1.2rem;}
        header.default .mobile-nav-secondary a span {font-family:arial, helvetica, sans-serif; font-size:.875rem; color:#4c4c4c;}
        header.default .a-la-carte-nav li.active a {border-top:1px solid var(--wr-primary); border-bottom:1px solid var(--wr-primary); background-color:#EFF6E4; color:var(--wr-primary);}
        header.default .a-la-carte-nav li.title {text-align:center; font-family:var(--wr-verdana); font-size:1.125rem; line-height:1; padding:.625rem 0; border-top:1px solid #EAEBEB;}
        header.default span.nav-text {font-size:1rem; font-family:arial, helvetica, sans-serif; font-size:.875rem; font-weight:700; color:var(--wr-text-color); line-height:1; margin-right:auto; align-items:center;}
        header.default .a-la-carte-nav li.active span.nav-text {color:var(--wr-primary);}
        header.default nav.a-la-carte-nav {position:absolute; z-index:1050; top:1.625rem; z-index:1060; background-color:#fff; width:100%;}
        header.default nav {width:100%; padding:0; margin-top:.75rem;}
        header.default .dropdown-toggle::after {display:none;}
        header.default nav .dropdown-menu.plans, header.default nav .dropdown-menu.menu {border:0; border-radius:0; padding:0; background-color:#eff6e4; margin:0;}
        header.default .navbar .nav-link {font-size:1rem; font-family:var(--wr-verdana); padding:16px 18px;}
        header.default li#findYourPlanBtn {padding: 12px 0;border-top: 1px solid #d9d9d9;text-align: center;}
        .find-your-plan-btn{padding: 16px;}
    }
    @media (max-width: 767px) {
        .container {max-width: 100%;}
    }

    @media(max-width:320px) {
        header.default .header-links {gap:.75rem;}
    }

    @media (min-width:768px) {
        header.default a.nutrisystem-logo {width:160px;}
        header.default .nav-toggle i:before {top:-2px; font-size:2rem;}
        header.default #account a, header.default #navPhone a, header.default #menuHelp a {display:flex; align-items:center; padding:0; gap:.25rem;}
        header.default .header-links span.account-name-wrapper {display:flex; flex-direction:column; color:var(--wr-text-color);}
        header.default .header-links a {text-decoration:none;}
        header.default .nav-toggle {height:1.5rem; width:1.5rem;}
        header.default #navPhone span {color: var(--wr-text-color); font-size:1.125rem; font-weight: normal;}
        header.default #menuHelp span {font-size:1.2em; padding-top:0.313rem;}
        header.default .header-links {gap:2rem;}
    }

    @media (min-width:1200px) {
        /*position: sticky;top: 34px;z-index: 1040;*/

        header.default {height:5rem; display:flex; align-items:center;}
        header.default .logo-links-wrap nav {order:2; padding-top:1.25rem;}
        header.default .logo-links-wrap nav .nav-link, header.default #account a, header.default #navPhone a, header.default #menuHelp a, header.default #cart a {padding:.625rem; border-radius:.625rem;}
        
        header.default .header-links {order:3;}
        header.default .dropdown-toggle::after {display:none;}
        header.default .header-links {gap:1rem; margin-left:auto; gap:.25rem}
        header.default .navbar-expand-xl .navbar-nav {gap: 24px;}
        header.default .navbar-expand-xl .navbar-nav .nav-link {font-family:var(--wr-verdana); font-size:1.125rem; padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); display:flex; gap:.25rem; line-height:1;}
        header.default .logo-links-wrap {padding:0; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:3rem;}
        header.default a.nutrisystem-logo {width:140px;}
        header.default .navbar-expand-xl .navbar-nav .dropdown-menu {border-radius:16px; padding:16px 32px; box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05); border: 1px solid #D9D9D9;background: #FFF;}
        header.default #menu-shop-plans li:not(:last-child), header.default #menu-view-menu li:not(:last-child) {margin-bottom:0.375rem;}
       
        header.default .header-links #account-menu a.btn-default:hover, header.default .header-links #account-menu a.btn-default:focus {background-color:var(--bs-btn-hover-bg); color:#fff;}
    }

    @media(min-width:1200px) {
        header.default .header-links {gap:15px;}
    }
}