/*top info bar starts*/
.style-pack-classic .contact-info-area {
	background-color: #de5e8b !important;
	color: #fff;
}

.contact-info-area span a {
	color: #fff;
}
.container .container.container-small {
  max-width: 1000px;
}

.contact-info-area span a:hover {
	color: #f399bf;
}

.style-pack-classic .contact-info-area .icon {
	fill: #fff;
}

/*top info bar ends*/
/*mobile menu starts*/
.wf-active .style-pack-classic .menu-toggle {
	color: #fff;
}

.menu-toggle:active .icon {
	fill: #ffffff;
}

.menu-toggle:hover .icon {
	fill: #473d7c;
}

@media screen and (max-width: 400px) {
	.custom-logo {
		height: 116px !important;
		max-height: 116px !important;
		max-width: 105px !important;
		width: 105px !important;
	}
}

/*mobile menu ends*/
/*menu starts*/
.main-navigation li a {
	color: #473d7c !important;
}

.main-navigation li a:hover {
	color: #e13d77 !important;
}

/*home hero area starts*/
@media screen and (max-width: 768px) {
	.hero-area-wrapper {
		background-color: rgba(255,255,255,0.75);
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (min-width: 769px) {
	.hero-area-wrapper {
		background-color: rgba(255,255,255,0.65);
		padding-top: 3em;
		padding-bottom: 3em;
		padding-left: 2em;
		padding-right: 2em;
	}
}

@media screen and (max-width: 768px) {
	h2.hero-area-title {
		color: #e13d77;
		font-size: 26px;
	}
}

@media screen and (min-width: 769px) {
	h2.hero-area-title {
		color: #e13d77;
		font-size: 52px;
	}
}

.hero-area {
	color: #5a53bf;
}

/*home hero area ends*/
/*typography starts*/
body p, body li {
	color: #473d7c;
}

.contact-form label {
	color: #473d7c;
}

select, textarea, input, ins {
	color: #473d7c;
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	.wf-active .entry-title {
		color: #de5e8b;
		font-size: 2.5rem;
	}
}

@media screen and (min-width: 769px) {
	.wf-active .entry-title {
		color: #e13d77;
		font-size: 4rem;
	}
}

@media screen and (max-width: 768px) {
	h2 {
		color: #b21e4a;
		font-size: 18px;
	}
}

@media screen and (min-width: 769px) {
	h2 {
		color: #b21e4a;
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	h3 {
		color: #5a53bf;
		font-size: 16px;
	}
}

@media screen and (min-width: 769px) {
	h3 {
		color: #5a53bf;
		font-size: 23px;
	}
}

blockquote {
	color: #473d7c;
	opacity: 1;
}

/*typography ends*/
/*image borders start*/
.alignleft, .alignright {
	border: #f05e83 solid 2px;
}

/*image borders end*/
/*footer area styling starts*/
.style-pack-classic .widget-area {
	background-color: #655fc8 !important;
	background: url('https://angelascookiejar.com/wp-content/uploads/2019/07/angela_cookie_tile2.jpg');
	color: #fff;
}

.style-pack-classic .widget-title {
	color: #fff;
}

.style-pack-classic .widget-area p {
	color: #ffffff;
}

.style-pack-classic .widget-area a {
	color: #ff74a5;
}

.style-pack-classic .widget-area a:hover {
	color: #ff74a5;
	text-decoration: underline;
}

/*footer area styling ends*/
#infinite-footer .blog-credits a, #infinite-footer .blog-credits a:visited, #infinite-footer .blog-info a, #infinite-footer .blog-info a:visited, .site-header .jetpack-social-navigation a, .site-header .jetpack-social-navigation a:visited, .main-navigation ul ul a, .menu-toggle, .site-title a, .site-title a:focus, .site-title a:hover, .site-title a:active, .site-title a:visited, .header-wrapper, .main-navigation a, .main-navigation ul a, .main-navigation a:visited, .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active, .site-title, .widget-area, .widget-title, .site-description, .milestone-header, .posts-navigation a, .posts-navigation a:visited, .posts-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:active, .hero-area .button {
	color: #ffffff;
}