/*
Colors
green 700 #388E3C
*/

body, html {
    width:100%;
    margin:0;
    left:0;
    right: 0;
    box-sizing: border-box;
}

i {
    font-style: normal;
}

#logo {
    fill: #fff;
    height: 24px;
    position: relative;
    opacity: 0.85;
    margin-right: 8px;
}

.home-card {
    display: flex;
}

.toolbar-spacer {
    height: 64px;
    display: block;
}

.md-subheader.md-default-theme, .md-subheader {
    background: transparent;
}

div:focus{
    outline:0;
}

.md-subheader .md-subheader-content {
    display: flex !important;
}

.children md-list-item {
    max-height: 95px;
    overflow: hidden;
    margin-bottom: 16px !important;
    margin-top: 16px !important;
}

md-sidenav .md-button.md-primary {
    display: flex;
    width: 100%;
    left: 0;
    right: 0;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 8px;
    text-transform: none;
    font-size: 14px;
}

md-sidenav .md-button.md-primary .material-icons {
    margin-right: 8px;
}

.md-card-image-wrapper {
    max-height: 120px;
    overflow: hidden;
    width:100%;
    display: flex;
    align-items: center;
    box-shadow: inset;
}

.md-card-image-wrapper .md-card-image {
    width: 100%;
}

.passage-author {
    padding:4px 0px 8px;
}

.front-body {
    max-height: 135px;
    overflow: hidden;
}

/*.comments {
    max-height:600px;
    overflow-y: scroll;
}*/

.comments h3, .children h3 {
    font-size: 12px !important;
    color: rgba(0,0,0,.54) !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

.comments p, .children p {
    font-size: 13px !important;
    color: rgba(0,0,0,.87) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

.comment-timestamp {
    font-weight: 300;
}

.child-card {
    height: 160px;
    overflow: hidden;
}

md-card[md-ink-ripple] {
  position: relative;
  outline: 0;
}

md-card[md-ink-ripple]:focus, div[flex-xs]:focus {
    outline: 0;
}

/*overwrite angular-material*/
md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    /*background: #388E3C;*/
    position: fixed;
}

md-card md-card-content > p:first-child {
    margin-top: 16px !important;
}

.md-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.md-padding:first-child {
    padding-top: 16px !important;
}
.md-padding:last-child {
    padding-bottom: 16px !important;
}
/*.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
    background: #388E3C;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #388E3C;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #388E3C;
}
md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #388E3C;
}
md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: #388E3C;
}
md-chips.md-default-theme .md-chips.md-focused, md-chips .md-chips.md-focused {
    box-shadow: 0 2px #388E3C;
}
.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: #388E3C;
}
.md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused {
    background: #2E7D32;
}
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover{
    background: #2E7D32;
}*/
md-chips.md-default-theme[readonly=true] .md-chips, md-chips[readonly=true] .md-chips {
    box-shadow: none;
}

.comments md-input-container label:not(.md-no-float):not(.md-container-ignore), .comments md-input-container .md-placeholder {
    width: 98%;
}
/*end overwrite*/