/*
Theme Name: Kadence Child - Core Wellness
Template: kadence
Description: Core Wellness Institute child theme. Recreates the Builder "CW Update 2017" look (dark page, text header, red-tab menu, 960px content) on Kadence.
Version: 1.0.6
Text Domain: kadence-child-cwi
*/

/* Page frame: dark background, white 960px content box (as on Builder) */
body { background: #333333; color: #222222; font-family: Arial, Tahoma, Verdana, sans-serif; }
.site { background: transparent; }
.site-header, .site-main-header-wrap .site-header-row-container-inner,
.site-bottom-header-wrap .site-header-row-container-inner { background: transparent; }
.site-header .site-container, .content-container.site-container, .site-footer .site-container { max-width: 960px; padding-left: 0; padding-right: 0; }
#inner-wrap .content-area { margin-top: 0; margin-bottom: 0; }
.content-bg, .entry.content-bg, body.content-style-unboxed .site { background: #ffffff; }
#primary.content-area { background: #ffffff; padding: 20px; }

/* Header: site title + tagline as text */
.site-branding .site-title { font-family: Georgia, Times, "Times New Roman", serif; font-size: 36px; font-weight: 400; color: #ffffff; text-transform: uppercase; line-height: 1.1; }
.site-branding .site-title a, .site-branding a.brand { color: #ffffff; text-decoration: none; }
.site-branding .site-description { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: 700; color: #888888; margin-top: 2px; }
.site-main-header-inner-wrap { min-height: 90px; }

/* Menu bar: dark gradient bar, red gradient tabs */
.site-bottom-header-wrap .site-header-row-container-inner { background: linear-gradient(#3e3e3e, #0b0b0b); }
.site-bottom-header-inner-wrap { min-height: 36px; }
.header-navigation .header-menu-container > ul > li > a {
  font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: 700; color: #ffffff;
  padding: 10px 14px; line-height: 16px;
}
.header-navigation .header-menu-container > ul > li > a:hover,
.header-navigation .header-menu-container > ul > li.current-menu-item > a,
.header-navigation .header-menu-container > ul > li.current_page_item > a {
  background: linear-gradient(#ba2609, #6a1a07); color: #ffffff;
}
.header-navigation .header-menu-container ul ul.sub-menu { background: #222222; }
.header-navigation .header-menu-container ul ul li.menu-item > a { color: #ffffff; font-size: 12px; }
.header-navigation .header-menu-container ul ul li.menu-item > a:hover { background: #6a1a07; }

/* Content type */
.entry-content { font-size: 14px; line-height: 1.6; }
.entry-title, .entry-content h1, .entry-content h2, .entry-content h3 { color: #222222; }

/* Footer */
.site-footer { background: #333333; color: #aaaaaa; }
.site-footer a { color: #dddddd; }

/* Header rows on every screen size: dark like the page (Kadence defaults these to white) */
#masthead .site-main-header-wrap .site-header-row-container-inner,
#masthead .site-top-header-wrap .site-header-row-container-inner,
#mobile-header .site-main-header-wrap .site-header-row-container-inner,
#mobile-header .site-top-header-wrap .site-header-row-container-inner,
#mobile-header .site-bottom-header-wrap .site-header-row-container-inner { background: #333333; }
#mobile-header .site-branding .site-title, #mobile-header .site-branding .site-title a { color: #ffffff; font-size: 24px; }
#mobile-header .site-branding .site-description { color: #888888; font-size: 12px; }
#mobile-header .mobile-toggle-open-container .menu-toggle-open { color: #ffffff; }
#mobile-drawer .drawer-inner { background: #222222; }
#mobile-drawer .mobile-navigation ul li > a, #mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap { color: #ffffff; border-color: #444444; }
@media (max-width: 1024px) {
  .content-container.site-container { padding-left: 0; padding-right: 0; }
  #primary.content-area { padding: 16px; }
}

/* Menu items spread across the bar like the Builder menu */
.site-bottom-header-wrap .site-header-bottom-section-left, .site-bottom-header-wrap .header-navigation, .site-bottom-header-wrap .header-menu-container { width: 100%; }
.site-bottom-header-wrap .header-menu-container > ul.menu { display: flex; justify-content: space-between; width: 100%; }

/* Sidebar widgets: grey boxes like the Builder sidebar */
.primary-sidebar .widget, #secondary .widget { background: #f2f2f2; border: 1px solid #dddddd; padding: 12px; margin-bottom: 14px; font-size: 12px; }
.primary-sidebar .widget-title, #secondary .widget-title { font-size: 15px; font-weight: 700; color: #222222; margin-bottom: 8px; }
#secondary input[type="text"], #secondary input[type="password"] { width: 100%; }

.site-bottom-header-wrap .site-header-row { grid-template-columns: 1fr; }
.header-navigation .header-menu-container > ul > li > a { white-space: nowrap; }

/* Full-width pages (Builder Sales Page / AlltheWayAcross): keep the 960px white box on the dark page */
body.content-width-fullwidth #primary.content-area { max-width: 960px; margin-left: auto; margin-right: auto; }
body.content-width-fullwidth .content-container.site-container { max-width: 960px; padding-left: 0; padding-right: 0; }
body.content-width-fullwidth .entry-content-wrap .site-container { max-width: 100%; padding-left: 0; padding-right: 0; }
body.no-header #primary.content-area { margin-top: 0; }

/* Type matched to Builder: 12px Arial body (sales copy sizes are relative to it), Trebuchet blue page titles */
.entry-content { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 1.7; color: #222222; }
.entry-content p { margin-bottom: 18px; }
h1.entry-title, .entry-header .entry-title { font-family: "Trebuchet MS", "Times New Roman", serif; font-size: 24px; font-weight: 400; line-height: 1; color: #21516e; margin-bottom: 18px; }

/* Mobile login (1.0.6): bar above the header on phones/tablets, first item in the mobile menu. */
.cwi-mobile-login { display: none; }
@media (max-width: 1024px) {
	.cwi-mobile-login { display: block; background: #21516e; text-align: right; padding: 8px 16px; }
	.cwi-mobile-login a { color: #fff; font: bold 15px/1.2 Arial, sans-serif; text-decoration: none; }
}
#mobile-drawer .cwi-login-item > a { font-weight: bold; color: #c00; }