/*
Theme Name: 	Demeris BBQ
Theme URI: 		http://Demeris.com
Author: 		LocalEdge
Author URI: 	http://LocalEdge.com
Description:	Child Theme for Betheme - Demeris BBQ
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/*Catering Page Styles*/

#calc-wrapper {
    width: 100%;
}

#calc-wrapper .layout-column {
    width: 100%;
}

#calc-wrapper md-content {
    background-color: #f5f5f5;
    background-image: url(/wp-content/uploads/2018/08/AdobeStock_90785185.jpeg);
    background-size: cover;
    background-attachment: fixed;
}

.page-template-catering .md-button.md-default-theme.md-warn.md-fab,
.page-template-catering .md-button.md-warn.md-fab,
.page-template-catering .md-button.md-default-theme.md-warn.md-raised,
.page-template-catering .md-button.md-warn.md-raised {
    color: rgb(255, 255, 255);
    background-color: #d22630;
}

.md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused,
.md-button.md-warn.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover,
.md-button.md-warn.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused,
.md-button.md-warn.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover,
.md-button.md-warn.md-raised:not([disabled]):hover {
    background-color: #f72e3a;
}

#calc-wrapper .ng-scope.layout-column.flex-gt-sm-66.flex {
    max-width: 100%;
}

#calc-wrapper md-toolbar span:not(.ng-scope) {
    font-weight: 200 !important;
    font-size: 36px;
    font-family: "Libre Franklin", Arial, Tahoma, sans-serif;
    text-transform: uppercase;
    line-height: 36px;
}

md-toolbar.md-default-theme.md-hue-3:not(.md-menu-toolbar),
md-toolbar.md-hue-3:not(.md-menu-toolbar) {
    background-color: #fff;
}

#calc-wrapper md-radio-button.md-default-theme.md-checked .md-off,
#calc-wrapper md-radio-button.md-checked .md-off {
    border-color: #b3ce84;
}

#calc-wrapper md-radio-button.md-default-theme .md-on,
#calc-wrapper md-radio-button .md-on {
    background-color: #b3ce84;
}

#calc-wrapper .md-button.md-default-theme.md-primary.md-fab,
#calc-wrapper .md-button.md-primary.md-fab,
#calc-wrapper .md-button.md-default-theme.md-primary.md-raised,
#calc-wrapper .md-button.md-primary.md-raised {
    background-color: #b3ce84;
}

#calc-wrapper .md-button.md-default-theme.md-fab[disabled],
#calc-wrapper .md-button.md-fab[disabled],
#calc-wrapper .md-button.md-default-theme.md-raised[disabled],
#calc-wrapper .md-button.md-raised[disabled] {
    background-color: rgba(0, 0, 0, 0.12);
}

#calc-wrapper md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label,
#calc-wrapper md-input-container:not(.md-input-invalid).md-input-focused label,
#calc-wrapper md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon,
#calc-wrapper md-input-container:not(.md-input-invalid).md-input-focused md-icon,
#calc-wrapper md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value,
#calc-wrapper md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value,
#calc-wrapper md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder,
#calc-wrapper md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #a4a46c;
}

#calc-wrapper md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input,
#calc-wrapper md-input-container:not(.md-input-invalid).md-input-focused .md-input,
#calc-wrapper md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
#calc-wrapper md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #a4a46c;
}

#calc-wrapper md-select.md-default-theme:not([disabled]):focus .md-select-value,
#calc-wrapper md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: #a4a46c;
}

#calc-wrapper .row:nth-child(even),
#calc-wrapper md-list-item:nth-child(even) {
    background: rgba(255, 255, 255, .5);
}

#calc-wrapper md-radio-button {
    margin-bottom: 0;
}


md-select-menu.md-default-theme md-content md-option[selected],
md-select-menu md-content md-option[selected],
md-select-menu.md-default-theme md-content md-option[selected]:focus,
md-select-menu md-content md-option[selected]:focus {
    color: #d92838;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple,
md-checkbox.md-checked .md-ink-ripple {
    color: #a4a46c;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: #a4a46c;
}

.md-subheader .md-subheader-inner {
    padding: 30px 16px;
}

md-list-item {
    padding: 20px 0;
}

md-list h4 {
    margin-top: 15px;
}

md-input-container {
    margin: 18px 0 0;
}

md-list-item.md-no-proxy,
md-list-item .md-no-style {
    padding: 20px 16px;
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    margin-bottom: 0;
}

[ng-if="step === 'final'"] md-content div.layout-row:nth-child(2) {
    background-color: #a4a46c;
    max-width: 100%;
    color: white;
    font-weight: bold;
}

#calc-wrapper label {
    margin-bottom: 0;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
    padding-left: 10px;
}

md-input-container .md-input-message-animation {
    color: #a4a46c;
    font-weight: bold;
}

md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
 min-height: 0;
}
md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
 min-height: 0;
}

md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
 padding-left: 10px;
}

md-list-item.md-no-proxy, md-list-item .md-no-style {
 padding: 0px 0px;
}

[ng-if^="finalTally"] div:first-child:not([flex="10"]) {
    color: #a4a46c;
    font-weight: bold;
}

[ng-if="step === 'final'"] .layout-row:nth-child(even) {
    background-color: rgba(255, 255, 255, .5);
}

@media screen and (max-width: 767px) {

    .flex-5 {
        max-width: 15%;
    }

    md-content .layout-row {
        flex-direction: row;
        max-width: 95%;
        margin-right: auto;
        padding: 0 1%;
    }

    md-list h4 {
        padding-left: 5%;
    }
}

@media screen and (min-width: 768px) {

    #calc-wrapper md-toolbar,
    #calc-wrapper md-content {
        padding: 0 10%;
    }
}

@media screen and (max-width: 924px) {
    .md-toolbar-tools {
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        height: auto;
        max-height: none;
        margin: 20px 0;
    }

    .md-toolbar-tools .md-button {
        margin-top: 10px;
    }

    .md-toolbar-tools span {
        text-align: center;
        flex: 1 100%;
    }

    .md-toolbar-tools > .md-button:last-child {
        margin-right: 0;
    }
}

.border-bottom-image {
  margin-top: -20px !important;
}

@media (min-width: 768px) {
  .border-bottom-image {
    margin-top: -36px !important;
  }
} 

@media (min-width: 1440px) {
  .border-bottom-image {
    margin-top: -68px !important;
  }
} 

@media (min-width: 2560px) {
  .border-bottom-image {
    margin-top: -120px !important;
  }
}