/*
Theme Name: Mobile Theme
Theme URI: https://archzine.net
Author: I. Iliev && S. Georgiev
Author URI: http://softart.bg
Description: Custom mobile wordpress template
Version: 1.0

*/

/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap'); */

/* @font-face {
    font-family: 'ProximaNovaRegular';
    src: url('assets/fonts/ProximaNovaRegular.eot');
    src: url('assets/fonts/ProximaNovaRegular.eot') format('embedded-opentype'),
         url('assets/fonts/ProximaNovaRegular.woff2') format('woff2'),
         url('assets/fonts/ProximaNovaRegular.woff') format('woff'),
         url('assets/fonts/ProximaNovaRegular.ttf') format('truetype'),
         url('assets/fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');
    font-display: swap;
}

@font-face {
	font-family: 'ProximaNovaSemibold';
    src: url('assets/fonts/ProximaNovaSemibold.eot');
    src: url('assets/fonts/ProximaNovaSemibold.eot') format('embedded-opentype'),
         url('assets/fonts/ProximaNovaSemibold.woff2') format('woff2'),
         url('assets/fonts/ProximaNovaSemibold.woff') format('woff'),
         url('assets/fonts/ProximaNovaSemibold.ttf') format('truetype'),
         url('assets/fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('assets/fonts/ProximaNovaLight.eot');
    src: url('assets/fonts/ProximaNovaLight.eot') format('embedded-opentype'),
         url('assets/fonts/ProximaNovaLight.woff2') format('woff2'),
         url('assets/fonts/ProximaNovaLight.woff') format('woff'),
         url('assets/fonts/ProximaNovaLight.ttf') format('truetype'),
         url('assets/fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
    font-display: swap;
} */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, main, nav, footer, aside, article, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}

body {
    font-family: Verdana, Arial;
    /* font-family: 'ProximaNovaRegular'; */
}

body {
	line-height: 1;
}

a, a:hover {
    color:
    #000;
}
a {
    text-decoration: none;
}

ol, ul {
	list-style: none;
}

img,
iframe,
video {
    max-width: 100%;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
select,
textarea {
	padding: 0;
	margin: 0;
	border: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

input[type="submit"],
input[type="text"],
select,
button {
  appearance: initial;
  -moz-appearance: initial;
  -webkit-appearance: initial;
}

.parasitic_title {
	float: left;
	width: 100%;
	margin: 20px 0 10px 0;
	text-align: center;
	font-size: 21px;
}

#logo {
    display: block;
    background: url('assets/images/archzine.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 160px;
    margin: 7px auto 0;
    height: 32px;
    right: 0;
    text-indent: -999px;
    overflow: hidden;
}
#header .menu_btn, #logo {
    position: absolute;
    left: 0;
}

#header .menu_btn i {
    line-height: 46px;
    float: left;
}

#header .menu_btn {
    top: 0;
    padding-left: 12px;
    font-size: 47px;
    height: 46px;
    background: 0 0;
    border: none;
    cursor: pointer;
}

#header {
    float: left;
    width: 100%;
    height:46px;
    padding: 0 0px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    background: #fff;
    transition: all .3s ease-in-out;
}

#header.nav-up {
    top: -46px;

}

.nav_header_box {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
    overflow: hidden;
}

.nav_header {
    width: 2000px;
    margin-top: 5px;
    height: 24px;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    left: 0;
    transition: all .3s ease-in-out;
}

.nav_header li {
    float: left;
    padding-left: 6px;
    white-space: nowrap;
}

.nav_header li a {
    display: block;
    padding: 4px;
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: 1px solid
    #fff;
}

#header .search_btn {
    float: right;
    padding: 0 12px;
    margin-top: -2px;
    font-size: 28px;
}

#navigation {
    position: absolute;
    right: 0;
    z-index: 8001;
    background:#fff;
    background-size: 220px auto;
    width: 300px;
    height: 100vh;
    min-height: 565px;
    padding-bottom: 10px;

    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    width: 100%;
    height: 100%;
    z-index: 999999;
    transition: transform 0.25s ease;
}

#navigation.open {
    transform: translate3d(0%,0,0);
}
#navigation .links {
    float: left;
    width: 100%;
    display: none;
}

#navigation .links a:first-of-type {
    border-right: 1px solid #e94c3c;
}

#navigation .links a {
    float: left;
    width: 50%;
    padding: 16px 10px;
    border-bottom: 1px solid #e94c3c;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #e94c3c;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

#navigation .close_nav {
    position: relative;
    top: 0;
    float: right;

position: relative;
    width: 50px;
    height: 48px;
    background:#fff;
    border-left: 1px solid#e94c3c;
    cursor: pointer;
}

#navigation > ul.menu {
    display: inline-block;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
		padding-bottom: 90px;
}

#navigation > .menu > li a, #navigation > ul.menu > li {
    float: left;
    padding: 12px 13px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

#navigation > ul.menu > li {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#navigation > ul.menu > li span {
    position: relative;
    padding-left: 18px;
}

#navigation > .menu > li a,
#navigation > ul.menu > li {
    float: left;
    padding: 12px 10px 12px 12px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;

    text-align: left;
}

#navigation > .menu > li a {
    position: relative;
}

#navigation > .menu > li {
    text-align: center;
}
#navigation > .menu > li > a {
    width: auto;
    display: inline-block;
    padding: 0;
    float: none;
}

#navigation > .menu li > a {
    width: 100%;
    max-width: 100%;
}

#navigation > .menu li.menu-item-has-children > a {
    position: relative;
    max-width: 90%;
    float: none;
    display: inline-block;
    width: auto;
    min-width: 50%;
}

#navigation > .menu {
    height: 100%;
}
#navigation.sub-open > .menu {
    height:auto;
}

#navigation > .menu li.menu-item-has-children > a::before {
    margin-right: 5px;
}

#navigation .close_nav::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    top: 23px;
    width: 32px;
}

#navigation > .menu li.menu-item-has-children .sub-menu li {
    padding: 12px 13px;
    text-align: center;
}
#navigation > .menu li.menu-item-has-children .sub-menu a {
    padding: 0;
    float: left;
    display: inline-block;
    width: auto;
    min-width: 50%;
}

#navigation > .menu li.menu-item-has-children .sub-menu li li a {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
}

