/*
Theme Name: Mood
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

@import url("../Divi/style.css");


a {
	color: #686868;
	text-decoration: none;
}


/* Accent Color */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
	background: #686868;
}


#et_search_icon:hover,
.mobile_menu_bar:before,
.mobile_menu_bar:after,
.et-social-icon a:hover,
.comment-reply-link,
.form-submit input,
.entry-summary p.price ins,
.woocommerce div.product span.price,
.woocommerce-page div.product span.price,
.woocommerce #content div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce .star-rating span:before,
.woocommerce-page .star-rating span:before,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.et_password_protected_form .et_submit_button,
.nav-single a,
.posted_in a,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a,
.bottom-nav li.current-menu-item > a,
.footer-widget h4 {
	color: #686868;
}


.et-search-form,
.nav li ul,
.et_mobile_menu,
.footer-widget li:before,
blockquote {
	border-color: #686868;
}


#top-header,
#et-secondary-nav li ul {
	background-color: #686868;
}



.et_slide_in_menu_container {
	overflow: auto;
	position: fixed;
	z-index: 999999;
	top: 0;
	right: -100%;
	height: 100%;
	background: #686868;
	-webkit-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}



/* Accent Color */
.et_pb_sum,
.et_pb_pricing li a,
.et_pb_pricing_table_button,
.et_overlay:before,
.et_pb_member_social_links a:hover,
.woocommerce-page #content input.button:hover .et_pb_widget li a:hover,
.et_pb_bg_layout_light .et_pb_promo_button,
.et_pb_bg_layout_light.et_pb_module.et_pb_button,
.et_pb_bg_layout_light .et_pb_more_button,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,
.et_pb_gallery .et_pb_gallery_pagination ul li a.active,
.et_pb_contact_submit,
.et_pb_bg_layout_light .et_pb_newsletter_button {
	color: #686868;
}

.et_pb_pricing li span:before {
	border-color: #686868;
}

.et_pb_counter_amount,
.et_pb_featured_table .et_pb_pricing_heading,
.et_quote_content,
.et_link_content,
.et_audio_content {
	background-color: #686868;
}


.et_pb_fullwidth_menu .fullwidth-menu-nav > ul.upwards li ul {
	top: initial;
	bottom: 100%;
	border-top: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #686868;
	-webkit-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.1);
}


.nav li ul {
	visibility: hidden;
	z-index: 9999;
	width: 240px;
	border-top: 3px solid #686868;
	opacity: 0;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* Mobile Menu */
.et_mobile_menu {
	display: none;
	visibility: visible;
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	padding: 5%;
	border-top: 3px solid #686868;
	opacity: 1;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.et_pb_post_slider.et_pb_bg_layout_dark {
	background: #686868;
}


/* Links */
a {
	color: #686868;
	text-decoration: none;
}