/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for Dispute Resolution Center of King County
 Author:         KCDRC (Juhye An)
 Author URL:     https://kcdrc.org/
 Template:       Divi
 Version:        1.0.0
 Date:           2021/11/28
*/
/* COLOR SCHEME
	tenneTawneyOrange: #D55C19; 
	wineRed: #772432; 
	midnightGreen: #114B5F; 
	teaGreen: #D1F0B1; 
	celadonGreen: #A6D3A0; 
	white: #fff;
*/

/* ------------- CTA-BUTTON-LIKE MENU ----------------*/
.menu_donate_cta,
.menu_contact_cta,
.menu_payments_cta {
  padding: 0 !important;
  transition: 0.2s;
}

.menu_donate_cta a,
.menu_contact_cta a,
.menu_payments_cta a {
  border-radius: 20px;
  padding: 10px 20px 10px 20px !important;
  color: #fff !important;
}
.menu_donate_cta a {
  background-color: #d55c19;
}

.menu_contact_cta a {
  background-color: #772432;
}

.menu_payments_cta a {
  background-color: #a6d3a0;
}

/* Divi call to action button hover state */
#top-menu-nav .menu_donate_cta a:hover,
#top-menu-nav .menu_contact_cta a:hover,
#top-menu-nav .menu_payments_cta a:hover {
  opacity: 1;
}

.menu_donate_cta a:hover,
.menu_contact_cta a:hover,
.menu_payments_cta a:hover {
  background: #114b5f; /* change the color of the hover background */
}

/* keep the white color the same on the fixed header */
.et-fixed-header #top-menu .menu_donate_cta a,
.et-fixed-header #top-menu .menu_contact_cta a,
.et-fixed-header #top-menu .menu_payments_cta a {
  color: #fff !important; /* change the color of the button text */
}
/* ------------- END CTA-BUTTON-LIKE MENU ----------------*/

/* -------------- WOOCOMMERCE MODIFICATION ----------------*/
/* Hide the Woo Commerce cart from the menu */
.et-cart-info {
  display: none;
}

/* --------------END WOOCOMMERCE MODIFICATION ----------------*/

/* ------------------MOBILE / HAMBURGER MENU ----------------*/
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu
  .et_mobile_nav_menu
  .mobile_nav.opened
  .mobile_menu_bar::before {
  content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.page_item_has_children
  .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}

/*some code to keep everyting positioned properly*/

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children {
  position: relative;
}

/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible,
.et-db
  #main-header
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle {
  text-align: center;
  opacity: 1;
}

/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: 'ETModules';
  content: '\33';
  color: #114b5f;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
}

/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children.dt-open
  > .mobile-toggle::after {
  content: '\32';
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
  position: relative;
  display: block;
  line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

/* ------------- END HAMBURGER MENU ----------------*/

/* ------------- LEGACY CODE ----------------*/
/* Brand colors
#823623 - dark brown
#eb8a52 - orange
#7accc8 - teal
*/
/* 
.stm_post_style_7 .stm_loop__list .stm_posts_list_single__info { display: none !important; }

.stm_title_box_style_3 .stm_titlebox_style_3.stm_titlebox { background-color: rgba(122, 204, 200, 0.5) !important; }

.woocommerce-account .stm_titlebox_style_3 .stm_titlebox__title { color: #fff !important; text-align: center; }

@media (max-width: 1024px) {
.stm_header_style_1 #wrapper .stm_mobile__header { background-color: rgba(122, 204, 200, 0.5) !important; }
.site-content .stm_titlebox_style_3 { padding: 20px 0; }
}

.footer-widgets .yikes-easy-mc-form input[type=email] { border-color: #7accc8; }
.footer-widgets .yikes-easy-mc-form .yikes-easy-mc-submit-button { width: auto; background-color: #7accc8; color: #fff !important; }

.footer-widgets .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover, .footer-widgets .yikes-easy-mc-form .yikes-easy-mc-submit-button:active, .footer-widgets .yikes-easy-mc-form .yikes-easy-mc-submit-button:focus { border-color: #7accc8; color: #7accc8 !important; }

.footer-widgets .stm_widget_posts.style_4 > ul li { padding: 0; }

.footer-widgets .stm_widget_posts.style_4 > ul li .stm_widget_posts__title:hover, .footer-widgets .stm_widget_posts.style_4 > ul li .stm_widget_posts__title:active, .footer-widgets .stm_widget_posts.style_4 > ul li .stm_widget_posts__title:focus { color: #eb8a52 !important; }

.multi-rotate .fa-arrows { transform: rotate(45deg); } */

/* WooCommerce tweaks */
/* .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none !important; width: 80% !important; }

.stm_shop_layout_store.single-product div.product .woocommerce-tabs { float: none !important; }

.stm_shop_layout_store.single-product div.product .summary.entry-summary form.cart.variations_form { margin-bottom: 0 !important; }

.woocommerce.stm_shop_layout_store.single-product div.product .summary.entry-summary .price {
float: none;
  width: 100%;
  margin-bottom: 0;
}

.woocommerce .variations_form .woocommerce-variation-price { padding-bottom: 10px; }

.woocommerce.single .product { margin-bottom: 150px; }

.woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block !important; }

.woocommerce select { padding: 0 13px; }
.woocommerce .select2 { display: block !important; }
.stm_shop_layout_store .woocommerce .checkout #order_review ul.payment_methods li label:before { display: none !important; }

.woocommerce dl, .woocommerce dl dt { border: 0 none; }
.woocommerce td.product-name dl.variation dd { float: right; padding-top: 15px; }

*/
/* Events tweaks */
/* .home .widget_upcoming_events .event_upcoming_price,
.home .widget_upcoming_events .end_date,
.home .widget_upcoming_events .events_upcoming_image { display: none; }
.home .widget_upcoming_events ul li { padding: 0; margin: 0; }
.home .widget_upcoming_events ul { margin-left: 0 !important; }
.home .widget_fooevents_calendar_widget h2 { 
font-size: 26px;
line-height: 35px;
letter-spacing: 2px;
}

.home .fooevents-calendar-list-item p, .home .fooevents-calendar-list-item div, .home .fooevents-calendar-list-item ul, .home .fooevents-calendar-list-item span, .home .fooevents-calendar-list-item h3:not(:first-child) {
display: none;
} */