/* ============================================================
   dynamic.css — static rebuild of the WordPress customizer CSS
   (Kirki inline styles) generated by the Musico theme from the
   site's theme_mods, plus the theme's self-hosted "Renner" font.
   ============================================================ */

/* ---- Renner webfont (self-hosted, from the theme) ---- */
@font-face {
  font-family: "Renner";
  src: url(/assets/theme/fonts/renner-book-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Renner";
  src: url(/assets/theme/fonts/renner-bold-webfont.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Renner";
  src: url(/assets/theme/fonts/renner-black-webfont.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ---- Body typography (tg_body_typography) ---- */
body, input, select, textarea, .page_tagline_wrapper,
#page_content_wrapper, .post_content_wrapper {
  font-family: "Renner", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0px;
  color: #000000;
  text-transform: none;
}

/* ---- Headings (tg_header_typography + tg_h*_size) ---- */
h1, h2, h3, h4, h5, h6, h7,
.post_header_title h5 a, .page_title_content h1 {
  font-family: "Renner", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0px;
  text-transform: none;
}
h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }

/* ---- Page title bar (tg_page_title_typography, spacing mods) ---- */
#page_caption {
  padding-top: 100px;
  padding-bottom: 60px;
  margin-bottom: 45px;
}
#page_caption.hasbg { height: 600px; }
#page_caption h1 {
  font-family: "Renner", sans-serif;
  font-weight: 700;
  font-size: 65px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #000000;
}
#page_caption.hasbg h1 { color: #ffffff; }
.page_tagline {
  font-family: "Renner", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #9b9b9b;
}

/* ---- Main menu (tg_menu_* mods) ---- */
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a {
  font-family: "Renner", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.5px;
  color: #000000;
}
.header_style_wrapper .top_bar { background: #ffffff; border-color: #ffffff; }
.top_bar { padding-top: 24px; padding-bottom: 24px; }
#menu_wrapper div .nav li > a:hover,
#menu_wrapper div .nav li > a:active,
#menu_wrapper div .nav li.current-menu-item > a,
#menu_wrapper div .nav li.current_page_item > a { color: #ff2d55; }

/* transparent header state: white menu text over hero */
.top_bar.hasbg #menu_wrapper div .nav li > a { color: #ffffff; }
.top_bar.hasbg #menu_wrapper div .nav li > a:hover,
.top_bar.hasbg #menu_wrapper div .nav li.current-menu-item > a { color: #ff2d55; }
.top_bar.hasbg { background: transparent; border-color: transparent; }
#wrapper.transparent .header_style_wrapper { position: absolute; width: 100%; z-index: 99; }
#wrapper.transparent .header_style_wrapper .top_bar:not(.scroll) { background: transparent; }
.top_bar.hasbg #mobile_nav_icon span { color: #ffffff; }
.top_bar.hasbg.scroll #mobile_nav_icon span { color: #000000; }
.top_bar.hasbg.scroll #menu_wrapper div .nav li > a { color: #000000; }
.top_bar.hasbg.scroll { background: #ffffff; }

/* ---- Sub menu ---- */
#menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { background: #000000; border-color: #000000; }
#menu_wrapper div .nav li ul li a { color: #ffffff; }
#menu_wrapper div .nav li ul li a:hover { color: #ff2d55; }

/* ---- Side (mobile) menu typography (tg_sidemenu_typography) ---- */
.mobile_menu_wrapper ul.mobile_main_nav li a {
  font-family: "Renner", sans-serif;
  font-weight: 700;
  font-size: 20px;
}

/* ---- Content link hover (tg_hover_link_color) ---- */
#page_content_wrapper a:hover, #page_content_wrapper a:active,
.post_header h5 a:hover, .post_header_title h5 a:hover,
.post_info_cat a:hover, .post_attribute a:hover,
#footer_wrapper a:hover { color: #ff2d55; }
.button:hover, input[type=submit]:hover { background: #ff2d55; border-color: #ff2d55; }

/* ---- Sidebar / inputs ---- */
input[type=text], input[type=email], input[type=password], textarea, select {
  border-color: #dce0e0;
}