@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;700;900&display=swap');

#Content {
    max-width: 1170px !important;
    margin-left: auto;
    margin-right: auto;
}

.navbar-default {
    padding-top: 10px;
}

div#Footer {
    background-color: #faf5ef;
}

.retailer-logo {
    max-height: 100px;
    max-width: 300px;
    float: left;
    padding-right: 10px;
    margin-top: -43px;
}


.instacart-logo{
    height: 30px;
    float: left;
    margin-top: -40px;
}


.fa-lg {
    line-height: 1em;
}

.fa.pull-right {
    margin-left: 1em;
}

a.gray-icon, i.gray-icon, a.fa.fa-search {
    color: #696969;
}

.search-form-control {
 border-radius: 25px 0px 0px 25px;
}

button.btn.btn-default.header-search-button {
 border-radius: 0px 25px 25px 0px;
}




/* search stuff 2 */

input {
    outline: none;
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}


input[type=search] {
    background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
    border: solid 1px #ccc;
    padding: 0px 10px 0px 32px;
    width: 55px;

    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
    width: 130px;
    background-color: #fff;
    border-color: #66CC75;

    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}

/* Demo 2 */
#mobile-search input[type=search] {
    width: 15px;
    padding-left: 10px;
    margin: 5px 10px;
    color: transparent;
    cursor: pointer;
}
#mobile-search input[type=search]:hover {
    background-color: #fff;
}
#mobile-search input[type=search]:focus {
    width: 130px;
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
}
#mobile-search input:-moz-placeholder {
    color: transparent;
}
#mobile-search input::-webkit-input-placeholder {
    color: transparent;
}

/* end searc stuff 2 */


p.top-links {
    color: #c0141d;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited {
    color: #c0141d;
    font-weight: 800;
    font-size: 16px;
}



.Content {
    background-color: #faf5ef;
   /* background-image: url('https://core.graphics.grocerywebsite.com/G_Home/farm_scene_bg.jpg');*/
    background-color: #faf5ef;
    /*    background-size: contain;
    background-repeat: no-repeat; */
}

.navbar {
    min-height: 0;
    margin-bottom: 0;
    border: none;
}


.underline{
    text-decoration: underline;
}



.recipe-wrapper{
    background-color: #fff;
    max-width: 285px;
    margin: auto;
}

.recipe-image-wrapper {

}





.OddRow a:visited, .EvenRow a:visited {
    color: red;
}
.OddRow a, .EvenRow a {
    color: black;
}



.separator {
    width: 100%;
    height: 15px;
    border-bottom: 3px solid #c0141d;
    text-align: center;
    margin: 20px 0 20px 0;
}

.separator-text {
    font-size: 20px;
    background-color: #faf5ef;
    color: #c0141d;
    padding: 0 20px;
}

.recipe-title{
    color: #c0141d;
    padding-left: 5px;
    text-decoration: none;
    font-weight: bold;
    /*min-height: 76px;*/
}

