#recepi {
 background-image: url(/recipe/img/left_bg_top.gif);
 width: 180px;
 margin-bottom: 15px;
}
#recepi .date {
 font-size: 85%;
 font-weight: bold;
 color: #FF5672;
 padding-left: 5px;
}
#recepi .title {
 margin-bottom: 3px;
 margin-left: 5px;
}
#recepi ul {
 font-size: 92%;
 list-style-type: none;
 line-height: 160%;
}
#recepi .flame {
 padding: 12px;
 background-image: url(/recipe/img/left_bg_bottom.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 width: auto;
}
.recepiimg {
 background-color: #fff;
 padding: 1px;
 border: 1px solid #ccc;
 margin-bottom: 10px;
}
.photo a img {
 background-color: #fff;
 padding: 1px;
 border: 1px solid #ccc;
 float: left;
 margin-bottom: 5px;
}
.titleblock {
 background-repeat: no-repeat;
 background-position: right top;
 position: relative;
}
.cookingtime {
 list-style-type: none;
}
.cookingtime li {
 white-space: nowrap;
 width: 6.5em;
 float: left;
 margin-bottom: 5px;
}
#recepisearch {
 padding: 20px;
 width: 100%;
 margin-top: 20px;
 border: 3px solid #FFD8DE;
}
#hint {
 margin-top: 20px;
 background-color: #F0F0F0;
 width: 100%;
 background-image: url(/recipe/img/point_bg.jpg);
 background-repeat: no-repeat;
 color: #222;
}
#hint .point {
 padding-left: 10px;
 border-left-width: 3px;
 border-left-style: solid;
 border-left-color: #FF5C7A;
 color: #FF5C7A;
 line-height: 1.5em;
 font-weight: bold;
 font-size: 107%;
 margin-bottom: 12px;
}
.caption {
 width: 100%;
 padding: 10px 20px;
 border: 1px solid #CCCCCC;
 margin-top: 15px;
 color: #333;
}
#txtRecipe {
 max-width: 98%;
}
#newsblock {}
/*result
---------------------------------------------------- */
#recepiresult {
 margin: 0;
 background: #FFFFFF;
 padding-top: 10px;
 width: 80%;
 margin-left: 50px;
 border-bottom: 1px dotted #ccc;
}
#recepiresult dl {
 margin: 0;
 border-top: 1px dotted #ccc;
 clear: both;
}
#recepiresult dt, #recepiresult dd {
 line-height: 1.5em;
}
#recepiresult dt {
 padding: 5px 0 5px 5px;
 float: left;
}
#recepiresult a {
 color: #309200;
}
#recepiresult dd {
 padding: 5px 0 3px 0;
 float: right;
}
.pagelinks {
 font-size: 93%;
 padding-top: 15px;
 font-weight: bold;
}
.pagelinks span {
 color: #666;
 border: 1px solid #ccc;
 padding: 3px 7px;
 margin-right: 5px;
 float: left;
 display: block;
}
.pagelinks a {
 border: 1px solid #ccc;
 padding: 3px 7px;
 margin-right: 5px;
 float: left;
 display: block;
}
.recepibox {
 float: left;
 width: 305px;
}
.recepibox .cookline {
 display: none;
}
.prosess {
 margin-left: 330px;
}
.prosess ol {
 margin-left: 25px;
}
.prosess p {
 margin: 0;
 padding: 1em 0 1.5em 0;
 line-height: 1.7;
 font-size: 1.05em;
}
.recepiname {
 font-size: 2em;
 padding: .3em 0 .5em 0;
 line-height: 1.5;
 color: #000;
 font-feature-settings: "palt";
}
.linetop, .line {
 border-top: 1px solid #ccc;
 padding: .5em 0;
 /*font-weight: bold;*/
 color: #000;
 font-size: 1.1em;
}
.line {
 border-bottom: 1px dotted #ddd;
}
.linetop::first-letter, .line::first-letter {
 color: #FF6600;
 display: inline-block;
 padding-right: .5em;
}
.recepibox .rupdate {
 font-size: 93%;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #FF9900;
 padding: 3px 7px;
}
.recepibox .recepiname {
 font-size: 114%;
 font-weight: bold;
 padding: 7px 0;
}
.hint-wrap {
 width: 430px;
}
.return-recipe {
 float: right;
}
.nav-recipe {
 margin-left: 50px;
}
@media screen and (max-width: 959px) {
 .recepibox {
  float: none;
  width: 100%;
  margin-bottom: 10px;
 }
 .recepibox .cookline {
  padding: 10px;
  width: auto;
 }
 .prosess {
  margin-left: 0;
 }
 .recepiimg {
  width: 100%;
  height: auto;
 }
 .hint-wrap {
  width: auto;
 }
 .return-recipe {
  float: none !important;
 }
 .nav-recipe {
  margin-left: 0;
 }
 #recepiresult {
  margin-left: 0;
  width: 100%;
 }
}
.titleblock .recipe_search a,  a.weekly-link {
 display: block;
 padding: 1em 1.5em 1em 4em;
 font-weight: bold;
 color: #fff !important;
 background: #fa6f43;
 border-radius: 5px;
 position: relative;
 text-align: center;
}
a.weekly-link {
 margin-top: 10px;
}
.titleblock .recipe_search a::before, a.weekly-link::before {
 content: "";
 width: 28px;
 height: 28px;
 background-repeat: no-repeat;
 background-size: contain;
 position: absolute;
 top: calc(50% - 15px);
 left: calc(50% - 6em);
}
@media screen and (max-width: 959px) {
 .titleblock .recipe_search a::before {
  background-image: url("/recipe/img/search_white.png");
 }
  a.weekly-link::before {
  background-image: url("/recipe/img/new_white.png");
 }
}
@media screen and (min-width: 960px) {
 .titleblock {
  position: relative;
 }
 .titleblock .recipe_search,  a.weekly-link {
  position: absolute;
  right: 15px;
  bottom: 15px;
 }
 .titleblock .recipe_search a,  a.weekly-link {
  color: #f15a24 !important;
  font-size: 1.15em;
  background: #fff;
  padding: 1em 1.5em 1em 4em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-align: left;
 }
 .titleblock .recipe_search a::before {
  background-image: url("/recipe/img/search_orange.png");
  top: calc(50% - 15px);
  left: 1.5em;
 }
  a.weekly-link::before {
  background-image: url("/recipe/img/new_orange.png");
  top: calc(50% - 15px);
  left: 1.5em;
 }
}
@media (hover: hover) {
 a.weekly-link:hover {
  background: url(/recipe/img/btn_new_on.png) no-repeat top left;
 }
 .photo a:hover img {
  background-color: #ccc;
  padding: 1px;
  border: 1px solid #ccc;
 }
 .titleblock .recipe_search a, a.weekly-link {
  transition: .3s;
 }
 .titleblock .recipe_search a:hover, a.weekly-link:hover {
  background: #ffeeaa;
  color: #f15a24 !important;
 }
}