/* Grid */
.dishes-columns-container {
    margin: 0 -15px;
}
.dishes-columns-container > * {
    vertical-align: top;
    padding: 10px 15px;
    display: inline-block;
    box-sizing: border-box;
}
.dishes-columns-container .column-1-2 {
    width: 50%;
}
.dishes-columns-container .column-1-3 {
    width: 33.33%;
}
.dishes-columns-container .column-1-4 {
    width: 25%;
}

/* Featured image */
.dishes-featured {
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 6px;
}
.dishes-featured:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    z-index: 0;
}
.dishes-featured img {
    width: 100%;
}
.dishes-featured-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    z-index: 2;
}




/* dishes content */
.dishes-plugin.dishes-single {
    text-align: center;
}
.dishes-plugin-content {
    padding: 0 0 3.1rem;
}
.dishes-title {
    margin: 0.7rem 0 0;
    line-height: 2.133rem;
}


/* VC settings */
.vc_element-icon.icon-dishes-plugin {
    background: url(../images/icon.png) no-repeat 0 0 !important;
}


/* Grid */
.dishes-plugin-column-row { margin: 0 -30px 0 0; }
.dishes-plugin-column, .dishes-plugin-columns { display: inline-block; padding: 0 30px 0 0; box-sizing: border-box; vertical-align: top;}

.dishes-plugin-one    { width: 8.33333333%;   }
.dishes-plugin-space    { width: 7%;   }
.dishes-plugin-two    { width:16.66666667%;   }
.dishes-plugin-three  { width:25%;            }
.dishes-plugin-four   { width:33.33333333%;   }
.dishes-plugin-five   { width:41.66666667%;   }
.dishes-plugin-six    { width: 50%;           }
.dishes-plugin-seven  { width:58.33333333%;   }
.dishes-plugin-eight  { width:66.66666667%;   }
.dishes-plugin-nine   { width:75%;            }
.dishes-plugin-ten    { width: 83.33333333%;  }
.dishes-plugin-eleven { width: 91.66666667%;  }
.dishes-plugin-twelve { width: 100%;          }


/* dishes search form */
.dishes-form-title {
    text-align: center;
}
.search-results.post-type-archive .sidebar {
    display: none !important;
}
.search-results.post-type-archive .content {
    width: 100% !important;
}
.dishes-plugin .post_author_avatar, .dishes-plugin .post_author {
    display: block !important;
}
.dishes-plugin .sc_dishes_item_subtitle {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    margin-top: 1rem !important;
    font-family: "Poppins",sans-serif;
}

.dishes-plugin-form-shortcode .dishes-plugin-form-title {
    margin: 1.35em 0 1.4em;
}
.dishes-plugin-form-header .dishes-plugin-form-search {
    margin: 2.3em 0 1.8em;
    border-left: 1px solid;
    position: relative;
    padding-left: 2.7em;
}
.dishes-plugin-form-header .dishes-plugin-form-search input[type="text"] {
    background: transparent;
    border: 0;
    height: 3em;
}
.dishes-plugin-form-header .dishes-plugin-form-search input[type="text"]:hover,
.dishes-plugin-form-header .dishes-plugin-form-search input[type="text"]:focus {
    background: transparent;
}
.dishes-plugin-form-header .dishes-plugin-form-search button {
    padding: 0;
    border: 0;
    background: transparent;
    position: absolute;
    top: 0.4em;
    left: 1.7em;
}
.dishes-plugin-form-header .dishes-plugin-form-search button:focus,
.dishes-plugin-form-header .dishes-plugin-form-search button:hover {
    background: transparent;
}
.dishes-plugin-form-header .dishes-plugin-form-search button:before {
    transition: none;
}
.dishes-plugin-form-shortcode label {
    display: block;
    font-family: "Roboto Slab", sans-serif;
    font-size: 1.143em;
    margin: 0 0 0.7em;
    font-weight: 700;
    letter-spacing: 0;
}
.dishes-plugin-form-content input {
    width: 100%;
}

.dishes-field {
    padding: 0.034em 1.7em !important;
    height: 57px;
}
.dishes-plugin-column .select_container select {
    padding: 0.9em 1.7em !important;
    height: 53px;
}


@media (max-width: 1024px) {
  .dishes-plugin-column button {
      height: 40px;
      padding: 5px 20px;
      width: 100%;
  }
    .dishes-plugin-column .select_container select {
        padding: 0.2em 1.5em !important;
        height: 36px;
    }
    .dishes-field {
        height: 40px;
    }
    .dishes-plugin-two {
        width: 24%;
    }
    .dishes-plugin-three {
        width: 24%;
    }
    .dishes-plugin-column, .dishes-plugin-columns {
        padding: 0 15px 0 15px;
    }
    #dishes-search-form-full {
        padding: 0 4rem;
    }
    .dishes-plugin-space {
        display: none;
    }
}

@media (max-width: 768px) {
    #dishes-search-form-full {
        padding: 0;
    }
    .dishes-plugin-column, .dishes-plugin-columns {
        padding: 0 5px 0 5px;
    }
    .dishes-plugin-column-row {
        margin: 0 -20px 0 0;
    }
}

@media (max-width: 767px) {
    .dishes-plugin-three,
    .dishes-plugin-two {
        width: 49%;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .dishes-plugin-column-row {
        margin: 0;
    }
    .dishes-plugin-three, .dishes-plugin-two {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
    }
}