@charset "utf-8";

html{
	scroll-behavior: smooth
	}

body {
	background-color:#9D8976;
	padding: 0; 
	margin: 0;
	font-family: 'Lato', sans-serif;
	justify-content: center;
	font-size: 14pt;
	}

#pastries,#orderguide {
	color:#FFFFFF;
}


.container-fluid {
	diplay:flex;
}

.navbar-brand {
	font-family: 'Yeseva One',cursive !important;
	font-size: 15pt !important;
	color: #FFFFFF !important;
	padding-top:5% !important;
}

.nav-item{
	list-style: none;
	display:flex;
	gap: 4%;
	align-items: center;
	min-height: 90px;
	padding: 2%;
	}

.nav-item a:link, a:active, a:visited {
	font-family: 'Lato', sans-serif;
	font-size: 15pt;
	color:#FFFFFF;
	text-decoration:none;
	}

.nav-item a:hover {
	color:#FFAEA6;
	text-decoration-line: underline
				}

.visit {
	margin: 3%;
	color:#000000;
}

.btn-light {
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
}


.container-fluid{
	width: 100%;
	background-image:url("images/landing page bg.jpg");
	background-attachment: fixed;
	background-blend-mode: lighten;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top center;
	margin: auto;
}

.aboutuscontainer1 {
	width: 100%;
	padding-left:0;
	padding-right:0;
	padding-top: 0;
	padding-bottom: 0;
}

.aboutuscontainer2 {
	width: 100%;
	padding-left:15%;
	padding-right:15%;
	padding-top: 2%;
	padding-bottom: 0;
}

.hovereffect {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.pastries2 {
	position:relative;
	width: 100%;
}

.pastries2:hover .hovereffect {
	opacity:0.3;
}

.pastries2:hover .middle {
  opacity: 1;
}

.hovertext {
  color: white;
  font-size: 17pt;
  font-family: 'Lato', sans-serif;
  padding: 16px 32px;
}

.hovertext1 {
  color: white;
  font-size: 15pt;
  font-family: 'Lato', sans-serif;
}

.pastriescol {
	width: 100%;
	padding-left:15%;
	padding-right:15%;
	padding-top: 5%;
	padding-bottom: 0;
}

.pastries1{
	width: 100%;
	padding-left:0%;
	padding-right:0%;
	padding-top:0;
	padding-bottom:7%;
}

.orderguidecontainer1 {
	width: 100%;
	padding-left:0;
	padding-right:0;
	padding-top: 0;
	padding-bottom:7%;
}

.orderguidecontainer2 {
	width: 100%;
	padding-left:15%;
	padding-right:15%;
	padding-top: 5%;
	padding-bottom: 0;
}

.btnreadmore {
	float: right;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:3%;
	padding-right:3%;
}

.btn {
	margin-top: 5%;
}


.btnvisitshop {
	float: right;
	color:#FFFFFF;
	background-color:#2B241E !important;
	border-color: #2B241E !important;
}

.row1 {
	background: #2B241E;
	color: #FFFFFF;
	padding-left: 0;
	padding-bottom: 2%;
	display:flex;
}


.row3 {
	display:flex;
	max-height: 90px;
}

.row4 {
	display: flex;
	padding: 5%;
}

.border-bottom {
  border-bottom-color: #FFAEA6;
}

.flex-column a:link,a:visited{
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	color:#727272;
	text-decoration:none;
}

.flex-column a:hover {
	color:#2B241E;
}

.connectus a:hover, a:link, a:active,a:visited{
	text-decoration: none;
}

.row4 {
	padding-top: 0;
	padding-bottom: 2%;
	background-color: #FFFFFF;
}