/*
 Theme Name:   Unified Child
 Theme URI:    http://www.newbreedmarketing.com/
 Description:  Child theme of Unified WP with heading typography overrides
 Author:       New Breed
 Author URI:   http://www.newbreedmarketing.com/
 Template:     unified
 Version:      1.0.0
 Text Domain:  unified-child
*/

/* ==========================================================================
   Global Font Override
   The parent theme sets font-family explicitly on body, p, h1-h6, a,
   blockquote, nav links, labels, buttons, and dozens of module selectors.
   Wildcard with !important is the only way to override all of them cleanly.
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
.heading,
.copy,
ul,
li,
ol,
footer span,
header span {
    font-family: 'Outfit', sans-serif !important;
}

p {
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

@media (max-width: 767px) {
    p {
        font-size: 14px !important;
        line-height: 24.5px !important;
    }
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal !important;
    font-weight: 600 !important;
}

h1 {
    font-size: 95px !important;
    line-height: 114px !important;
}

@media (max-width: 767px) {
    h1 {
        font-size: 65px !important;
        line-height: 72.5px !important;
    }
}

h2 {
    font-size: 75px !important;
    line-height: 70px !important;
}

@media (max-width: 767px) {
    h2 {
        font-size: 50px !important;
        line-height: 62.5px !important;
    }
}

h3 {
    font-size: 60px !important;
    line-height: 75px !important;
}

@media (max-width: 767px) {
    h3 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}

h4 {
    font-size: 50px !important;
    line-height: 62.5px !important;
}

@media (max-width: 767px) {
    h4 {
        font-size: 30px !important;
        line-height: 37.5px !important;
    }
}

h5 {
    font-size: 40px !important;
    line-height: 50px !important;
}

@media (max-width: 767px) {
    h5 {
        font-size: 25px !important;
        line-height: 31px !important;
    }
}

h6 {
    font-size: 24px !important;
    line-height: 30px !important;
}

@media (max-width: 767px) {
    h6 {
        font-size: 20px !important;
        line-height: 25px !important;
    }
}

/* ==========================================================================
   Button Overrides (Test — bright red to confirm coverage)
   ========================================================================== */

/* All button types: .btn, .button, .hs-button, CTA links, submit inputs,
   button elements, nav buttons, slider buttons, stroked/text variants,
   and card CTA/URL <a> links */
.btn,
.button,
.button-small,
.button-stroked,
.button-text,
.hs-button,
input.hs-button,
input[type="submit"],
button[type="submit"],
a.button,
div.cta a,
span.cta a,
span.url a,
.cta_button a,
.slide-inner .button a,
.mobile-navigation-cta .button,
.search-submit,
.mixitup-page-list button,
.button-arrow,
.card .content span.cta a,
.card .content span.url a,
.card .content>a {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-transform: none !important;
    position: relative;
    padding: 15px 20px !important;
    border-radius: 15px !important;
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #FA751F 0%, #F6961A 100%) !important;
    box-shadow: none !important;
}


.btn:hover,
.button:hover,
.button-small:hover,
.button-stroked:hover,
.button-text:hover,
.hs-button:hover,
input.hs-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
a.button:hover,
div.cta a:hover,
span.cta a:hover,
span.url a:hover,
.cta_button a:hover,
.slide-inner .button a:hover,
.mobile-navigation-cta .button:hover,
.search-submit:hover,
.mixitup-page-list button:hover,
.button-arrow:hover,
.card .content span.cta a:hover,
.card .content span.url a:hover,
.card .content>a:hover,
.btn:focus,
.button:focus,
.button-small:focus,
.button-stroked:focus,
.button-text:focus,
.hs-button:focus,
input.hs-button:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
a.button:focus,
div.cta a:focus,
span.cta a:focus,
span.url a:focus,
.cta_button a:focus,
.slide-inner .button a:focus,
.mobile-navigation-cta .button:focus,
.search-submit:focus,
.mixitup-page-list button:focus,
.button-arrow:focus,
.card .content span.cta a:focus,
.card .content span.url a:focus,
.card .content>a:focus {
    color: #fff !important;
}

/* ==========================================================================
   Form Element Overrides (Demo)
   Parent uses: 1px solid #223244 border, 4px radius, Source Sans Pro,
   16px padding, white background
   ========================================================================== */

/* Text inputs, email, tel, number */
label {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"] {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    color: #404040;
    width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
    border: none;
    border: 1px solid #002D70;
    border-radius: 30px !important;
    padding: 0 30px;
    cursor: pointer;
    outline: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus {
    border-color: #0055ff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15) !important;
}

/* Select dropdowns */
select {
    font-family: 'Outfit', sans-serif !important;
    border: 2px solid #d0d5dd !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    background-color: #fff !important;
}

select:focus {
    border-color: #0055ff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15) !important;
}

/* Textarea */
textarea {
    font-family: 'Outfit', sans-serif !important;
    border: 2px solid #d0d5dd !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    background-color: #fff !important;
}

textarea:focus {
    border-color: #0055ff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 85, 255, 0.15) !important;
}

/* Form field labels */
.hs-form-field>label {
    font-family: 'Outfit', sans-serif !important;
}

/* Error messages */
.hs-error-msgs li label {
    font-family: 'Outfit', sans-serif !important;
}