.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.opentip-container,
.opentip-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.opentip-container {
position: absolute;
max-width: 300px;
z-index: 100;
-webkit-transition: -webkit-transform 1s ease-in-out;
-moz-transition: -moz-transform 1s ease-in-out;
-o-transition: -o-transform 1s ease-in-out;
-ms-transition: -ms-transform 1s ease-in-out;
transition: transform 1s ease-in-out;
pointer-events: none;
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-o-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
-webkit-transform: translateY(-5px) translateX(5px);
-moz-transform: translateY(-5px) translateX(5px);
-o-transform: translateY(-5px) translateX(5px);
-ms-transform: translateY(-5px) translateX(5px);
transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-o-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
-webkit-transform: translateY(5px) translateX(5px);
-moz-transform: translateY(5px) translateX(5px);
-o-transform: translateY(5px) translateX(5px);
-ms-transform: translateY(5px) translateX(5px);
transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
-o-transform: translateY(5px) translateX(-5px);
-ms-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-o-transform: translateX(-5px);
-ms-transform: translateX(-5px);
transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
-webkit-transform: translateY(-5px) translateX(-5px);
-moz-transform: translateY(-5px) translateX(-5px);
-o-transform: translateY(-5px) translateX(-5px);
-ms-transform: translateY(-5px) translateX(-5px);
transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
pointer-events: auto;
}
.opentip-container.ot-hidden {
display: none;
}
.opentip-container .opentip {
position: relative;
font-size: 13px;
line-height: 120%;
padding: 9px 14px;
color: #ffffff;
}
.opentip-container .opentip .header {
margin: 0;
padding: 0;
}
.opentip-container .opentip .ot-close {
pointer-events: auto;
display: block;
position: absolute;
top: -12px;
left: 60px;
color: rgba(0,0,0,0.5);
background: rgba(0,0,0,0);
text-decoration: none;
}
.opentip-container .opentip .ot-close span {
display: none;
}
.opentip-container .opentip .ot-loading-indicator {
display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
width: 30px;
height: 30px;
font-size: 30px;
line-height: 30px;
font-weight: bold;
display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
display: block;
-webkit-animation: otloading 2s linear infinite;
-moz-animation: otloading 2s linear infinite;
-o-animation: otloading 2s linear infinite;
-ms-animation: otloading 2s linear infinite;
animation: otloading 2s linear infinite;
text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
color: #f8f8f8;
text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.opentip-container.style-glass .opentip {
padding: 15px 25px;
color: #317cc5;
text-shadow: 1px 1px 8px rgba(0,94,153,0.3);
}
.opentip-container.ot-hide-effect-fade {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
opacity: 1;
-ms-filter: none;
filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
-ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
opacity: 1;
-ms-filter: none;
filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
opacity: 1;
-ms-filter: none;
filter: none;
}
@-moz-keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes otloading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container{
max-width: 100%;
}
body {
font-family: "Lato", sans-serif;
color: #676767;
font-size: 14px;
line-height: 24px;
background-color: #F5F5F5;
overflow-x: hidden;
}
a, a:hover, a:focus, a:active, a:visited{
outline: 0;
color: #6BA72B;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;|
}
.widget ul.grey, .grey, .grey:visited{
color: #7a7a7a;
padding: 0px;
margin: 0px;
font-size: 12px;
line-height: 19px;
}
a.grey:hover{
color: #6BA72B;
}
img{
max-width: 100%;
height: auto;
}
img, 
.blog-title h4, 
.blog-title h5, 
.animation, 
.share:hover .fa, 
.next-prev a .fa, 
.menu-icon, 
.share:before,
.share:after,
.icon{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
}
.break-word{
word-break: break-all;
}
select{
max-width: 100%;
}
h1, h2, h3, h4, h5, h6{	
margin: 10px 0px;
font-weight: 400;
line-height: 1.25;
color: #676767;
font-family: "Ubuntu", sans-serif;
}
h1 {
font-size: 38px;
}
h2 {
font-size: 32px;
}
h3, .h3-size {
font-size: 28px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 13px;
}
blockquote{
font-size: 20px;
font-style: italic;
border: none;
padding-left: 20px;
margin-bottom: 20px;
}
cite{
font-size: 16px;
font-style: normal;
text-align: right;
display: block;
}
.bt-table{
display: none;
}
.white-block{
background: #ffffff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
margin-top: 50px;
overflow: hidden;
border-radius: 3px;
position: relative;
}
.archive.author .white-block:not(.widget){
margin-top: 0px;
}
.content-inner{
padding: 25px;
}
.main-title{
text-align: center;
}
.main-title h3{
margin: 0px;
}
section{
width: 100%;
margin-bottom: 75px;
padding: 0px;
}
.main-slider{
margin: 0px;
}
.search-filter{
margin-bottom: 25px
}  .section-title{
border-bottom: 1px dashed #999;
border-top: 1px dashed #999;
}
.no-title .row:first-child .recipe-box{
margin-top: 0px;
}
h4.section-title{
margin-bottom: 20px;
border: none;
}
.section-title i{
margin-right: 20px;
color: #6BA72B;
}
.section-title .btn{
margin-top: 10px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and ( max-width: 768px ){
.section-title .btn{
margin-bottom: 10px;
}
.section-title h3{
font-size: 25px;
}
.section-title .pull-left, .section-title .pull-right{
width: 100%;
text-align: center;
}
}
@media only screen and ( max-width: 400px ){
.section-title h3{
font-size: 18px;
}
}  .user-block{
position: relative;
display: inline-block;
border-radius: 3px;
overflow: hidden;
margin-top: 50px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.user-block-overlay{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(107, 167, 43, 0.2);
opacity: 0;
}
.user-block:hover .user-block-overlay{
opacity: 1;
}
.user-block-overlay i{
opacity: 0;
font-size: 60px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
z-index: 3;
transform: translate(-50%,-50%) scale(6.0);
-moz-transform: translate(-50%,-50%) scale(6.0);
-webkit-transform: translate(-50%,-50%) scale(6.0);
-ms-transform: translate(-50%,-50%) scale(6.0);
}
.user-block:hover i{
opacity: 0.5;
transform: translate(-50%,-50%) scale(1.0);
-moz-transform: translate(-50%,-50%) scale(1.0);
-webkit-transform: translate(-50%,-50%) scale(1.0);
-ms-transform: translate(-50%,-50%) scale(1.0);
}  table{
width: 100%;
margin: 15px 0px;
}
table{
border-width: 1px;
border-color: #eeeeee;
}
hr{
border-color: #eeeeee;
}
table th{
text-align: center;
background: #6BA72B;
color: #ffffff;
padding: 5px 5px 1px 5px;
}
table th a, table th a:hover, table th a:focus, table th a:active, table th a:visited{
color: #ffffff;
}
table td{
border: 1px solid #eeeeee;
text-align: center;
padding: 5px;
}  .tagcloud a, 
.btn, 
a.btn, 
.pagination a, 
.pagination a:visited, 
.pagination a:active,
.pagination a:focus, 
.pagination > span{
word-break: break-all;
padding: 4px 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: none;
background: #6BA72B;
color: #ffffff;
display: inline-block;
white-space: normal;
font-size: 14px;
line-height: 25px;
}
.pagination a:hover,
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a:active,
.btn:hover, .btn:focus, .btn:active{
border: none;
background: #232323;
color: #ffffff;
}
.btn i{
margin-right: 5px;
}
.btn.medium{
padding: 10px 18px;
}
.btn.large{
padding: 15px 28px;
}
.tagcloud a{
padding: 0px 10px 2px 10px;
margin: 2px;
float: left;
}
a.submit-live-form{
display: block;
}
.submit-form i{
margin-left: 5px;
margin-right: 0px;
}  .blog-item .post-meta{
color: #7a7a7a;
font-style: italic;
margin: 0px;
}
.blog-item .post-meta span{
margin-right: 5px;
}
.blog-item p{
margin-bottom: 30px;
}
.blog-media,
.member-avatar{
border-radius: 3px 3px 0px 0px;
overflow: hidden;
position: relative;
transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.member-avatar{
border-radius: 3px 0px 0px 3px;
}
.recipe-box .blog-media img{
border-radius: 3px 0px 0px 0px;
}
.blog-media img, .member-avatar img{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
overflow: hidden;
width: 100%;
height: auto;
border-radius: 3px 3px 0px 0px;
}
.member-avatar img{
border-radius: 3px 0px 0px 3px;
}
.recipe-box .blog-media-alt, .recipe-box .blog-media-alt img{
border-radius: 3px 0px 0px 0px;	
}
.recipe-box:hover .blog-media img,
.blog-item:hover .blog-media img, 
.single-item:hover .blog-media img,
.member-block:hover img{	
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
li.single-small-time{
display: none;
}
@media only screen and ( max-width: 768px ){
li.single-small-time{
display: block;
}
}
.blog-avatar{
display: block;
text-align: center;
}
.blog-avatar img{
width: 80px;
height: 80px;
display: inline-block;
border-radius: 3px;
}
.blog-time-line{
display: none;
text-align: center;
margin: 0px 0px 20px 0px;
}
@media only screen and ( max-width: 768px ){
.blog-time-line{
display: block;
}
}
.blog-time-line p{
position: relative;
text-transform: uppercase;
font-size: 13px;
color: #7a7a7a;
margin: 0px;
display: inline-block;
}
.blog-time-line p:before, .blog-time-line p:after{
content: ' ';
position: absolute;
width: 10px;
border-bottom: 1px solid #aaa;
left: -20px;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.blog-time-line p:after{
right: -20px;
left: auto;
}
.blog-bottom-holder .fa-thumb-tack{
margin-right: 10px;
transform: rotate(30deg);
-o-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
.blog-title-wrap{
margin-bottom: 20px;
}
@media only screen and ( max-width: 768px ){
.blog-title-wrap{
margin-bottom: 0px;
}
}
.blog-title{
display: inline-block;
}
.blog-title h4{
margin: 0px;
margin-bottom: 5px;
}
.blog-title:hover h4, .blog-title:hover h5{
color: #6BA72B;
}
.blog-time{
font-style: italic;
padding-top: 13px;
color: #7a7a7a;
}
.blog-time li{
margin-right: 10px;
}
.no-margin{
margin: 0px;
}
.no-top-margin{
margin-top: 0px;
}
.blog-time li.no-margin{
margin: 0;
}
.blog-time .fa{
margin-right: 5px;
}  .recipe-box .blog-title{
margin-bottom: 15px;
}
.recipe-box .blog-title h4, .recipe-box .blog-title h5{
margin: 0px;
}
.content-footer{
border-top: 1px solid #eee;
}
.content-footer .content-inner{
padding: 10px 20px;
}
.recipe-meta{
margin: 0px;
line-height: 35px;
}
.recipe-meta .fa{
margin-right: 3px;
}
.recipe-meta li{
margin-left: 5px;
}
.recipe-meta li:first-child{
margin-left: 0px;
}
.recipe-meta li:first-child img{
border-radius: 50%;
width: 40px;
height: 40px;
float: left;
margin-right: 10px;
}
.avatar{
line-height: 25px;
margin-top: 20px;
}
.recipe-box-alt .avatar{
margin-top: 0px;
}
.recipe-box-alt .content-inner-alt{
padding-left: 0px;
padding-bottom: 0px;
}
.recipe-box-alt .content-inner-alt p{
margin: 0px;
}
@media only screen and( max-width: 768px ){
.recipe-box-alt .content-inner-alt{	
padding-left: 25px;
padding-bottom: 25px
}
.recipe-box-alt .content-inner-alt p{
margin-bottom: 10px;
}
}
.avatar img{
border-radius: 50%;
float: left;
width: 25px;
height: 25px;
margin-right: 10px;
}
.recipe-box .blog-media:hover .avatar{
transform: scale(0.0);
-moz-transform: scale(0.0);
-webkit-transform: scale(0.0);
-ms-transform: scale(0.0);
opacity: 0;
}  .post-meta{
font-size: 13px;
margin-bottom: 20px;
color: #7a7a7a;
}
.post-meta a{
display: inline;
}
.post-meta li{
margin-right: 5px;
}
.post-meta li .fa{
margin-right: 5px;
}
.post-title{
margin-top: 0px;
margin-bottom: 25px;
}
.single-recipe .post-title{
margin-top: 10px;
}
.single-blog .post-title{
margin-bottom: 30px;
}
.post-tags .fa{
margin-right: 10px;
}  .rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
height: 100%;
left: 0;
top: 0;
text-align: center;
}
.rslides li img{
width: 100%;
height: 100%;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides_nav{
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
opacity: 0.1;
background: #6BA72B;
position: absolute;
top: 45%;	
z-index: 999999;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.post-slider:hover .rslides_nav{
opacity: 0.9;
padding: 3px 12px;
}
.rslides_nav.prev{
left: -100px;
}
.rslides_nav.next{
right: -100px;
}
.post-slider:hover .rslides_nav.prev{
left: 10px;
}
.post-slider:hover .rslides_nav.next{
right: 10px;
}
.rslides_nav .fa{
color: #ffffff;
}  .link-overlay{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;	
background: rgba( 107, 167, 43, 0.8 );
z-index: 9;
}
.media-text-overlay{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
padding: 25px;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
z-index: 10;
}
.media-text-overlay h1{
font-size: 50px;
}
.media-text-overlay h1, .media-text-overlay blockquote h2{
text-transform: none;
font-style: italic;
color: #ffffff;
}
.media-text-overlay cite{
color: #ffffff;
font-style: italic;
font-size: 16px;
}
.media-text-overlay blockquote{
border: none;
padding: 0px;
}
@media only screen and (max-width: 800px){
.media-text-overlay blockquote h2{
font-size: 30px;
}
}
@media only screen and (max-width: 600px){
.media-text-overlay blockquote h2{
font-size: 20px;
}
.media-text-overlay h1{
font-size: 30px;
}
}
@media only screen and (max-width: 400px){
.media-text-overlay h1{
font-size: 15px;
}
}  .post-audio-absolute{
position: absolute;
top: 20px;
left: 5%;
right: 5%;
display: block;
}
.audio-player{
display: block;
width: 100%;
}  .top-bar{
background: #333333;
margin: 0px;
padding: 10px 0px;
}
.top-bar .flex-wrap{
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 600px){
.top-bar .flex-wrap{
display: block;
text-align: center;
}
}
.top-bar p{
margin-top: 10px;
}
.account-action .btn{
background:transparent;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
}
.account-action .fa{
opacity: 0.6;
}
.account-action a:hover .fa{
opacity: 1;
}
@media only screen and ( max-width: 768px ){
.top-bar .logo, .top-bar p{
text-align: center;
display: block;
}
}  .navigation-bar{
margin: 0px;
margin-bottom: 75px;
border-left: none;
border-right: none;	
overflow: visible;;
}
.single .navigation-bar,
.page-template .navigation-bar,
.page-template-default .navigation-bar,
.error404 .navigation-bar{
margin-bottom: 25px;
}
.page-template.page-template-page-tpl_members .navigation-bar,
.page-template.page-template-page-tpl_home .navigation-bar{
margin-bottom: 75px;
}
.sticky_nav{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 10;
display: none;
}
.navigation-bar.white-block{
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.03);
border-top: 1px solid #eeeeee;
}
#navigation .dropdown-menu{
margin:0px;	
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.03);
border-bottom: none;
}
.nav.navbar-nav > li > .dropdown{
margin-top: 1px;
}
.navbar li.dropdown ul li.dropdown ul{
left: 100%;
top: 0px;
}
.navbar li{
margin-bottom: 0px;
}
.navbar{
margin-bottom: 0px;
border-radius: 0px;
border: none;
background: transparent;	
min-height: 0px;
}
.navbar-collapse{
padding: 0px;
border: none;
}
.nav.navbar-nav{
display: block;
vertical-align: top;
width: 100%;
}
.nav.navbar-nav li a{
font-size: 14px;
color: #676767;
}
.nav.navbar-nav > li{
margin: 0px 3px;
}
.nav.navbar-nav > li li{
border-bottom: 1px solid #eeeeee;
}
#navigation .nav.navbar-nav > li > a{
background: transparent;
}
.nav.navbar-nav > li > a:first-child{
padding-left: 0px;
}
#navigation .nav.navbar-nav > li:last-child{
float: right;
}
.search-collapse{
display: none;
}
@media only screen and ( max-width: 768px ){
#navigation .nav.navbar-nav > li:last-child{
display: none;
}
}
#navigation .nav.navbar-nav li.open > a,
#navigation .nav.navbar-nav li > a:hover,
#navigation .nav.navbar-nav li > a:focus ,
#navigation .nav.navbar-nav li > a:active,
#navigation .nav.navbar-nav li.current > a,
#navigation .navbar-nav li.current-menu-parent > a, 
#navigation .navbar-nav li.current-menu-ancestor > a, 
#navigation  .navbar-nav > li.current-menu-item  > a{
color: #6BA72B;
background: transparent;
}
.nav.navbar-nav ul li.open > a,
.nav.navbar-nav ul li.open > a:hover,
.nav.navbar-nav ul li.open > a:focus,
.nav.navbar-nav ul li.open > a:active,
.nav.navbar-nav ul li.current > a,
.navbar-nav ul li.current-menu-parent > a, 
.navbar-nav ul li.current-menu-ancestor > a, 
.navbar-nav ul li.current-menu-item  > a{
color: #6BA72B;
background: #ffffff;
}
.nav.navbar-nav ul{
padding: 0px;
border-radius: 0px;
border: none;
}
.nav.navbar-nav ul li a{
padding: 10px 15px;
position: relative;
}
.nav.navbar-nav li a .menu-icon{
margin-right: 10px;
opacity: 0.5;
}
.nav.navbar-nav li a:hover .menu-icon,
.nav.navbar-nav li a:active .menu-icon{
opacity: 1;
}
.navbar-toggle{
color: #6BA72B;
line-height: 15px;
float: none;
vertical-align: middle;
margin-right: 0px;
}
#navigation{
text-align: center;
}
@media only screen and (max-width: 768px) {
.nav.navbar-nav{
margin-left: 0px;
margin-right: 0px;
}
#navigation .navbar{
text-align: left;
}
#navigation li > a > i{
float: right;
width: 30px;
height: 20px;
line-height: 20px;
text-align: center;
}
#navigation .navbar-nav li a{
display: block;
}	
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
background: #ffffff;
}
#navigation .dropdown-menu{
border: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active
.navbar-default .navbar-nav .open .dropdown-menu > li.current > a,
.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-ancestor > a,
.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-item > a,
.navbar-default .navbar-nav .open .dropdown-menu > li.current-menu-parent > a{
color: #6BA72B;
background: #ffffff;
}
.nav.navbar-nav{
display: block;
}
.navbar-nav .open .dropdown-menu > li > a{
color: #676767;
padding: 10px 15px;
}
.nav.navbar-nav > li > a{
line-height: 20px;
}
}
.current-caret{
position: absolute;
left: 0px;
top: 11px;
font-size: 20px;
}  .fake-thumb-wrap{
position: absolute;
text-align:center;
margin: 0;
top: 50%;
left: 25px;
width: 50px;
height: 50px;
border-radius: 3px;
border: 1px solid #eeeeee;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.post-format{
font-size: 18px;
line-height: 49px;
font-family: dashicons;
}
.post-format-standard:before{	
content: '\f109';
}
.post-format-aside:before{	
content: '\f123';
}
.post-format-gallery:before{	
content: '\f161';
}
.post-format-link:before{	
content: '\f103';
}
.post-format-image:before{	
content: '\f128';
}
.post-format-quote:before{	
content: '\f122';
}
.post-format-status:before{	
content: '\f130';
}
.post-format-video:before{	
content: '\f126';
}
.post-format-audio:before{	
content: '\f127';
}
.post-format-chat:before{	
content: '\f125';
}
.fake-thumb-holder .post-format{
color: #6BA72B;
font-size: 20px;
line-height: 10px;
}
.to_top.btn{
position: fixed;
right: 20px;
bottom: 15px;
width: 30px;
height: 30px;
display: none;
z-index: 3;
padding: 0px;
text-align: center;
-webkit-transform: translate3d(0,0,0);
}
.to_top.btn .fa{
font-size: 20px;
line-height: 29px;
display: block;
} .alignnone {
margin: 5px 20px 20px 0;
}
.sticky{}
.sticky-wrap{
background: #6BA72B;
display: block;
padding: 35px 50px 5px 50px;
position: absolute;
top: -25px;
right: -50px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.sticky-pin{
color: #ffffff;
}
.wp-caption-text{}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
max-width: 100%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}  #disqus_thread{
background: #ffffff;
padding: 30px;
margin: 50px 0px;
}
.comment-avatar{
float: left;
margin-right: 20px;
height: 80px;
width: 80px;
}
.comment-content-wrap{
float: left;
width: calc(100% - 100px);
}
@media only screen and ( max-width: 600px ){
.comment-avatar{
float: none;
margin: 0px;
width: 100%;
height: auto;
}
.comment-content-wrap{
float: none;
width: 100%;
}	
}
.comment-reply-link{
display: block;
text-align: right;
color: #676767;
}
.comment-reply-link:hover{
color: #6BA72B;
}
.comment-border{
width: 100%;
border-bottom: 1px solid #eeeeee;
margin: 30px 0px;
}
.comment-margin-left{
margin-left: 15px;
}
.comment-review{
margin: 15px 0px;
cursor: pointer;
}
.comment-review label{
display: block;
}
.comment-review .icon{
font-size: 20px;
}
@media only screen and (max-width: 768px){
.comment-name{
margin-top: 20px;
}
.comment-margin-left{
margin-left: -15px;
}
}
.comment-content{
margin-top: 30px;
}
.comment-content img{
width: 100%;
border-radius: 3px;
}
.comment-name h5, .comment-name p{
margin: 0;
}
.comment-name p{
font-size: 14px;
color: #7a7a7a;
font-style: italic;
margin-bottom: 10px;
}
.comment-form{
margin-top: 30px;
}
.contact-form{
margin-top: 0px;
}
.contact-form textarea{
height: 190px;
}
.contact-form .btn{
margin-top: 15px;
}
label{
font-weight: normal;
}
.image-upload{
background: #f5f5f5;
color: #676767;
display: block;
padding: 5px 10px;
}
input,textarea{
background-clip: padding-box;
}
.form-control, .form-control:focus, .form-control:active, .form-control:focus:active{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: none;
background: #f5f5f5;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
font-size: 14px;
line-height: 24px;
color: #676767;	
width: 100%;
float: none;
}
textarea.form-control{
min-height: 190px;
}
.form-submit #submit{
border: none;
background: #6BA72B;
color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 10px;
padding: 5px 10px;
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
font-size: 14px;
line-height: 24px;
}
.form-submit #submit:hover, .form-submit #submit:focus, .form-submit #submit:active{
background: #454545;
color: #ffffff;
}
.comment-row{
margin-bottom: 20px;
}
.comment-row:hover img{
opacity: 0.8;
}
#reply-title{
font-size: 14px;
font-weight: normal;
color: #717171;
}
#reply-title small{
font-size: 14px;
}  .widget{
padding: 25px;
}
.widget ul{
padding: 0px;	
margin: 0px;
}
.widget > ul{
overflow: hidden;
}
.widget ul li{
list-style: none;
clear: both;
padding: 5px 0px;
}
.widget ul li:last-child{
padding-bottom: 0px;
}
.widget_recipe_recent_comments ul li, 
.widget_widget_top_author ul li{
padding: 10px 0px;
}
.widget.widget_custom_posts ul li{
padding: 5px 0px;
}
.widget ul li:hover img{
opacity: 0.8;
}
.widget ul li a{
display: block;
}
.widget_recent_comments ul li a{
display: inline-block;
}
.widget_categories li,
.widget_archive li{
text-align: right;
}
.widget_archive li a:before,
.widget_categories li a:before,
.widget_pages li a:before,
.widget_nav_menu li a:before,
.widget_meta li a:before{
content: "\f101";
font-family: FontAwesome;
margin-right: 5px;
font-size: 12px;
}
.widget_categories li a,
.widget_archive li a{
float: left;
}
.widget_archive li:hover > a,
.widget_categories li:hover > a,
.widget_pages li:hover > a,
.widget_nav_menu li:hover > a,
.widget_meta li:hover > a{
margin-left: 5px;
}
.widget ul li ul{
padding-left: 10px;
}
.widget-title-wrap{
border-bottom: 1px solid #eeeeee;
display: block;
margin-bottom: 15px;
}
.widget-title{
margin: 0px;
position: relative;
padding-bottom: 10px;
display: inline-block;
}
.widget-title:after{
content: " ";
position: absolute;
bottom: 0px;
left: 0px;
margin-bottom: -1px;
width: 35px;
border-bottom: 1px solid #6BA72B;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
}
.white-block:hover .widget-title:after{
width: 100%;
}
.widget-image-thumb{
display: inline-block;
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
}
.widget-image-thumb img{
width: 50px;
height: 50px;
border-radius: 3px;
}
.widget-text{
display: inline-block;
float: left;
width: calc(100% - 60px);
}
.widget-text .post-meta li{
margin-right: 10px;
}
.widget-text .fa{
margin-right: 5px;
}
.widget_custom_posts ul li ul, .widget_custom_posts ul li ul li{
margin: 0px;
padding: 0px;
}
.widget_custom_posts .list-unstyled li{
position: relative;
clear: both;
}
.widget_widget_social .btn{
margin-left: 2px;
margin-bottom: 2px;
width: 32px;
height: 32px;
padding: 0px;
text-align: center;
line-height: 31px;
}
.footer_widget_section{
background: #fff;
margin: 0px;
margin-top: 50px;
}
.footer_widget_section .white-block{
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
background: transparent;
margin: 35px 0px;
}
.footer_widget_section .widget{
padding: 0px;
}
.widget img{
max-width: 100%;
}
#wp-calendar td{
padding: 0px 5px;
}
#wp-calendar caption{
margin-bottom: 15px;
}  .recipe-form{
width: 100%;
display: block;
position: relative;
border-radius: 3px;
overflow: hidden;
}
.recipe-form .btn{
position: absolute;
top: 0px;
right: 0px;
height: 100%;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
line-height: 25px;
}
.protected-post-form .btn{
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
}
.recipe-form .btn i{
margin: 0px;
}
.sub_result{
margin-top: 15px;
}
.alert{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.alert-danger, .alert-success{
padding: 10px;
color: #ffffff;
border: none;
background: #c0392b;
}
.alert-success{
background: #6BA72B;
}  .post-share{
width: 100%;
text-align: center;
}
.post-share a{
height: 25px;
width: 25px;
line-height: 25px;
}
@media only screen and ( max-width: 350px ){
.post-share a{
margin: 3px;
margin-top: 25px;
}
.post-share a:first-child{
margin-left: 0px;
}
.post-share a:last-child{
margin-right: 0px
}
}
.post-share a .fa{
line-height: 25px;
}
.single-blog .post-share{
padding-top: 0px;
border: none;
text-align: center;
}
.single-blog .post-share a{
float: none;
}
.single-blog .post-share a .fa{
line-height: 20px;
}
.share, .share:active, .share:visited{
display: inline-block;
text-align: center;
}
.share {
position: relative;
width: 25px; 
height: 25px;
margin: 0px 5px;
}
.share, .share:visited{
font-size: 11px;
color: #7a7a7a;
}
.share:before, .share:after{
position: absolute;
content: ' ';
width: 10px;
height: 10px;
border: 1px solid #aaa;
}
.share:before{
top: 0px;
left: 0px;
border-right: none;
border-bottom: none;
}
.share:hover:before, .share:hover:after{
width: 100%;
height: 100%;
border-radius: 3px;
}
.share:after{
bottom: 0px;
right: 0px;
border-left: none;
border-top: none;
}
@media only screen and (max-width: 768px){
.post-share{
text-align: center;
}	
}
.facebook:hover{
color: #3b5998;
}
.twitter:hover{
color: #00aced;
}
.google:hover{
color: #dd4b39;
}
.linkedin:hover{
color: #007bb6;
}
.tumblr:hover{
color: #32506d;
}  .author-info{
width: 100%;
margin-top: 30px;
}
.author-info img{
width: 100%;
margin-bottom: 15px;
border-radius: 3px;
}
.author-info:hover img{
opacity: 0.8;
}  .right-text, .left-text{
margin: 10px 0px;
}
.left-text{
text-align: left;
}
.left-text a{
text-align: left;
}
.right-text{
text-align: right;
}
.right-text a{
text-align: left;
}
@media only screen and (max-width: 768px) {
.right-text{
width: 100%;
text-align: center;
}
.left-text{
width: 100%;
text-align: center;
padding-bottom: 10px;
}
}  .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container blockquote, .video-container embed {
position: absolute!important;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
} .bypostauthor{}
.gallery-caption{} .pagination{
display: block;
margin-top: 50px;
margin-bottom: 0px;
text-align: center;
}
.pagination > span{
background: #454545;
color: #ffffff;
}  .gallery-item{
position: relative;
overflow: hidden;
}
.gallery-item img{
width: 100%;
}
.gallery-overlay{
color: #ffffff;
position: absolute;
background: rgba( 0, 0, 0, 0.3 );
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
display: block;
text-align: center;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gallery-overlay i{
font-size: 20px;
line-height: 0px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
}
.gallery-item:hover .gallery-overlay{
opacity: 1;
}  .nav-tabs{
border-bottom: none;
border-color: #eee;
}
.nav-tabs li{
background: #ffffff;
}
.nav-tabs > li > a{
margin-right: -1px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-color: #eee;
border-bottom: 1px solid #ffffff;
text-transform: uppercase;
color: #676767;
}
.nav-tabs li:first-child a{
border-radius: 3px 0px 0px 0px;
}
.nav-tabs li:last-child a{
border-radius: 0px 3px 0px 0px;
}
.nav-tabs > li > a:hover{
color: #ffffff;
background: #6BA72B;
border-color: #eeeeee;
}
.nav-tabs > li.active > a:hover{
border-color: #eeeeee;
}
.nav-tabs > li.active > a, .panel-group .panel-heading + .panel-collapse > .panel-body{
border-color: #eeeeee;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
border-color: #eeeeee;
border-bottom: 1px solid #ffffff;
background: #6BA72B;
color: #ffffff;
}
.tab-content{
border: 1px solid #eeeeee;
padding: 15px;
border-radius: 0px 3px 3px 3px;
background: #ffffff;
}
.panel-group .panel{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.panel-default{
border-color: #eeeeee;
}
.panel-default > .panel-heading{
border-color: #eeeeee;
background-color: #ffffff;
padding: 0;
}
.panel-default > .panel-heading a{
display: block;
padding: 10px 15px;
color: #676767;
line-height: 20px;
}
.panel-default > .panel-heading a:not(.collapsed){
background: #6BA72B;
color: #ffffff;
}
.panel-default .panel-title .fa{
float: right;
line-height: 21px;
font-size: 21px;
}
.panel-default .panel-title a.collapsed .fa{
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}  .alert .fa{
margin-right: 10px;
}
.alert .close{
text-shadow: none;
opacity: 0.5;
padding-top: 4px;
}  .progress{
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
background-color: #eeeeee;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
overflow: visible;
}
.progress i{
margin-right: 5px;
}
.progress-bar{
position: relative;
padding-left: 10px;
text-align: left;
line-height: 30px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.progress-bar-value{
position: absolute;
right: 0px;
top: -30px;
background: #428BCA;
font-size: 14px;
line-height: 24px;
padding: 0px 4px;
border-radius: 2px;
}
.progress-bar-value:after{
content: "";
position: absolute;
border-style: solid;
border-width: 5px 5px 0px;
display: block;
width: 0px;
z-index: 1;
bottom: -5px;
left: 50%;
color: transparent;
border-color: #428BCA transparent;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
}  .main-slider-item{
position: relative;
}
.slide-item{
width: 100%;
height: auto;
cursor: move;
}
.main-caption-content h1, .main-caption-content a{
color: #ffffff;
}
.main-caption-content a{
display: inline-block;
}
.main-caption-content p{
margin-bottom: 40px;
font-size: 18px;
}
.main-caption-content a:hover h1, 
.main-caption-content a:hover, 
.main-caption-content a:active,
.main-caption-content a:visited{
color: #ffffff;
opacity: 0.9;
}
.slider-caption, .slider-caption canvas{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slider-caption{
bottom: -400px;
position: absolute;
left: 0px;
height: auto;
width: 100%;
overflow: hidden;	
}
.slider-caption canvas{
position: absolute;
bottom: 400px;
left: 0px;
width: 100%!important;
}
.slider-caption-overlay{
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, 0.1 );
z-index: 1;
}
.main-caption-content{
padding: 25px 100px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
color: #ffffff;
z-index: 2;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.main-caption-content .level-bar-1, .main-caption-content .level-bar-2, .main-caption-content .level-bar-3{
background: #ffffff;
}
.main-caption-content .avatar{
margin: 0px;
line-height: 40px;
}
.main-caption-content .recipe-meta li:first-child img{
border-radius: 3px;
}
.main-caption-content .recipe-meta{
margin-bottom: 15px;
}
@media only screen and ( max-width: 768px ){
.main-caption-content .recipe-meta{
display: none;
}
.main-caption-content h1{
font-size: 32px;
}
.main-caption-content{
padding: 25px 50px;
}
}
@media only screen and ( max-width: 500px ){
.main-caption-content p{
display: none;
}
.main-caption-content h1{
font-size: 22px;
}
.main-caption-content{
padding: 25px;
}
}  .main-search-input{
border: 1px solid #eeeeee;
box-shadow: none;
width: 0;
display: none;
position: absolute;
right: 0px;
top: 10px;
height: 30px;
}
.search-collapse input{
border-radius: 3px;
border: 1px solid #eee;
margin-bottom: 20px;
width: 100%;
}  .category-list{
margin-top: 50px;
}
.category-list a, .category-list a:visited{
line-height: 50px;
display: block;	
overflow: hidden;
background: #ffffff;
color: #676767;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
border-radius: 3px;
}
.category-list .icon{
float: left;
width: 50px;
margin-right: 15px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 20px;
color: #6BA72B;
border-right: 1px solid #eee;
}
.category-list a:hover .icon{
background: #6BA72B;
color: #ffffff;
font-size: 30px;
}
.widget .category-list a{
line-height: 24px;
box-shadow: none;
margin: 0px;
}
.widget .category-list .icon{
line-height: 24px;
width: 25px;
height: 25px;
border: none;
font-size: 14px;
color: #676767;
margin-right: 5px;
}
.widget .category-list li:hover .icon{
font-size: 14px;
color: #6BA72B;
background: transparent;
}  .ratings{
position: absolute;
bottom: 0px;
right: 0px;
padding: 5px 8px;
background: #ffffff;
font-size: 16px;
border-radius: 3px 0px 0px 0px;
}
.recipe-box .ratings{
padding: 8px 8px 5px 8px;
line-height: 1;
}
.bottom-ratings .icon, .top-ratings .icon{
margin-left: 2px;
}
.ratings .icon:first-child{
margin: 0px;
}
.bottom-ratings{
color: #7a7a7a;
position: relative;
display: inline-block;
overflow: hidden;
}
.top-ratings{
position: absolute;
top: 0;
left: 0;
width: 0%;
color: #FF8C00;
overflow: hidden;
text-align: left;
}  .dashboard-item{
margin-top: 25px;
}
.dashboard-item .fa{
margin-right: 10px;
}
.dashboard-item .badge{
background: #6BA72B;
line-height: 13px;
height: 20px;
}
.my-sidebar{
text-align: center;
}
.my-sidebar h4{
margin: 20px 0px;
}
.my-avatar{
text-align: center;
display: block;
background-position: center;
padding: 30px 0px;
}
.my-avatar ul{
margin: 0px;
}
.my-avatar.has-cover{
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.my-avatar.has-cover img{
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.my-avatar.has-cover h4{
color: #ffffff;
}
.my-avatar img{
display: inline-block;
border-radius: 50%;
}
.my-avatar.has-cover .share:before, .my-avatar.has-cover .share:after, .my-avatar.has-cover .share{
color: #ffffff;
border-color: #ffffff
}
.my-menu{
margin: 0px;
}
.my-menu li{
width: 100%;
text-align: left;
border-bottom: 1px solid #eee;
}
.my-menu li.active, .my-menu li:hover{
background: rgba(107, 167, 43, 0.06);
border-left: 2px solid #6BA72B;
}
.my-menu li:hover:not(.active){
border-left: none;
}
.my-menu li.active a, .my-menu li:hover a{
color: #6BA72B;
}
.my-menu a .right-value{
float:right;
}
.my-menu li:last-child{
border: none;
}
.my-menu li a{
color: #676767;
display: block;
padding: 10px 20px 10px 20px;
}
.upload-image-wrap{
position: relative;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;	
}
.upload-image-wrap img{
width: 150px;
height: 150px;
}
.featured-image-wrap{
display: block;
}
.remove-recipe-image{
position: absolute;
top: 5px;
right: 5px;
color: #676767;
width: 20px;
height: 20px;
background: #ffffff;
border-radius: 2px;
text-align: center;
line-height: 19px;
}
.my-menu .fa{
margin-right: 10px;
}
.bootstrap-table .fixed-table-container{
border-color: #eeeeee;
}
.fixed-table-header table, .bootstrap-table .fixed-table-body .table{
margin: 0px;
border: none;
}
.fixed-table-container .table tbody td{
border: none;
border-left: 1px solid #eee;
}
.action a{
font-size: 15px;
margin: 0px 3px;
}
.bootstrap-table .fixed-table-body .table > thead > tr > th{
border-bottom: 1px solid #eee;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{
background: rgba(107, 167, 43, 0.06);
}
.fixed-table-body{
border-radius: 3px;
}
.fixed-table-body table tr td:not(:first-child){
padding: 20px 0px;
}
.fixed-table-body thead th{
background: none;
color: #676767;
font-weight: normal;
}
.bootstrap-table .table{
border: none
}
.bootstrap-table .table > thead > tr > th{
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.bootstrap-table .table > thead > tr > th:first-child{
border-left: none;
}
.bootstrap-table .table > tbody > tr:last-child th{
border-bottom: none;
}
.fixed-table-container thead th:first-child{
border-radius: 0px;
}
.fixed-table-body table img{
width: 50px;
height: 50px;
border-radius: 3px;
}  .level.easy .level-bar-1{
background: #6BA72B;
}
.level.medium .level-bar-1, .level.medium .level-bar-2{
background: #d35400;
}
.level.advanced .level-bar-1, .level.advanced .level-bar-2, .level.advanced .level-bar-3{
background: #c0392b;
}
.level-bar-1, .level-bar-2, .level-bar-3{
display: inline-block;
margin: 0px;
width: 5px;
height: 3px;
background: #676767;
}
.level-bar-2{
height: 7px;
}
.level-bar-3{
height: 11px;
}  .flex-list{
display: flex;
align-items: center;
justify-content: space-between;
}
.flex-list .value{
float: none;
text-align: right;
}
.widget ul li.flex-list .value a{
display: block
}
.single-nutritions .value{
float: right;
}
.single-nutritions li{
clear: both;
border-bottom: 1px solid #eee;
}
.single-nutritions li:last-child, .single-nutritions li.recipe-avatar{
border: none;
}
.single-nutritions .recipe-avatar img{
width: 40px;
height: 40px;
float: left;
margin-right: 10px;
border-radius: 3px;
}
.similar-recipes img{
border-radius: 3px;
}
.similar-recipes{
text-align: center;
}
.similar-recipes a{
margin: 10px 0px;
}
ul.single-nutritions .recipe-avatar a{
display: inline-block;
padding-top: 7px;
margin-bottom: 20px;
}
@media only screen and ( max-width: 760px ){
.ingredients{
margin-top: 40px;
}
}
.recipe-details .ingredients-list:not(.steps-list) li{
display: flex;
}
.recipe-details .ingredients-list li:first-child h5{
margin-top: 0px;
}
.recipe-details .ingredients-list:not(.steps-list) li .fake-checkbox{
margin-top: 3px;
}
.ingredients-list a:not(.fake-checkbox){
margin-left: 3px;
}
.ingredients-list li{
margin-bottom: 10px;
}
.ingredients-list h5{
margin-top: 20px;
}
.ingredients-list .fake-checkbox{
width: 20px;
}
.fake-checkbox, .fake-checkbox:active, .fake-checkbox:visited, .fake-checkbox:focus{
border: 1px solid #aaa;
width: 20px;
height: 20px;
line-height: 17px;
text-align: center;
color: #fff;
display: inline-block;
margin-right: 10px;
border-radius: 3px;
}
.ingredients-list:not(.steps-list) .fake-checkbox,
.ingredients-list:not(.steps-list) .fake-checkbox:active,
.ingredients-list:not(.steps-list) .fake-checkbox:visited, .fake-checkbox:focus{
display: block;
}
@media only screen and ( min-width: 768px ){
.ingredients-list li:hover .fake-checkbox{
background: #6BA72B;
color: #ffffff;
}	
}
.ingredients-list li.checked .fake-checkbox{
background: #6BA72B;
color: #ffffff;
}
.ingredients-list li.checked{
color: #aaa;
text-decoration: line-through;
}
.steps-list li{
margin-top: 20px;
}
.steps-list li .fake-checkbox,
.steps-list li .fake-checkbox:focus,
.steps-list li .fake-checkbox:active{
margin-right: 10px;
display: inline-block;
}
.step-content h5{
margin-top: 10px;
}
.step-content{
padding-left: 33px;
}
.single-recipe .tab-content{
padding: 0px;
margin: 0px;
border: none;
}
.recipe-actions{
font-size: 30px;
overflow: visible
}
.recipe-actions li{
float: left;
width: 25%;
text-align: center;
color: #676767;
cursor: pointer;
}
.widget .recipe-actions li{
clear: none;
}
.recipe-actions li a{
color: #676767;
}
.recipe-actions li:hover, .recipe-actions li:hover a{
color: #6BA72B;
}
@media only screen and (max-width: 768px){
.single-recipe .nav-tabs{
margin-top: 50px;
}
.single-recipe .nav-tabs li:last-child{
margin-bottom: 0px;
}
}
.single-recipe .nav-tabs li.active a, .single-recipe .nav-tabs li a{
border: none;
margin: 0px;
border-radius: 3px;
}
.single-recipe .nav-tabs li, .single-recipe .nav-tabs li.active{
border: none;
margin: 15px 0px 0px 25px;
text-align: center;
background: #f5f5f5;
border-radius: 3px;
}
.single-recipe.author .nav-tabs li, .single-recipe.author .nav-tabs li.active{
margin: 0px;
margin: 0px 15px 15px 0px;
width: calc(33.33% - 10px);
background: #fff;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.single-recipe.author .nav-tabs li:last-child, .single-recipe.author .nav-tabs li.active:last-child{
margin-right: 0px;
}
.single-recipe.author .nav-tabs li a{
text-transform: none;
}
.single-recipe:not(.author) .nav-tabs li.active:before{
content: "";
position: absolute;
border-style: solid;
border-width: 0px 10px 10px;
display: block;
width: 0px;
z-index: 1;
top: -9px;
color: transparent;
border-color: #6BA72B transparent;
left: 50%;
transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
}
.recipe-tab-1{
display: none;
}
.recipe-tab-2{
width: calc(50% - 25px);
}
.recipe-tab-2:last-child{
width: calc(50% - 50px);	
}
.recipe-tab-3{
width: calc(33.33% - 25px);
}
.recipe-tab-3:last-child{
width: calc(33.33% - 50px);	
}
@media only screen and (max-width: 400px){
.single-recipe.author .nav-tabs li, .single-recipe.author .nav-tabs li.active{
width: 100%;
margin-right: 0px;
}
.single-recipe .nav-tabs li, .single-recipe .nav-tabs li.active{
margin: 15px 0px 0px 5px;
}
.recipe-tab-2{
width: calc(50% - 5px);
}
.recipe-tab-2:last-child{
width: calc(50% - 10px);	
}
.recipe-tab-3{
width: calc(33.33% - 5px);
}
.recipe-tab-3:last-child{
width: calc(33.33% - 10px);	
}
}
.widget ul li .value a{
display: inline-block;
}  .copyrights{
background: #333;
color: #ffffff;
margin: 0px;
padding: 25px 0px;
}
.copyrights p{
margin: 0px;
line-height: 30px;
}
.copyrights-share-wrap{
padding-top: 13px;
}
.copyrights-share, .copyrights-share:visited{
width: 30px;
height: 30px;
color: #333;
background: #ffffff;
border-radius: 3px;
margin-right: 10px;
display: inline-block;
text-align: center;
line-height: 30px;
}
@media only screen and ( max-width: 768px ){
.copyrights p{
text-align: center;
}
.copyrights p.text-right{
margin-top: 10px;
}
}  .register-actions{
float: left;
}
.social_connect_ui{
float: right;
}
.comment-form-social-connect{
display: none;
}
.social_connect_form a{
width: 33px;
height: 33px;
line-height: 33px;
border-radius: 3px;
text-align: center;
color: #ffffff;
display: inline-block;
}
.social_connect_login_google_plus{
background: #dd4b39;
}
.social_connect_login_twitter{
background: #00aced;
}
.social_connect_login_facebook{
background: #3b5998;
}  .print-details,
.print-image,
.print-title{
display: none;
}
@media print {
.sticky_nav,
.to_top{
display: none!important;
}
section, .opentip-container, .sticky_nav, .to_top{
display: none;
}
.print-details,
.print-image,
.print-title{
display: block;
}
.print-image{
max-width: 100%;
height: auto;
}
.print-details .fake-checkbox i{
display: none;
}
.print-title{
margin-top: 30px;
}
.print-details .ingredients{
margin-top: 50px;
}
.recipe-details .ingredients-list:not(.steps-list) li,
.recipe-details .ingredients-list:not(.steps-list) li a{
display: inline-block;
}
.recipe-details .ingredients-list:not(.steps-list) li.ingredient-title{
display: block;
}
.recipe-details .ingredients-list:not(.steps-list) li{
margin: 0px 15px 0px 0px;
}
.recipe-details .fake-checkbox{
width: 15px;
height: 15px;
position: relative;
top: 2px;
}
.recipe-details .ingredients-list:not(.steps-list) .fake-checkbox{
margin-right: 5px;
}
.recipe-details .col-sm-6{
width: 100%;
float: none;
}
}  .member-block.single-post .member-avatar{
width: 80px;
height: 80px;
}
.member-block ul, .member-block.single-post ul{
margin: 0px;
}
.member-avatar{
float: left;
height: 140px;
width: 140px;
margin-right: 15px;
}
.member-avatar img{
border-radius: 3px 0px 0px 3px;
}
.memeber-holder{
float: left;
}