/*   
Theme Name:  shoptocook-responsive-shoppersvaluefoodsms
Description: Shoppers Value Foods MS Theme
Author:      Nick Hernandez
Template:    shoptocook-responsive
Version:     1.0.0
*/
@import url(../shoptocook-responsive/style.css);

.custom-template-outer {
    padding: 10px;
}

.custom-template-inner {
    padding: 10px;
    background-color: white;
}

body {
    background-image: url("images/bg.png");
}

#primary {
    margin: 0 !important;
}

/***************
 *   TP Coups  *
 **************/
.tpc-client-login {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 5px;
    text-align: right;
}

.tpc-login-wrapper {
    text-align: center;
}

.tpc-login-wrapper img {
    max-height: 74px !important;
}

.tpc-client-login,
.tpc-client-login a {
    color: black;
}

.tpc-client-login a:active,
.tpc-client-login a:visited {
    color: black;
}

.tpc-client-login a:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .tpc-client-login {
        text-align: center;
    }

    .tpc-login-wrapper {
        margin-top: 15px;
    }
}

@media (max-width: 600px) {
    .header-container {
        justify-content: center;
        flex-direction: column;
    }
}
.appcard-header-container a,
.appcard-header-container a:visited {
    color: #000102;
    text-decoration: underline;
}

.appcard-header-container a:hover,
.appcard-header-container a:focus
.appcard-header-container a:active {
    color: #000102;
    text-decoration: none;
}

.appcard-header-container div {
    background: white;
    border-radius: 5px;
    padding: 2px 5px;
    margin-top: 3px;
}


/***********************
 *   NAVIGATION MENU   *
 ***********************/

/* Nav menu item padding */
.navigation-main .nav-menu>li>a {
    padding-right: 20px;
}

.navigation-main .nav-menu a {
    padding-left: 20px;
}

/* Nav menu items */
.navigation-main,
.navigation-main .nav-menu>li {
    background-image: url('images/menu-mask.gif');
    background-repeat: repeat;
}

/* Mobile menu */
@media screen and (max-width: 600px) {
    .navigation-main.toggled .nav-menu li {
        background-image: none;
        border-bottom: none;
    }
}

/*******************
 *   Recipe Page   *
 *******************/
.recipeoftheweekbanner {
    background-image: url('images/recipeoftheweek.jpg');
}

.featuredcategoriesbanner {
    background-image: url('images/featuredrecipecategories.jpg');
}

.recipecategoryspacer {
    border-top: 6px solid #ed1b24 !important;
}

/*************
 *   Footer   *
 *************/
.site-info,
.site-info a {
    color: #393939;
}

/*************
 *   Misc   *
 *************/
.warning-message {
    background-color: red;
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
    border: 5px solid #40af49;
}