body { background-color: #aec6cf;}
.errors 	{ display: none; }
.recipeHide { display: none; }
.recipe-body{ padding-top: 10px; }
.recipe-body {
	margin-top: 5px;
	background-color: #F8FAFB;
	padding: 4px 8px;
}
.recipe-description {
	text-align: justify;
	text-justify: inter-word;
}

.modal-title {
	font-size: 18px;
}

.btn-primary { background-color: #4F7D8C; border: solid 1px #4F7D8C; border-radius: 0; }
.btn-primary:hover { background-color: #7B9EAB;}

/* additional classes added in 9.2 */
body {
	background-image:    url('../img/beach-7153932_1280.jpg');
	background-size:     cover;                    
    background-repeat:   no-repeat;
    background-position: center center;
	min-height: 100vh;
}
.footer, .header { 
	background-color: #323232; 
	color: white;
	padding: 8px;
}
.footer h5 { 
	padding-top: 8px;
	text-align: center;
}
#btn-info, #btn-search-modal { 
	float: right; 
}
/*.container-fluid {
	min-height: calc(100vh - 112px);
}*/
#splashImg {
	margin-top: calc(100vh / 2 - 260px);
}
.recipe-item .recipe_name {
	text-align: center; 
	color: #323232;
}
.recipe-item img { 
	border: solid 2px white; 
	border-radius: 10px; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.recipe-ingredients, .recipe-directions {
	background-color: #4F7D8C; 
	color: white; 
	margin: -4px -8px 0 -8px;
	padding: 4px;
}
.recipe-body {
	margin-bottom: 5px;
}
.modal-header, .modal-footer {
	background-color: #323232;
	color: white;
}

/* 9.2 -3 */
.error { color: white; font-weight: bold; background-color: #323232; padding: 10px; text-align: center; border: 2px solid crimson; }
			
.errors { background-color: white; width: 95vw; padding: 20px;  word-wrap: break-word; margin: 10px auto;}
.errors div span { color: crimson; font-weight: bold; }

html, body {
  overflow-x: hidden;
}

/* 2.0 */

#page-information { display: none; }
#page-information { display: none; }
#page-search { display: none; }
#page-addrecipe { display: none; }
#page-favorites { display: none; }
#page-recipes { display: none; }








.btn-tight { 
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}
.progress-square {
	border-radius: 0px;
	height: 10px!important;
}

/* 9.3 -2 */
#btn-favorites { float: left; }
.favorite-item { float: right; }
.btn-favorited:link { background-color: #4F7D8C; border: solid 1px #4F7D8C; border-radius: 0; color: red;}
.btn-favorited:visited { color: crimson ; }


/* 9.3 -3 */
#ret_search div {
	width: 100%; 
}
.result-link:link {
	margin-top: 8px;
	background-color: #4F7D8C; 
	color: white; 
}
/* 9.3 -4 */
#btn-add-recipe {
	float: left;
}	
#ul_ingredients {
	padding-left: 0px; 
}
#ul_ingredients li {
	margin-left: 0px;
	list-style-type: none; 
}
#btn-new-ingredient {
		float: right;
		margin-bottom: 6px;
}