*{
	padding:0;
	margin:0;
}

body{
	background:#C19A6B url('images/wood-background.jpg') repeat fixed center 100%;
}

a, a:hover, a:visited{
	text-decoration:none !important;
	color:inherit;
}
nav{
	background-color:#FBF5EA;
	border-bottom:2px solid #A0522D;
}

h1, h2{
	text-align:center;
}
.hero-section{
	display:flex;
	justify-content:space-between;
}

.img-width{
	width:52vw;
}

#carouselExampleCaptions{
	width:52vw;
}

.customer-choice{
	background:#814141 url('images/black-silk.avif') no-repeat 100%;
	height:60px;
	margin-bottom:2vh;
	padding:1vh 1vh 2vw 1vw;
	font-size:5vh;
	color:white;
	font-weight:bold;
	width:38vw;
	border-radius:5px;
}

.two-columns {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:2vh;
	
}
	.flex-two-row{
		display:grid;
		grid-template-columns:repeat(4, 1fr);
	}
	.flex-two-row > div{
		width:19vw;
		margin-bottom:2vh;
	}

.card-width{
	width:18.5vw;
}

.season-special{
	background:#C19A6B url('images/fruits-background.webp') no-repeat 100%;
	height:60px;
	margin-bottom:2vh;
	padding:1vh 1vh 2vw 2vw;
	font-size:5vh;
	/* color:#FBF5EA; */
	color:black;
	font-weight:bold;
	width:48vw;
	border-radius:5px;
	border:1px solid #A0522D;
}

.flex, .flex-cards, .flex-order, .limited-edition{
	display:flex;
	justify-content:space-evenly;
}
.season{
	width:18vw;
}

.relative-position{
	position:relative;
}
.list-group{
	width:fit-content;
	position:sticky;
	top:5vh;
	left:5vw;
	text-align:left !important;
}
.goods-section{
	display:flex;
}
.navigation{
	border-bottom:2px solid #A0522D;
}
.active{
	
	background-color:#FBF5EA !important;
}
.nav-link{
	color:#A0522D !important;
}

/* .baked-goods{ */
	/* display:flex; */
	/* flex-wrap:wrap */
	
/* } */

.text{
    color:#A0522D;
}

.space-between{
	display:flex;
	justify-content:space-between;
}

.see-all{
	background-color:#FBF5EA;
	border-radius:5px;
	transition-property:background-color, color;
	transition-duration:1s;
	cursor:pointer;
}
.see-all:hover{
	background-color:#A0522D;
	color:#FBF5EA;
}

.brown-divider{
	border:1.5px solid #A0522D;
}

.custom-order{
	background:grey url('images/blur-background.jpg') no-repeat 100%;
	height:fit-content;
	margin-bottom:2vh;
	/* font-size:5vh; */
	color:black;
	text-align:center;
	border-radius:5px;
	border:1px solid #A0522D;
}

.order-method-card{
	background-color:rgba(251, 245, 234, 0.82);
	border:1px solid #A0522D;
	border-radius:5px;
	width:20vw;
	padding:2vh;
}
.blur-background{
	background-color:rgba(255, 255, 255, 0.5);
	z-index:2;
	padding:3vh;
}
#accordionFlushExample{
	background-color:#FBF5EA;
	border-radius:5px;
}

.reviews{
	width:45vw;
	overflow-x:scroll;
	border-radius:5px;
}

.scroll{
	width:1500px;
	background-color:rgb(251, 245, 234); 
	border:1px solid #A0522D;
}
footer{
	background-color:rgb(251, 245, 234);
	border-top:2px solid #A0522D;
    color:#A0522D;
	text-align:center;
	padding:2vw 2vw 0 2vw;
}
footer > li{
	transition-property:background-color, color;
	transition-duration:1s;
}
footer > li:hover{
	background-color:#A0522D;
	color:#FBF5EA;
}
.copyright{
	background-color:#A0522D;
	border-top:2px solid #A0522D;
    color:#FBF5EA;
	
}


.hover-effect{
	transition-property:background-color, color, filter, border;
	transition-duration:1s;
}

.hover-effect:hover{
	background-color:#A0522D !important;
	color:#FBF5EA !important;
	filter:drop-shadow(3px 3px 3px black);
	border:1px solid gold;
}

.hover-effect:hover button{
	transition-property:background-color, color, font-weight, border;
	transition-duration:1s;
}
.hover-effect:hover button{
	background-color:#FBF5EA !important;
	color:green;
	font-weight:bold;
	border:1px solid gold;
}
.hover-effect:hover small{
	color:#FBF5EA !important;
}

@media(max-width:990px){
	.hero-section{
		display:block;
	}
	.hero-grid{
		margin:auto;
		width:100vw;
	}
	.two-columns > div, .limited-edition > div{
		width:45vw;
	}
	.two-columns, .limited-edition{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:2vh;
		
	}
	.card-width{
		width:40vw;
	}
	.customer-choice{
		width:90vw;
	}
	.img-width{
		width:92vw;
	}
	
	.season{
		width:20vw;
	}
	.flex-two-row{
		display:grid;
		grid-template-columns:repeat(2, 1fr);
	}
	.flex-two-row > div{
		width:30vw;
		margin-bottom:2vh;
	}
	#carouselExampleCaptions{
		width:92vw;
	}
	.customer-choice{
		padding-left:5vw !important;
		width:70vw;
	}
	.flex-footer{
		flex-wrap:wrap;
	}
	.FAQ{
		width:50vw;
	}
}

@media(max-width:550px){
	.flex{
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:2vh;
	}
	.relative-position{
		display:none;
	}
	.customer-choice{
		width:90vw;
		font-size:4vh;
	}
	.season-special{
		width:85vw;
	}
	.season{
		width:40vw;
	}
	#reviewandfaq{
		display:block;
	}
	.flex-two-row, .limited-edition, .two-columns{
		display:grid;
		grid-template-columns:repeat(1, 1fr);
	}
	.flex-two-row > div, .limited-edition > div,
	.two-columns > div{
		width:89vw;
		margin-bottom:2vh;
	}
	.reviews{
		width:92vw;
	}
	.scroll{
		width:1300px;
		height:300px;
	}
	
	.flex-cards{
		display:flex;
		justify-content:space-evenly;
	}
	#order{
		margin:auto;
		width:85vw;
	}
	.FAQ{
		width:90vw;
		margin:auto;
	}
	.order-method-card{
		margin:2vh auto;
		width:70vw;
	}
	.flex-order{
		display:grid;
		grid-template-columns:repeat(1, 1fr);
	}
	
}