#navigation .close_nav::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    top: 22px;
    width: 32px;
    width: auto;
    display: inline-block;
    float: none;
}

#navigation .close_nav::after, #navigation .close_nav::before {
    content: "";
    width: 31px;
    height: 2px;
    background:#e94c3c;
    display: block;
    position: absolute;
    left: 9px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
}

.zuruck .close_menu {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px solid#cecece;
    display: block;
}
.close_menu {
    top: 0;
    float: right;
    position: relative;
    width: 50px;
    height: 39px;
    background:#fff;
    border-left: 1px solid#e94c3c;
    cursor: pointer;
    width: 100%;
    z-index: 999;
    display: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
    border-bottom: 1px solid#cecece;
}

#navigation .close_nav:hover::before {
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    top: 18px;
}

#navigation .close_nav:hover::after {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    top: 29px;
}


#navigation li.ubmenu::after,
#navigation li.menu-item-has-children:before {
    content: "\F3D3";
    font-family: ionicons;
    position: static;
    float: left;
    left: 275px;
    top: 13px;
    margin-right: 5px;
    color:#e94c3c;
    float: right;
}

#navigation li.menu-item-has-children::before {
    left: 265px;
    top: 5px;
}

#navigation .back_menu_btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 15px 10px 15px 15px;
    text-align: left;
    opacity: 1;
    visibility: visible;
    text-transform: uppercase;
    border-bottom: 1px solid #e94c3c;
}

#navigation .sub-menu li {
    border-bottom: 1px solid #ccc;
}

#navigation .sub-menu li, #navigation .sub-menu li a {
    float: left;
    width: 100%;
}


.single_article h1,
main h1 {
    padding: 16px 0 10px;
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    /* font-family: "ProximaNovaLight"; */
    line-height: 34px;
    font-size: 30px;
    font-weight: 300;
}

.archive .descripion .page-title{
    font-size: 19px;
    font-weight: bold;
    padding: 0;
    line-height: 130%;
    margin-bottom: 10px;
}

.img_article {
	position: relative;
}

.article_desc {
    line-height: 160%;
    font-size: 18px;
}
.article_desc a,
.article_desc .single_pin {
    color: #de0e3a;
    display: inline-block;
}

.article_desc ol, .article_desc ul {
    float: left;
    width: 100%;
    padding: 12px 0 0 35px;
        padding-bottom: 0px;
    list-style: disc;
    padding-bottom: 12px;
}

.article_desc ol li, .article_desc ul li {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    line-height: 140%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.article_desc a {
	width: 100%;
}

.article_desc a img, .article_desc img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0,0,0,.88);
}

.article_desc .single_img_wrap {
    float: left;
    width: 100%;
    position: relative;
}

#navigation .sub-menu {
    width: 100%;
    height: 100vh;
    position: absolute;
    background:#fff;
    top: 45px;
    display: none;
    left: 0;
    z-index: 99;
}

#navigation .sub-menu .sub-menu {
    top: 0;
}

#navigation .sub-menu::before {
    content: "Zuruck";
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid#ccc;
    padding-left: 12px;
    color: #fff;
}

.last-open.last-open #menu-menu > li > .sub-menu {
    opacity: 1;
    z-index: 99;
}

.article_desc p {
    float: left;
    width: 100%;
    line-height: 160%;
    display: block;
    margin-bottom: 22px;
    color: #000;
}

.article_desc h2, .article_desc h3, .article_desc h4 {
    font-size: 18px;
    line-height: 29px;
    color:#666;
    font-weight: 600;
}

.article_desc h4 {
    font-size: 16px;
}

.article_desc h2, .article_desc h3, .article_desc h4, .article_desc h5, .article_desc h6 {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.single_article .article_desc p {
    font-size: 18px;
    line-height: 160%;
    text-align: justify;
}

.single_pin {
	position: absolute;
	top: -2px;
	left: 4px;
	z-index: 99;
	width: 48px;
	height: 50px;
	font-size: 35px;
	text-align: center;
	line-height: 33px;
	color: #c92228;
	padding: 11px 8px 8px 5px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	opacity: 1;
	transition: all 0.15s ease-in-out;
}

.single_pin:hover {
	color: #c92228;
}

a.single_pin::before,
span.single_pin::before {
    content: "\F2B1";
    font-family: ionicons;
    margin: 12px 0 0 4px;
}

.article_desc a,
.article_desc .single_pin {
    color: #de0e3a;
}

/* #navigation li.ubmenu > a::after,
#navigation li.menu-item-has-children > a::before {
    content: "\F3D2";
    font-family: ionicons;
    position: static;
    float: left;
    left: 275px;
    top: 13px;
    color:#e94c3c;
} */

#navigation li.menu-item-has-children::before {
    left: 265px;
    top: 5px;
}

#navigation .back_menu_btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 15px 10px 15px 15px;
    text-align: left;
    opacity: 1;
    visibility: visible;
    text-transform: uppercase;
    border-bottom: 1px solid #e94c3c;
}

#navigation .sub-menu li {
    border-bottom: 1px solid #ccc;
}

#navigation .sub-menu li, #navigation .sub-menu li a {
    float: left;
    width: 100%;
}

main {
    margin-top: 55px;
    padding: 0 13px;
}

.article.big {
    position: relative;
    clear: left;
}
.article.big .img img {
    height: 100%;
    object-fit: cover;
}
.article.big .img {
    height: 260px;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    background-clip: border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    margin: 4px 0;
        margin-top: 4px;
    margin-top: 9px;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.88);
}

.article.big .info .title,
.article.big .info .title {
    word-wrap: break-word;
}

