body a {
    color: var(--primaryColor);
}

body a:hover {
    color: var(--secondaryColor);
    text-decoration: none;
}

body h1,
body .h1
{ font-size: 1.8rem; }

body h2,
body .h2
{ font-size: 1.5rem; }


nav {
    z-index: 112;
}

.navigation {
    position: fixed;
    z-index: 111;
    top:0;
}

.navigation .active .nav-link{
    background:var(--activeColor);
    border-radius:3px;
}

.navigation::after {
    display: block;
    width:100%;
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    height:4px;
    background: var(--borderHighLight);
}

.navigation form.search-form-mobile .btn-search {
    position: relative;
    color:var(--primaryColor);
}

.navigation .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#000!important;
}

.navigation .wrapper {
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid var(--primaryColor);
    align-content: center;
    justify-content: center;
    display: flex;
    color:var(--primaryColor)
}


body .fancy-button {
    background: var(--primaryColor);
    padding: 5px 12px;
    color: #FFF;
    border-radius: 4px;
    display: inline-block;
}

body .fancy-button:hover {
    background: var(--secondaryColor);
    color: #FFF !important;
}

body a.fancy-button>span>span>i { font-style: normal; }


/* shopping list */

.shopping-list ul li:hover {
    cursor: pointer;
}

 .shopping-list ul li:hover .remove {
    background:tomato;
}

 .shopping-list ul li:not(:first-child) {
    margin-top:.9rem;
}
 .shopping-list h4{
    color:#000;
    font-size: 18px;
}

.shopping-list .qty {
    background:#000;
    padding:4px;
    border-radius:3px;
    font-size: 10px;
    position: absolute;
    top:0;
    left:0;
}

 .shopping-list .product {
    color: var(--primaryColor);
    padding-left:1.7rem;
    padding-right:.5rem;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.shopping-list .price {
    color:#000;
    margin-right:30px;
    position: relative;
    display: table;
    padding-right:7px;
}


 .shopping-list .remove {
    width:25px;
    height:25px;
    border-radius:50px;
    background:#BEBEBE;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    position: absolute;
    right:0;
    top:0;
    font-weight: bold;
}

.shopping-list a.remove-from-cart,
.shopping-list a.remove-from-cart:hover {
    color: white !important;
}

 .shopping-list .btn-list {
    color:#fff;
    background:var(--primaryColor);
    margin-top:.8rem;
    margin:.8rem 0 .5rem 0;
}
/* end of the shopping list */


/* dashboard */
#dashboard .my-profile {
    background: var(--backgroundPrimary);
    padding: 8px 25px;
}

#dashboard .my-profile .name {
    font-size:19px!important;
}

#sidebar-menu { background: var(--backgroundPrimary); padding: 10px 0; }
#sidebar-menu a { display: block; padding: 2px 0; font-size: 1.2rem; }
#sidebar-menu a.selected { font-weight: bold; border-bottom: 1px solid var(--secondaryColor); }

#dashboard .messages .item .msg-text {
    max-height: none!important;
}

#dashboard .messages .item .msg-thumb {
    border:none!important;
}

#dashboard .messages .item .msg-thumb img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border:none!important;
}

#dashboard .my-profile .details {
    font-size:14px;
}

#dashboard .title {
    color: var(--primaryColor)!important;
    font-size:18px!important;
}

#dashboard hr {
    background: var(--backgroundSecondary);
    margin: .5rem 0;
}

#dashboard .my-programs a.item {
    padding-left: 0!important;
}

#dashboard .thumb img {
    width: 75px; height: 75px; object-fit: cover; border-radius: 3px;
}

#dashboard .my-programs .item .thumb {
    border: none !important;
}

.profile-header a {
    font-size: 14px;
    color: var(--primaryColor);
    padding: 0px 8px;
    border-radius: 5px;
    background: var(--backgroundPrimary);
}

#dashboard .my-profile .type {
    font-size:14.5px;
    font-weight: 600;
}

#sidebar-menu .navbar-nav .nav-link {
    padding:0.3rem 0;
}

#sidebar-menu .navbar-nav {
    background: var(--backgroundPrimary);
    padding: 8px 25px;
}
    /* end of the dashboard */
