@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700');

body {
    background-color: #ffffff;
    color: #333333;
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;
}
.container {
    background-color: #ffffff;
    color: #333333;
}
p, .mainbody ul, .mainbody ol, ol {
    color: #444444;
    font-size: 14px;
    line-height: 1.42857143;
    letter-spacing: 0px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0px;
}






h2.header {
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
    background: #444444;
    color: #ffffff;
    padding: 7px 10px 6px;
    font-size: 20px;
    z-index:0;
    letter-spacing: 2px;
}

.grid figure h2 {
    letter-spacing: 2px;
}

h3 {
    margin-top: 20px;
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}


/* ---------------------------------
        GENERAL LINKS
-----------------------------------*/
    
.mainbody a {
   color: #30b457;
}
a:hover {
   color: #444444;

}
p a, .footer.subfooter a {
    color: #30b457;
    }

.footer.subfooter a:hover {
    color: #ffffff;
    text-decoration: none;
}

a {
    color: #333333;
}
b, strong {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-weight: 700;
}

@media (max-width: 991px) {
    .social-media a i {
        color: #333333;
    }
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #444444 !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #30b457 !important;
}


/* ---------------------------------
        HEADER & NAVIGATION
-----------------------------------*/
.navbar {    
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;
}

.nav > li > a:hover,
.nav > li > a:focus, li.active > a  {
    color: #30b457;
    text-decoration: none;
    background-color: #ffffff;
}
    
@media (max-width: 767px) {
    .nav .navbar-nav > li > a:hover,
    .nav .navbar-nav > li > a:focus, 
    .navbar-nav li.active > a  {
        color: #30b457;
        text-decoration: none;
        background-color: #eeeeee;
        }
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #333333;
    text-decoration: none;
    outline: 0;
    background-color: #30b457;
}
.dropdown-menu > .active > a:hover {
    color: #30b457 !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: #333333;
    color: #30b457;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    text-decoration: none;
    color: #30b457;
    background-color: #f5f5f5 !important;
}
.social-media a:hover i {
    color: #30b457;
}

/* ------------- MAX WIDTH 767px ----------------*/
@media (min-width: 0px) and (max-width: 767px) {    
    .nav > li > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {    
        color: #30b457;
        background-color: #eeeeee;
        border-color: #ffffff;
    }
    .dropdown-menu > a:hover, .dropdown-menu > a:active, .dropdown-menu > a:focus {
        color: #30b457;
    }
}
.active.dropdown-submenu .secondlvl, .secondlvl-open a.secondlvl, .highlight a:hover, .thirdlvl-open a.thirdlvl {
    color: #30b457 !important;
    background-color: #f5f5f5;
}
    
.active.dropdown-submenu .secondlvl:hover{
        color: #ffffff !important;
        background-color: #30b457;
    }
        


/* ---------------------------------
        FORMS AND BUTTONS
-----------------------------------*/

.btn {
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;
    letter-spacing: 2px;

}

.btn-default, .btn-default:active, .btn-default:focus {
    border-color: #30b457;
    background-color: #30b457;
    color: #ffffff;
}
.btn-default:hover {
    background-color: #28994a;
    color: #ffffff;
    border-color: #28994a;
}
.required {
    border: 2px solid #30b457;
}
.success {
    color: #30b457;
}

    
/* ---------------------------------
            TABLES
-----------------------------------*/    
.table thead td {
    background-color: #30b457;
    color: #ffffff;
    border-bottom: 0px;
}   

table {
    width: 100%;
    text-transform: none;
    margin-bottom: 5px;
} 
table tr td {
    padding: 3px 10px;
    border: 1px solid #333;
    letter-spacing: 0px;
}
/* ---------------------------------
       SUB-CATEGGORY NAVIGATION
-----------------------------------*/

.subcategory {
    text-transform: none !important;
}

.subcategory a {
    color: #ffffff;
}

.subcategory > li > a {
    color: #333333;
    background-color: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}