.article.big .info .title {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.article.big .entry-header.info{
    width: 100%;
    position: absolute;
    left: 0;
    border-radius: 10px;
    bottom: 0;
    margin-bottom: 3px;
    padding: 15px;
    background: linear-gradient(180deg, transparent,#000);
}


.article.big .info .title a {
    color: #fff;
    font-size: 32px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.86);
    line-height: 34px;
    font-weight: 500;
    /* font-family: "ProximaNovaLight"; */
}

.article.big {
    margin-bottom: 8px;
}

.article.small {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.article.big .info .title a {
    font-size: 30px;
}

.entry-categories-inner {
    color: #fff;
}

.article.big * {
    color: #fff;
}

.article.big .post-category {
  margin-right: 5px;
}

.post-meta li {
    float: left;
}

.article .info img {
    height: 100%;
}
.article .info  .images_count {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    line-height: 100%;
}

.article.small .info .images_count {
    position: absolute;
    right: 10px;
    bottom: 2px;
}

.article.small .info .title a {
    font-weight: 400;
}
.article.small .info .title {
    display: block;
    max-height: 85px;
    overflow: hidden;
    font-size: 18px;
    color:#020201;
    line-height: 21px;
    /* font-family: "ProximaNovaLight"; */
}

.article.big  .info .images_count::before,
.article.small  .info .images_count::before {
    content: "\F3F5";
    font-family: ionicons;
    float: left;
    margin-right: 7px;
    font-size: 31px;
}
.article.small  .info .images_count::before {
    color:#000;
}

.article.big  .info .images_count::before {
    color:#fff;
}

.article.big .info .images_count {
    margin: 0;
}

.article.small .info {
    float: left;
    width: 51%;
    position: relative;
    min-height: 110px;
    padding: 0 10px 2px;
}

.article.small .img img {
    height: auto;
		width: 100%;
    float: left;
    min-height: 110px;
}

.article.small .img {
    float: left;
    width: 49%;
    min-height: 110px;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    background-clip: border-box;
    background-origin: border-box;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0,0,0,.88);
}

.single_ads,
.category_ads {
	clear: left;
    width: 100%;
	margin-bottom: 12px;
	text-align: center;
	clear: left;
}

.single_ads > span,
.category_ads > span {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

.no_result,
.search .normal_title  {
    margin: 10px 0 15px;
    font-weight: bold;
}

.search .search_form {
    margin-bottom: 5px;
}
.search .submit_btn {
		float: right;
    background: #fff;
    color: #000;
    padding: 11px 25px;
    border: 1px solid #000;
		margin-left: 10px;
}

/* gallery */
.gallery_page_box > a {
    color:#000;
    text-shadow: 1px 1px 1px rgba(0,0,0,.1);
    /* font-family: "ProximaNovaLight"; */
    line-height: 34px;
    font-size: 22px;
    position: absolute;
}

.gallery_page_box .img_article {
	float: left;
	margin-top: 40px;
  width: 100%;
}

.gallery_page_box .img_article img {
		width: 100%;
		height: auto;
}
.gallery_page_box > a:first-of-type {
    left: 0;
}
.gallery_page_box > a:first-of-type:before {
    content: "\F3D2";
    font-family: ionicons;
    position: static;
    float: left;
    color: #000;
    margin-right: 5px;
}

.single_article + .articles h5 {
    margin-top: 10px;
}

.single_article .entry-header {
	float: left;
	margin: 10px 0 20px -13px;
	width: calc(100% + 26px);
}

.single_article .top_img {
	float: left;
	width: 100%;
	position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.single_article .top_img img {
	height: 80vw;
  display: block;
  object-fit: cover;
}

.single_article .top_img .info {
	width: 100%;
  /* position: absolute; */
  left: 0;
  bottom: 0;
  z-index: 99;
}

.single_article .top_img h1 {
	float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #000;
  padding: 0 12px;
  /* text-shadow: 1px 1px 1px #000; */
  font-size: 28px;
  line-height: 32px;
  font-weight: 300;
}

.single_article .top_img .info .gallery_count {
	float: left;
	margin: 0 0 5px 12px;
	font-size: 32px;
	color: #fff;
}

.single_article .top_img .info .gallery_count i {
	float: left;
}

.single_article .top_img .info .gallery_count span {
	float: left;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px 0;
	margin: 7px 0 0 8px;
	line-height: 12px;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	text-align: center;
	height: 21px;
}

.single_article .top_img .info .author {
	float: right;
  font-size: 12px;
	background: #686868;
	padding: 7px 10px 5px 10px;
	margin: 5px 12px 0 0;
	border-radius: 13px;
	color: #fff;
}

.single_article .top_img .info .author a {
	color: #fff;
	text-decoration: underline;
}

.single_article .top_img .info .author a:hover {
	text-decoration: none;
}

.single-post #breadcrumbs.breadcrumbs_single {
	position: relative;
	z-index: 99;
	color: #000;
}

.single-post #breadcrumbs.breadcrumbs_single a {
  text-transform: uppercase;
	color: #686868;
}

.single-post #breadcrumbs.breadcrumbs_single a:before {
  content: '/';
  margin-right: 3px;
  color: #000;
}

.single-post #breadcrumbs.breadcrumbs_single > span > span > span > a:before {
  content: "";
  margin-right: 0;
}

/* .single-post .single_article .entry-header {
	margin-top: -35px;
} */

.gallery_page_box > a:nth-of-type(2) {
    right: 0;
}
.gallery_page_box > a:nth-of-type(2):after {
    content: "\F3D3";
    font-family: ionicons;
    position: static;
    float: right;
    color:#000;
    margin-left: 5px;
}

.gallery_page_box {
    position: relative;
		float: left;
    width: 100%;
		margin-top: 12px;
		margin-bottom: 10px;
}
#breadcrumbs * {
    font-size: 14px;
}

/* gallery end */
/* search */

.search_box_form {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  z-index: 10000;
  padding: 20px;
  box-sizing: border-box;
}

.search_box_form .white_popup {
  float: left;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 20px;
}