.navbar-brand img {
    height:auto;
    flex-shrink: 0;
}

#dashboard .my-programs .content a:hover,
#dashboard  .my-programs .content a:focus,
#dashboard .messages .content a:hover,
#dashboard .messages .content a:focus,
#dashboard .events .content a:hover,
#dashboard .events .content a:focus,
#dashboard .alerts .item a:hover,
#dashboard .alerts .item a:focus,
#dashboard .posts .blog-wrapper:hover,
#dashboard .posts .blog-wrapper:focus,
#dashboard .alerts .item:hover,
#dashboard .alerts .item:focus,
#dashboard .my-surveys .content a:hover,
#dashboard .my-surveys .content a:focus
{
    background: var(--backgroundPrimary);
}

#dashboard .my-programs .thumb {
    padding-left:5px;
}

#dashboard .my-programs .item .title {
    text-shadow: none!important;
}


#dashboard .my-programs .item .thumb img {
    border:none!important;
}


#layout-shopping-cart { box-shadow: 1px 7px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }

/* form login */
#layout-user-account { box-shadow: 1px 7px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }

#layout-user-account .user-name {
    font-weight: bold;
    color:#000;
}

#layout-user-menu a {
    font-size: 1.1rem;
    display: block;
}
#layout-user-menu a:hover {
    color: #333;
}

#layout-user-account .logout-btn:hover {
    color:#fff!important;
}

#layout-user-account .logout-btn{
    border:none;
    color: #fff;
    background: var(--primaryColor);
    font-size: 12.5px;
    text-transform: lowercase;
    font-weight: 500;
    border-radius: 0.4rem;
    padding: .25em .6em;
}

.navigation #layout-user-account,
.navigation .shopping-list {
    position: absolute;
    top: 90px;
    right: 0;
    background: var(--backgroundPrimary);
    color: white;
    padding:10px;
    border-radius: 5px;
    border: 1px solid var(--borderLight);
    z-index:11111;
}

.navigation #close-shop, .navigation #close-form {
    cursor: pointer;
    font-size: 1.5em;
    color: var(--primaryColor);
}
.navigation #layout-user-account label {
    color:#000;
}

button.navbar-toggler {
    outline:none;
    padding-left:.5rem;
}

.navigation .bars {color:var(--primaryColor);position: relative;font-size: 30px}
.navigation .bars::after {
    position: absolute;
    bottom:-10px;
    transform:translateX(-50%);
    left:50%;
    color:var(--primaryColor);
    display: block;
    content: 'Menu';
    font-size: 13px;
    z-index:11111;
}

.navigation #layout-user-account a.btn {
    border: 2px solid var(--primaryColor);
    color: var(--primaryColor);
    font-weight: bold;  
}

.navigation #layout-user-account input::placeholder {
    background:#fff;
    color:#000;
}

.navigation #forgot-password {
    font-size: 14px;
    color:var(--primaryColor);
}

/* end form login */

.svg-inline--fa {
    height: auto!important;
}

.fa-shopping-cart, .fa-user {
    color: var(--primaryColor);
}

/* navbar */

.navbar-expand-lg .navbar-nav a.nav-link {
    padding-right: 0.7rem;
    padding-left: 0.7rem;
}

.navbar-nav a.nav-link:hover {
    background: var(--light);
}

.navigation .navbar-nav li a {
    color: var(--primaryColor)!important;
    font-weight: 500;
}



.navigation .wrapper-container {
    padding: 8px 4px;
    border-radius:5px;
}


.navigation .wrapper-container.hover {
    background: var(--backgroundPrimary);
}

/* .navigation .search-form .wrapper {
    border:1px solid black;
    color:black;
} */

.navigation .search-form input::placeholder {
    color:#000;
}

.navigation ul.navbar-nav {
    padding:0 .5rem;
    font-size: 16px;
}

.navigation .search-form input {
    border: 1px solid var(--secondaryColor);
}

.navigation .quantity {
    position: absolute;
    top: -10px;
    right: -5px;
    background: tomato;
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    height: auto;
    width: 16px;
    color:#fff;
}

