/* Styles especially made for Mom

Colors
- Susanina red-orange logo text color: #DC6738
- Susanina painting dark green: #DC6738
- Susanina painting yellow green: #ADB640
- Susanina painting deep orange: #EC8013
- Susanina painting dark purple: #6F2679
*/


/* Bootstrap overrides*/

body {
    padding-top: 5px;
    margin-bottom:50px;
    font-size: 18px;
}

a {
    color: #6F2679;
}

/* navbar */

/* link style in navbar */
.navbar-default .navbar-nav>li>a {
    color: #DC6738; /* Susanina logo text color */
    font-weight: bold;
}

/* active link style in navbar */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #3D7035; /* green from Mom's painting */
    background-color: transparent;
}

ul.nav li a {
    margin-top: 19px;
}

img#navlogo {
    margin-top: -8px;
}

.navbar div#nav-search {
    padding-top: 6px;
}

.input-group-addon {
    color: #DC6738;
    background-color: #FFFFFF;
    border-color: #dddddd;
}

.btn-default {
    height: 40px; /* forcing height since Chrome seemed to be adding 1px in height */
    color: #DC6738;
    background-color: #FFFFFF;
}

/* footer menu */

.footer {
    margin: auto;
}

/* sidebar nav */

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #DC6738;
    border-color: #DC6738;
}

/* header for sidebar nav*/
.list-group-item.header {
    background-color: #EC8013;
    color: #FFFFFF;
}

.jumbotron {
    color: #FFFFFF;
    background-color: #ADB640;
}

.jumbotron-imagebg {
    color: #FFFFFF;
    height: 450px;
}

.jumbotron p {
    font-size: 32px;
}

/* styles for ingredient list in recipe detail */

table#ingred-table tr.ingred-line {
    height: 50px;
}

table#ingred-table td {
    vertical-align: top;
    font-size: 22px;
}

table#ingred-table td.ingred-amount {
    width: 40px;
}

/* styles for directions list in recipe detail */

table#directions-table td {
    vertical-align: top;
    font-size: 22px;
}

table#directions-table tr:hover {
    background-color: #ADB640;
}