/*-----------------------------------------------------
Table of Contents

- # color #232946 - main-color
- # background #232946 - main-bg-color
- # color #fff - text-color-on-main-bg
- # background #fff
- # color rgba(255, 255, 255, .7)
- # background #EEBBC3 - btn-color
- # background #5564AA - accent-color
- # background #5564AA - accent-bg
- # background: rgba(35, 41, 70, .9); - pop-up overlay bg


------------------------------------------------------*/

/*-----------------------------------------------------
# color #232946
------------------------------------------------------*/
body,
a, 
.testimonials-item,
.contact-form input::placeholder,
.contact-form input,
.contact-form textarea,
.contact-form textarea::placeholder,
.pop-up  {
	color: #232946;
}

/*-----------------------------------------------------
# background #232946
------------------------------------------------------*/
header,
.hero,
.works,
.resume .cta-button:hover,
.testimonials,
.contact {
	background: #232946;
}

/*-----------------------------------------------------
# color #fff
------------------------------------------------------*/
header,
header a,
.hero,
.works,
.works a,
.resume .cta-button:hover,
.resume .image .img-decor,
.testimonials,
.contact {
	color: #fff;
}

/*-----------------------------------------------------
# background #fff
------------------------------------------------------*/
.cta-button:hover,
.contact-form input[type=submit]:hover,
.testimonials-item,
.open-nav i,
.open-nav i:before, 
.open-nav i:after,
.responsive-nav,
.pop-up {
	background: #fff;
}

/*-----------------------------------------------------
# color rgba(255, 255, 255, .8)
------------------------------------------------------*/
header a:hover {
	color: rgba(255, 255, 255, .7);
}

/*-----------------------------------------------------
# background #EEBBC3
------------------------------------------------------*/
.cta-button,
.contact-form input[type=submit] {
	background: #EEBBC3;
}

/*-----------------------------------------------------
# color #5564AA
------------------------------------------------------*/
.entry-category,
.entry-title:hover,
.social-media a:hover {
	color: #5564AA;
}

/*-----------------------------------------------------
# background #5564AA
------------------------------------------------------*/
.resume .image .img-decor {
	background: #5564AA;
}

/*-----------------------------------------------------
# background: rgba(35, 41, 70, .9)
------------------------------------------------------*/
.pop-up-overlay {
	background: rgba(35, 41, 70, .9);
}