@media screen and (min-width:992px){
    .form-container{
    width: 550px;
    margin: 0 auto;
    padding: 28px;
    box-shadow: 0 0 16px rgba(82, 82, 82, 0.13);
    border-radius: 3px;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
    }
}
#fornt_post div label{ display: block; margin-bottom: 10px;}
#fornt_post div input{ display: block; }

.foodica-index-search {
    margin: 0 0 12px;
}

.srchboxfrm .form-group {
	width: 50%;
	margin: 0 10px 0 0;
}
.srchboxfrm{
	display: flex;
	    margin: 0 0 10px;
    padding: 30px 30px 10px 30px;
    background: #FAFAFA;
    border: 1px solid #F0F0F0;
    border-radius: 5px;
}
.srchboxfrm select {
   height: 41px;
    border-radius: 2px;
    padding: 8px 12px;
    font-family: Benton Sans;
    font-size: 16px;
    font-weight: normal;
    background: white;
    border: 1px solid #e2e2e2;
}
.srchboxfrm .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


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

    .foodica-index-search .sb-search-input {width: 57%; }
    .foodica-index-search .sb-search-submit {width: 30%; }

    .recipe_index_list_posts li h3 {       font-size: 14px;    }
    .foodica-index .post {  width: 48%;  margin: 0 4% 30px 0;    }
    .foodica-index article:nth-of-type(3n+3) { margin-right: 4%;     }

    .foodica-index article:nth-of-type(2n+2) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px){
    .foodica-index-search.mobsearch button {
        width: 100% !important;
        margin-top: 10px;
        font-size: 14px;
    }
    .foodica-index-search.mobsearch input {
    width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
    .srchboxfrm {
        display: block !important;
    }
    .srchboxfrm .form-group {
        width: 100% !important;
        margin: 0 10px 10px 0 !important;
    }
    .srchboxfrm .form-group input {
        width: 100% !important;
    }

}


/* new */

@media screen and (min-width: 769px) {
    .bg-imgbox {
        height: 195px !important;
    }
}
.bg-imgbox {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 265px;
    border: 1px solid #f7f7f7;
    border-bottom: none;
}
.site-main>*{width:100%}
.site-main.full-width-page>article{max-width:100%;width:100%}
.site-main{display:flex;flex-wrap:wrap}
.site-main { width: 100%; }
.site-main .content-area {
float:left;
}
@media screen and (min-width: 769px) {
    .site-main .content-area {
        width: 74.18% !important;
}

#sidebar {
    width: 25%;
    max-width: 342px;
    margin-left: auto;
	float:left;
}
.content-recipe-area{ margin-top: 0px !important;}
media screen and (min-width: 769px) {
	
	.site-main #sidebar {
		width: 23.33%;
		margin-left: 0% !important;
	}
}

.foodica-index .subscriber_recipe {
    width: 47% !important;
    margin: 0 20px 30px 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    padding: 0px;
    box-shadow: 0px 3px 6px rgba(212, 212, 212, 0.16);
}
.foodica-area{ margin-top: 0px !important;}
.fa.fa-trash:before{
	content:"Remove Recipe";
	padding-left: 20px;
}

/* Recipe Shortcodes [ingredients], [directions] */
.shortcode-ingredients {
  color: #736458;
  background-color: #FBF9E7;
  border-radius: 3px;
  margin: 30px 0;
  padding: 30px 30px 15px; }
  .shortcode-ingredients > h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px; }

.shortcode-directions > h3 {
  font-size: 20px;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  margin: 0 0 10px; }

.shortcode-ingredients > ul {
  margin: 0;
  list-style: none; }
  .shortcode-ingredients > ul > li {
    list-style: none;
    padding: 0 0 13px;
    margin: 0 0 13px;
    border-bottom: 1px solid #e9e5c9;
    position: relative;
    cursor: pointer;
    line-height: 1.7; }
    .shortcode-ingredients > ul > li:hover {
      text-decoration: line-through; }
    .shortcode-ingredients > ul > li span.tick {
      display: inline-block;
      vertical-align: middle;
      width: 18px;
      height: 18px;
      margin: 0 10px 0 0;
      border-radius: 50%;
      border: 2px solid #DEDAB6;
      cursor: pointer;
      position: relative; }
      .shortcode-ingredients > ul > li span.tick.ticked {
        border: 2px solid #9AD093;
        background: #9AD093;
        box-shadow: inset 0px 0px 0px 2px #FBF9E7; }
    .shortcode-ingredients > ul > li.ticked {
      text-decoration: line-through; }

.shortcode-directions {
  margin: 40px 0; }
  .shortcode-directions > ol {
    counter-reset: count;
    line-height: normal;
    margin: 0;
    list-style: none; }
    .shortcode-directions > ol > li {
      list-style: none;
      position: relative;
      line-height: 1.8;
      min-height: 44px;
      padding-left: 40px;
      margin: 0 0 30px; }
      .shortcode-directions > ol > li:before {
        counter-increment: count;
        content: counter(count);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 24px;
        font-weight: bold;
        font-family: "Roboto Condensed", sans-serif;
        text-transform: uppercase;
        line-height: 1.4;
        width: 35px;
        vertical-align: middle;
        padding: 0;
        border-radius: 50%;
        margin-right: 20px; }
      .shortcode-directions > ol > li:last-child {
        margin: 0; }
		
.shortcode-ingredients > ul > li span.tick {
    border: 2px solid #ababab;
}