/*
Theme Name:     kadence-child-theme
Theme URI:      n/a
Template:       kadence
Author:         Annexus
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/kadence-child-theme/fonts/Gotham-400.woff2') format('woff2'),
       url('/wp-content/themes/kadence-child-theme/fonts/Gotham-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/kadence-child-theme/fonts/Gotham-500.woff2') format('woff2'),
       url('/wp-content/themes/kadence-child-theme/fonts/Gotham-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/themes/kadence-child-theme/fonts/Gotham-700.woff2') format('woff2'),
       url('/wp-content/themes/kadence-child-theme/fonts/Gotham-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


/* =====================================================
   Font Utility Classes (High Priority Overrides)
   Use when you need flexibility
===================================================== */

.font-tiempos,
.font-tiempos * {
  font-family: 'Tiempos', Georgia, serif !important;
  font-weight: 600 !important;
}

.font-gotham-light,
.font-gotham-light * {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 300 !important;
}

.font-gotham-book,
.font-gotham-book * {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400 !important;
}

.font-gotham-medium,
.font-gotham-medium * {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 500 !important;
}


/* =====================================================
   Base Typography
===================================================== */

body {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #171717;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 1em;
}

p strong,
p b,
.mk-text-block strong {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* Superscript ® */
sup {
  font-size: 1em !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.1em !important;
  margin-left: 0.05em;
}

h1 sup,
.nw-heading-lg sup {
  font-size: 0.4em !important;
  line-height: 0 !important;
  position: relative !important;
  top: -1em !important;
  margin-left: 0.08em !important;
}

/* Main Nav */
.main-navigation-ul {
  font-family: 'Gotham', Arial, sans-serif !important;
}

.embed-container {
    -webkit-box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.4);
    border: 1px solid #cccccc;
}

/* =====================================================
   Headings – Brand Spec (Jupiter Override Safe)
===================================================== */

h1,
.nw-heading-lg {
  font-family: 'Tiempos', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 48px;
  line-height: 53px;
  color: #0047bb;
}

h2,
.nw-heading-md {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 32px;
  line-height: 38px;
}

h3,
.nw-heading-sm {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 30px;
}

h4,
.nw-heading {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px;
  line-height: 24px;
}

/* =====================================================
   Links – Menu
===================================================== */

.main-navigation .primary-menu-container > ul > li.menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  font-size: 15px !important;
  line-height: 20px !important;
  transform: auto;
  text-transform: none;
  text-decoration: none;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
  text-transform: none !important;
}

.main-navigation .primary-menu-container ul.sub-menu li.menu-item > a {
  font-size: 15px !important;
  text-decoration: none;
  text-transform: none;
  text-align: left;
}

.sub-menu li a,
.main-navigation .primary-menu-container ul.sub-menu li.menu-item > a:hover {
  text-decoration: underline;
}

.header-navigation .header-menu-container ul ul li.menu-item > a,
.main-navigation .primary-menu-container > ul li.menu-item > a {
  text-transform: normal !important;
}

/* =====================================================
   Links – Brand Spec
===================================================== */

a {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400 !important;
  /* font-size: 18px !important; */
  /* line-height: 28px !important; */
  text-decoration: underline;
  color: #0047bb;
}

/* Light background */
.has-light-bg a,
.nw-link-light {
  color: #0047bb !important;
}

.has-light-bg a:hover,
.nw-link-light:hover {
  color: #002da2 !important;
}

/* Dark background */
.has-dark-bg a,
.nw-link-dark {
  color: #ffffff !important;
}

.has-dark-bg a:hover,
.nw-link-dark:hover {
  color: #d4d4d4 !important;
}

ul li > strong {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* =====================================================
   Body & Legal Text
===================================================== */

.nw-body-text {
  font-size: 18px !important;
  line-height: 28px !important;
}

.nw-legal-text {
  font-size: 14px !important;
  line-height: 25px !important;
}

.nw-sm-footer p {
  font-size: 14px !important;
  line-height: 25px !important;
  color: #ffffff !important;
}

#mk-footer {
  padding: 0 !important;
}

.mk-footer-copyright a {
  font-size: 11px !important;
  color: #ffffff !important;
}

/* =====================================================
   Image Box / CTA Overrides
===================================================== */

.mk-imagebox-item .item-title {
  padding: 5% !important;
}

.mk-imagebox-item .item-button a {
  border: 1px solid #ffffff !important;
  width: 50%;
  margin: 0 auto;
  border-radius: 8px;
  padding: 6px 0 !important;
  text-decoration: none !important;
  font-size: 16px !important;
}

.mk-imagebox-item .item-button a:hover {
  border-color: #8cc8e9 !important;
  background-color: #8cc8e9 !important;
  color: #171717 !important;
}

[id^="imagebox-item-"] .item-wrapper {
  padding-bottom: 20px !important;
}

/* =====================================================
   Footer
===================================================== */

.mk-footer-copyright a {
  text-decoration: underline !important;
}

.mk-footer-copyright a:hover {
  color: #ffffff;
  text-decoration: underline !important;
}

/* =====================================================
   Forms
===================================================== */

input,
select,
textarea,
button {
  font-family: 'Gotham', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 25px !important;
}

::placeholder {
  color: #767676;
}

/* =====================================================
   Dark Background Text
===================================================== */

.has-dark-bg,
.has-dark-bg h1,
.has-dark-bg h2,
.has-dark-bg h3,
.has-dark-bg h4,
.has-dark-bg p {
  color: #ffffff !important;
}

/* =====================================================
   Responsive Typography – FIXED (Important Included)
===================================================== */

@media (max-width: 1024px) {
  h1,
  .nw-heading-lg {
    font-size: 40px !important;
    line-height: 46px !important;
  }

  h2,
  .nw-heading-md {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  h1,
  .nw-heading-lg {
    font-size: 32px !important;
    line-height: 38px !important;
  }

  h2,
  .nw-heading-md {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .mk-imagebox-item .item-button a {
    width: 100% !important;
    font-size: 14px !important;
  }
}