.search_box_form h6 {
  float: left;
  width: 100%;
  padding: 0 0 20px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.header_search {
  float: left;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.close_search {
  position: fixed;
  right: 17px;
  bottom: 17px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 54px;
  background: #e94c3c;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
}

.header_search input[name="s"] {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 15px;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  max-width: 300px;
  box-sizing: border-box;
}

.header_search input[type="submit"] {
  max-width: 300px;
  border-radius: 5px;
  display: block;
  color: #fff;
  background: #e94c3c;
  border: 0;
  margin: 0 auto;
  cursor: pointer;
  padding: 10px 35px;
}

/* end search */

main .wp-pagenavi {
	margin: 20px 0px 35px 0;
}

.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi {
	clear: both;
	margin: 10px 0;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
}

main .wp-pagenavi {
	margin: 20px 0px 35px 0;
}

.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi {
	clear: both;
	margin: 10px 0;
	display: block;
	text-align: center;
	float: left;
	width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 7px 9px 5px 9px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.fancybox_popup,
.success_box {
	display: none;
}

.back_to_post {
	display: inline-block;
	font-size: 30px;
	margin-top: 10px;
}

.gallery_article .entry-title {
	padding-top: 3px;
}

.social-icon-navi {
    background-image: url("assets/images/share-header.png");
    background-position: 3px 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 46px;
    width: 52px;
    background-size: 47px;
}
.social-icon-navi {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.social-icon-navi.opened {
    background-image: url("assets/images/share-x.png");
    background-color: #000;
}

.social-icons-layer {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    width: 100%;
    padding: 6px 0;
    box-shadow: 0 5px 5px 1px rgba(0,0,0,.8);
    -webkit-transition-property: visibility,opacity;
    transition-property: visibility,opacity;
    -webkit-transition-duration: 0,.15s;
    transition-duration: 0,.15s;
    -webkit-transition-delay: .15s,0;
    transition-delay: .15s,0;
}

.social-icons-layer, .social-icons-layer.social-icon {
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}

.social-icons-layer {
    color: #fff;
    background:#000;
    top: 46px;
}

.social-icons-layer .social-icon {
    display: inline-block;
    width: 70px;
    margin-bottom: 1.5em;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    opacity: 0;
		color: #fff;
}

.social-icons-layer .social-icon-facebook {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-fb.png");
}

.social-icons-layer .social-icon-whatsapp {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-wa.png");
}

.social-icons-layer .social-icon-pinterest {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-pi.png");
}

.social-icons-layer .social-icon-email {
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/images/ic-ma.png");
}

.social-icons-layer .social-icon {
    height:45px;
    width: 69px;
}

.social-icons-layer.opened {
    visibility: visible;
    opacity: 1;
}
.social-icons-layer .social-icon.opened {
    opacity: 1;
}

.social-icons-layer .social-icon span {
    display: block;
    position: relative;
    font-size: 13px;
    top: 50px;
}

#soc-wrap {
		background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    border-top: 1px solid #707070;
		padding: 10px 5% 20px 5%;
}

ul.mvp-fly-soc-list {
    text-align: center;
    width: 100%;
}

.soc-list li {
    margin: 0 10px;
    display: inline-block;
}

.fly-shadow li {
    text-align: center;
    border: none;
}


#navigation .header_search {
    margin: 10px 0;
    padding: 0 20px;
    border: 1px solid#f0f0f0;
    width: calc(100% - 20px);
    margin-left: 10px;
    padding: 0;
    position: relative;
}
#navigation .header_search input[type="submit"] {
    float: right;
    width: auto;
    padding: 0;
    height: 36px;
    width: 36px;
    background: none;
    font-size: 0;
    position: relative;
    z-index: 9;
}
#navigation .header_search i {
    color:#e94c3c;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#navigation .header_search input[name="s"] {
    border: none;
    width: calc(100% - 36px);
    float: left;
    margin: 0;
    height: 36px;

}
/*
#soc-wrap li a.twitter {
    background-image: url("assets/images/ic-fa2.png");
}
*/

#soc-wrap li a {
    color: #707070;
    font-size: 20px;
    background-size: cover;
    height: 24px;
}
#soc-wrap li a {
    color: #000;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: 10px 0;
    font-size: 30px;
}

body > footer {
   display: inline-block;
   width: 100%;
   padding: 10px 0;
   background: #000;
}
body > footer li a {
    color: #fff;
}
body > footer li {
    padding: 0 5px;
    display: inline-block;
}
body > footer ul {
    width: 100%;
    text-align: center;
    display: block;
}

.scrolling .img_article .goto-gallery {
    opacity: 1;
}
/* .scrolling .single_pin{
    opacity: 0;
    transition: all 0.1s ease-in-out;
} */

.img_article .goto-gallery {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 40px;
    margin: -20px 0 0 -75px;
    background-color: rgba(234,75,60,1);
    color:#fff;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.15s ease;
    transition-delay: .1s;
}

.fancybox_popup,
.success_box {
	display: none;
}

.back_to_post {
	display: inline-block;
	font-size: 30px;
	margin-top: 10px;
}

.gallery_article .entry-title {
	padding-top: 3px;
}



/***	static pages css  ***/
.static_page_top,
.static_page_bg_two,
.static_page_bg_three {
    margin: 5px -13px 15px;
    background: url(assets/images/static_page_bg_one.jpg) top center;
    width: auto;
    padding: 20px 0;
    color:#fff;
    line-height: 150%;
}

.static_page_top .container,
.static_page_bg_two .container,
.static_page_bg_three .container {
    padding: 0 13px;
}

.static_page_top .right_box p a {
    display: inline-block;
    background: #0030ff;
    padding: 0 3px;
    color: #fff;
}

.static_page_top .left_box .title_dotted {
    margin-bottom: 15px;
    float: left;
    background: url(assets/images/static_page_dotted.png) repeat;
    width: 100%;
    padding: 20px 0;
    font-size: 28px;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(0,0,0,.4);
}

.static_page_top .left_box .blue_btn {
    float: left;
    background: #0030ff;
    width: 48%;
    margin-right: 4%;
    padding: 18px 18px 12px;
    margin-bottom: 10px;
    position: relative;
    color:#fff;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgba(0,0,0,.4);
}

.static_page_top .left_box .blue_btn + .blue_btn {
    margin-right:0;
}

.static_page_top .left_box .blue_btn::before {
    content: "";
    background:
    #000;
    display: block;
    width: 92%;
    height: 5px;
    position: absolute;
    left: 4%;
    bottom: -5px;
}

.static_page_top .left_box .blue_btn::after, .static_contacts_bg .contact_email a::after {
    content: "";
    background: url(assets/images/pagination_next.png) no-repeat right center;
    float: right;
    width: 25px;
    height: 25px;
    margin: -3px 32px 0 0;
    opacity: .5;
}

.static_page_top .left_box .blue_btn::after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    margin: -5px 0 0;
}