.subcategory > li.active > a, .subcategory > li.active > a:hover, .subcategory > li.active > a:focus {
    color: #ffffff;
    background-color: #30b457 !important;
    border-radius: 0px;
}

.subcategory > li > a:hover, .subcategory .open > a, .subcategory .open > a:hover, .subcategory .open > a:focus {
    color: #30b457;
    background-color: transparent;
    /*border-color: #ffffff;*/
}

.nav-stacked .subnav li a:hover, .nav-stacked .subnav li.active a:hover {
    color: #30b457;
    background: #f5f5f5;
}
    
.nav-stacked .subnav li.active a{
    background-color: #cccccc;
    color: #30b457;
}

.bloglist-header {
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    background: #444444;
    color: #ffffff;
    padding: 7px 10px 5px;
    margin: 0px;
}

ul.archives {
    margin: 0px; 
    padding: 0px;
}

ul.archives li{ 
    list-style-type: none; 
    padding: 10px 15px;
    background-color: transparent;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom:2px;
}
ul.archives li a {
    color: #333333;
}
ul.archives li:hover {
    background-color: transparent;

}
ul.archives li a:hover {
    color: #30b457;

}

/* ---------------------------------
       BREADCRUMBS
-----------------------------------*/

.B_crumbBox {
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif; 
    background: #e5e5e5;
    letter-spacing: 1px !important;
    font-size: 12px !important;
}

.B_crumbBox a {
    color: #444444;
}

.B_crumbBox a:hover {
    color: #30b457;
}

.B_currentCrumb {
    color: #30b457 !important;
}  

/* ---------------------------------
       THUMBNAILS
-----------------------------------*/

.thumbnail {
    background-color: #ffffff;
    color: #333333;
}
.thumbnail .caption {
    color: #333333;
}
.thumbnail img {
    border: 0px;
}
.bloglist-small .thumbnail {
    border: 0px solid #e5e5e5 !important;
    background-color: #e5e5e5;
}
.blog-main img {
    margin-bottom: 5px;
}

/* ---------------------------------
       BLOG MAIN
-----------------------------------*/
 

.quip-comment-author, .quip-comment-author a {
    color: #333 !important;
    font-weight: bold;
}
.quip, .quip-preview {
    background-color: transparent !important;
    padding: 20px !important;
    border-radius: 0px !important;
    margin-top: 10px !important;
    border-bottom: 1px solid #333 !important;
    border: 1px solid #333 !important;
}

.bloglist-large a .caption {
    font-size: 14px;
    color: #333;
    letter-spacing: 0px;
    padding: 5px;
}
.bloglist-large a:hover .caption {
    color: #30b457;
}


/* ---------------------------------
       FOOTER
-----------------------------------*/
.footer {
    font-family: 'MuseoSans-500', 'helvetica neue', helvetica, arial, sans-serif;    
    color: #333333;
}
.footer a {
    color: #ffffff;
}
.dcsns {
    background: #efefef;
}
.greybg {
    background-color: #939598;
    color: #ffffff;
}
.whitebg {
    background-color: #efefef;
}
/* ---------------------------------
       PAGINATION
-----------------------------------*/

.pagination > li > a, .pagination > li > span {
    background-color: #333333;
    color: #fff;
    border-color: #ffffff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #333333;
    background-color: #cccccc;
    border-color: #ffffff;
}
.pagination > li > a.active {
    background-color: #30b457;
    border-color: #ffffff;
}

.tagCloud {
    background-color: transparent;
    padding: 0px 0px 10px;
    margin-bottom: 2px;
    font-size: 13px !important;
}


/* ---------------------------------
    RECIPES & PRINTABLE AREA
-----------------------------------*/

#printableArea {
    padding: 20px;
    border: 3px dashed #f1f1f1;
}
.printbutton {
    float:right;
    padding: 10px;
    border: 3px dashed #f1f1f1;
    color: #333 !important;
    margin-bottom:10px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
    font-weight: 700;
    cursor: pointer;
}
.printbutton span {
    margin-left: 5px;
}
.printbutton:hover {
    background: #f9f9f9;
}