/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.plant-heading-container {
    height: 325px;
}

.plant-heading {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #666666;
    background-image: url("http://engelsnursery.com/wp-content/uploads/2025/08/engels-banners-2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    align-self: auto;
    height: 100%;
}

.plant-heading-inner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plant-heading-title {
  font-family: "Roboto", Sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #FFFFFF;
}

table thead th a.sort {
    text-decoration: none;
    box-shadow: none;
    color: white;
}
a.sort:after {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display: inline-block;
}
a.sort.asc:after {
    content: "\f0de";
}
a.sort.desc:after {
    content: "\f0dd";
}

.pc_apply_filter {
    text-align: right;
    padding: 3px 0;
}

.plantcatalog thead .filter_field {
    padding: 0;
}
.plantcatalog thead .filter_field input {
    margin: 0;
    width: 100%;
}
.plantcatalog thead .filter_field select {
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%;
}
.plantcatalog thead .filter_field select:focus {
    background-color: #fff;
    border-color: #007acc;
    color: #1a1a1a;
    outline: 0;
}
.plantcatalog tbody td a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    box-shadow: none;
}

tr.filtered {
    display: none;
}


/**
 * Border boxes for detail areas
 */
.plant-content > .detail {
    position: relative;
    padding-top: 0.7em;
    margin: 2em 0 0.5em;
}
.plant-content > .detail h3 {
    border: 1px solid black;
    display: inline-block;
    position: absolute;
    top: -1em;
    background-color: white;
    left: 1em;
    border-radius: 0.5em;
    padding: 0 5px;
}

.detail .detail-grid {
    margin: 0 5px;
}

.property-name {
    font-weight: bold;
}

/**
 * Layout
 */
.plant-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.plant-content > * {
    width: 100%;
}

.plant-content .summary {
    order: 1;
    text-align: center;
}
.plant-content .summary .plant-description {
    text-align: left;
    margin-top: 15px;
}
.plant-content .thumbnails {
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.plant-content .thumbnails img {
    margin: 3px;
}
.plant-content .plant-details {
    order: 3;
}
.plant-content .plant-pricing {
    order: 4;
}
.plant-content .plant-quantities {
    order: 5;
}

@media (min-width: 7in) {

    .plant-content .plant-details {
        order: 2;
        flex: 1;
    }
    .plant-content .thumbnails {
        order: 3;
        flex: 2;
    }

    .plant-content .summary {
        text-align: left;
    }
    .plant-content .summary img {
        float: left;
        margin-right: 10px;
    }
    .plant-content .summary h1, .plant-content .summary h3 {
        line-height: 1em;
        margin: 0;
        clear: none;
    }
    
    .plant-content .detail-grid {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .plant-content .detail-grid span {
        display: block;
    }
    .property-name {
        white-space: nowrap;
        text-align: center;
    }
    .property-name:after {
        content: initial;
    }

    .property-value.qty, .property-value.price {
        text-align: center;
    }
}

/**
 * Hide the border and Label for Plant Details
 *  - also do not layout horizontally
 */
.detail.plant-details {
    border: 0;
    margin-top: 0;
    padding: 0;
}
.detail.plant-details h3 {
    display: none;
}
.detail.plant-details .detail-grid {
    display: block;
}
.detail.plant-details .detail-grid span {
    display: inline;
}
.detail.plant-details .detail-item, .summary .detail-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.detail.plant-details .detail-item .property-name, .summary .detail-item .property-name {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  text-align: left;
}
.summary .detail-item .property-name a {
  color: #09733B;
}
.detail.plant-details .detail-item .property-value, .summary .detail-item .property-value {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Responsive Flexbox Pricing Grid */

/* Flexbox Pricing Grid - Styled to match original table look */
.plant-pricing-flex-table {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #d1d1d1;
  margin-bottom: 2em;
}
.plant-pricing-flex-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  border-bottom: 1px solid #d1d1d1;
}
.plant-pricing-flex-row:last-child {
  border-bottom: none;
}
.plant-pricing-flex-header {
  font-weight: bold;
  color: #222;
  border-bottom: 2px solid #d1d1d1;
}
.plant-pricing-flex-cell {
  flex: 1 1 0;
  padding: 0.75em 0.5em;
  min-width: 80px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1em;
  color: #222;
  border-right: 1px solid #e0e0e0;
  background: inherit;
}
.plant-pricing-flex-row .plant-pricing-flex-cell:last-child,
.plant-pricing-flex-header .plant-pricing-flex-cell:last-child {
  border-right: none;
}
.plant-pricing-flex-header .plant-pricing-flex-cell {
  justify-content: flex-start;
  font-size: 1.05em;
}
@media (max-width: 800px) {
  .plant-pricing-flex-row,
  .plant-pricing-flex-header {
    flex-direction: column;
    align-items: stretch;
  }
  .plant-pricing-flex-cell {
    justify-content: space-between;
    text-align: left !important;
    border-bottom: 1px solid #e0e0e0;
    border-right: none !important;
    padding: 0.5em 0.75em;
  }
  .plant-pricing-flex-row .plant-pricing-flex-cell:last-child {
    border-bottom: none;
  }
}