.wpcf7-form label {
    float: right;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.input_text, textarea, .wpcf7-text {
    padding: 10px 15px;
    border: 3px solid #0030ff;
    color: #777680;
    font-size: 15px;
}

.search_form .input_text {
		width: calc(100% - 150px);
    line-height: 24px;
    border: 1px solid #000;
}

.wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-text {
    float: left;
    width: 100%;
    color:  #777680;
}

.wpcf7-submit, .submit_btn {
    background: #0030ff url("assets/images/pagination_next.png") no-repeat right 25px center;
    background-size: auto;
    background-size: 16px;
    padding: 12px 58px 12px 40px;
    font-size: 18px;
    color:#fff;
    text-transform: uppercase;
}


.blue_green_box::before {
    background: #0030ff;
    z-index: 9;

}
.blue_green_box::after, .blue_green_box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.blue_green_box_hold .blue_green_box span {
    width: 100%;
    padding: 10px 5px 10px 5px;
    font-size: 20px;
}
.blue_green_box span {
    display: inline-block;
    padding: 23px 38px;
    position: relative;
    z-index: 9;
    font-size: 18px;
    color: #fff;
}

.blue_green_box_hold .blue_green_box p {
    display: block;
    position: relative;
    z-index: 9;
    padding-bottom: 25px;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.static_page_bg_two {
    padding: 0 3px 3px 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid
    #a8a8ae;
}

.map_box {
    content: "";
    background:
    #c5c6c7;
    width: 100%;
    height: 40px;
    position: absolute;
    left: -10px;
    bottom: -18px;
}

.static_page_bg_three {
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #a8a8ae;
}

.static_contacts_bg {
    background: #0030ff;
    color:#fff;
}

.blue_green_box_hold .blue_green_box p {
    overflow: hidden;
    width: 100%;
    height: 72px;
    margin-top: 0;
    background:#0030ff url("assets/images/pagination_prev.png") no-repeat center center;
    color: #fff;
    padding: 10px 0;
}

.map_box .blue_green_box_hold .blue_green_box p {
    background: rgba(59,89,152,1);
}

.blue_green_box::before {
    -webkit-transform: translateX(5px) rotateY(4deg);
    -moz-transform: translateX(5px) rotateY(4deg);
    -ms-transform: translateX(5px) rotateY(4deg);
    -o-transform: translateX(5px) rotateY(4deg);
    transform: translateX(5px) rotateY(4deg);
}

.map_box .blue_green_box_hold .blue_green_box::after {
    display: block;
    width: 64px;
    height: 64px;
    padding-top: 21px;
    text-align: center;
    color:
    #fff;
    font-size: 23px;
}
.map_box .blue_green_box_hold {
    width: 100%;
    margin: 40px 0 0 0;
}
.blue_green_box_hold {
    float: left;
    width: 48%;
    position: relative;
    margin: 20px 4% 0px 0;
    text-align: center;
}

.blue_green_box_hold:nth-of-type(even) {
    margin-right: 0;
}

.blue_green_box_hold .blue_green_box p {
    display: block;
    position: relative;
    z-index: 9;
    height: auto;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: initial;
    min-height: 50px;
    font-size: 12px;
}

.phone_img {
    display: none;
}

.map_box .blue_green_box_hold .blue_green_box p {
    padding: 35px 0;
    /* font-family: "ProximaNovaLight"; */
    font-size: 18px;
    text-transform: initial;
    text-align: left;
}

.map_box {
    display: none;
}

.static_page_social .box a {
    display: inline-block;
    width: 64px;
    height: 64px;
    padding-top: 21px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.static_page_social .box {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.static_page_social .box:nth-of-type(2) {
    display: none;
}
.static_page_social .box a.fb {
    background-color: rgba(59,89,152,1);
background-image: url("assets/images/ic-fb.png");
}

.static_contacts_bg {
    margin: 0 -13px;
    text-align: center;
padding: 15px 0 10px;
}

.static_page_social .box a.gp {
    background-color: rgba(221,75,57,1);
background-image: url("assets/images/ic-pi.png");
}

.static_page_social .box a.pr {
    background-color: rgba(221,75,57,1);
background-image: url("assets/images/ic-pi.png");
}

.static_page_social .box span {
    display: none;
}

#statistiken {
    margin: 20px -14px 0;
    font-size: 20px;
    padding-bottom: 40px;
    padding-top: 10px;
    float: left;
    margin-top: 0;
}

.static_page_bg_three .text p {
    margin-bottom: 10px;
}

.static_page_bg_three .container {
    display: inline-block;
}

.title_top_dotted {
    margin-top: 10px;
}

.page-template-page-contact,
.page-template-page-werbung {
    overflow-x: hidden;
}

.blue_green_box::after {
    left: 3px;
    width: 98%;
    background: #5aff8c;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

.static_page_bg_two .blue_green_box_hold::after, .map_bg .pin_box .pin_info .country::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 48, 255, 0);
    border-top-color: rgba(0, 48, 255, 0);
    border-top-color:#0030ff;
    border-width: 8px;
    margin-left: -8px;

}

.responsive_table, .ads_table {
    float: left;
    width: 100%;
}

.responsive_table {
    overflow-x: scroll;
}

.responsive_table table {
    width: 600px;
    margin: 40px 0;
}

.ads_table td {
    padding: 15px;
    color:#777680;
    vertical-align: top;
    border-bottom: 2px solid #f5f5f5;
}
.ads_table th {
    background: #0030ff;
    padding: 23px 15px;
        color:#fff;
    text-transform: uppercase;
    text-align: left;
}

.ads_table td span:not(.border):not(.number) {
    display: block;
    padding-bottom: 10px;
    font-size: 18px;
    color: #000;
}

.ads_table tr th:last-of-type {
    text-align: right;
}

.page-template-page-werbung .static_page_top + .container {
    background:
    #fff;
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0 -13px;
    width: calc(100% - -26px) !important;
    padding: 0 13px;
}

.ads_table td {
    padding: 25px 15px;
        padding-left: 15px;
    color: #777680;
    vertical-align: top;
    border-bottom: 2px solid#f5f5f5;
}

.ads_table tr td:last-of-type {
    color:
    #0030ff;
    font-family: "ProximaNovaBold";
    text-align: right;
}

.ads_table td .border {
    padding: 10px 20px;
    border: 1px solid #0030ff;
    color:#0030ff;
    font-family: "ProximaNovaBold";
}

.static_page_top {
    background-size: cover;
}
/***	static pages css end  ***/

#privpol_div_rich_text_preview h1,
#privpol_div_rich_text_preview h2,
#privpol_div_rich_text_preview h3,
#privpol_div_rich_text_preview h4,
#privpol_div_rich_text_preview h5,
#privpol_div_rich_text_preview h6 {
  float: left;
  width: 100%;
  font-size: 21px;
  margin: 10px 0;
  line-height: 140%;
}

#privpol_div_rich_text_preview p {
  float: left;
  width: 100%;
  margin: 4px 0;
  line-height: 140%;
  font-size: 16px;
}

