/* Namari Landing Page Dynamic Style Index

1. Website Default Styling
2. Navigation
3. Primary and Secondary Colors
4. Banner
5. Typography
6. Buttons
7. Footer


/*------------------------------------------------------------------------------------------*/
    /* 1. Website Default Styling */
    /*------------------------------------------------------------------------------------------*/


    body {
        background: #fff;
    }


    /* Default Link Color */

    a,
    .la-ball-triangle-path {
        color: #5B948F;
    }

    a:hover,
    #header.nav-solid nav a:hover {
        color: #5B948F;
    }

    /* Default Icon Color */

    .icon i {
        color: #5B948F;
    }

    /* Border Color */

    #banner .section-heading:before,
    .testimonial.classic footer:before {
        background: #5B948F;
    }

    .pricing-block-content:hover {
        border-color: #5B948F;
    }

    .emphasis-section {
        /* background: #5B94BF; */
        /* background: #B0C29B; */
        background: rgb(253, 224, 168);
    }

    .emphasis-section a {
        color: rgb(133, 107, 154);
    }

    .emphasis-section h3 {
        color: rgb(133, 107, 154);
    }

    .emphasis-section .section-heading h2:after {
        background: rgb(133, 107, 154);
    }

    #about {
        background-color: #E0E8E5;
    }

    #people {
        background-color: rgba(19, 59, 88, 0.2);
    }

    .section-heading h3 {
        color: rgb(133, 107, 154);
    }

    .testimonial footer {}

    /*------------------------------------------------------------------------------------------*/
    /* 2. Navigation */
    /*------------------------------------------------------------------------------------------*/


    /* Transparent Navigation Color on a Banner */

    #header nav a,
    #header i:not(.fa) {
        color: #111;
    }

    #header nav a {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    }

    /* Navigation Colors when the Navigation is sticky and solid */

    #header.nav-solid,
    #header.nav-solid a,
    #header.nav-solid i,
    #nav-mobile ul li a {
        color: #333;
    }


    /* Navigation Active State */

    #header.nav-solid .active {
        color: #5B94BF;
        border-color: #5B94BF;
    }



    /*------------------------------------------------------------------------------------------*/
    /* 3. Primary and Secondary Colors */
    /*------------------------------------------------------------------------------------------*/


    /* Primary Background and Text Colors */

    .primary-color,
    .featured .pricing {
        background-color: #5B94BF;
    }

    .primary-color,
    .primary-color .section-title,
    .primary-color .section-subtitle,
    .featured .pricing,
    .featured .pricing p {
        /* color:#fff;     */
        color: #E0E8E5;
    }

    .section-heading h2:after {
        background: #5B94BF;
        content: "";
        display: block;
        width: 30px;
        height: 5px;
        margin-top: 30px;
    }

    .text-center .section-heading h2:after {
        margin: 30px auto 25px auto;
    }

    /* Primary Icon Colors */

    .primary-color .icon i,
    .primary-color i {
        color: #fff;
    }


    /* Secondary Background and Text Colors */

    .secondary-color {
        background-color: #f5f5f5;
    }


    /*------------------------------------------------------------------------------------------*/
    /* 4. Banner */
    /*------------------------------------------------------------------------------------------*/


    /* Banner Background and Text Colors */

    #banner {
        background: url("../images/banner-images/banner-image-2.jpg") no-repeat center top;
        background-size: cover;
    }


    /*------------------------------------------------------------------------------------------*/
    /* 5. Typography */
    /*------------------------------------------------------------------------------------------*/


    body {
        font-family: 'Barlow', sans-serif, Arial, Helvetica;
        font-size: 16px;
        font-weight: normal;
        color: #111;
    }

    /* Logo, if you are using Fonts as Logo and not image

#logo h1 {
    font-family:;
    font-size:; 
    font-weight:;
    color:;
}

#logo h2 {
    font-family:;
    font-size:; 
    font-weight:;
    color:;
}

*/


    /* Banner Typography */

    #banner h1 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 62px;
        line-height: 60px;
        font-weight: 800;
        color: #133B58;
    }

    #banner h2 {
        /* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
        font-family: 'Barlow', sans-serif, Arial, Helvetica;
        font-size: 22px;
        font-weight: 300;
        color: #000;
    }

    #banner h2 span {
        background-color: white;
        opacity: 0.8;
    }

    /* Section Title and Subtitle */

    .section-title {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 34px;
        font-weight: 700;
        color: #133B58;
    }

    .section-subtitle {
        font-family: 'Barlow', sans-serif, Arial, Helvetica;
        font-size: 18px;
        font-weight: 300;
        color: #9c9c9c;
    }

    /* Testimonial */

    .testimonial q {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 17px;
        font-weight: 300;
    }

    .testimonial.classic .person-name {
        font-weight: bold;
    }

    .testimonial.classic footer {
        color: #414141;
    }


    /* Standard Headings h1-h6 */

    h1 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 40px;
        font-weight: 300;
        color: #111;
    }

    h2 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 34px;
        font-weight: 300;
        color: #111;
    }

    h3 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 30px;
        font-weight: 700;
        color: #111;
    }

    h4 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 18px;
        font-weight: 400;
        color: #111;
    }

    h5 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 16px;
        font-weight: 400;
        color: #111;
    }

    h6 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 14px;
        font-weight: 400;
        color: #111;
    }


    /*------------------------------------------------------------------------------------------*/
    /* 6. Buttons */
    /*------------------------------------------------------------------------------------------*/

    /* ----------Default Buttons---------- */


    /* Button Text */

    .button,
    input[type="submit"] {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 14px;
        font-weight: bold;
        color: #111;
    }


    /* Button Color */

    .button,
    input[type="submit"] {
        border-color: #111;
    }


    /* Button Hover Color */

    .button:hover,
    input[type="submit"]:hover {
        border-color: #5B948F;
        color: #5B948F;
        background-color: white;
    }


    /* ----------Banner Buttons---------- */


    /* Button Text */

    #banner .button {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 16px;
        color: #111;
    }


    /* Button Color */

    #banner .button,
    .extra-button {
        border-color: #111;
        background-color: #5B948F;
        color: #fff;
    }

    /* Button Hover Color */

    #banner .button:hover {
        border-color: #5B948F;
        color: #5B948F;
        background-color: white;
    }


    /*------------------------------------------------------------------------------------------*/
    /* 7. Footer */
    /*------------------------------------------------------------------------------------------*/

    #landing-footer,
    #landing-footer p,
    #landing-footer a {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 12px;
        font-weight: normal;
        color: var(--trust-70);
    }

    /* Footer Icon Color */

    #landing-footer i {
        color: #999;
    }