/* 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:#a9aa3a;

}



a:hover, #header.nav-solid nav a:hover {

    color:#a9aa3a;

}



/* Default Icon Color */



.icon i {

    color:#a9aa3a;

}



/* Border Color */



.testimonial.classic footer:before {

    background: #a9aa3a;

}



.pricing-block-content:hover {

    border-color:#a9aa3a;

}





/*------------------------------------------------------------------------------------------*/

/* 2. Navigation */

/*------------------------------------------------------------------------------------------*/





/* Transparent Navigation Color on a Banner */



#header nav a, #header i {

    color:#111;

}





/* 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: #a9aa3a;

    border-color: #a9aa3a;

}    







/*------------------------------------------------------------------------------------------*/

/* 3. Primary and Secondary Colors */

/*------------------------------------------------------------------------------------------*/





/* Primary Background and Text Colors */



.primary-color, .featured .pricing {

    background-color:#a9aa3a;

}



.primary-color, .primary-color .section-title, .primary-color .section-subtitle, .featured .pricing, .featured .pricing p {

    color:#fff;    

}



.section-heading h2:after {

    background:#a9aa3a;

    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:#edeee4;

}





/*------------------------------------------------------------------------------------------*/

/* 4. Banner */

/*------------------------------------------------------------------------------------------*/





/* Banner Background and Text Colors */



#banner {

    background: url("../images/banner-images/07.jpg") no-repeat center top;

    background-size:cover;

}





/*------------------------------------------------------------------------------------------*/

/* 5. Typography */

/*------------------------------------------------------------------------------------------*/





body {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size:15px;

    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:3.2em;

    line-height:60px;

    font-weight:800;

    color:#111;

}



#banner h2 {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size:18px;

    font-weight:300;

    color:#111;

}





/* Section Title and Subtitle */



.section-title {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 34px; 

    font-weight:700;

    color:#111;

}



.section-subtitle {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 16px;

    font-weight:300;

    color:#9c9c9c;

}



/* Testimonial */



.testimonial q {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size: 17px; 

    font-weight:300;

}



.testimonial.classic q, .testimonial.classic footer {

    color:#111;

}





/* 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:#a9aa3a;

    color:#a9aa3a;

}





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





/* Button Text */



#banner .button {

    font-family: 'Open Sans', sans-serif, Arial, Helvetica;

    font-size:16px;

    color:#111;

}





/* Button Color */



#banner .button {

    border-color:#111;

}





/* Button Hover Color */



#banner .button:hover {

    color:#a9aa3a;

    border-color:#a9aa3a;

}





/*------------------------------------------------------------------------------------------*/

/* 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:#999;

}



/* Footer Icon Color */



#landing-footer i {

    color:#999;

}



/*bc's additional rules*/



#banner .button-light {

    color: #a9aa3a;

    border-color: #a9aa3a;

}

#banner .button-light:hover {

    color: #111;

    border-color: #111;

}

.accent-color {

    background-color:#eee;

}