.postid-497533 .single_ads {
	display: none !important;
}

.postid-497533 .img_article {
  display: block;
  max-width: 80%;
  margin: 0 auto;
  clear: both;

}


/* recipes */
@media (min-width:320px) {

    .white-bg {
      float: left;
      width: 100%;

    }
    .white-bg .tab_post h3 a {
        font-size: 12px;
        text-align: left;
        color: #1c1c1c;
        line-height: 130%;
    }

    .white-bg .tab_post h3 a:hover {
      text-decoration: underline;
    }

    .white-bg .tab_post h3 {
        width: calc(100% - 64px);
        line-height: 100%;
        border-radius: 10px;
        float: right;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 0;
        padding: 0 0 0 10px !important;
        max-height: 70px;
        overflow: hidden;
    }

    .recipes #single_post_title {
      padding: 0 0 10px 0;
      font-size: 22px;
      font-weight: 700;
      line-height: 110%;
      font-family: 'ProximaNovaBold', Verdana, Arial, sans-serif;
            font-weight: bold;
    }

    .recipes .subtitle {
        font-size: 14px;
        line-height: 130%;
        font-family: 'ProximaNovaBold', Verdana, Arial, sans-serif;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .white-bg .tab_post {
      margin: 0;
      width: 16.66%;
      padding: 20px;
    }

    .recipes .left_part {
      padding: 10px 0px;
      background: #fff;
      float: left;
      margin: 0 -13px;
      overflow: hidden;
    }

    .recipes .recipes-list .full .recipe-list-content {
      width: 100%;
      float: right;
      position: static;
      right: 0;
      height: 100%;
      padding: 20px 13px;
    }

    .recipes .recipes-list .full .recipe-list-content:before {
      content: "";
      position: absolute;
      left: -15px;
      top: 30px;
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 15px solid #F5F5F5;
      border-bottom: 15px solid transparent;
      display: inline-block;
    }

    .tags {
        padding: 10px 0;
        float: left;
        width: 100%;
    }
    .tags a {
      margin-right: 5px;
      border-radius: 9px;
      padding: 2px 20px;
      line-height: 100%;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
    }

    .tags a:hover {
      opacity: 0.8;
    }

    .tags a:first-of-type {
      background: rgba(245,55,27,0.6);
    }

    .tags a:nth-of-type(2) {
      background: #6560FC;
    }

    .recipes .recipes-list .full .title + p {
      margin: 10px 0;
      line-height: 130%;
      color: #1C1C1C;
    }
    .recipes .recipes-list .full .title a {
      font-size: 20px;
      text-align: left;
      color: #1c1c1c;
      font-weight: 700;
      font-family: 'ProximaNovaBold', Verdana, Arial, sans-serif;
    }

    .recipes .recipes-list .full .title a:hover {
      text-decoration: underline;
    }
    .recipes .recipes-list .full .shadow_img img{
      max-width: 100%;
      width: 100%;
      height: auto;
    }
    .recipes .recipes-list .full .shadow_img {
      float: left;
      width: 100%;
      height: auto;
      margin: 0 -13px;
     width: calc(100% - -26px);
    }

    .white-bg   {
        width: 100%;
        margin: 0 -13px;
        width: calc(100% - -26px);
        padding: 13px;
        background: #fff;
    }
    .white-bg .tab_post img {
        height: 64px;
        width: 64px;
        border-radius: 10px;
    }
    .white-bg .tab_post {
        width: 48%;
        padding: 0;
        height: 100%;
        position: relative;
        float: left;
    }

    .white-bg .tab_post:last-of-type {
        margin-left: 4%;
    }

    .features li b + span {
      font-size: 15px;
      padding-top: 3px;
        display: inline-block;
    }
    .features li b {
      display: block;
      margin-top: 4px;
      margin-bottom: 6px;
      text-decoration: underline;
      font-size: 14px;
    }

    .gray-btns.right .gray-btn {
      background: #DCDEE0;
      padding: 5px 10px;
      text-decoration: none;
      margin-right: 5px;
      border-radius: 4px;
    }

    .gray-btns.right .gray-btn:hover {
        background: #ccc;
    }

    .single_content .fa-thumbs {
      color: #000;
      text-decoration: none;
      background: url("assets/images/thumb.svg") repeat;
      width: 10px;
      height: 11px;
      display: inline-block;
      background-size: cover;
    }

    .single_content .fa-arrow {
      color: #000;
      text-decoration: none;
      background: url("assets/images/down-a.svg") repeat;
      width: 10px;
      height: 10px;
      display: inline-block;
      background-size: cover;
    }

    .single_content .meta-row {
      float: left;
      width: 100%;
      padding: 15px 0;
      margin-bottom: 5px;
    }
    .single_content .meta-rows {
      float: left;
      width: 100%;
    }
    .single_content .features li b {
      margin-top: 0px;
      margin-bottom: 0px;
      font-size: 12px;
      line-height: 140%;
      font-weight: 400;
    }

    .small.underlined {
      font-weight: normal;
      text-decoration: underline;
      font-size: 20px;
      text-align: left;
      color: #1c1c1c;
      display: block;
      margin-bottom: 10px;
    }

    .padd {
        padding: 0 13px;
    }

    .recipe-counter {
        width: 94%;
        margin: 0 3% 10px;
        position: relative;
        text-align: center;
        line-height: 20px;
    }

    .recipe-counter span {
        padding: 0 10px;
        background: #fff;
        display: inline-block;
        position: relative;
        /* font-family: 'ProximaNovaLight'; */
    }
    .recipe-counter:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #707070;
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .other-recipes.triples article:nth-of-type(3n+4) {
      clear: both;
    }

    .single_content .features li img {
      margin-right: 8px;
    }

    .features li:last-of-type {
      margin: 0;
    }

    .features li img {
      float: left;
      margin-right: 10px;
      width: 45px;
    }
    .features li:first-of-type img {
      width:40px;
    }
    .features li {
      float: left;
      margin-bottom: 15px;
      width: 50%;
    }

    .features li:nth-of-type(3n+3) {
        clear: both;
    }
    .features {
      padding: 10px 0;
      float: left;
      width: 100%;
    }
    .recipes .recipes-list .full a:before {
      display: none;
    }

    .recipes .recipes-list .full {
        width: 100%;
        margin: 0 0 10px;
        background: #fff;
        float: left;
        padding: 0px;
    }

    .recipes .recipes-list .full:before {
        background: url("assets/images/nav_dotted.png") repeat;
        position: absolute;
        width: 99%;
        height: 7px;
        bottom: -8px;
        right: 0px;
        content: "";
        display: inline-block;
    }

    .recipes .recipes-list .full:after {
        width: 8px;
        height: 99%;
        top: 8px;
        right: 0px;
        content: "";
        background: url("assets/images/nav_dotted.png") repeat;
        position: absolute;
        content: "";
        display: inline-block;
    }

    .get-link a {
        color: #0A23FB;
        text-decoration: underline;
    }

    .get-link a:hover {
        text-decoration: none;
    }
    .get-link {
        float: left;
        font-size: 14px;
        position: static;
        padding-top: 10px;
    }

    .recipe-products-row {
        float: left;
        width: 100%;
    }

    .half {
      width: 50%;
      float: left;
    }
    .recipe-ingredients form input[type="checkbox"] {
      float: left;
      margin-right: 8px;
    }
    .recipe-ingredients form label {
      width: 100%;
      float: left;
      margin-bottom: 15px;
      /* font-family: proximanovalight; */
      line-height: 15px;
    }
    .recipe-ingredients {
      padding-right: 30px;
    }

    .underlined-title {
      font-weight: normal;
      text-decoration: underline;
      font-size: 24px;
      text-align: left;
      color: #1c1c1c;
      font-family: 'ProximaNovaBold', Verdana, Arial, sans-serif;
      margin-bottom: 20px;
      display: inline-block;
      line-height: 130%;
      font-weight: bold;
    }

    .recipe-nutritions table:after {
        width: 100%;
        height: 5px;
        bottom: -8px;
        right: 0px;
    }

    .recipe-nutritions table:after  {
        content: "";
        background: url("assets/images/nav_dotted.png") repeat;
        position: absolute;
     }
    .recipe-nutritions table tr {
      border-bottom: 1px solid rgba(0,0,0,0.3)
    }
    .recipe-nutritions table tr td:nth-of-type(2) {
      text-align: right;
      line-height: 22px;
      font-weight: bold;
    }

    .recipe-nutritions table {
      line-height: 170%;
      width: 100%;
    }

    .recipe-nutritions {
      width: 50%;
      float: left;
    }

    .recipes .single_content {
      margin-top: 30px;
      float: left;
    }

    .recipe-products-row {
      margin-top: 30px;
    }

    .recipes .recipe-products-row {
      margin-top: 0px;
    }
    .recipes .single_content {
        display: inline-block;
        margin: 10px 0 30px 0;
        padding: 0;
    }

    .recipes .single_content .features {
        padding: 10px 0 0;
        margin-bottom: 5px;
        border-bottom: 1px solid #cecece;
    }

    .recipes .single_content .features li {
      width: 20%;
      list-style-type: none;
      padding-left: 10px;
    }

    .single_content.single_attachment img {
        height: auto;
    }

    .steps-row {
      float: left;
      width: 100%;
      margin-top: 0px;
      padding-top: 20px;
      border-top: 1px solid #cecece;
    }

    .steps-row ul {
      margin: 0 0 30px 0;
    }
    .steps-row ul {
      padding: 0;
    }

    .steps-row ul .content p {
      float: right;
      width: calc(100% - 45px);
      padding: 0;
      color: #1c1c1c;
    }
    .steps-row ul li img {
      max-width: 100%;
      margin-bottom: 10px;
    }
    .steps-row ul li {
      width: 100%;
      float: left;
      padding-right: 0px;
      list-style-type: none;
      margin-bottom: 20px;
    }

    .step-count {
      font-weight: bold;
      font-size: 20px;
      text-align: left;
      color: #1c1c1c;
      border-bottom: 2px solid #1c1c1c;
      padding: 0 7px;
      float: left;
    }

    .steps-row .recipe-counter span {
        /* font-family: 'ProximaNovaRegular'; */
        font-weight: 700;
    }
    .steps-row .recipe-counter {
        width: 100%;
        margin: 0;
    }
    .steps-row ul .content p {
        float: right;
        width: 100%;
        padding: 0;
        color: #1c1c1c;
        margin-left: 0;
        float: none;
        margin: 0 auto;
    }

    .gray-bg .underlined-title {
      margin-bottom: 0;
    }
    .gray-bg {
      float: left;
      background: #ededed;
      padding: 20px;
      margin: 10px -13px 10px;
        width: calc(100% - -26px);
    }

    .other-recipes.triples article .title a {
      font-family: "Proxima Nova";
      font-weight: bold;
      font-size: 20px;
      text-align: left;
      color: #1c1c1c;
      text-decoration: none;
      margin-top: 10px;
      display: inline-block;
    }

    .other-recipes.triples article img {
        width: 100%;
        border-radius: 20px;
        height: auto;
    }
    .other-recipes.triples article {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 30px;
      float: left;
    }

    .other-recipes.triples article:nth-of-type(2n+2) {
      margin-right: 0;
      clear: none;
    }

    .other-recipes.triples article:nth-of-type(2n+3) {
        clear: both;
    }

    .other-recipes {
      margin-top: 30px;
      float: left;
      width: 100%;
    }

    .recipes .single_content .features li {
        width: 20%;
        list-style-type: none;
        padding-left: 10px;
        text-align: center;
        padding: 0 4px !important;
    }

    .features li:nth-of-type(3n+3) {
        clear: none;
    }

    .single_content .features li img {
        margin-right: 8px;
        display: inline-block;
        float: none;
        height: 45px;
        margin-bottom: 5px;
    }

    .grid_images.single_grid {
        width: 100%;
    }

     .grid_img {
        top: 5px;
    }

    .grid_images.single_grid .shadow_img:before {
        z-index: 11;
        background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.35)));
        background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);
        background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);
        background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    }

    .recipes .shadow_img {
        position: relative;
    }

    .recipes .grid_images.single_grid .shadow_img .img {
        margin: 0 -13px;
        width: calc(100% - -26px);
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    }

    .recipes .shadow_img .img {
        display: block;
        width: 100%;
        height: 300px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 2;
    }

    .grid_images.single_grid .shadow_img:after {
        background: rgba(0, 0, 0, 0.1);
        top: 16px;
        width: 100%;
    }

    .grid_images.single_grid .shadow_img img {
        position: relative;
        z-index: 9;
    }

    .single_post_info {
        width: 84%;
        position: absolute;
        left: 20px;
        bottom: 15px;
        z-index: 99;
    }

    .single_grid .single_post_info {
        text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
    }

    #single_post_title, .single_post_title {
        float: left;
        width: 100%;
        padding: 30px;
        font-size: 28px;
        font-family: "ProximaNovaBold";
    }

    .single_grid #single_post_title {
        padding: 0 0 20px 0;
        color: #fff;
    }

    .recipes header #single_post_title {
        padding: 10px 0;

        font-family: "Proxima Nova";
        font-weight: normal;
        font-size: 32px;
        text-align: left;
        color: #fff;
        text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.9);
    }

    .single_post_info ul, .single_post_info .single_date, .single_post_info .author, .single_post_info ul li {
        float: left;
    }

    .single_post_info .single_date {
        background: url("assets/images/sprite_images.png") no-repeat 0 -378px;
        margin-right: 20px;
        padding-left: 35px;
        /* font-family: "ProximaNovaLight"; */
        color: #fff;
    }

    .single_content.single_attachment {
        padding: 0 13px;
        margin-bottom: 0;
    }

    .recipe-nutritions.half,
    .recipe-ingredients.half {
        width: 100%;
        margin-bottom: 20px;
    }

    .single_post_info .author {
        background: url("assets/images/sprite_images.png") no-repeat 0 -771px;
        padding: 5px 0 0 0;
            padding-left: 0px;
        padding-left: 35px;
        font-size: 14px;
        font-family: "ProximaNovaBold";
        color: #fff;
        padding: 3px 10px;
        background: rgba(0,0,0,0.5);
        border-radius: 9px;
    }

    .single_post_info .author span {
        display: inline-block;
        text-decoration: none;
    }

    .single_post_info .single_date .day {
        float: left;
        margin-right: 10px;
        font-size: 30px;
    }

    .single_post_info .single_date .month {
        float: left;
        font-size: 12px;
        font-family: "ProximaNovaBold";
        text-transform: uppercase;
    }

    .gray-bg-ul {
        line-height: 140%;
    }

    .gray-bg-ul li {
        margin-bottom: 10px;
    }

    .gray-bg-ul li:last-of-type {
        margin-bottom: 0px;
    }

    .gray-bg .underlined-title {
        margin-bottom: 10px;
        line-height: 130%;
        font-weight: bold;
    }

    .steps-row p,
    .single_content.single_attachment p {
        font-family: "Proxima Nova";
        font-weight: normal;
        font-size: 16px;
        text-align: left;
        color: #1c1c1c;
        margin-bottom: 10px;
        line-height: 150%;
    }
  }

  /* recipes all */

