html { background: #572A31; }
h1,h2,h3,h4,h5,p,li,a,tr,th { font-family: 'Poppins', sans-serif; color: #572A31; }
h1 { font-weight: bold; }
h1 span { font-family: 'Pacifico', cursive; }
h2 span { font-family: 'Pacifico', cursive; }
h3 span { font-family: 'Pacifico', cursive; }
h4 span { font-family: 'Pacifico', cursive; }

p a { color: #E32972; }
p a:hover { color: #920C48; }
p a:active { color: #920C48; }
p a:focus { color: #920C48; }

.btn-primary { background: #E32972; border-radius: 100px; border: none; font-weight: bold; }
.btn-primary:hover { background: #920C48; }
.btn-primary:active { background: #920C48; }
.btn-primary:focus { background: #920C48; }

.yellow-dots { border-bottom: 8px dotted #FFDB40; background: none; opacity: 1; margin: 20px 0px; }
.white-dots { border-bottom: 8px dotted #FFF; background: none; opacity: 1; margin: 20px 0px; }


/* HEADER STYLES */
.top-bar ul { margin: 0px; padding: 0px; list-style: none outside none; }
.top-bar ul li { display: inline-block; }

header { background-color: #ffc0d6; z-index: 1; border-bottom: 4px solid #E32972; }
header .container { background: url("../images/header-bg.png") no-repeat bottom right; max-height: 125px; }

.navbar { padding: 0px; }
.navbar .nav-item { text-align: center; }

.navbar-light .navbar-nav .nav-link { color: #572A31; font-weight: 600; padding: 0px 20px; font-size: 18px; }
.navbar-light .navbar-nav .nav-link:hover { color: #572A31; color: #E81D75; }

.navbar-light .navbar-toggler { color: #572A31; border-color: #572A31; margin: 0 auto; margin-bottom: 10px; }

.navbar .dropdown-menu { border: none; border-radius: 0px; }
.navbar .dropdown-item { color: #572A31; }
.navbar .dropdown-item:hover { color: #E81D75; }
.navbar .dropdown-item:active { background: #EFEFEF; }

.max-width { width: 100%; }


@media (max-width: 576px) { 
	header .container { max-height: inherit !important; }
	.navbar-brand { margin: 0 auto; }
	.top-bar ul { text-align: center !important; }
	.navbar-light .navbar-nav .nav-link { padding: .5rem 1rem; }
}



/* BODY STYLES */
main { background: #EFEFEF; }
#home-carousel h1 { color: #FFF; background-color: rgba(87,42,49,0.6); border-radius: 5px; }
#home-carousel h1 span { font-family: 'Pacifico', cursive; }

.home-banner { padding-bottom: 8px; border-bottom: 8px dotted #FFDB40; }

.home-cupcakes img { background: #95E2EB; border-radius: 1000px; }
.home-ice-cream img { background: #F29FBC; border-radius: 1000px; }

.home-locations { background: url("../images/home-locations-bg.png") no-repeat center #95E2EB; }

.flavors-cupcakes { background: #fce8f0; }
.flavors-cupcakes img { border-radius: 500px; width: 100%; max-width: 350px; }
.flavors-ice-cream { background: #d6fbff; }
.flavors-ice-cream img { border-radius: 500px; width: 100%; max-width: 350px; }

.about-store { background: #d6fbff; border-radius: 7px 7px 0px 0px; }

.store-benefits { background: #d6fbff; border-radius: 7px; }
.store-benefits ul li { margin-bottom: 10px; }

.store-form { background: #fce8f0; border-radius: 7px; border: 1px solid #E32972;  }
.store-form .btn { margin: 0 auto; display: block; }

.store-features {  }

.brand-buzz-block { background-color: #fce8f0; min-height: 195px; }

.storefront { padding-bottom: 8px; border-bottom: 8px dotted #FFDB40; }

.photo-gallery img { max-height: 300px;}

@media (max-width: 576px) { 
	#home-carousel h1 { font-size: 20px; }
	.home-locations { background: #95E2EB; background-image: none!important; }
}



/* FOOTER STYLES */

footer { background: url("../images/footer-bg.png") no-repeat left bottom #572A31; }
footer p, footer li a, footer .link-secondary { color: #F29FBC; text-decoration: none; }
footer .link-secondary:hover { color: #FFF; }
footer .footer-menu { list style: none outside none; margin: 0px; padding: 0px; }
footer .footer-menu li { display: inline-block; padding: 0px 10px; }