body {
  background-color: linen;
}
h4 {
  /*color:#288568;*/ /* spinach */
  color:#648D24; /* basil */
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid #8fca34;
}

button {
  background:#9E252E;
  color:#F0E3C2;
  /* border-color:#F0E3C2; */
  /* width: 6em; */
  /* margin: 10px 0; */
}
button:active {
  background:#9E252E;
  color:linen;
  /* border-color:linen; */
}
button:hover {
  /* background:#9E252E;     */
  background: tomato;

  /* background:antiquewhite; */
  /* color:#455439; */
  /* border-color:#648D24; */
}

button:focus {
  color:#9E252E;
  background:linen;
}

.btn-remove-ingr {
  margin-right: auto;
  /* padding-right: 1rem; */
}

.btn-add-ingr, .btn-add-dir {
  background:#648D24;
  color:#F0E3C2;
  margin-left: auto;
}
.btn-add-ingr:active, .btn-add-dir:active {
  background:#9E252E;
  color:linen;
  /* border-color:linen; */
}
.btn-add-ingr:hover , .btn-add-dir:hover {
  background: darkkhaki;
}

.btn-add-ingr:focus , .btn-add-dir:focus {
  color :linen;
  background:#648D24;
}

.btn-basil {
    color: #fff;
    background-color: #648D24;
    border-color: #648D24;
}

.btn-basil:active {
  background:#8fca34;
  color:linen;
  /* border-color:linen; */
}
.btn-basil:hover{
  background: darkkhaki;
}

.btn-basil:focus{
  color :linen;
  background:#648D24;
}

.btn-tomato {
  background:#9E252E;
  color:#F0E3C2;
  /* border-color:#F0E3C2; */
  /* width: 6em; */
  /* margin: 10px 0; */
}
.btn-tomato:active {
  background:#9E252E;
  color:linen;
  /* border-color:linen; */
}
.btn-tomato:hover {
  /* background:#9E252E;     */
  background: tomato;

  /* background:antiquewhite; */
  /* color:#455439; */
  /* border-color:#648D24; */
}

.btn-tomato:focus {
  color:#9E252E;
  background:linen;
}


.clr-tomato {
    color:#9E252E;
}
.clr-light-tomato {
  color: tomato;
}
.clr-basil {
  color:#648D24;
}
.bg-orzo {
  background:#F0E3C2;
}
.bg-light-salmon {
  background: lightsalmon;
}
.bg-honeydew {
  background:honeydew;
}
.bg-mint-cream {
  background:mintcream;
}
.bg-text {
  background:#fefdfb;
  background-color:#fefdfb; 
}
.home-link-item {
  color:#9e252e;
  background: whitesmoke;
  text-align: center;
  
}

.home-link-head {
  text-align: center;
  color:#9e252e;
  background:#F0E3C2
  /* background:#f2f2f2; */
}

.top-navlink {
  padding: 0rem .2rem .5rem .2rem !important;  
  color:#9E252E;
  /* background: purple; */
  
}

a.top-link:link, a.top-link:visited {
  color:#648D24;    

}
/* mouse over  and active/selectedlink */
a.top-link:hover, a.top-link:active {
  color:#9E252E;
  text-decoration: none;
}

a.nav-link li a, a.nav-link li a:visited{
  padding: 0rem .2rem .5rem .2rem !important;  
}

ul.nav li a, ul.nav li a:visited {
  /* color: green !important; */
  color:#9E252E;
  
}

ul.nav li a:hover, ul.nav li a:active {
  /* color: cyan !important; */
  color:#648D24;
  
}

ul.nav li.active a {
  color: green !important;
}

.le-footer {
  padding: 1.5rem 0;
  color: #999;
  text-align: center;
  /* background-color: #f9f9f9; */
  /* background-color: #F0E3C2; */
  background-color: linen;
  /* border-top: .05rem solid #e5e5e5; */
}
.le-footer p:last-child {
  margin-bottom: 0;
}

.navcolumn {
  background: green;
  padding-left: 0px;
  padding-right: 0px;
}
.nav-button:link {
  background:#9E252E;
  color:#F0E3C2;
  border-color:#F0E3C2;
  width: 6em;
  margin: 10px 0;
}
.nav-button:active {
  background:#9E252E;
  color:#F0E3C2;
  border-color:#F0E3C2;
  width: 6em;
  margin: 10px 0;
}

  .nav-button {
    background:#9E252E;
    color:#F0E3C2;
    border-color:#F0E3C2;
    width: 6em;
    margin: 10px 0;
  }
  .nav-button:active {
    background:#9E252E;
    color:linen;
    border-color:linen;
  }
  .nav-button:hover {
    background:#9E252E;    
    /* background:antiquewhite; */
    color:#455439;
    border-color:#648D24;
  }
  
  .nav-button:focus {
    color:#9E252E;
    background:linen;
  }
  
      /* ------ le-search */
.le-search {
  display: table;
  width: 100%;
  height: 30%; /* set a pixel height and then remove the body,html height */
  vertical-align: middle;
  background: linen;
  color: #fff;
}
.le-search-inner {
  display: table-cell;
  vertical-align: middle;
}
.le-search .search {
  padding: 1%;
  max-width: 980px; /*max width of search*/
  margin: 0 auto;
}
.no-margin-top {
  margin-top: 0
}

/* ------ form-control-lg */
.form-control-lg {
  min-height: 46px;
  border-radius: 6px;
  font-size: 18px;
  line-height: normal;
}

form.search button {
float: left;
width: 15%;
padding: 10px;
background: #9E252E;
/* background: #2196F3; */
color: white;
font-size: 14px;
border: 1px solid grey;
border-left: none;
cursor: pointer;
}
form.search button:hover {
background: #d64f59;
}
form.search::after {
content: "";
clear: both;
display: table;
}


/* ------ disjointed form group custom */
.le-search .search.has-button .btn {
  margin-top: 5px;
  width: 100%;
}
@media (min-width:480px) { 
  .le-search .search.has-button .form-group {
      position: relative;
      padding-right: 99px; /*space for button*/
  }
  .le-search .search.has-button .btn {
      position: absolute;
      top: 0;
      right: 0;
      width: auto;
      margin: 0;
  }
}
  /* DarkOrange -->
  <!-- Ripe Tomato #9E252E -->
  <!-- LimeGreen -->
  <!-- Basil #648D24 -->
  <!-- lightgoldenrodyellow -->
  <!-- Pasta #F0E3C2 -->
  */