a .recipe-description{
    color: #c0141d;
    padding-left: 10px;
    text-decoration: none;
    padding-right: 2px;
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a .recipe-link{
    color: #c0141d;
    padding-left: 10px;
    padding-bottom: 4px; /* 20px */
    position: absolute;
    bottom: 1px;
}


li.footer-link a, li.footer-sub-link a {
    color: #333;
    font-weight: 500;
}

h4.SideBarBoxHead{
  color: #000000;
}



.FooterList h4 {
    color: #333;
}

.Footer h4 {
    color: black;
}

.footer h4.footer-download{
    margin-top: 10px;
}

li.footer-link a{
}

ul.FooterList{
    padding-left: 0px;
    margin-left: 20px;
    list-style-type: none;
}

.badge-wrapper img {
}


li.footer-link {
    list-style-type: none;
    margin-bottom: 5px;
}

.mobile-nav-icon {
    font-size: 24px;
    text-decoration: none;
}

.footer .footer-mobile-app-icon {
    max-width: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

a.glyphicon.glyphicon-map-marker {
    color: #EA1720;
    text-decoration: none;
}

a.fa.fa-search{
    text-decoration: none;
    margin-left: 0;
    margin-right: 10px;
}

a.fa.fa-youtube-play, a.fa.fa-facebook-f {
    text-decoration: none;
}

.mobile-menu-left.pull-left {
    margin-left: 15px;
}

a.glyphicon.glyphicon-map-marker, a.fa.fa-search
 {
    padding-top: 10px;
    margin-right: 10px;
}

/*
.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    display: none;
}
*/

div#footer-wrapper {
    padding-top: 50px;
    background-color: #faf5ef;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
}
.dropdown-submenu {
    position: relative;
}

.caret-right {
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    margin-left: 5px;
}

.caret-left {
    border-right: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    margin-left: -15px;
    margin-right: 10px;
}

.gray-icon.hidden-xs {
    padding-left: 15px;
    padding-top: 2px;
}

.dropdown-menu .sub-menu{
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}



ul.dropdown-menu.sub-menu.pull-left {
    top: 0;
    right: 100% !important;
    left: auto;
}

body {
    background-color: #faf5ef;
}

.user-acct{
    margin-left: 15px;
}

img.img-responsive.icon-logo {
    max-height: 60px;
    margin-bottom: 20px;
}


.social-mobile {
    height: 18px;
    padding-left: 15px;
    margin-top: -1px;
}

.social-mobile-menu {
    width: 32px;
    height: auto;
    margin-bottom: 20px;
}

a.navbar-brand.mobile-logo {
    margin-bottom: -10px;
}

.glyphicon-map-marker {
    margin-right: -10px;
    margin-left: 15px;
    margin-top: 2px;
}

/*#Content .container-fluid {
    background: #dedede;
}*/

form.standardform-bs {
    background: #faf5ef;
}


@media only screen and (max-width: 767px) {
    .home-top-margin-xs {
        margin-top: 25px;
    }
    .recipe-wrapper {
        height: 350px;
    }
    .feature-description{
        /*display: none;*/
    }

    .footer h4.footer-download{
        margin-top: 20px;
    }
    .search-form {
        display: none;
    }

    .intro-heading {
        font-size: 2em;
        font-weight: 900;
        text-shadow: 2px 2px 4px #000000;
        height: 3em;
        margin: auto;
    }
    .recipe-image-wrapper {
        position: relative;
        padding-bottom: 80%;
        overflow: hidden;
        width: 100%;
    }
    .recipe-image {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 100% /* 80%; */
    }
    /*search stuff for mobile*/
    a.navbar-brand.mobile-logo {
        margin-top: 30px;
        margin-bottom: -30px;
    }
    .navbar-brand>img {
        height: 110%;
    }
    .instacart-logo {
        margin-left: 15px;
        margin-top: 12px;
    }
    .retailer-logo {
        max-height: 100px;
        max-width: 300px;
        float: left;
        padding-right: 10px;
        margin-top: -30px;
        margin-bottom: 15px;
        margin-left: -15px;
    }
    a.navbar-brand.mobile-logo {
        margin-left: -15px;
    }

    .navbar-brand>img {
        max-width: 226px;
        height: auto;
    }
    .btn:visited {
        color: #ffffff;
    }

    .station-data {
        font-size: .4em;
    }

    table.dataTable td, table.dataTable th {
        padding: 3px 1px;
    }
}

@media only screen and (min-width: 768px) {
    .container-fluid {
        max-width: 750px;
    }
    .recipe-wrapper{
        height: 300px;
    }
    .navbar-default {
        background-color: #fff;
    }

    .container>.navbar-header {
    }

    .navbar-header {
        max-width: 300px;
    }

    .navbar>.container-fluid .navbar-brand {
        position: relative;
        top: -42px;
        margin-left: -5px;
    }

	.dropdown:hover .dropdown-menu {
		display: block;
	}
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .instacart-logo {
        margin-left: 440px;
        margin-top: -33px;
    }

    .retailer-logo {
        max-height: 100px;
        max-width: 300px;
        float: left;
        padding-right: 10px;
        margin-top: 0;
        margin-bottom: -35px;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        position: relative;
        top: -42px;
        margin-left: -2px;
    }

p.top-links {
    font-size: 12px;
}

}


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

    .container-fluid {
        max-width: 970px;
    }

    .badge-wrapper img {
    }


    .recipe-wrapper{
        height: 350px; /* 98%; */
    }

    .border-left{
        border-left: 1px solid #000;
    }

p.top-links {
    font-size: 13px;
}



}


@media only screen and (min-width: 1200px) {
    .container-fluid {
        max-width: 1170px;
    }

    .recipe-wrapper{
        height: 380px; /* 98%; */
    }
    .navbar-default .navbar-nav>li>a {
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 767px) {
.navbar-brand {
    float: left;
    height: 90px;
    padding: 5px 15px;
    }
}


/* FROM HOMEPAGE */

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,900i&display=swap');
.intro-heading {
    font-size: 3em;
    line-height: 1.5em;
    margin: auto;
    height: 0.2em;
    text-shadow: 2px 2px 4px rgb(0, 64, 124);
    /* background-color: blue; */
}


a:focus, a:hover {
    color: #333333;
    text-decoration: none;
}




a {
    color: #a00e16;
    text-decoration: none;
}

.CMSPage .container, .CMSPage .container-fluid {margin: auto;}

#Header, .Header, .site-header {
    font-family: 'Libre Franklin', 'Helvetica', Arial, sans-serif;
    background: #fff;
}

