@import url('hashover/comments.css');

.ingredients2, .ingredients3{
    width: 100%;
}

.ingredients .recipe-ingredients, .ingredients2 .recipe-ingredients2, .ingredients3 .recipe-ingredients3 { 
	overflow: hidden; 
	position: relative;
	padding: 1.5em 0 1.5em 0; 
    list-style: none;
    font-family: 'Open Sans', sans-serif;
	/* font-family: 'Raleway', sans-serif;  */
	font-size: 1em; 
	line-height: 1.6rem;
	background-size: 100% 31px;
	border-top: none;
}
.ingredients .recipe-ingredients:before, .ingredients2 .recipe-ingredients2:before, .ingredients3 .recipe-ingredients3:before { 
    position: absolute; content: ""; width: 4px; height: 100%; top: 0; left: 30px; 
}
.ingredients .recipe-ingredients li, .ingredients2 .recipe-ingredients2 li, .ingredients3 .recipe-ingredients3 li { 
    position: relative; float: left; width: 90%; margin: 0 0 0 0px; padding: 0 0 10 0px; color: #71664f; cursor: pointer; 
    
}
.ingredients ul li, .ingredients2 ul li, .ingredients3 ul li{
    font-size: 1em;
    border-bottom-style: dotted;
    border-color: #e0e0e0;
}

.ingredients ul li:last-child, .ingredients2 ul li:last-child, .ingredients3 ul li:last-child{
  border-bottom:0;
}
.ingredients .recipe-ingredients li ul, .ingredients2 .recipe-ingredients2 li ul, .ingredients3 .recipe-ingredients3 li ul { 
    display: none; 
}
.ingredients .recipe-ingredients li:before, .ingredients2 .recipe-ingredients2 li:before, .ingredients3 .recipe-ingredients3 li:before { 
    position: absolute; top: 3px; left: 0; font-family: 'IconFont'; font-size: 1em; content: " "; color: #b2a68e; 
}
.ingredients .recipe-ingredients li.selected, .ingredients2 .recipe-ingredients2 li.selected, .ingredients3 .recipe-ingredients3 li.selected { 
    text-decoration: line-through; color:#CECECE; 
}
.ingredients .recipe-ingredients li.selected:before, .ingredients2 .recipe-ingredients2 li.selected:before, .ingredients3 .recipe-ingredients3 li.selected:before { 
    content: ""; left: 1px; 
}
/**/

.equipment ul{
  list-style: none;
}

.recipe_instructions, .recipe_notes{
	padding:10px 0px 10px 0px;
    
}
.instructions{
    font-size:16px;
}

.instructions li, .instructions p{ background: #eeeeee; }
.instructions li:nth-child(odd), .instructions p:nth-child(odd) { background: #ffffff; }


.instructions, .print_instructions {
    clear: both;
    list-style: none;
    padding-left: 2%;
  }
  .instructions li, .instructions p {
    margin: 2em 0;
    padding: 1em;
    display: block;
    position: relative;
    counter-increment: inst;
  }
  .instructions li::before, .instructions p::before {
    content: counter(inst);
    
    color: #000000;
   
    font-size: 1em;
    font-weight: 700;
    font-style: italic;
    margin-right:1em;
    padding:4px;
    
    border-radius: 0 0.675em 0.675em 0;
    font-size: 1.5em;
    text-align: center;
    
  }

  .print_instructions li, .print_instructions p {
    margin: .5em 0;
    padding: .5em;
    display: block;
    position: relative;
    counter-increment: inst;
  }
  .print_instructions li::before, .print_instructions p::before {
    content: counter(inst);
    
    color: #f30404;
   
    font-size: 1em;
    font-weight: 700;
    font-style: italic;
    margin-right:1em;
    padding:4px;
    
    border-radius: 0 0.675em 0.675em 0;
    font-size: 1.5em;
    text-align: center;
    
  }

  #sandwichInput {
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
  }
  
  #sandwichlist {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  #sandwichlist li{
    padding: 8px 0 8px 0; 
    border-bottom: 1px dotted #CECECE;
  }
  
  #sandwichlist li a {
    border: 1px solid #ddd; /* Add a border to all links */
    margin-top: -1px; /* Prevent double borders */
    background-color: #f6f6f6; /* Grey background color */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove default text underline */
    font-size: 18px; /* Increase the font-size */
    color: black; /* Add a black text color */
    display: block; /* Make it into a block element to fill the whole list */
  }
  
  #sandwichlist li a:hover:not(.header) {
    background-color: #eee; /* Add a hover effect to all links, except for headers */
  }