/*
Theme Name: Hazeldines
Description: Hazeldines default template
Author: Search Vista
Version: 1.0
*/

/*
primary - #0b5c2e
secondary - #cfc797
tertiary - #cdd7bb
*/

body {
    background-color: #fffeee;
    color: #736e52;
    font-family: 'Bitter', serif;
    padding-top: 10px;
}

h1, h2, h3, h4, h5, h6 { color: #0b5c2e; }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
.home h1 { margin-bottom: 16px; margin-top: 0; }
.introduction { font-size: 1.1em; line-height: 1.6em; }
.teaser { line-height: 1.8em; }

.teaser h4 i { background-color: #cfc797; border-radius: 2px; color: #fff; padding: 6px 8px; margin-right: 10px; }

a { outline: none; }
a:link, a:visited { color: #0b5c2e; font-weight: normal; text-decoration: none; }
a:hover, a:active, a:focus { color: #0b5c2e; font-weight: normal; text-decoration: none; }

/* utility classes */
.center { text-align: center; }
.alignleft { float: left; margin-right: 12px; }
.alignright { float: right; margin-left: 12px; }
.hidden { display: none }

/* start the main content */
.header-container { background: #fff; color: #666;  }

header { padding-top: 16px; padding-bottom: 16px; }

/* .nav > li > a:hover { color: #fff !important; } */

.navbar {
    background: #146134;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.1em;
    margin-bottom: 0;
    min-height: 0;
}

.navbar li a {
    border: 0;
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
    margin-right: 32px;
    /* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); */
}

.navbar li a:hover { color: #cdd7bb !important }

.nav-user { /* margin-top: 60px;  */}
.nav-user i { color: #0b5c2e; }
.nav-user>li>a { background-color: #cdd7bb !important; color: #666; padding: 8px; }

.navbar-text .fa {
    color: #fff;
    margin-left: 16px;
}

.navbar-text .fa:hover { color: #cdd7bb !important }

/* WP styling for the nav */
.navbar-nav .current-menu-item,
.navbar-nav .current-menu-parent,
.navbar-nav .current-post-ancestor,
.navbar-nav .current-category-ancestor { color: #0b5c2e; }


/* carousel */

.carousel {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
}

.carousel-caption {
    background: #146134;
    background: rgba(20, 97, 52, 0.5);
    color: #fff;
    /* display: none; */
    padding: 10px;
}

.carousel-title, .carousel a { color: #fff; }

.carousel-control { background: none !important; }

.label-default { background-color: #aecddd; }


/* generic divs  */
.padding { padding: 20px; }
.padding-40 { padding: 40px; }
.bordered { border: 1px solid #a3a3a3; }

/* headers on the homepage blog articles */
.media { border-bottom: 1px solid #cdd7bb; }
.teaser-header { font-size: 1.5em; line-height: 1.6em; }
.teaser-image { height: auto; width: 100%; }
.teaser-time { color: #a9c0a1; margin-bottom: 0.75em; }

/* product teasers */

mark { display: none; }

/* wrappers */
.wrapper-page { background: url(img/block.jpg); padding-top: 20px; padding-bottom: 20px; }
.wrapper-grey { background: #fffeee; }
.wrapper-tertiary { background-color: #cdd7bb; }
.wrapper-padded { padding-bottom: 20px; padding-top: 20px; }
.wrapper-border-bottom { border-bottom: 1px dotted #e6e6e6; }
.wrapper-border-top { border-top: 1px solid #ccc; }

.shadow-default { box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 0.75); }

.page-inner { background-color: #fffeee; border-radius: 4px; padding: 20px; }
.page-inner h1 { margin-top: 0; }
.page-inner-title { border-bottom: 1px solid #cdd7bb; margin-top: 0; padding-bottom: 6px; }

.breadcrumbs { padding-top: 10px; }

/* tile - appears in the blog sidebar */
.tile { margin-bottom: 32px; padding: 20px; }
.tile h3 { border-bottom: 1px solid #cdd7bb; font-size: 18px; margin-top: 0; padding-bottom: 6px; }
.tile ul { list-style-type: none; margin: 0; padding: 0; }
.tile li { border-bottom: 1px dotted #ccc; }
.tile li a { display: block; padding: 8px 3px; }

/* search */

.widget_product_search {
    background-color: #f9f9f9;
    border-radius: 4px;
    padding: 10px;
}

.widget_product_search label {
    display: none;
}

/* .panel-group on the FAQs page */

.panel {
    background-color: #fffeee;
}

/* blog */

/* article { margin-bottom: 2em; padding-bottom: 1em; } */
.meta {
    border-bottom: 1px solid #c8c8c8 !important;
    border-top: 1px solid #c8c8c8 !important;
    padding-bottom: 22px;
    padding-top: 22px;
}

.meta { margin: 0 !important; }
.meta-link { margin-left: 10px; text-decoration: underline; }
.meta p {
    margin: 0;
    margin-left: -15px;
    margin-top: 7px;
}

.highlight { color: #8fba3d; font-weight: bold; margin: 2em 0; }

/* pagination */
.pagination>li>a,
.pagination>li>span {
    color: #4c9302;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #4c9302; color: #fff;
}

/* footer */
footer { font-weight: normal; padding: 32px 0; }
footer h4 { border-bottom: 1px solid #cdd7bb; padding-bottom: 6px; }
footer ul { margin: 0; padding: 0; }
footer li { border-bottom: 1px dotted #cdd7bb; list-style-type: none; padding: 6px 0 }
footer li span { display: block; margin-left: 3em; margin-top: -2em; }
footer .fa { color: #cdd7bb; }
footer .menu a { color: #146134; }

/* forms */
/* hack for the label on the free sample form */
#form_contact22 #frm_field_20_container .frm_primary_label {
    font-size: 1.5em;
    margin-bottom: 12px;
    margin-left: -20px;
}

.frm_form_field { margin-bottom: 1em; }
.frm_ajax_loading { visibility: hidden; }

/* bs styles */

.form-control { border-radius: 0 }

/* search form */
#s { display: inline; max-width: 60%; }

/* style the Bootstrap buttons */
.btn-primary {
    background: #cfc797;
    border: 0;
    transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
}

.btn-primary:hover {
    background-color: #0b5c2e;
}

.btn-primary:link,
.btn-secondary:link { color: #fff }

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited,
.btn-secondary:visited { color: #fff; }

/* .btn { padding-left: 32px; padding-right: 32px; } */

/* tabs */

.nav-tabs { border: 0; margin-left: 0; }
.nav-tabs li a { background-color: #62af00; border-radius: 0; color: #fff; padding-left: 16px; }
.nav-tabs li.active a { background-color: #093c05; border-radius: 0; color: #fff; padding-left: 16px; }
.nav-tabs li.active a:hover { padding-left: 16px; }
.tab-pane { background-color: #e4e4e3; border: 1px solid #a3a3a3; }



/* mobile styles */

@media (max-width: 979px) {
    body { padding-left: 20px; padding-right: 20px; }
    .navbar-container { margin-bottom: 0; width: auto; }
    .navbar-inner { border-radius: 0; margin: -5px 0; }
}

@media (max-width: 767px) {
    .sitetitle { padding-left: 10px; }
    .nav-collapse li { border-bottom: 1px dotted #333; }
    .nav-collapse li:last-child { border-bottom: 0; }
    .nav-collapse li a { padding: 10px; }

    /* clean these classes */
    .navbar-container, .navbar-inverse, .navbar-inner { background: transparent; }

    .navbar-inner { min-height: 0; }
    .navbar .nav > li > a { font-weight: normal; padding: 10px; }
    .btn-navbar {
        position: absolute;
        right: 20px;
        top: 45px;
    }
    .section-heading { font-size: 2em; }
    .lead { font-size: 1.4em; line-height: 1.5em; }
}

/* some woo stuff */

/* woo flash messages */
.woocommerce-breadcrumb { background-color: #fff; padding: 12px 0 !important; border-bottom: 1px solid #ccc; margin-top: 16px; }
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before {
    background: transparent;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    content: '';
    text-shadow: 0;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-error,
.woocommerce-page .woocommerce-info {
    background: #cdd7bb !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-top: 0;
    border-left: 6px solid #8fae1b;
    padding-left: 1em !important;
    border-radius: 0;
    text-shadow: none !important;
}

/* cart stuff */
.cart_totals label {
    display: inline;
}

#coupon_code { width: 150px; }


/* tweak the radios on the cart and checkout pages */
.woocommerce ul#shipping_method li,
.woocommerce-page ul#shipping_method li {
    text-indent: 0 !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table,
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.woocommerce-page .cart-collaterals .cart_totals tr th {
    border-color: #cdd7bb !important;
}

/* #content { margin-top: 32px; } */
label { color: #736e52; }
#input_id_0_suggestor_007{height: inherit !important;}