/* colors used
bg = #fcf4ee for whole website
primary-color : rgb(251, 111, 24);
primary-color : #ff6e40; (255, 188, 122)
secondary-color = #f3a44a

*/

@import url('https://fonts.googleapis.com/css2?family=Faustina:wght@300;400;500;600;700&family=Jost&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&family=Tangerine&display=swap');

.text-cursive {
  font-family: 'Tangerine', cursive;
}
.logo {
  height: 4rem;
}
.bg-full {
  background: #fcf4ee;
}
.bg-offcanvas {
 
  background: #ff6e40;
}
.text-orange {
  color: #fba568;
}
#vertLine {
  width: 0px;
	border: 1px solid #2A437F;
	height: 300px;
	position: absolute; /* I manually centered this since margin auto doesn't automatically place it */
	left: 435px;
}

.card-icons {
  height: 2rem;
}
.quote-icon {
  height: 40px;
}
.quote-icon-2 {
  height: 40px;
  transform: rotateY(180deg);
}
.navbar {
  transform: all 0.5s;
}
.navbar-scrolled {
  background-color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  opacity: 1;
} 
.navbar-scrolled .nav-item .nav-link {
  color: #3d3d3d;
}
#contact-map iframe{
  height: 100%;
  width: 100%;
 }
 @media only screen and (max-width: 992px) {
   #contact-map{
     margin-top: 1rem;
    }
 }