#slider-main .carousel-indicators {
    bottom:0px;
}

#slider-main .btn-carousel {
    background: var(--backgroundPrimary);
    color:var(--secondaryColor);
    font-weight: bold;
}


#slider-main .carousel-indicators li.active {
    background:var(--primaryColor);
}

.carousel-caption {
    bottom:30px!important;
}

#slider-main .carousel-indicators li {
    height: 22px;
    width: 22px;
    background-color:#fff;
    border-radius: 50%;
    border: 2px solid var(--primaryColor);
    margin: 0 5px;
}

#slider-main .carousel-item {
    height: 600px;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container.my-5.blog {
    margin-top: 2rem !important;
}

/* blog */

.blog h5 {
    font-size: 1.15rem;
    font-weight: bold;
}

.blog ul#benefits li {
    font-size: 14px;
}

.blog .reading {
    color: var(--primaryColor);
    font-size: 14px;
    font-weight: bold;
}

.blog .fa-chevron-right {
    font-size:10px;
}

.blog hr {
    background: var(--backgroundSecondary);
}

.blog .blog-list {
    text-align: center;
}

.navbar-light .navbar-toggler:focus {outline: none;}

.blog .blog-list .message-header {
    border-radius:10px;
    width:100%;
    height: auto;
}

.blog .blog-list p, .blog .blog-list h4 {
    margin-top:.50rem;
}

.blog .blog-list h4 {
    text-transform: capitalize;
    font-size: 1.15rem;
    color:var(--primaryColor);
    font-weight: bold;
}

.blog .blog-list p {
    font-size: 14px;
    margin-bottom:10px;
}


.blog .blog-list a {
    color: var(--primaryColor)!important;
    font-size: 18px;
}

/* coaching */
.coaching {
    border-bottom:1px solid lightgray;
}

#payment-form .personal-info .label, #shipment-form .personal-info .label {
    width:105px;
}

#checkout-summary .row, #shop-order-details .row {
    height: auto;
}

#checkout-summary .row span.label, #shop-order-details .row span.label {
    width:auto;
}

/* footer */
#footer-container { border-top: 2px solid var(--borderHighLight); }
footer p { font-size: 14px; }
footer #phone { color: var(--primaryColor); }
footer #social-list li { color: var(--primaryColor); }
footer #social-list li svg { margin-right: 10px; }

/* !media queries */

@media only screen and (max-width:992px) {
    .navbar-brand img {
        width:179px;
    }
    .navigation ul.navbar-nav li{
        border-bottom:1px solid lightgray;
    }

    .wrapper-container {
        display: inline-block;
    }

    #slider-main, .firstContainerAfterNav {
        margin-top:78px;
    }

    #mobile-swappness {
        position: absolute;
        top: 20px;
        right: 40px;
    }
}

@media only screen and (max-width: 575px) {
    #login-form-name table, #login-form-name input, #login-form-name .input {
        width: 100%;
    }

}

@media only screen and (max-width: 767px) {

    #slider-main .carousel-item {
        height:450px;
    }

    #slider-main .carousel-indicators li {
        width:15px;height:15px;
    }

    .navbar-nav  li a {
        display: block;
        padding:5px 8px!important;
    }

    .navigation ul.navbar-nav {
        border:none;
        margin-top:1rem;
    }

    .search-form-mobile input {
        width:150px;
    }
}


@media only screen and (min-width: 992px) {


    #slider-main .carousel-indicators {
        bottom:200px;
    }

    #slider-main .carousel-item p {
        width:50%!important;
        display: block;
        margin:1rem auto;
    }
    
    .navigation .search-form {
        position: relative;
    }
    .navigation .btn-search {
        position: absolute;
        right:0;
        top:-3px;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .firstContainerAfterNav {
        margin-top:95px;
    }

    .search-form  input {
        width:150px!important;
        font-size:13px;
    }

    .navbar-brand img {
        width:216px;
    }

}

@media (min-width:1200px) {

    form.search-form input {
        width:159px!important;
    }

    .navbar-brand img {
        width:200px;
    }

    #slider-main, .firstContainerAfterNav {
        margin-top:87px;
    }
}