@font-face {
font-display:swap;
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src:  url('fonts/iranyekanwebregular.woff') format('truetype');
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;	scroll-behavior:smooth;
	box-sizing: border-box;
}
body {
	margin: 0;
	unicode-bidi: embed;
	direction: rtl;
	font-family: iranyekan, Tahoma;
	background: #f9f9ff; word-wrap:break-word;
}
b,
strong {
	font-weight: bold;
}

figure {
	margin: 1em 0;
}

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video, 
button, input, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-size: 100%;
	font-family: iranyekan;
}

body,
button,
input,
select,
textarea {
	color: #303030;
	font-size: 17px;
	font-size: 1.0625rem;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
font-weight: 700;letter-spacing: -1px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4,h5,h6{
	font-size: 20px;
}


p {
	margin-bottom: 1.5em;
}

em,
i {
	font-style: italic;
}

/*--------------------------------------------------------------
# 3.0 - Elements
--------------------------------------------------------------*/
*,
*:before,
*:after { 
	box-sizing: inherit;
}
blockquote {
	margin: 0 0 1.5em;
	padding: 1em;
	border: 1px solid #ddd;
	border-left: 6px solid #dd3333;
	color: #777;
	font-size: 18px;
	font-size: 1.125rem;
}
blockquote p{
margin:0;padding:0;
}
hr {
	margin-bottom: 1.5em;
	height: 1px;
	border: 0;
	background-color: #eeefef;
}
hr.reddotted {margin:10px auto;border-top:dotted 2px #ffd0d0;background:#ffffff}
hr.bluedotted {margin:10px auto;border-top:dotted 2px #115254;background:#ffffff}

hr.subhr {margin-top:10px;margin-bottom:15px;clear:both;}
ul,
ol {
	margin: 0 0 1.5em;
	padding: 0 1.25em 0 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-right: 1.5em;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.5em;
}

img {
	max-width: 100%;
	height: auto;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border: none;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}
th,
td {
	padding: 0.3em 0.6em;
	border: 1px solid #ddd;
}

a {
	color: #2196f3;
	background-color: transparent;	text-decoration: none;
}

a:link,
a:visited {
	color: #dd3333;
}

a:hover,
a:focus,
a:active {
	color: #303030;
}

/*--------------------------------------------------------------
# 6.0 - Alignments
--------------------------------------------------------------*/
.alignleft {
	float: right;
	margin-right: 0;
	margin-left: 1.5em;
}

.alignright {
	float: left;
	margin-right: 1.5em;
	margin-left: 0;
}

.aligncenter {
	display: block;
	clear: both;
	text-align: center;
	margin-right: 0;
	margin-right: auto;
	margin-left: 0;
	margin-left: auto;
}

/*--------------------------------------------------------------
# 7.0 - Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.site {
	margin: 0;
	width: 100%;
}

.container {
	margin: 0 auto;
	padding: 0 2em;
	max-width: 1320px;
	width: 100%;
}

.site-content {
	padding-top: 0.8em;
}

.content-area {
	float: right;
	box-sizing: border-box;
	padding-left: 2em;
	width: 73%;
}

.sidebar {
	float: left;
	width: 27%;
}


/* No Sidebar & Centered Layout Template */
.no-sidebar .content-area,
.site-content .centered-content-area {
	float: none;
	margin: 0 auto;
	padding: 0;
	max-width: 900px;
	width: 100%;
}

.post-layout-three-columns .content-archive {
	max-width: 100%;
}

/* Fullwidth Template */
.site-content .fullwidth-content-area {
	float: none;
	margin: 0;
	padding: 0;
	max-width: 100%;
	width: 100%;
}

/*--------------------------------------------------------------
# 9.0 - Header
--------------------------------------------------------------*/
.site-header {
	background: #fff;
	border-bottom: 4px solid #dd3333;padding:0;margin:0;
}

/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/
.widget {
	
	margin: 0 0 1em 0;
	padding: 1em;
	max-width: 100%;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 1, 0.05);
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}

.widget-header {
	margin: 0 0 1em 0;
}

.widget-title {
	display: block;    position: relative;
	margin: 0;
	padding: 0 30px 0 0;
	color: #303030;
	font-size: 20px;
	font-size: 1.25rem;
	text-align: right;
}
.widget-title:before{content:"";height:20px;width:20px;background:#dd3333;right:0;position:absolute;top:5px;border-radius:4px;}
.widget ul {
	margin: 0;
	padding: 0;list-style: none;
	}
.widget ul li{
	margin: 10px 0px;
	padding: 10px;
	border-right:3px solid #e3e3e3;height:54px;font-size:15px;
    display: flex;
  justify-content: right;
  align-items: center;
}
.widget a {
	color:#1f1f1f;
}
.widget a:hover {
	color:#dd3333;
}

.widget ul li:hover{
	border-right:3px solid #dd3333;
}

ul.widget2  {
	margin: 0;
	padding: 0;list-style: none;
	}
ul.widget2 li{
	margin: 5px 0;
	padding: 5px;
	border-right:3px solid #e3e3e3;width:100%;float:right;

}
ul.widget2 a {
	color:#1f1f1f;
}
ul.widget2 a:hover {
	color:#dd3333;
}

ul.widget2 li:hover{
	border-right:3px solid #dd3333;
}


/*--------------------------------------------------------------
## 11.1 - Default Widgets
--------------------------------------------------------------*/

/* Theme Search Widget */
.search-form {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}
.search-form .search-field {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0.4em 0.7em 0.5em 1.5em;
	width: 100%;
	-webkit-appearance: none;
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: auto;
	left: 0;
	padding: 0.5em 0.75em 0.5em 0.75em;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;vertical-align: middle;	color: #fff;
}


/*--------------------------------------------------------------
# 12.0 - Posts and pages
--------------------------------------------------------------*/
.type-post,
.type-page,
.type-attachment,
.site-main > article:not(.type-post):not(.type-page):not(.type-attachment),
.post-wrapper > .post-column > article:not(.type-post):not(.type-page):not(.type-attachment) {
	margin: 0 0 1em 0;
	padding: 1.0em;
	max-width: 100%;
	box-shadow: 0 1px 5px rgba(0, 0, 1, 0.05);
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;background: #fff;
}
.archive-title,
.page-title,
.entry-title {
	margin: 15px 0 0 0;
	padding: 0;
	color: #444444;
	font-weight: bold;
	font-size: 26px;
	font-size: 1.625rem;
}
.box-title {
	margin: 0;
	padding: 0;
	color: #115254;
	font-weight: bold;
	font-size: 22px;
}
h1.archive-title,
h1.page-title,
h1.entry-title {
	margin: 0px;
	padding: 5px;border-right:3px solid #dd3333;
}
.subtitle {	margin:5px 0;
	padding: 5px;
	border-right:3px solid #e3e3e3;}.subtitle:hover {
	border-right:3px solid #dd3333;}
.entry-title a:link,
.entry-title a:visited {
	color: #404040;
	text-decoration: none;
	transition: all 0.2s ease;
}

.entry-title a:hover,
.entry-title a:active{
	color: #da2525;
}

.type-post .wp-post-image,
.type-page .wp-post-image,
.site-main > article:not(.type-post):not(.type-page):not(.type-attachment) .wp-post-image,
.post-wrapper > .post-column > article:not(.type-post):not(.type-page):not(.type-attachment) .wp-post-image {
	margin: 0 0 0.5em;width:100%;
}

.entry-content a {
	text-decoration: none;
}
.entry-content h1 a {
margin: 10px;
font-size: 24px;
color: #115254;
}
.entry-content h2 {
	font-size:24px;margin:20px auto 10px auto;
}
.entry-content h3 {
	color:#115254;font-size:20px;
}
.entry-content p {
	text-align:justify;
}
.entry-content .center {text-align:center;}
.center {text-align:center;}
.entry-excerpt {margin:10px 0 5px 0}.entry-excerpt p{margin: 0;}
.entry-content h6 {
	calc(100% - 24px);
	background:#f5f5f5;
	padding:10px;
border-right:4px solid #dd3333;
	font-weight: bold;
font-size: 16px;
	margin: 10px 0px 20px 0px;
	line-height: 1.5;
}
.entry-contentquotepost img {
	width:100%;
	height:auto;
}

/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.3em 0.6em;
	background: #dd3333;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-size: 0.9375rem;
	transition: all 0.2s ease;
}

.more-link:link,
.more-link:visited  {
	color: #fff;
}

.more-link:hover,
.more-link:active {
	background: #303030;
	text-decoration: none;
}

/* Entry Meta */
.entry-meta {
	margin: 0;
	padding: 0;
	color: #303030;
	font-size: 13px;
	font-size: 0.675rem;
	clear: both;float:none;
}

.entry-meta .meta-date,
.entry-meta .meta-author,
.entry-meta .meta-category{
	margin-left: 1.5em;float: right;
}

.entry-meta a:link,
.entry-meta a:visited {
	color: #303030;
}

.entry-meta a:hover,
.entry-meta a:active {
	color: #777;
}


/* Entry Tags & Tagcloud Widget */
.entry-tags {
	margin: 0 0 1.5em;
}



button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin: 0;
	padding: 0.6em 1em;
	border: none;
	background: #ff0101;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	font-size: 1.0625rem;
	transition: all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #303030;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.3em 0.6em;
	max-width: 100%;
	border: 1px solid #ddd;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	color: #111;
}

textarea {
	width: 100%;
}


/* Theme Pagination */
.pagination {
	margin: 0 0 2em;
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0 0 3px 3px;
	padding: 0.4em 1em;
	background: #303030;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.pagination a:link,
.pagination a:visited {
	color: #fff;
}

.pagination a:hover,
.pagination a:active,
.pagination .current {
	background: #dd3333;
}

/*--------------------------------------------------------------
# 14.0 - Comments
--------------------------------------------------------------*/


/* Comment Header */
.comments-header,
.comment-reply-title {
	margin: 0 0 1em 0;
}

.comments-header .comments-title,
.comment-reply-title span {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #dd5533;

	font-size: 20px;
	font-size: 1.25rem;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment {
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	border-top: 1px dotted #aaa;
}

.comment-meta {
	float: left;
	padding: 0;
	width: 100%;
}

.comment-meta .comment-metadata {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-meta .comment-metadata a {
	margin-right: 1em;
}

.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment ol.children {
	margin: 1.5em 0 0;
	list-style: none;
}

.comment .comment-respond {
	margin-top: 1.5em;
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.comment-navigation .nav-previous a:before {
	margin-right: 3px;
	content: "\00AB";
}

.comment-navigation .nav-next a:after {
	margin-left: 4px;
	content: "\00BB";
}

/* Comment Form */
.comment-form {
	padding: 0;
}

.comment-form label {
	display: inline-block;
	min-width: 150px;
	font-weight: bold;
}

.comment-form textarea {
	margin-top: 0.4em;
}

.comment-form .form-submit {
	margin-bottom: 1em;
}

.comment-form input[type="checkbox"] + label {
	display: inline;
	padding-left: 0.5em;
	font-weight: normal;
}

.comment-reply-title small a {
	margin-left: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
}
/* Advertisment */
.adssingle {
	background:#fff;width:100%;height:600;	
	padding: 0;margin-bottom: 20px;
	box-shadow: 0 1px 5px rgba(0, 0, 1, 0.05);
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;background: #fff;}
.adsbetween {min-height:310px;height:auto;padding:0;margin:0}

/* Archives and Search Heading */
.page-header {
	padding: 1.5em;margin-bottom: 30px;
	box-shadow: 0 1px 5px rgba(0, 0, 1, 0.05);
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;background: #fff;
}
.page-header-ads {
	margin: 0 0 1em 0;
	padding: 1em 1em 0.5em 1em;
	border-top: 3px solid #303030;
	background: #fff;
	box-shadow: 0 2px 2px #aaa;
}


.blog-description,
.archive-description p {
	margin-bottom: 0;
}

/* Breadcrumbs */
.breadcrumb {
	margin:0 0 10px 0;
	width: 100%;
	background: #fff;font-size:10px;
}
.breadcrumbs {
	max-width: 1320px;margin:0 auto;	padding: 10px;
	}
.breadcrumbs a{color:#dd3333;}
/* Post Columns */
.post-layout-columns .post-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -2em;
}

.post-layout-columns .post-wrapper .post-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	padding-left: 2em;
}

.post-layout-columns .post-wrapper .post-column article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.post-layout-columns .post-wrapper .post-column article .entry-title {
	font-size: 22px;
	font-size: 1.375rem;
}

.post-layout-columns .post-wrapper .post-column article .entry-content {
	flex-grow: 1;
	font-size: 16px;
	font-size: 1rem;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
}

.post-layout-columns .post-wrapper .post-column article .more-link {
	font-size: 15px;
	font-size: 0.9375rem;
}

/* 2 Columns */
.post-layout-two-columns .post-wrapper .post-column {
	width: 50%;
}

/* 3 Columns */
.post-layout-three-columns .content-archive {
	float: none;
	padding: 0;
	width: 100%;
}

.post-layout-three-columns .post-wrapper .post-column {
	width: 50%;
}

/* Post Columns Fixes for IE 10 and IE 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.post-layout-columns .post-wrapper .post-column,
	.post-layout-columns .post-wrapper .post-column article {
		display: block;
	}

}

/*--------------------------------------------------------------
# 13.0 - Gutenberg Blocks
--------------------------------------------------------------*/

/* Audio */
.wp-block-audio audio {
	width: 100%;
}

/* Separator */
.wp-block-separator {
	height: 2px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

/* Cover */
.wp-block-cover {
	display: flex;
}

.wp-block-cover-text {
	margin-top: 0;
	margin-bottom: 0;
}

/* Image */
.wp-block-image .alignleft {
    margin-right: 1.5em;
}

.wp-block-image .alignright {
    margin-left: 1.5em;
}

/* Captions */
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption {
	margin-top: 0.3em;
	margin-bottom: 1em;
	color: #555;
	font-size: 13px;
	font-size: 0.8125rem;
    text-align: center;
}

/* Latest Posts */
.wp-block-latest-posts.wp-block-latest-posts__list {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
# 15.0 - Footer
--------------------------------------------------------------*/
.footer-wrap {
	background: #fff;color: #636363;border-top: 3px solid #f1f1f1;
}


.site-footer {
	color: #636363;
	font-size: 15px;
}

.site-footer .site-info {
	padding: 0.1em 0;
}

.footer-link {list-style:none;float:none;clear:both;font-size:12px;margin-bottom:15px}
.footer-link a{
margin:0px 2px;padding:4px;color:#000;float:none;background:#f9f9ff;}

.footer-link a:hover{
color:#fff;background:#ff0101;}

/*--------------------------------------------------------------
## 16.1 - Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 0.2em;
	max-width: 100%;
	font-size: 13px;
	font-size: 0.8125rem;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## 17.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {
	.container {
		padding: 0 1em;
	}

	.site-content {
		padding-top: 0.8em;
	}

	.content-area {
		padding-right: 0;
		padding-left: 1.5em;
	}

	.header-main {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.widget,
	.page-header,
	.type-post,
	.type-page,
	.type-attachment,
	.pagination,
	.site-main > article:not(.type-post):not(.type-page):not(.type-attachment),
	.post-wrapper > .post-column > article:not(.type-post):not(.type-page):not(.type-attachment) {
		margin-bottom: 1.5em;
	}

	.post-layout-columns .post-wrapper {
		margin-right: 0;
		margin-left: -1.5em;
	}

	.post-layout-columns .post-wrapper .post-column {
		padding-right: 0;
		padding-left: 1.5em;
	}


}

/*--------------------------------------------------------------
## 17.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
	.content-area {
		width: 70%;
	}

	.sidebar {
		width: 30%;
	}

	.post-layout-columns .post-wrapper .post-column article .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
}

/*--------------------------------------------------------------
## 17.2 - Desktop Medium ( < 1040px )
--------------------------------------------------------------*/
@media only screen and (max-width: 65em) {
	.widget-magazine-posts .magazine-horizontal-box .large-post .entry-content {
		display: none;
	}

}

/*--------------------------------------------------------------
## 17.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {
	.content-area,
	.site-content .content-fullwidth {
		float: none;
		padding: 0em;
		width: 100%;
	}
	.sidebar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		float: none;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
		width: auto;

	}
	.sidebar .widget-area img{
		width: 100%;

	}

	.sidebar .widget-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: left;
		padding-right: 0;
		padding-left: 0;
		box-sizing: border-box;
		width: 50%;
	}

	.sidebar .widget-wrap .widget {
		width: 100%;
	}
	.sidebar .widget-wrap:nth-child(2n + 1) {
		clear: right;
	}

	.post-layout-three-columns .post-wrapper .post-column {
		width: 50%;
	}

	.archive-title,
	.page-title,
	.entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	.post-layout-columns .post-wrapper .post-column article .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}


	/* Footer */
	.site-footer .site-info {
		float: none;
		text-align: center;
	}
}

/*--------------------------------------------------------------
## 17.5 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
	.archive-title,
	.page-title,
	.entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.post-layout-columns .post-wrapper .post-column article .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}
		.adssingle {height:900px;	}

}


/*--------------------------------------------------------------
## 17.7 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {

	.post-layout-columns .post-wrapper {
		display: block;
				margin-right: 0;
		margin-left: 0;
	}

	.post-layout-columns .post-wrapper .post-column {
		display: block;
		float: none;
		padding-left: 0;
	}

	.post-layout-two-columns .post-wrapper .post-column,
	.post-layout-three-columns .post-wrapper .post-column {
		width: 100%;	
		float: none;
		padding: 0;
	}
	.archive-title,
	.page-title,
	.entry-title,
	.post-layout-columns .post-wrapper .post-column article .entry-title {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.entry-content {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Sidebar */
	.sidebar {
		margin-right: 0;
	}

	.sidebar .widget-wrap {
		float: none;
		padding: 0;
		width: 100%;
	}
}


/*--------------------------------------------------------------
## 17.9 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {
	.archive-title,
	.page-title,
	.entry-title,
	.post-layout-columns .post-wrapper .post-column article .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}
		.adssingle {height:750px;	}


}

/*--------------------------------------------------------------
## 17.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {
	.archive-title,
	.page-title,
	.entry-title,
	.post-layout-columns .post-wrapper .post-column article .entry-title {
		margin: 0 0 0.5em;
		font-size: 18px;
		font-size: 1.125rem;
	}

	.entry-meta .meta-date,
	.entry-meta .meta-author,
	.entry-meta .meta-category {
		display: block;
	}

}

/*--------------------------------------------------------------
## 18.1 - Sidebar Left Layout
--------------------------------------------------------------*/
.sidebar-left .content-area {
	float: left;
	padding-right: 0;
	padding-right: 2em;
	padding-left: 0;
}

.sidebar-left .sidebar {
	float: right;
}

@media only screen and (max-width: 80em) {
	.sidebar-left .content-area {
		padding-right: 0;
		padding-left: 1.5em;
	}

}

@media only screen and (max-width: 60em) {
	.sidebar-left .content-area {
		padding: 0;
	}

}

.sidebar-left.post-layout-three-columns .content-archive {
	float: none;
	padding: 0;
	width: 100%;
}

/*--------------------------------------------------------------
# 20.0 - CSS Hacks for Safari
--------------------------------------------------------------*/

/* Fix Flexbox issues for Safari 6.1-10.0 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.post-layout-columns .post-wrapper .post-column {
			margin-right: -1px;
		}
	}
}

/* Fix Flexbox issues for Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@media {
		.post-layout-columns .post-wrapper .post-column {
			margin-right: -1px;
		}
	}
}

/* Create three equal columns that floats next to each other */
.qcolumn {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.qrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .qcolumn {
    width: 100%;
  }
}



@media only screen and (max-width: 80em) {
	.sidebar-left .content-area {
		padding-right: 0;
		padding-right: 1.5em;
		padding-left: 0;
	}

}


@media not all and (min-resolution:.001dpcm) {

		.post-layout-columns .post-wrapper .post-column {
			margin-right: 0;
			margin-left: -1px;
		}
}

.topnav {
        overflow: hidden;
        background-color: #fff;
			margin: 0 auto;
	padding: 0 2em;
	max-width: 1320px;
	width: 100%;
    }
.topnav a {
        float: right;
        display: block;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 22px;
        color: #000;
    }
.topnav #logo {font-size:24px;margin-left: 15px;
        margin-right: 0;}
.topnav #logo span{color:#dd3333;}
.topnav a:hover {
        color: #da2525;
}

.topnav a:hover {
        background-color: transparent;
        color: #da2525;
    }
.topnav a:first-child:hover {
        background-color: transparent;
    }
.topnav .mytoggleicon {
        display: none;
    }
@media screen and (max-width: 600px) {
        .topnav a:hover {
            color: #dd3333;
        }
        .topnav a:not(:first-child) {
            display: none;
        }
        .topnav a:hover:first-child {
           color:#dd3333;
        }
        .topnav a.mytoggleicon {
            float: left;
            display: block;	
        }
		.topnav.responsive  {
            position: relative;
        }
        .topnav.responsive .mytoggleicon  {
            position: absolute;
            left: 0;
            top: 0;
        }
        .topnav.responsive a  {
            float: none;
            display: block;
            text-align: right;
        }
}
.subcatlinks {text-align:center;}
ul.subcatlinks {margin:0 auto;  padding:0;list-style:none;}
ul.subcatlinks a {color:#fff;font-size:14px;}
ul.subcatlinks  li{margin:4px 2px;padding:3px 6px;color:#fff;border-radius:3px;float:right;background:#e1242a;}
ul.subcatlinks  li:hover{background:#b80f0a;}
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar. */
	display: block;
	clip: auto !important;
	padding: 15px 23px 14px;
	width: auto;
	height: auto;
	border-radius: 3px;
	background-color: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	color: #21759b;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: normal;
}

.wp-post-image-link {width:100%;height:230px;overflow:hidden;} .wp-post-image-link img{width:100; height:auto;}
.hidden{display:none}
.cooking-table figure{margin:-50px;padding:5px;}
.cooking-table td {
	padding: 10px 0;
}

.cooking-table td:first-child {
	width: 40%;
	text-align: right;padding-right:10px;
	font-weight: bold;
	color: #e95950;
}
.cooking-table td:last-child {
	width: 60%;padding-right:0px;
}
.has-cooking-background-color {
    background-color: #444444;
	color:#ffffff;text-align:center;margin-bottom:-40px;padding:15px;
}
.wp-block-table {
    overflow-x: auto;
}
figure {
    margin: 0 0 1rem;
}
.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe;
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent;
}
.has-normal-font-size {
    font-size: 1em;
}
.box {
    clear: both;width:100%;
    padding: 20px 15px 10px 15px;
    background-color: #fdfdfd;
    margin-bottom: 20px;
    word-wrap: break-word;
    text-shadow: 0 1px 1px #ffffff;
}
.box h2 ,.box h3{margin:0px;padding:0px;font-size:20px;}
.box-inner-block {
    padding-left: 10px;
    min-height: 30px;
}
.box.shadow {
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #eeeeee;
}
.box.shadow .box-inner-block {
    padding: 0 !important;
}
.box.info {
    background: #d6f6ff;
    border-color: #bfe3ec;
    color: #005770;
}
.box.success {
    background: #e2f2cb;
    border-color: #d1e4b7;
    color: #314612;
}
.box.warning {
    background: #fffddb;
    border-color: #e9e59e;
    color: #756f00;
}
.box.error {
    background: #ffe6e2;
    border-color: #eebfb8;
    color: #7c1100;
}
.box.note {
    background: #fffddb;
    border-color: #e9e59e;
    color: #756f00;
}

	.toplinks {text-align:center;margin:-15px auto;}
	.toplinks .red {background:#ff0000;}
	.toplinks .blue {background:#3b82f6;}
	.toplinks .green {background:#10b981;}
	.toplinks .gray {background:#374151;}
	.toplinks .red,	.toplinks .blue,	.toplinks .green,	.toplinks .gray {display:inline-block;font-size:14px;margin:3px 1px;padding:6px;color:#fff;border-radius:2px;}
	.toplinks .red:hover,	.toplinks .blue:hover,	.toplinks .green:hover,.toplinks .gray:hover {opacity:0.9}

.singlecards {
width: 100%;
  margin: 0 auto 5px auto;
  display: grid;
  grid-gap: 1.2rem;
	grid-template-columns: repeat(2, 1fr); width:100%
}

img.cardsimage {
border-radius:15px;width:100%;height:auto;overflow:hide;
}
.singlecards a{
color:#404040;font-size:14px;
}
.singlecards a:hover{
color:#f77f00;
}

.catboxcontainer {margin-bottom:20px;width:100%;background:#fff;border-radius:5px;padding:10px 20px;	box-shadow: 0 1px 5px rgba(0, 0, 1, 0.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden;}