body {
    padding-top: 0px;
   
}

a:link {
	color: #a57000;
	text-decoration:underline;
}

a:hover, a:visited:hover {
	color: #cfb991;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

/* KW: override for underline for .btn links */
a:link.btn, a:hover.btn, a:visited.btn {
	color: #a57000;
	text-decoration: none;
}

a[href*="youtube"]
{
  padding-right: 30px;
  background-image: url("https://extension.purdue.edu/foodlink/design/youtube-icon.jpg");
  background-position: 100% 50%;
  background-repeat:no-repeat;
}

#header {
    width: 95%;
    margin-left: 30px;
    margin-right: 33px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.container {
     width: 100%;
}

h1 {
	color: #a7582b;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-bottom: 6px;
}


h1.title {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	vertical-align: bottom;
	padding-bottom: 0px;
	padding-top: 5px;
        line-height: 1.2;
        font-size: 32px ;
        font-weight: 500 ;
}

h1 a:link, h1 a:hover, h1 a:visited {
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
        color: #000000
}

h2 {
	color: #a7582b;
	font-size: 24px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	vertical-align: bottom;
	line-height: 30px;
}

h4 {
	color: #000000;
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	vertical-align: bottom;
}

footer {
	background-color:#000000;
	color: #ffffff;
	padding:30px;
        margin-top: 70px ;
}

.footer_logo {
	height: 28.67px;
        width: 160px;
	background-color:#000000;
	color: #ffffff;
}


.footer::before {
	height: 100%;
	color: #ffffff;
        transform: skewY(-3.5deg);
        -webkit-transform: skewY(-4deg);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        display: block ;
        left: 0;
        right: 0;
        top: 0 ;
        position: absolute;
        z-index: -1;
        backface-visibility: hidden ;
        background: inherit ;
        content: "" ;
}

footer p {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
        color: #adadad;
}

footer a:link, footer a:visited, footer a:hover, footer a:visited:hover {
	color: #adadad;
}


p, #food, ul, li, ol {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.well {
	padding:0px;
	margin: 0px;
	background-color: transparent;
	border: none;
        -webkit-box-shadow: 0 0px 6px -6px #111111;
}

.navbar {
	margin-bottom:0px;
        color: #000000;
	border: none;
}
.navbar-brand {
        color: #000000 !important;
}
.navbar-inverse {
	background-color: #fafafa;
        border-top: 0px ;
	border-bottom: 4px solid #cfb991;
        font-size:1.8rem !important;
}

.navbar-inverse .navbar-nav>.active>a:link, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:visited, .nav .navbar-nav>li>a:link {
	color: #000000;
}

.navbar-inverse .navbar-nav>li>a {
	color: #000000 !important;
        border-top: 4px solid #fafafa !important ;
	background-color: #fafafa !important;
}

.navbar-inverse .navbar-nav>li>a:link {
	background-color: #fafafa !important;
	color: #000000 !important;
        border-top: 4px solid #fafafa ;
	text-decoration:none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.navbar-toggle {
        color: #000000;
        border:none;
}

.navbar-toggle .icon-bar {
        background-color: #cfb991 !important;
        border:none;
}

.navbar-nav>.nav-item {
        color: #000000 !important;
        border-top: 4px solid #fafafa ;
        border-left: 0px ;
        border-right: 0px ;
}

.navbar-nav>.nav-item:hover {
        border-top: 4px solid #cfb991 !important ;
}
.navbar-nav>.nav-item>a:hover {
        color: #000000 !important;
        text-decoration: underline !important;
}

.dropdown-item {
        text-decoration: none !important;
}
.dropdown-item:hover {
        color: #000000 !important;
        text-decoration: underline !important;
}
.list-group-item {
        border: none;
}
.dropdown-menu .divider {
        height: 2px ;
        background-color: #cfb991 !important ;
}



/* Google Search Box */

.form__search {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form__search--header {
    display: flex;
    width: 80%;
    margin-top: 25px;
    float: right ;
}


* {
    box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: border-box;
}

form {
    display: block;
    margin-top: 0em;
}

.form__search--input {
    display: flex;
    width: 100%;
    font-size: 1.5rem;
    padding: 0.5rem 0.725rem;
    border-radius: 0.125rem;
    border: 1px solid #cecece;
    box-shadow: inset 0 1px 3px 0 rgba( 0, 0, 0, 0.15);
}

.form__search--submit {
    position:absolute;
    right:0.5rem;
}

.pagecontent {
	padding:20px;
	margin-bottom:30px
}

.fa-calendar {
	padding-bottom: 20px;
}

.plu {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0px;
}

.foodName {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.recipeName {
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

 /*Limit width of title so that it does not overlap Expert Review background image */

@media (min-width: 768px) and (max-width: 992px) {
	.recipeTitle, .foodTitle {
		max-width: 305px;
	}
	.col-sm-removePadding {
		padding-left: 0;
	}
}

.secondaryFood img{
	width: 100%;
}

.giveMeMargin {
	margin: 10px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	color: #8e8e8e;
}

.factBox {
border: 1px solid #ccc;  /* Border width, style and color */
border-radius: 10px;  /* Rounded corners */
padding: 15px 20px 15px 20px;  /* Space between text and container edges */
margin-bottom: 20px;
}

.factBox img {
margin-bottom:20px;
}

.featuredRow {
border: 1px solid #ccc;  /* Border width, style and color */
border-radius: 10px;  /* Rounded corners */
padding: 0 0 20px 20px;
}

.featuredRow h2{
margin-top:10px;
}

.featuredListItems li {
list-style-type:none;
margin:10px 10px 10px 0px;
}

.featuredListItems li>a{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.spoonFix {
margin-right:5px;
}

.secondaryFoodImg {
min-width:100%;
}

.table {
	margin-bottom:10px;
}

#totalTime {
	color: #a7582b;
	font-weight:bold;
}

.ingredientAlphabet {
	margin-bottom:-20px;
}

.expertReview {
	background: url('https://extension.purdue.edu/foodlink/design/ExpertReviewed.png') no-repeat 99% 0%;
}

#foodRight {
	padding-left:15px;
}

#recipesDesktop {
	margin-left:-15px;
}

#foodsDesktop {
	margin-left:-15px;
}

@media (max-width: 767px) {
	.expertReview {
		background: none;
	}
}

/* why isn't this already? */
.label {
	margin-right: 5px;
}

.sourceInfo {
	font-size: 10px;
	cursor: pointer;
}

.popover-title {
	font-weight: bold;
}

.popover-content li {
	margin-left: -30px;
}

/* Hide Stuff for Print Version */
.printExtLogo {
	display:none;
}
.printLocalFacesLogo {
	display:none;
}
#QRCode {
	display:none;
}