/*** top line slide ***/
.recipes_top_list {
  float: left;
  width: 100%;
  height: 92px;
  position: relative;
}

.recipes_top_list li {
  float: left;
  height: 100%;
  display: flex;
}

.white-bg .recipes_top_list .tab_post .img {
  width: 80px;
  height: 80px;
}

.recipes_top_list .tab_post .img img {
  width: 100%;
  height: 100%;
}

.recipes_top_list li .title {
  position: relative !important;
  top: 12px !important;
  bottom: 0;
  margin: auto 0;
}

.white-bg .recipes_top_list li .title a {
  font-size: 16px;
}

#toc_container li {
  margin: 5px 0 !important;
}

/* ============= AUTHORS PAGE ============= */
.author_wrapper {
	margin-bottom: 50px;
}

.author_wrapper .top_section{
  position: relative;
  padding: 160px 15px 15px;
  overflow: hidden;
}

.author_wrapper .top_section .author_banner{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 300px;
  z-index: 0;
}

.author_wrapper .top_section .author_banner img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.author_wrapper .top_section .author_information{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.author_wrapper .top_section .author_information .author_image{
  max-width: 200px;
  max-height: 200px;
  border: 5px solid #f5f5f5;
}

.author_wrapper .top_section .author_information .author_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author_wrapper .top_section .author_information .author_information_box{
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: center;
  text-align: center;
  gap: 20px;
}
.author_wrapper .top_section .author_information .author_information_box .title_wrapper{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.author_wrapper .top_section .author_information .author_information_box .title_wrapper .name{
  font-size: 32px;
  font-weight: bold;
  color: #333;
}
.author_wrapper .top_section .author_information .author_information_box .title_wrapper .title{
  font-size: 20px;
  color: #333;
}

.author_wrapper .top_section .author_information .author_information_box .title_wrapper .total_posts{
  font-size: 14px;
  color: #333;
}

.author_wrapper .top_section .author_information .author_information_box .social_media{
  display: flex;
  justify-content: center;
  gap: 2px;
  margin-top: auto;
}

.author_wrapper .top_section .author_information .author_information_box .social_media li{
  font-size: 16px;
  background: #a8a8ae;
  padding: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.author_wrapper .top_section .author_information .author_information_box .social_media li i{
  color: #fff;
}

.author_wrapper .bottom_section .about{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  padding: 0 15px;
  margin: 10px auto 0;
}

.author_wrapper .bottom_section .about h2{
  font-size: 32px;
  margin-bottom: 20px;
}

.author_wrapper .bottom_section .about p {
  font-size: 14px;
	line-height: 140%;
}

@media (min-width: 640px){
  .author_wrapper .top_section .author_information .author_information_box{
    text-align: unset;
    padding: 20px 40px 10px;
    gap: unset;
  }

  .author_wrapper .top_section .author_information{
    flex-direction: unset;
    align-items: unset;
  }

  .author_wrapper .top_section .author_information .author_information_box .social_media{
    justify-content: flex-end;
  }

  .author_wrapper .top_section .author_information .author_information_box .title_wrapper .name{
    color: #fff;
  }
  .author_wrapper .top_section .author_information .author_information_box .title_wrapper .title{
    color: #fff;
  }
  .author_wrapper .top_section .author_information .author_information_box .title_wrapper .total_posts{
    color: #fff;
  }
}