:root{
	/* --sooby-text: #ffa07a;
	--sooby-blue:#31b7fb;
	--sooby-bg:#CAE4F1;
	--sooby-head:#ffecd1 */

  --sooby-text: #ef8582;
  --sooby-blue:#31b7fb;
  --sooby-bg:#eaf6fe;
  --sooby-head:#ffffff;

}
body {
  background-color: var(--sooby-bg) !important;
	  font-family: 'Baloo 2', cursive !important;
}

h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--sooby-text);
}

a.btn {
  font-weight: bold;
  padding: 0.6rem 1.5rem;
  border-radius: 2rem;
}

a.btn-warning {
  background-color: #CAE4F1;
  border-color: #CAE4F1;
  color: #fff;
}

button.btn-primary{
	color: white !important;
	background-color: var(--sooby-text) !important;
	border-color: var(--sooby-text) !important;
	padding: 0px;
	height: 36px;
}
/* button.btn-primary:hover{
	font-size:18px;
	transition:all 300ms;
} */

.nav-link {
  font-weight: bold;
  color: #333;
}

.nav-link:hover {
  color: var(--sooby-text);
}
.logo{
	font-size:2rem;
	color:var(--sooby-text);
}
.logo a{
	text-decoration: none;
	color:black;
}
.logo img{
	border-radius:50%;
	width:80px;
	margin-right:20px;
}
header, footer {
  background-color: var(--sooby-head);
}

.hero {
  /* background-color: #fff0e0; */
  padding: 4rem 1rem;
  text-align: center;
  margin-top:0px !important;
}
.hero h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.hero h1 strong{
	color: var(--sooby-text);

}
.hero p {
  font-size: 1.2rem;
}
.lead{
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 50px;
}
.container{
	margin-top:70px;
}
.benefit-card {
  background: #fff;
  border-radius: 1rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.benefit-card img {
  height: 60px;
  margin-right: 1rem;
}
.product-card {
  background-color: #fff;
  border-radius: 1rem;
  text-align: center;
  padding: 1rem;
}
.product-card img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  max-height: 160px;
	object-fit: cover;
}

.benefit-card img {
  height: 140px;
  margin-bottom: 1rem;
}
.benefit-counter{
	width:50px;
	min-width:50px;
	font-size:40px;
	color:var(--sooby-text);
	font-weight:bold;
}

.card h5 {
  font-size: 1.3rem;
  color: var(--sooby-text);
}
.card {
  border-radius: 1rem;
  background-color: white;
  overflow: hidden;
}
.card-img{
	border-radius:10px;
}
.card-header{
	background-color: var(--sooby-text);
	color:white;
	padding:15px;
	border-bottom: 0px solid white;

}

.card-header h5{
	color:white;
	font-size:24px;
}
.card-body{
	padding:15px;
}

.card-text {
  font-family: 'Baloo 2', cursive;
  font-weight: 700;
}

.card-text strong {
  color: var(--sooby-text);
}

.card-text span {
  display: block;
  margin-top: 0.25rem;
}

.card-body {
  padding-top: 1rem;
}

.sous-vide-img {
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

.card.recipe-card {
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 1rem;
  cursor:pointer;
  box-shadow: 0 5px 10px rgba(218, 218, 218, 0.1);
  border:0px solid transparent;
}
.card.recipe-card:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 15px 30px rgba(218, 218, 218, 0.3);
  /* background-color: #fff5ee; */
}
/* .card.recipe-card img{
  width:150%;
  margin:-25%;
} */
.accordion-button{
	background-color:white;
	color:var(--sooby-text) ;
	font-weight:900;
}

.accordion-button:not(.collapsed){
	background-color:var(--sooby-text);
	color:white ;
	font-weight:900;
}
.accordion-body{
	text-align: left;
	padding-left:50px ;
}


.bg-sooby{
	background:var(--sooby-blue)33;
	color:var(--sooby-blue);
}
 .color-selector{
	 width: 28px;
	 height: 28px;
	 padding: 4px;
 }

/* hr{border-top:10px solid } */