.Footer span a {color: #000;}

/* Social Testing */

.social
{
  margin: 0;
  padding: 0;
}

.social ul
{
  margin: 0;
  padding: 4px;
}

.social ul li
{
  margin: 5px;
  list-style: none outside none;
  display: inline-block;
}

.social i
{
  width: 40px;
  height: 40px;
  color: #126966;
  background-color: transparent;
  font-size: 22px;
  text-align: center;
  padding-top: 12px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.social i:hover
{
  color: #FFF;
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.social .fa-facebook-f:hover
{
  background: #4060A5;
}

.social .fa-x-twitter:hover
{
  background: #00ABE3;
}

.social .fa-google-plus:hover
{
  background: #e64522;
}

.social .fa-pinterest:hover
{
  background: #cb2027;
}

.social .fa-linkedin-in:hover
{
  background: #0094BC;
}

.social .fa-instagram:hover
{
  background: #375989;
}

.social .fa-youtube:hover
{
  background: #FF1F25;
}

.social .fa-xing:hover
{
  background: #005C5E;
}

.social .fa-youtube-play:hover
{
  background: #DF192A;
}

/*End social test */



/* Footer stuff */

/*weekly ad bootstrap footer stuff*/
    footer.site-footer {/* background-color:#fff; background:#fff; background:rgba(255, 255, 255, 0.50); */ margin-top:40px;}
    .footer ol, .footer ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    }

    .footer ul li {
    list-style: none;
    list-style-type: none;
    padding: 0;
    }

    .site-footer .FooterList ul li ul {padding: 0;}

    .site-footer .FooterList ul li a:visited {color: #a00e16;}
    .site-footer .FooterList ul li a {color: #a00e16;}
    .site-footer ul li a {color: #a00e16; line-height: 1.0;}
    .site-footer ul li h4 {color: #2f2f2f;}

    .footer a:visited {color: #a00e16;}
    .footer a {color: #a00e16;}

    .Footer ol, .Footer ul {
    list-style: none;
    list-style-type: none;
    }
/*all other site footer*/
    #Footer.Footer { /* background-color:#fff; background:#fff; background:rgba(255, 255, 255, 0.50); */ margin-top:40px;}

    .Footer ul li ul {padding: 0;}

    .site-footer ul li a {color: #a00e16; line-height: 1.0;}
    .site-footer ul li h4 {color: #2f2f2f;}
    .footer ul li h4 {color: #2f2f2f;}
    .Footer ul li a:visited {color: #a00e16;}
    .Footer ul li a {color: #a00e16;}
    .site-footer ul li h4, .footer ul li h4 {margin-left:0px; font-weight: 700;}
    .footer-sub-link {font-weight: 500;}
    .footer, .site-footer {
        font-family: 'Libre Franklin'; 
        background-color: #fff;
    }

    li.footer-link a, li.footer-sub-link a {
        font-weight: 500;
    }

    .site-debug {display: none;}
/*  div#div-gpt-ad-1449167388762-0 {background-color: #fff; width: 100% !important;} */
    .ServerName {display: none;}

/*.navbar-brand img {height: 85px;}*/

/* make this visible at xs only */
@media (max-width: 767px) {
    .site-footer ul li h4, .footer ul li h4 {line-height: 2.0; margin-left:0px;}
    .Footer ul li a:visited {line-height: 2.0;}
    .Footer ul li a {line-height: 2.0;}
    .site-footer ul li h4 {line-height: 2.0;}
    .site-footer ul li a:visited {line-height: 2.0;}
    .site-footer ul li a {line-height: 2.0;}
    .navbar-brand img {padding-left: 12px;}
    .navbar-default {background-color: #ffffff;   border-color: transparent;}
}

.navbar-default .navbar-nav>li>a {font-size: 16px;}

@media (min-width: 768px) and (max-width: 992px) {
.navbar-default .navbar-nav>li>a {
    font-size: 1em;
    }
.nav>li>a {
    padding: 10px 12px 10px 2px;
    }
}


.CMSPage div, .CMSPage p, .CMSPage ul, .CMSPage ol, .CMSPage table, .CMSPage dl, .CMSPage blockquote, .CMSPage h1, .CMSPage h2, .CMSPage h3, .CMSPage h4, .CMSPage h5, .CMSPage h6, .CMSPage th, .CMSPage dt, .CMSPage .HeaderRow td, .CMSPage table.HitList tr.HeaderRow td {
    font-family: 'Libre Franklin';
}

.CMSPage img {max-width: 100%;}