/*
Copyrights © Arb4Host Network
/*
Theme Name: Box News
Description: Premium Multi-purpose WordPress Theme
Theme URI: https://www.arb4host.net/bn
Author: Arb4Host Network
Author URI: https://www.arb4host.net
Version: 40.00
*/

/******************** start ********************/
:root {
	--light-color: #EEEEEE;
	--light-color-hover: #FFFFFF;
	--medium-color: #888888;
	--medium-color-hover: #333333;
	--dark-color: #212529;
	--dark-color-hover: #000000;
	--site-spacing: 1.5rem;
	--post-gutter: 1rem;
}
/******************** reset ********************/
body { overflow-y: scroll; font-family: tahoma; background-color: #F3F3F3; font-size: 18px; }
button:focus { outline: none !important; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: unset; }
h1, .h1 { font-size: calc(1.4em + 0.5vw); }
h2, .h2 { font-size: 1.4em; }
h3, .h3 { font-size: 1.2em; }
h4, .h4 { font-size: 1em; }
h5, .h5 { font-size: 0.9em; }
h6, .h6 { font-size: 0.8em; }
form { max-width: 500px; margin-right: auto; margin-left: auto; }
.container, .row:not(.altered) { --bs-gutter-x: 1.5rem; }
.rtl [type=number] { direction: rtl; }
@media (min-width: 1400px) { .container { max-width: 1140px; } }
/******************** fonts ********************/
@font-face { font-family: 'Greta'; src: url('assets/fonts/Greta_Arabic_Regular.otf') format('opentype'); font-display: swap; }
@font-face { font-family: 'Droid'; src: url('assets/fonts/DroidKufi-Regular.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Sky'; src: url('assets/fonts/sky.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Almarai'; src: url('assets/fonts/Almarai.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Tajawal'; src: url('assets/fonts/Tajawal.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Qalam'; src: url('assets/fonts/Qalam.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'IRANSans'; src:url('assets/fonts/IRANSansWeb.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Nassim'; src: url('assets/fonts/NassimArabicWeb-Regular.woff') format('woff'); font-display: swap; }
/******************** animation ********************/
@keyframes circleIn {
	0%		{ transform: scale(0); opacity: 0.4; }
	100% 	{ transform: scale(1); opacity: 0; }   
}
@keyframes jump {
	0%		{ transform: translateY(5px); }
	50%		{ transform: translateY(-5px); }
	100% 	{ transform: translateY(0px); }   
} 
.circleIn a, a.circleIn { position: relative; overflow: hidden; }
.circleIn a::before, a.circleIn::before { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; background: #FFFFFF; border-radius: 100%; display: none; }
.circleIn a:hover::before, a.circleIn:hover::before { display: block; animation: circleIn 0.4s linear; animation-fill-mode: forwards; }
.grow-bar { border-bottom: 3px solid var(--grow-color, #EEEEEE); }
.grow-bar > * { position: relative; bottom: -3px; }
.grow-bar > *::before { content: ""; position: absolute; width: 0px; height: 3px; bottom: 0px; right: 50%; background-color: var(--link-color); transform: translateX(50%); transition: 0.3s; }
.grow-bar > *:hover::before { width: 100%; }
.grow-bar > *.active::before, .grow-bar.active > *::before { width: 100%; }
/******************** text colors ********************/
.light-color, .light-color a, a.light-color { color: var(--light-color) !important; }
.light-color a:hover, .light-color a:focus, a.light-color:hover, a.light-color:focus { color: var(--light-color-hover) !important; }
.medium-color, .medium-color a, a.medium-color { color: var(--medium-color) !important; }
.medium-color a:hover, .medium-color a:focus, a.medium-color:hover, a.medium-color:focus { color: var(--medium-color-hover) !important; }
.dark-color, .dark-color a, a.dark-color { color: var(--dark-color) !important; }
.dark-color a:hover, .dark-color a:focus, a.dark-color:hover, a.dark-color:focus { color: var(--dark-color-hover) !important; }
/******************** theme var ********************/
.site, .form-control { font-family: var(--font-type); }
.site-color { color: var(--link-color); }
.site a, .site a:focus { color: unset; }
.site a:hover { color: var(--link-color); }
.site .link-color { color: var(--link-color); }
.site .link-color:hover { color: unset; }
.entry-content-inner a { color: var(--link-color); }
.entry-content-inner a:hover { color: unset; }
/******************** search form ********************/
.search-form { min-width: 250px; }
.search-form-lg .search-form .search-field, .search-form-lg .search-form .search-submit { font-size: 1.7em !important; }
.search-form-inner { position: relative; }
.search-form .search-field { border-width: 0px !important; box-shadow: 0px 0px 3px rgba(0,0,0,0.3) !important; }
.rtl .search-form .search-field { padding-left: 54px !important; }
.ltr .search-form .search-field { padding-right: 54px !important; }
.search-form .search-submit { position: absolute; top: 1px; bottom: 1px; margin: 0px; padding: 0px 13px; border: none; background: transparent; transition: 0; cursor: pointer; color: #777777; font-size: 18px !important; border-radius: 0px; }
.rtl .search-form .search-submit { left: 1px; }
.ltr .search-form .search-submit { right: 1px; }
.search-form .search-submit:hover { color: #333333; }
.search-form .search-submit:hover, .search-form .search-submit:focus { box-shadow: none; }
/******************** social links ********************/
.social-links ul { margin: 0px; padding: 0px; list-style: none; gap: 6px; }
.social-links span { display: none; }
.social-links .sb-idle { display: none; }
.social-links a { position: relative; display: block; padding: 0.3em; text-align: center; line-height: 1.2; font-size: 1.5em; border-radius: 100%; background: #444444; }
.social-links a, .social-links a:hover, .social-links a:focus { color: #FFFFFF !important; }
.social-links .sb-facebook a { background-color: #4a6ea9; border-color: #4a6ea9; }
.social-links .sb-twitter a { background-color: #00abf0; border-color: #00abf0; }
.social-links .sb-instagram a { background-color: #bc2a8d; border-color: #bc2a8d; }
.social-links .sb-youtube a { background-color: #e64a41; border-color: #e64a41; }
.social-links .sb-tumblr a { background-color: #395976; border-color: #395976; }
.social-links .sb-linkedin a { background-color: #0097bd; border-color: #0097bd; }
.social-links .sb-pinterest a { background-color: #d73532; border-color: #d73532; }
.social-links .sb-android a { background-color: #689f38; border-color: #689f38; }
.social-links .sb-ios a { background-color: #a8b1b8; border-color: #a8b1b8; }
.social-links .sb-rss a { background-color: #f4b83f; border-color: #f4b83f; }
.social-links.style2 ul { flex-wrap: wrap !important; }
.social-links.style2 li { flex-grow: 1; flex-basis: 100px; }
.social-links.style2 a { padding: 20px; border-radius: 0px; }
.social-links.style2 .sb-idle { display: block; }
/******************** layout ********************/
.site { z-index: 100; position: relative;  }
.site-header { z-index: 90; position: relative; }
.site-main { z-index: 70; position: relative;  }
.site-footer { z-index: 80; position: relative;  }
.site img { max-width: 100%; height: auto; }
.content-inner { background: #FFFFFF;}
.site-section-post .content-inner:nth-of-type(even) { background: unset;}
.content-inner, .page-header { padding-top: var(--site-spacing); padding-bottom: var(--site-spacing); }
.site-header, .site-footer { box-shadow: 0px 0px 4px rgba(0,0,0,0.3); }
.site-header, .site-footer { border-top: 3px solid var(--main-color); }
.aligncenter { display: table; margin-right: auto; margin-left: auto; }
.alignleft { float: left; margin-right: 20px; }
.alignright { float: right; margin-left: 20px; }
/******************** site-header ********************/
.site-header-lvl_1.light-color, .site-footer.light-color { background-color: #222222; background-image: repeating-linear-gradient(-55deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3) 5px, rgba(0,0,0,0.1) 5px, rgba(0,0,0,0.1) 10px); }
.site-header-lvl_1.dark-color, .site-footer.dark-color { background-color: #EEEEEE; background-image: repeating-linear-gradient(-55deg, rgba(255,255,255,0.9), rgba(255,255,255,0.9) 5px, rgba(255,255,255,0.6) 5px, rgba(255,255,255,0.6) 10px); }
.site-header-lvl_2.dark-color { background: #FFFFFF; }
.site-header-lvl_2.light-color { background: #222222; }
.site-header-logo { padding-top: 10px; padding-bottom: 10px; }
.site-header-logo img { width: auto; max-height: 50px; }
.site-header-search-toggle a, .site-header-mobile-toggle a { font-size: 1.3em; }
.site-header-search-toggle { position: relative; }
.site-header-search-2 { position: absolute; display: none; }
.rtl .site-header-search-2 { left: 100%; margin-left: 10px; }
.ltr .site-header-search-2 { right: 100%; margin-right: 10px; }
.site-header-search-2.active { display: block; }
.site-header.style1 .site-header-lvl_2 { display: none !important; }
/******************** site-footer ********************/
.site-copyrights p:last-of-type { margin-bottom: 0px; }
.site-footer a:hover { text-decoration: underline !important; text-underline-position: under; }
/******************** mobile-menu ********************/
.mobile-menu { position: relative; background-color: #222222; z-index: 10000; display: none; }
.mobile-menu-nav ul { list-style: none; margin: 0px; padding: 0px; }
.mobile-menu-nav ul li { border-top: 1px solid rgba(0,0,0,0.3); }
.mobile-menu-nav ul li a { position: relative; display: block; padding: 10px; text-align: center; border-top: 1px solid rgba(255,255,255,0.05); }
.mobile-menu-nav .menu > li:first-child, .mobile-menu-nav .menu > li:first-child > a { border-top: none; }
.mobile-menu-nav .menu-toggle { display: inline-block; cursor: pointer; font-size: 0.9em; }
.rtl .mobile-menu-nav .menu-toggle { margin-right: 10px; }
.ltr .mobile-menu-nav .menu-toggle { margin-left: 10px; }
.mobile-menu-nav .menu-toggle::after { position: relative; font-family: 'Font Awesome\ 5 Free'; font-weight: bold; }
.mobile-menu-nav .menu-toggle::after { content: "\f078"; }
.mobile-menu-nav .menu-toggle.toggled::after { content: "\f077"; }
/******************** widgets ********************/
.sidebar { position: relative; }
.sidebar-post_side { order: 2; display: none; }
.sidebar-post_side > .container { padding: 0px !important; }
@media (min-width: 1200px) {
	.sidebar-post_side { display: block; flex-basis: 300px; flex-shrink: 0; }
	.sidebar-post_side .widget-area { margin-top: calc(var(--site-spacing) * -1); }
}
.sidebar .widget-area, .site-section { position: relative; }
.widget-inner { margin-top: var(--site-spacing); margin-bottom: var(--site-spacing); }
.sidebar.style1 { --background-color: #FFFFFF; background-color: var(--background-color); }
.sidebar.style2 { --background-color: #222222; background-color: var(--background-color); }
.widget-title h2 { margin-bottom: 10px; }
.widget-title i { vertical-align: middle; }
.widget-header { margin-bottom: var(--site-spacing); border-bottom: 3px solid rgba(0,0,0,0.05); }
.widget-title { display: inline-block; margin-bottom: 0px; margin-bottom: -3px; border-bottom: 3px solid var(--main-color); }
.sidebar.style2 .widget-header { border-color: rgba(255,255,255,0.05); }
@media (min-width: 1200px) {
	.sidebar.style-masonry { padding-top: var(--site-spacing); }
	.sidebar.style-masonry .widget-area { display: block !important; column-count: 3; column-gap: 0; }
	.sidebar.style-masonry .widget-area .widget-inner { margin-top: 0px; }
	.sidebar.style-masonry .widget-area .widget { display: table; width: 100% !important; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
}
.widget-link-icon::after { font-family: 'Font Awesome\ 5 Free'; font-weight: bold; font-size: 0.7em; }
.rtl .widget-link-icon::after { margin-right: 5px; content: "\f053"; }
.ltr .widget-link-icon::after { margin-left: 5x; content: "\f054"; }
/******************** header nav ********************/
.site-header-nav ul { margin: 0px; padding: 0px; list-style: none; }
.site-header-nav li { position: relative; }
.site-header-nav .menu > li.menu-item-has-children > a::after, .site-header-nav .sub-menu li.menu-item-has-children > a::after { position: relative; font-family: 'Font Awesome\ 5 Free'; font-size: 12px; font-weight: bold; }
.rtl .site-header-nav .menu > li.menu-item-has-children > a::after, .rtl .site-header-nav .sub-menu li.menu-item-has-children > a::after { padding-right: 10px; }
.ltr .site-header-nav .menu > li.menu-item-has-children > a::after, .ltr .site-header-nav .sub-menu li.menu-item-has-children > a::after { padding-left: 10px; }
.site-header-nav .menu > li.menu-item-has-children > a::after { content: "\f0d7"; }
.site-header-nav .sub-menu li.menu-item-has-children > a::after { padding-top: 2px; }
.rtl .site-header-nav .sub-menu li.menu-item-has-children > a::after { content: "\f0d9"; float: left; }
.ltr .site-header-nav .sub-menu li.menu-item-has-children > a::after { content: "\f0da"; float: right; }
.site-header-nav .menu > li > a, .site-header-nav .sub-menu > li > a { position: relative; display: block; padding: 10px 15px; }
.site-header-nav .menu > li::before { content: ""; position: absolute; width: 0px; height: 3px; bottom: -1px; right: 50%; background-color: var(--main-color); transform: translateX(50%); transition: 0.3s; }
.site-header-nav .menu > li:hover::before { width: 100%; }
.site-header-nav .sub-menu::after { display: block; clear: both; content: ""; }
.site-header-nav .sub-menu > li:hover > a { background: #EEEEEE; }
.site-header-nav .sub-menu-outer { position: absolute; top: 100%; right: 0px; left: 0px; min-width: 220px; opacity: 0; transform: translate(0px,10px); transition: 0.3s; z-index: 10; visibility: hidden; }
.site-header-nav .menu > li.menu-item-has-children:hover > .sub-menu-outer, .site-header-nav .menu > li.menu-item-has-posts:hover > .sub-menu-outer { opacity: 1; transform: translate(0px,0px); visibility: visible; }
.site-header-nav .menu > li.menu-item-has-children > a::before, .site-header-nav .menu > li.menu-item-has-posts > a::before { content: ""; position: absolute; bottom: -5px; border: 10px solid; border-color: transparent transparent #FFFFFF transparent; z-index: 20; opacity: 0; transform: translate(0px,10px); transition: 0.3s; visibility: hidden; }
.site-header-nav .menu > li.menu-item-has-children:hover > a::before, .site-header-nav .menu > li.menu-item-has-posts:hover > a::before { opacity: 1; transform: translate(0px,0px); visibility: visible; }
.site-header-nav .sub-menu { width: 100%; padding: 10px; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0,0,0,0.6); z-index: 50; }
.site-header-nav .sub-menu .sub-menu { position: absolute; top: -10px; display: none; }
.rtl .site-header-nav .sub-menu .sub-menu { right: 100%; }
.ltr .site-header-nav .sub-menu .sub-menu { left: 100%; }
.site-header-nav .sub-menu li:hover > .sub-menu { display: block; }
/******************** footer nav ********************/
.site-footer-inner { text-align: center; padding-top: var(--site-spacing); padding-bottom: var(--site-spacing); }
.site-footer-nav ul { margin: 0px; padding: 0px; list-style: none; }
.site-footer-nav li { display: inline-block; }
.site-footer-nav .sub-menu { display: none; }
/******************** header content ********************/
.page-header { position: relative; }
.page-title { margin-bottom: 0px; font-weight: bold; }
.taxonomy-description { margin-bottom: 0px; border-color: rgba(0,0,0,0.05); }
.rtl .taxonomy-description { margin-right: 20px; padding-right: 20px; border-right-width: 3px; border-right-style: solid; }
.ltr .taxonomy-description { margin-left: 20px; padding-left: 20px; border-left-width: 3px; border-left-style: solid; }
.taxonomy-description p:last-of-type { margin-bottom: 0px; }
.archive-term-children { margin-top: 10px; }
.archive-term-children .archive-term-children-label { display: none !important; }
.rtl .archive-term-children .archive-term-children-label { padding-left: 20px; }
.ltr .archive-term-children .archive-term-children-label { padding-right: 20px; }
.archive-term-children a { display: block; margin: 2px 2px; padding: 5px 10px; background: #F8F8F8; border: 1px solid #DDDDDD; border-radius: 2px; }
.archive-inner { position: relative; }
/******************** post content ********************/
.post-inner { position: relative; }
.entry-content-outer { position: relative; }
.entry-content-inner { position: relative; margin-bottom: var(--site-spacing); overflow-wrap: break-word; }
.entry-content-inner::after { content: ""; display: block; clear: both; }
.entry-content-inner a:hover { text-decoration: underline !important; text-underline-position: under; }
.entry-content-inner h1:not(.unstyled), .entry-content-inner h2:not(.unstyled), .entry-content-inner h3:not(.unstyled), .entry-content-inner .h1, .entry-content-inner .h2, .entry-content-inner .h3 { margin-top: 40px; margin-bottom: 20px; font-weight: bold; }
.entry-content-inner blockquote { position: relative; padding: 30px 60px; font-size: unset; }
.entry-content-inner blockquote::before, .post-content blockquote::after { position: absolute; font-family: 'Font Awesome\ 5 Free'; font-size: 1.2em; font-weight: bold; opacity: 0.3; }
.entry-content-inner blockquote::before { right: 20px; content: "\f10e"; }
.rtl .entry-content-inner blockquote::before { top: 30px; }
.ltr .entry-content-inner blockquote::before { bottom: 30px; }
.entry-content-inner blockquote::after { left: 20px; content: "\f10d"; }
.rtl .entry-content-inner blockquote::after { bottom: 30px; }
.ltr .entry-content-inner blockquote::after { top: 30px; }
.entry-content-inner iframe { max-width: 100%; }
.entry-content-inner iframe, .entry-content-inner p, .entry-content-inner table, .entry-content-inner blockquote { margin-bottom: var(--site-spacing); }
.post-source { position: relative; margin-bottom: var(--site-spacing); border-color: var(--main-color); }
/******************** post image ********************/
.post-image { margin-bottom: var(--site-spacing); }
.post-image img { object-fit: cover; width: 100%; height: auto; }
.post-image-inner { position: relative; }
.post-caption, .wp-caption-text { position: absolute; bottom: 10px; max-width: 80%; padding: 8px 10px; background: rgba(0,0,0,0.7); line-height: 1.3; color: #FFFFFF; }
.rtl .post-caption, .rtl .wp-caption-text { right: 10px; }
.ltr .post-caption, .ltr .wp-caption-text { left: 10px; }
.wp-caption { position: relative; display: table; max-width: 100%; width: auto !important; }
/******************** pagination ********************/
.pages-navigation { margin-top: var(--site-spacing); margin-bottom: var(--site-spacing); }
.nav-links > span, .nav-links > a { position: relative; display: inline-block; margin: 8px; padding: 10px 15px; border: 1px solid #DDDDDD; border-bottom-width: 3px; background: rgba(0,0,0,0.02); border-radius: 4px; text-align: center; }
.nav-links > span::before, .nav-links > span::after, .nav-links > a::before, .nav-links > a::after { content: ""; position: absolute; width: 0px; height: 3px; bottom: -2px; right: 50%; transform: translateX(50%); transition: 0.3s; }
.nav-links > a:hover::after { width: 98%; }
.nav-links .current, .pages-navigation-post .nav-links > span { color: var(--main-color); }
.nav-links a::after, .nav-links > .current::before, .pages-navigation-post .nav-links > span::before { background-color: var(--main-color); }
.load-more-btn { min-width: 150px; }
/******************** comments ********************/
.comments .fb_iframe_widget, .comments .fb_iframe_widget span, .comments .fb_iframe_widget span iframe[style] { max-width: 100% !important; width: 100% !important; }
.comments .comments-item { margin-bottom: 20px; min-height: 250px; }
.comments .comment-list, .comments .children { margin: 0px; padding: 0px; list-style: none; }
.rtl .comments .children { margin-right: 40px; }
.ltr .comments .children { margin-left: 40px; }
.comment-list { counter-reset: comments-counter; }
.comment-list .comment { position: relative; overflow-wrap: break-word; }
.comment-list .comment .reply::before { content: "#" counter(comments-counter); counter-increment: comments-counter; margin-left: 30px; font: italic 15px/1.5 tahoma; color: #666666; display: none; }
.comment-list .reply { padding: 10px 20px; }
.rtl .comment-list .reply { text-align: left; }
.ltr .comment-list .reply { text-align: right; }
.comment-list .comment-reply-link { display: inline-block; padding: 4px 15px; background: #FFFFFF; border: 1px solid rgba(0,0,0,0.1); text-align: center; border-radius: 2px; z-index: 2; }
.comment-list .comment-reply-link:hover { border-color: rgba(0,0,0,0.2); }
.comment-list img { max-width: 100%; height: auto; }
.comment-list .says { display: none; }
.comment-list .avatar { position: absolute; width: 50px; height: 50px; padding: 4px; border-radius: 100%; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
.rtl .comment-list .avatar { right: -60px; }
.ltr .comment-list .avatar { left: -60px; }
.rtl.comments-avatars .comment-list > li { margin-right: 60px; }
.ltr.comments-avatars .comment-list > li { margin-left: 60px; }
.comment-list .comment-body { position: relative; margin: 6px 0px; background: #F6F7F9; border-top: 2px solid rgba(0,0,0,0.06); }
.comment-list .comment.byteammember > .comment-body, .comment-list .comment.bypostauthor > .comment-body { background: #F3F8FE; }
.comment-list .comment.byteammember > .comment-body .fn::before, .comment-list .comment.bypostauthor > .comment-body .fn::before { content: "\f058"; position: relative; display: inline-block; font-family: 'Font Awesome\ 5 Free'; font-weight: bold; line-height: 1; color: #5181E8; }
.rtl .comment-list .comment.byteammember > .comment-body .fn::before, .rtl .comment-list .comment.bypostauthor > .comment-body .fn::before { margin-left: 5px; }
.ltr .comment-list .comment.byteammember > .comment-body .fn::before, .ltr .comment-list .comment.bypostauthor > .comment-body .fn::before { margin-right: 5px; }
.comment-list .comment-meta { position: relative; padding: 10px 20px; }
.comment-list .comment-meta::after { display: block; clear: both; content: ""; }
.rtl .comment-list .comment-author { float: right; }
.ltr .comment-list .comment-author { float: left; }
.rtl .comment-list .comment-metadata { float: left; margin-right: 20px; }
.ltr .comment-list .comment-metadata { float: right; margin-left: 20px; }
.comment-list .comment-metadata, .comment-list .comment-metadata a { color: #777777; }
.comment-list .comment-metadata a:hover { color: #333333; }
.comment-list .edit-link { display: inline-block; }
.rtl .comment-list .edit-link { margin-right: 20px; }
.ltr .comment-list .edit-link { margin-left: 20px; }
.comment-list .comment-content, .comment-list .pingback .comment-body { padding: 10px 20px; }
.comment-list .comment-content p:last-of-type { margin-bottom: 0px; }
.comment-list .comment-awaiting-moderation { clear: both; }
.leave-comment-title { position: relative; max-width: 500px; margin: 40px auto; text-align: center; }
.rtl .leave-comment-title small { float: left; margin-right: 20px; }
.ltr .leave-comment-title small { float: right; margin-left: 20px; }
.leave-comment-title::before { content: ""; position: absolute; top: 45%; right: 0px; left: 0px; border-top: 2px solid #EEEEEE; }
.leave-comment-title .title { position: relative; display: inline-block; margin: 0px; padding: 0px 10px; background: #FFFFFF; }
html:not(.no-js) body:not(.logged-in) .comment-form .comment-notes, html:not(.no-js) body:not(.logged-in) .comment-form .comment-form-author, html:not(.no-js) body:not(.logged-in) .comment-form .comment-form-email { display: none; }
/******************** share buttons ********************/
.share-buttons { position: relative; margin-bottom: var(--site-spacing);; }
.share-buttons.share-buttons-side { flex-basis: calc(100px - 6px); flex-shrink: 0; display: none; }
.share-buttons.share-buttons-side .sb-label { padding: 20px 0px !important; border-right: none !important; border-left: none !important; border-top-width: 3px; border-top-style: solid; }
@media (min-width: 1200px) {
	.share-buttons.share-buttons-side { display: block; }
}
.share-buttons.share-buttons-side .share-buttons-inner { position: -webkit-sticky; position: sticky; top: 32px; flex-direction: column; }
.share-buttons.share-buttons-side .share-buttons-default { flex-direction: column; }
.share-buttons.share-buttons-side .share-buttons-default .ss-button { flex-basis: 40px; padding: 0px;}
.share-buttons .sb-label { position: relative; border-color: var(--main-color); text-align: center; }
.rtl .share-buttons .sb-label { padding-right: 20px; padding-left: 20px; border-right-width: 3px; border-right-style: solid; }
.ltr .share-buttons .sb-label { padding-left: 20px; padding-right: 20px; border-left-width: 3px; border-left-style: solid; }
.share-buttons-default { gap: 6px; font: bold 13px/1.5 tahoma !important; }
.share-buttons-default, .share-buttons-default a { color: #FFFFFF !important; }
.share-buttons-default i { font-size: 20px; }
.share-buttons-default .ss-label { display: none !important; }
.share-buttons-default a { display: block; padding: 10px 5px; }
.share-buttons-default .ss-button { position: relative; flex-basis: 100px; }
.share-buttons-default .ss-button > div, .share-buttons-default .ss-button > a { box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.2) inset; }
.share-buttons-default .ss-facebook a { background-color: #4a6ea9; border-color: #4a6ea9; }
.share-buttons-default .ss-messenger a { background-color: #0084ff; border-color: #0084ff; }
.share-buttons-default .ss-twitter a { background-color: #00abf0; border-color: #00abf0; }
.share-buttons-default .ss-whatsapp a { background-color: #128C7E; border-color: #128C7E; }
.share-buttons-default .ss-short-link a { background-color: #545454; border-color: #545454; }
/******************** post tags ********************/
.post-tags { position: relative; margin-bottom: var(--site-spacing); }
.post-tags .tags-label { position: relative; border-color: var(--main-color); padding-right: 20px; padding-left: 20px; }
.rtl .post-tags .tags-label { border-right-width: 3px; border-right-style: solid; }
.ltr .post-tags .tags-label { border-left-width: 3px; border-left-style: solid; }
.post-tags a { display: block; margin: 2px 2px; padding: 5px 10px; background: #F8F8F8; border: 1px solid #DDDDDD; border-radius: 2px; }
/******************** ads ********************/
.ad { padding: var(--site-spacing) 0px; text-align: center; }
.widget .ad { padding: 0px; }
.entry-content .ad { padding: 0px; padding-bottom: var(--site-spacing); }
.ad .ad { padding: 0px; }
.ad .ad-inner { display: block !important; }
.ad img { max-width: 100%; height: auto; }
.ad[class*="ad-location_archive_middle_"] { grid-column: 1 / -1; }
.ad-location_sticky_ad { position: fixed; right: 0px; left: 0px; bottom: 0px; transform: translateY(150%); transition: 0.5s; background: #FFFFFF; border-top: 3px solid var(--main-color); z-index: 1111; }
.ad-location_sticky_ad.active { transform: translateY(0); }
.ad-location_sticky_ad .ad-close { position: absolute; bottom: 100%; left: 10px; background: var(--main-color); display: block; padding: 4px; font-size: 26px; border-radius: 4px 4px 0px 0px; }
.ad-location_sticky_ad .ad-close i { display: block; }
/******************** posts list ********************/
.post-gutter-0 { --post-gutter: 0rem; }
.post-gutter-1 { --post-gutter: 0.25rem; }
.post-gutter-2 { --post-gutter: 0.5rem; }
.post-gutter-3 { --post-gutter: 1rem; }
.post-gutter-4 { --post-gutter: 1.5rem; }
.post-gutter-5 { --post-gutter: 3rem; }
.posts { position: relative; }
.posts + .posts { margin-top: var(--post-gutter); }
.posts .post { position: relative; margin: calc(var(--post-gutter) / 2); flex-basis: 250px; flex-shrink: 0; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); background: #FFFFFF; overflow: hidden; }
.posts .post { --style1-height: 7.5em; }
.posts .title { flex-grow: 1; margin: 0px; z-index: 20; font-size: 1em; }
.posts .post-thumb { background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 10; }
.light-color .posts .post { background: rgba(255,255,255,0.04); }
.posts .post-link { position: relative; height: 100%; border: 1px solid transparent; }
/******************** posts layout ********************/
.posts .posts-inner { position: relative; margin: calc(var(--post-gutter) / -2); display: grid; grid-template-columns: repeat(auto-fill, minmax(1.6666%, 1fr)); }
.posts .overlay { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 15; background: rgba(0,0,0,0.2); visibility: hidden; }
.posts .post:hover .overlay { background: transparent; }
.cols-60 { grid-column: span 60; }
.cols-30 { grid-column: span 30; }
/******************** posts styles ********************/
.posts { --style1-thumb-width: 40%; }
.posts .post.style1 .post-link { flex-direction: row; gap: 15px; }
.posts .post.style1 .title { margin: 10px; height: var(--style1-height); overflow: hidden; }
.posts .post.style1 .post-thumb { flex-shrink: 0; width: var(--style1-thumb-width); order: 1; }
.posts .post.style4 .post-thumb { display: none; }
body:not(.simple-mode) .posts .post.style2 .post-link { flex-direction: column; }
body:not(.simple-mode) .posts .post.style2 .post-thumb { min-height: 150px; }
body:not(.simple-mode) .posts .post.style2 .title { margin: 10px; }
body:not(.simple-mode) .posts .post.style3 .post-link { flex-direction: column; justify-content: flex-end; min-height: 220px; }
body:not(.simple-mode) .posts .post.style3 .post-thumb { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
body:not(.simple-mode) .posts .post.style3 .title { flex-grow: 0; padding: 20px 40px; padding-top: 50px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7) 40%, #000000); color: #FFFFFF; text-shadow: 0px 1px 1px #000000; }
body:not(.simple-mode) .posts .post.style3 .overlay { visibility: visible; transition: 0.2s; }
@media (max-width: 575px) {
	body.simple-mode .posts .post.style2 .post-link, body.simple-mode .posts .post.style3 .post-link { flex-direction: row; gap: 15px; }
	body.simple-mode .posts .post.style2 .title, body.simple-mode .posts .post.style3 .title { margin: 10px; height: var(--style1-height); overflow: hidden; }
	body.simple-mode .posts .post.style2 .post-thumb, body.simple-mode .posts .post.style3 .post-thumb { flex-shrink: 0; width: var(--style1-thumb-width); order: 1; }
}
@media (min-width: 576px) {
	body.simple-mode .posts .post.style2 .post-link { flex-direction: column; }
	body.simple-mode .posts .post.style2 .post-thumb { min-height: 150px; }
	body.simple-mode .posts .post.style2 .title { margin: 10px; }
	body.simple-mode .posts .post.style3 .post-link { flex-direction: column; justify-content: flex-end; min-height: 220px; }
	body.simple-mode .posts .post.style3 .post-thumb { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
	body.simple-mode .posts .post.style3 .title { flex-grow: 0; padding: 20px 40px; padding-top: 50px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7) 40%, #000000); color: #FFFFFF; text-shadow: 0px 1px 1px #000000; }
	body.simple-mode .posts .post.style3 .overlay { visibility: visible; transition: 0.2s; }
}
/******************** posts extra settings ********************/
.hide-thumb .post-thumb { display: none; }
.hide-thumb .post.style1 .title { height: auto !important; }
.hide-thumb .post.style3 .post-link { min-height: 150px; }
.post.post-sticky::before, .post.post-trending::before { font-family: 'Font Awesome\ 5 Free'; position: absolute; top: 5px; padding: 5px; z-index: 20; font-weight: bold; line-height: 1; background: var(--main-color); color: #FFFFFF; border-radius: 4px; }
.post.post-sticky::before { content: "\f005"; }
.post.post-trending::before { content: "\f201"; }
.rtl .post.post-sticky::before, .rtl .post.post-trending::before { left: 5px; }
.ltr .post.post-sticky::before, .ltr .post.post-trending::before { right: 5px; }
.archive-inner .post.post-sticky::before, .posts .post.post-trending::before, .posts .post.style4::before { display: none; }
@media (max-width: 575px) {
	.scroll-posts .widget-content { display: flex !important; margin: -5px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
	.rtl .scroll-posts .widget-content { margin-left: 0px; }
	.ltr .scroll-posts .widget-content { margin-right: 0px; }
	.scroll-posts .widget-content .post { white-space: initial; }
	.scroll-posts .widget-content .posts-inner { display: flex !important; padding: 5px; }
}
/******************** widget grid styles ********************/
@media (min-width: 1200px) {
	.sidebar-post_side .posts .posts-inner { grid-template-columns: 0; }
	.col-xl-8 .posts .posts-inner { grid-template-columns: repeat(auto-fill, minmax(3.3333%, 1fr)); }
	.col-xl-6 .posts .posts-inner { grid-template-columns: repeat(auto-fill, minmax(3.3333%, 1fr)); }
	.col-xl-4 .posts .posts-inner { grid-template-columns: repeat(auto-fill, minmax(6.6666%, 1fr)); }
	.col-xl-3 .posts .posts-inner { grid-template-columns: repeat(auto-fill, minmax(6.6666%, 1fr)); }
}
/******************** posts grid styles ********************/
.rows-2 { grid-row: span 2; }
.rows-3 { grid-row: span 3; }
.cols-x { grid-column: 1 / -1; }
.cols-10 { grid-column: span 10; }
.cols-12 { grid-column: span 12; }
.cols-15 { grid-column: span 15; }
.cols-20 { grid-column: span 20; }
.cols-30 { grid-column: span 30; }
.cols-40 { grid-column: span 40; }
.cols-45 { grid-column: span 45; }
.cols-50 { grid-column: span 50; }
.title-lg .title { font-size: 1.2em; }
.title-xl .title { font-size: 1.4em; }
.font-xs { font-size: 0.7em; }
.font-sm { font-size: 0.8em ; }
.font-md { font-size: 1em; }
.font-lg { font-size: 1.2em; }
.font-xl { font-size: 1.4em; }
@media (min-width: 576px) {
	.title-sm-lg .title { font-size: 1.2em; }
	.title-sm-xl .title { font-size: 1.4em; }
	.image-sm-lg .post-link { min-height: 250px !important; }
	.image-sm-xl .post-link { min-height: 300px !important; }
}
@media (min-width: 576px) {
	.rows-sm-2 { grid-row: span 2; }
	.rows-sm-3 { grid-row: span 3; }
	.cols-sm-x { grid-column: 1 / -1; }	
	.cols-sm-10 { grid-column: span 10; }
	.cols-sm-12 { grid-column: span 12; }
	.cols-sm-15 { grid-column: span 15; }
	.cols-sm-20 { grid-column: span 20; }
	.cols-sm-30 { grid-column: span 30; }
	.cols-sm-40 { grid-column: span 40; }
	.cols-sm-45 { grid-column: span 45; }
	.cols-sm-50 { grid-column: span 50; }
	.font-sm-xs { font-size: 0.7em; }
	.font-sm-sm { font-size: 0.8em ; }
	.font-sm-md { font-size: 1em; }
	.font-sm-lg { font-size: 1.2em; }
	.font-sm-xl { font-size: 1.4em; }
}
@media (min-width: 768px) {
	.rows-md-2 { grid-row: span 2; }
	.rows-md-3 { grid-row: span 3; }
	.cols-md-x { grid-column: 1 / -1; }
	.cols-md-10 { grid-column: span 10; }
	.cols-md-12 { grid-column: span 12; }
	.cols-md-15 { grid-column: span 15; }
	.cols-md-20 { grid-column: span 20; }
	.cols-md-30 { grid-column: span 30; }
	.cols-md-40 { grid-column: span 40; }
	.cols-md-45 { grid-column: span 45; }
	.cols-md-50 { grid-column: span 50; }
	.font-md-xs { font-size: 0.7em; }
	.font-md-sm { font-size: 0.8em ; }
	.font-md-md { font-size: 1em; }
	.font-md-lg { font-size: 1.2em; }
	.font-md-xl { font-size: 1.4em; }
}
@media (min-width: 992px) {
	.rows-lg-2 { grid-row: span 2; }
	.rows-lg-3 { grid-row: span 3; }
	.cols-lg-x { grid-column: 1 / -1; }
	.cols-lg-10 { grid-column: span 10; }
	.cols-lg-12 { grid-column: span 12; }
	.cols-lg-15 { grid-column: span 15; }
	.cols-lg-20 { grid-column: span 20; }
	.cols-lg-30 { grid-column: span 30; }
	.cols-lg-40 { grid-column: span 40; }
	.cols-lg-45 { grid-column: span 45; }
	.cols-lg-50 { grid-column: span 50; }
	.font-lg-xs { font-size: 0.7em; }
	.font-lg-sm { font-size: 0.8em ; }
	.font-lg-md { font-size: 1em; }
	.font-lg-lg { font-size: 1.2em; }
	.font-lg-xl { font-size: 1.4em; }
}
@media (min-width: 1200px) {
	.rows-xl-2 { grid-row: span 2; }
	.rows-xl-3 { grid-row: span 3; }
	.cols-xl-x { grid-column: 1 / -1; }
	.cols-xl-10 { grid-column: span 10; }
	.cols-xl-12 { grid-column: span 12; }
	.cols-xl-15 { grid-column: span 15; }
	.cols-xl-20 { grid-column: span 20; }
	.cols-xl-30 { grid-column: span 30; }
	.cols-xl-40 { grid-column: span 40; }
	.cols-xl-45 { grid-column: span 45; }
	.cols-xl-50 { grid-column: span 50; }
	.font-xl-xs { font-size: 0.7em; }
	.font-xl-sm { font-size: 0.8em ; }
	.font-xl-md { font-size: 1em; }
	.font-xl-lg { font-size: 1.2em; }
	.font-xl-xl { font-size: 1.4em; }
}
/******************** post meta ********************/
.post-meta-item.post-meta-updated .post-date-published { display: none; }
.post-meta-item.post-meta-published .post-date-updated { display: none; }
/******************** main post meta ********************/
.post-meta-singular .post-meta-item { position: relative; display: inline-block; }
.post-meta-singular .post-meta-item::after { content: " \2014 "; margin-right: 10px; margin-left: 10px; opacity: 0.5; }
.post-meta-singular .post-meta-item:last-child::after { display: none; }
.post-meta-singular .post-meta-item-content a:hover { text-decoration: underline !important; text-underline-position: under; }
/******************** posts extra settings ********************/
.container-links ul { margin: 0px; padding: 0px; list-style: none; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); background: #EEEEEE; }
.container-links li a { display: block; margin-bottom: 1px; padding: 10px 20px; background: #FFFFFF; }
.rtl .container-links li li { margin-right: 20px; }
.ltr .container-links li li { margin-left: 20px; }
/******************** scroll top button ********************/
.scroll-top-btn { margin-top: -10px; text-align: center; }
.scroll-top-btn a { position: relative; display: inline-block; padding: 10px; font-size: 1.5em; background: var(--main-color); }
.scroll-top-btn a, .scroll-top-btn a:hover { color: #FFFFFF !important; }
.scroll-top-btn i { transition: 0.1s; }
.scroll-top-btn a:hover i { animation: jump 0.7s linear; animation-fill-mode: forwards; }
.scroll-top-btn a::before, .scroll-top-btn a::after { content: ""; position: absolute; top: 0px; border: 5px solid #000000; }
.scroll-top-btn a::before { right: -10px; border-right-color: transparent; border-top-color: transparent; }
.scroll-top-btn a::after { left: -10px; border-left-color: transparent; border-top-color: transparent; }
/******************** misc ********************/
.dir-rtl { direction: rtl; }
.dir-ltr { direction: ltr; }
.rtl .title-icon { margin-left: 15px; }
.ltr .title-icon { margin-right: 15px; }
.ltr .fa-angle-left::before { content: "\f105"; }
.ltr .fa-angle-right::before { content: "\f104"; }
.video-outer { margin-bottom: var(--site-spacing); }
.wp-caption-text { font-size: 0.9em; }
.fixed-font { font-family: tahoma; font-weight: normal; font-size: 14px; line-height: 1; }
.unstyled-list { margin: 0px; padding: 0px; list-style: none; }
body .no-decoration, body .no-decoration:hover, body .no-decoration a, body .no-decoration a:hover { text-decoration: none !important; }
.rtl .post-source { padding-right: 20px; border-right-width: 3px; border-right-style: solid; }
.ltr .post-source { padding-left: 20px; border-left-width: 3px; border-left-style: solid; }
.column-span { column-span: all; }
.style-videos .post-link::after { content: "\f144"; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome\ 5 Free'; font-size: 4em; color: #FFFFFF; z-index: 10; }
.breadcrumbs .separator::after { margin-right: 10px; margin-left: 10px; opacity: 0.5; color: initial; }
.rtl .breadcrumbs .separator::after { content: '\002F'; }
.ltr .breadcrumbs .separator::after { content: '\005C'; }
body:not(.single) .breadcrumbs { display: none; }
.site-header .google-auto-placed, .site-footer .google-auto-placed { display: none !important; }
/******************** continue reading ********************/
body.single.continue-reading-on .entry-content-inner { max-height: 500px; overflow: hidden; }
.continue-reading { position: absolute; right: 0px; left: 0px; bottom: 0px; text-align: center; padding-top: 100px; padding-bottom: 20px; background: linear-gradient(to bottom, rgba(255,255,255,0.2) 5%, rgba(255,255,255,0.7) 20%, #FFFFFF) ; z-index: 50; }
.continue-reading a { display: inline-block; padding: 8px 30px; background: var(--main-color); border-radius: 4px; }
.continue-reading a:hover { text-decoration: none !important; }
.page-load-status { display: none; text-align: center; }
.page-load-status .infinite-scroll-request { margin-top: 20px; font-size: 2em; display: none; opacity: 0.7; }
/******************** end ********************/