html{
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
	width: 100%;

	
}
.border_right{
	border-right: 1px dotted #ddd;
}

#logo{
	margin-top: -4px;
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: none !important;
}
.accordion-button {
    position: relative;
    display: flex;
  
    width: 100%;
    padding: 0;
    font-size: 20px;
    color: #000 !important;
    text-align: left;
    background:none!important;
    border: none !important;
    border-radius: 0px !important;
    overflow-anchor: none;
    box-shadow: none !important;
    transition: var(--bs-accordion-transition);
}
.accordion-button:focus{
	border:none !important;
	box-shadow: none !important;
}
.accordion-button:active{
	border:none !important;
	box-shadow: none !important;
}

.accordion-body{
	padding: 20px 0px;
}
.cover_image{
	width: 100%;
}

.cover_image{
	width: 100%;
	max-height: 500px;
	background-image: url('{{recipe.cover_image.url}}');
}

.submit_recipe_btn{
	background: #8f0e0e;
	color: #fcf3e1;
	padding: 5px 15px;
	font-size: 15px;
	border-radius: 2px;
	text-transform: capitalize;
	margin-top: 2px;
}


#section_login{
	background: #8f0e0e;
	height: 100%;
	width: 100%;
}

.login_form_card{
	margin-top: 200px;
	padding: 20px;
}

.login_btn{
	background: #8f0e0e;
	width: 100%;
	color: #fcf3e1;
	padding: 10px;
	border-radius: 5px;

}
.f-btn{
	background: #1877F2;
	color: #fcf3e1;
border-radius: 5px;
	padding: 10px;
	margin-bottom: 5px;
}
.f-btn:hover{
	background: #1877F2;

	color: #fcf3e1;

border-radius: 5px;
	padding: 10px;
}
.g-btn{
	background: #34A853;
	color: #fcf3e1;
border-radius: 5px;
	padding: 10px;
margin-bottom: 5px;
}
.g-btn:hover{
	background: #34A853;
	color: #fcf3e1;
border-radius: 5px;
	padding: 10px;

}
.t-btn{
background:black;
	color: #fcf3e1;
border-radius: 5px;
	padding: 10px;
margin-bottom: 5px;
}
.t-btn:hover{
background:black;
	color: #fcf3e1;
border-radius: 5px;
	padding: 10px;

}