قالب سكويز النسخة المدفوعة أخر إصدار 2023 تحميل مجان
- قابلية الجوال
- سيو
- القوام المساءلة
- الروابط المختصرة
- صفحة تحويل الروابط الخارجية
- انسخ والصقة في مدونتك
- النسخة من قالب سكويز المدفوعة المعدة
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' dir='rtl' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><b:attr expr:value='data:view.isSingleItem ? "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" : "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"' name='prefix'/>
<!-- Title -->
<title><b:if cond='data:view.isMultipleItems'><b:if cond='data:view.isHomepage'><data:blog.title.escaped/><b:else/><data:blog.pageName.escaped/></b:if><b:elseif cond='data:view.isSingleItem'/><data:view.title.escaped/></b:if></title>
<!-- Feed Links -->
<b:eval expr='data:blog.feedLinks'/>
<!-- Default Meta -->
<b:include name='DefaultMeta'/>
<!-- Open Graph -->
<b:include name='OpenGraph'/>
<!-- Twitter Card -->
<b:include name='TwitterCard'/>
<!-- DNS Prefetch -->
<b:include name='DNSPrefetech'/>
<!-- Font Awesome -->
<link defer='defer' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<!-- Required -->
<meta content='' property='fb:app_id'/>
<meta content='' property='fb:admins'/>
<b:if cond='data:view.isSingleItem'>
<meta content='' property='article:publisher'/>
<meta content='' property='article:author'/>
</b:if>
<!-- Template Skin -->
<b:skin><![CDATA[
/* ========================================================
= alsooog Template =
===========================================================
>> Version : 1.0.1
>> Updated : 21 July, 2018
>> Platform : Blogger
>> Category : Magazine
>> Homepage : https://www.alrsooog.com
=========================================================== */
/* ====================
>> TABLE OF CONTENTS :
=======================
🔹 Variables
🔹 Normalize
🔹 Spinner
🔹 Fonts
🔹 OwlCarousel
🔹 Main
🔹 Widths
🔹 Framework
🔹 Header
🔹 Intro
🔹 Sidebar
🔹 Footer
🔹 Widgets
🔹 Pages (Common)
🔹 Homepage
🔹 Post Page
🔹 Error Page
🔹 Redirect Page
🔹 Archive Page
🔹 Authors Page
🔹 Shortcodes
🔹 Responsive */
/*=================
🔹 Variables
===================*/
<Group description="أساسي" selector="body">
<Variable name="keycolor" description="اللون الرئيسي" type="color" default="#d24949" value="#d24949"/>
<Variable name="step.color" description="اللون المساعد" type="color" default="#9063ff" value="#9e44c9"/>
<Variable name="grad.color" description="لون ال (عند خلÙية متدرجة)" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="body.background.color" description="لون تبويب المدونة ÙÙŠ الهاتÙ" type="color" default="#d24949" value="#d24949"/>
<Variable name="body.background" description="الخلÙية" type="background" color='transparent' default="$(color)
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUoihZ_nzh27cmPO683XvNDhhid_pCVMxcsrD4lKjGuxiKE_0GVZBbRWiAv_mc0oAc7w14-cQX_ENu4dkStxXlcujxlsQ5SIOsJSL9BwWuLwDlHOd3aVVMf-f4Io2wLZX_AZ796S2-ak/s1600/SqBack.jpg) no-repeat fixed top right" value="$(color)
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixUoihZ_nzh27cmPO683XvNDhhid_pCVMxcsrD4lKjGuxiKE_0GVZBbRWiAv_mc0oAc7w14-cQX_ENu4dkStxXlcujxlsQ5SIOsJSL9BwWuLwDlHOd3aVVMf-f4Io2wLZX_AZ796S2-ak/s1600/SqBack.jpg) no-repeat fixed top right"/>
</Group>
<Group description="ألوان عامة" selector="main-wrap">
<Variable name="main.back" description="لون الخلÙية الداخلي" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="main.color" description="لون النص الرئيسي" type="color" default="#222222" value="#222222"/>
<Variable name="main.title" description="لون عنوان العنصر" type="color" default="#222222" value="#222222"/>
<Variable name="main.link" description="لون الروابط" type="color" default="#444444" value="#444444"/>
<Variable name="main.text" description="لون النصوص" type="color" default="#777777" value="#777777"/>
<Variable name="main.line" description="لون الÙواصل" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="menu.back" description="خلÙية القوائم" type="color" default="#111111" value="#111111"/>
<Variable name="menu.text" description="لون روابط القوائم" type="color" default="#dddddd" value="#dddddd"/>
</Group>
<Group description="الشريط الجانبي" selector="aside">
<Variable name="aside.title" description="عنوان العناصر" type="color" default="#222222" value="#222222"/>
<Variable name="aside.link" description="لون الروابط" type="color" default="#444444" value="#444444"/>
<Variable name="aside.text" description="لون النصوص" type="color" default="#999999" value="#999999"/>
<Variable name="aside.line" description="لون الÙواصل" type="color" default="#eeeeee" value="#eeeeee"/>
</Group>
<Group description="الÙوتر" selector="footer">
<Variable name="footer.back1" description="تدرج الخلÙية 1" type="color" default="#211837" value="#211837"/>
<Variable name="footer.back2" description="تدرج الخلÙية 2" type="color" default="#111111" value="#111111"/>
<Variable name="footer.title" description="عنوان العناصر" type="color" default="#dddddd" value="#dddddd"/>
<Variable name="footer.link" description="لون الروابط" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="footer.text" description="لون النصوص" type="color" default="#dddddd" value="#999999"/>
<Variable name="footer.line" description="لون الÙواصل" type="color" default="#2d283b" value="#2d283b"/>
</Group>
<Group description='نموذج التعليقات' selector="#comments">
<Variable name="body.text.font" description="نوع الخط" type="font" default="600 14px Cairo !important" value="600 14px Cairo !important"/>
<Variable name="tabs.font" description="نوع الخط (مساعد)" type="font" default="14px Cairo" value="14px Cairo"/>
<Variable name="body.text.color" description="لون النص" type="color" default="#777777" value="#777777"/>
<Variable name="body.link.color" description="لون الروابط" type="color" default="#9e44c9" value="#9e44c9"/>
<Variable name="posts.background.color" description="لون الخلÙية" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="posts.title.color" description="لون العنوان" type="color" default="#d24949" value="#d24949"/>
<Variable name="posts.icons.color" description="خلÙية الأيقونات" type="color" default="#9e44c9" value="#9e44c9"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#757575" value="#757575"/>
<Variable name="labels.background.color" description="Label background color" type="color" default="#dddddd" value="#dddddd"/>
</Group>
<Group selector='body' description="ضبط العروض">
<Variable name="content.width" description="Content width" type="length" min="640px" max="1300px" default="1200px" value="1200px"/>
<Variable name="sidebar.width" description="Sidebar width" type="length" min="150px" max="480px" default="330px" value="330px"/>
<Variable name="main.margin" description="المساÙØ© الرأسية بين العناصر" type="length" min="0px" max="50px" default="20px" value="20px"/>
<Variable name="main.padding" description="الهوامش الداخليه للعناصر" type="length" min="0px" max="50px" default="20px" value="20px"/>
</Group>/**/
/*=================
🔹 Normalize
===================*/
html{font-family:serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a:focus,a:active{outline:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{max-width:100%;border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],/* 1 */
[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,/* 1 */
menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
iframe{border:none}
/*=================
🔹 Spinner
===================*/
.Loading{position:fixed;z-index:9999;background-color:$(main.back);width:100%;height:100%}.spinner{text-align:center;top:-webkit-calc(50% - 12.5px);top:-moz-calc(50% - 12.5px);top:calc(50% - 12.5px);position:relative}.spinner > div{margin:0 5px;width:20px;height:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;-moz-animation:sk-bouncedelay 1.4s infinite ease-in-out both;-o-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;-o-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;-moz-animation-delay:-.16s;-o-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@-moz-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0)}}@-o-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}}
/*=================
🔹 Fonts
===================*/
@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpu0xg.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIvTpu0xg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIhTps.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*=================
🔹 OwlCarousel
===================*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{direction:ltr;overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
/*=================
🔹 Main
===================*/
body{direction:rtl;font-family:'Cairo',serif;font-size:14px;line-height:1.5em}
body[data-overflow='false']{overflow:hidden}
body[data-boxed='true'] .main-container{max-width:$(content.width)}
body[data-protect='true']{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
body::-webkit-scrollbar{background-color:$(main.back);width:10px}
body::-webkit-scrollbar-thumb{background:$(keycolor)}
body::-moz-selection{background:$(keycolor);color:#FFF}
::-moz-selection{background:$(keycolor);color:#FFF}
::selection{background:$(keycolor);color:#FFF}
ul{list-style:none;padding:0;margin:0}
p{line-height:2;font-size:12px;text-align:justify}
a{text-decoration:none;color:inherit}
.main-container{width:100%;margin:0 auto;background-color:$(main.back);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.main-container:before,.main-container:after{content:'';display:block;height:3px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
.middle-content{overflow:hidden}
.main-wrap{padding:0 $(main.padding)}
#RecentPosts{margin-bottom:$(main.margin)}
.side-right{margin-bottom:$(main.margin)}
body.no-sidebar .side-right{float:none;width:100%}
body.no-sidebar aside{display:none}
/*=================
🔹 Widths
===================*/
.side-right{width:-webkit-calc(100% - $(sidebar.width) - 2%);width:-moz-calc(100% - $(sidebar.width) - 2%);width:calc(100% - $(sidebar.width) - 2%);float:right}
aside{float:left;width:$(sidebar.width)}
.wrapper{max-width:$(content.width);margin:0 auto}
header .color-wrap{background-color:$(menu.back)}
#footer .color-wrap{background-color:rgba(0,0,0,0.1)}
/*=================
🔹 Framework
===================*/
/* ------- Quickedit ------ */
.quickedit:after{content:'\f0ad';position:absolute;font-family:fontawesome;color:#666;top:100%;left:0;font-size:18px;z-index:5;opacity:.8}
.quickedit:hover:after{-webkit-animation:quickedit .3s ease-in-out;-moz-animation:quickedit .3s ease-in-out;-o-animation:quickedit .3s ease-in-out;animation:quickedit .3s ease-in-out;opacity:1}
@-webkit-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
}
@-moz-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
}
@-o-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
}
@keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
}
/* ------- Headlines ------ */
.headline{margin-bottom:15px;border-bottom:2px solid $(main.line)}
.main-wrap aside .headline{margin-bottom:15px;border-bottom:2px solid $(aside.line)}
#footer .headline{margin-bottom:15px;border-bottom:2px solid $(footer.line)}
#LinkList303 .headline h6{margin-top:0}
.headline h6{display:inline-block;margin:0 0 12px;font-size:17px;position:relative}
.main-wrap .headline h6{color:$(main.title)}
.main-wrap aside .headline h6{color:$(aside.title)}
#footer .headline h6{color:$(footer.title)}
.headline h6:after{content:"";height:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:33px;left:0;right:0;bottom:0}
.headline a{color:$(main.text);float:left;padding:5px 12px;font-size:12px;background-color:$(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:18px}
/* ------ Read More ------ */
.read-more{display:inline-block;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:5px 15px;font-size:14px;font-weight:700;color:$(grad.color);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.read-more:hover{padding:5px 25px}
/* ------ Post Share ------ */
.post-share{float:left}
.post-share .share-icon{z-index:1;float:left;width:31px;height:31px;line-height:31px;text-align:center;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:relative}
.post-share .share-icon:after{opacity:0;content:"";font-family:FontAwesome;border-width:5px;border-style:solid;border-color:transparent transparent transparent $(step.color);position:absolute;top:11px;left:100%}
.post-share .share-icon.arrow:after{opacity:1}
.post-share .share-menu{visibility:hidden;float:left;margin:1px 0 0 5px}
.post-share .share-menu li{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px);float:left;opacity:0;margin-left:5px}
.post-share .share-menu li i{width:27px;height:27px;line-height:27px;margin-top:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#FFF}
.post-share .share-menu li .fa-facebook{background-color:#3b5998}
.post-share .share-menu li .fa-twitter{background-color:#1da1f2}
.post-share .share-menu li .fa-google-plus{background-color:#dd4b39}
.share-open.share-menu{visibility:visible}
.share-open.share-menu li{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.share-open.share-menu li:nth-of-type(1){-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear}
.share-open.share-menu li:nth-of-type(2){-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;transition:.3s linear}
.share-open.share-menu li:nth-of-type(3){-webkit-transition:.2s linear;-o-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}
/* ------ Image Wrap ------ */
.img-wrap{display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;position:relative}
.img-wrap:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
.overlay{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:0;left:0}{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0}
.img-wrap:hover .overlay{opacity:.8}
.details-on-img{position:absolute;top:0;left:0;right:0;bottom:0}
.details-on-img .author-prof,.details-on-img .post-date{padding:0 4px;background:$(main.back);font-size:10px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:absolute;right:-100%;z-index:2;-webkit-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3)}
.details-on-img .author-prof{color:$(keycolor)}
.details-on-img .post-date{color:$(step.color)}
.img-wrap .author-prof{top:30px;-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear}
.img-wrap .post-date{top:55px;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;transition:.6s linear}
.img-wrap:hover .author-prof,.img-wrap:hover .post-date{right:0}
.img-wrap img{display:block;width:100%;height:100%}
.details-on-img i{margin-left:5px}
.caption{padding:30px;background:-webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(rgba(0,0,0,0.7)),to(#000));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-o-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-moz-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:linear-gradient(transparent,rgba(0,0,0,0.7),#000);color:#FFF;position:absolute;bottom:0;right:0;left:0}
aside .img-wrap:before,aside .img-wrap:after{display:none}
/* ------ Social Colors ------ */
.social{font-size:0}
.social li{display:inline-block;margin:0 2px}
.social li i{width:28px;height:28px;line-height:28px;margin-bottom:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;text-align:center;font-size:16px}
.social-sites .social li:hover{-webkit-animation:SocIcons .2s ease-in-out;-moz-animation:SocIcons .2s ease-in-out;-o-animation:SocIcons .2s ease-in-out;animation:SocIcons .2s ease-in-out}
@-webkit-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);transform:cale(1.5)}
}
@-moz-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);transform:cale(1.5)}
}
@-o-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-o-transform:cale(1.5);transform:cale(1.5)}
}
@keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);-o-transform:cale(1.5);transform:cale(1.5)}
}
.social .fa-facebook {background-color:#3b5998}
.social .fa-twitter {background-color:#1da1f2}
.social .fa-rss {background-color:#f26522}
.social .fa-dribbble {background-color:#ea4c89}
.social .fa-google-plus {background-color:#dd4b39}
.social .fa-pinterest {background-color:#cc2127}
.social .fa-linkedin {background-color:#0976b4}
.social .fa-youtube {background-color:#e52d27}
.social .fa-wordpress {background-color:#1081B1}
.social .fa-digg {background-color:#476BA3}
.social .fa-quora {background-color:#a82400}
.social .fa-spotify {background-color:#1ed760}
.social .fa-reddit {background-color:#ff4500}
.social .fa-snapchat {background-color:#f5d602}
.social .fa-drupal {background-color:#008BCA}
.social .fa-github {background-color:#000000}
.social .fa-flickr {background-color:#FF0084}
.social .fa-tumblr {background-color:#304E6C}
.social .fa-instagram {background-color:#7c38af}
.social .fa-delicious {background-color:#DEDEDF}
.social .fa-behance {background-color:#009fff}
.social .fa-soundcloud {background-color:#FF5419}
.social .fa-khamsat {background-color:#f9b01c}
.social .fa-tradent {background-color:#59c5c4}
.social .fa-asnad {background-color:#d4145a}
.social .fa-hao123 {background-color:#0ba26d}
.social .fa-picalica {background-color:#615d9b}
.social .fa-blogger {background-color:#fc9644}
.social .fa-telegram {background-color:#32AEE1}
.social .fa-website {background-color:#444444}
.social .fa-google-play {background-color:#3d9dab}
.fa-google-play:before{content:'\f04b'}
.fa-website:before{content:"\f0ac"}
/* ------ Label-Title ------ */
.label-title{padding:0 8px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-size:12px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;border-radius:1.5px;position:absolute;top:10px;right:10px;z-index:2}
.img-wrap:hover .label-title{right:-100%}
.img-wrap .label-name{float:right;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:2px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:12px;margin-bottom:5px;color:$(grad.color);position:relative;right:0}
.img-wrap:hover .label-name{right:-100%}
/* ------ Ribble Button ------ */
.ribble{position:relative;overflow:hidden}
.ribble b{position:relative;z-index:1;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out}
.ribble:hover{padding:5px 20px}
.ribble:hover b{color:$(grad.color)}
.ribble:before{content:'';background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:100%;right:-200%;height:200%;width:200%;display:block;z-index:1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}
.ribble:hover:before{top:-25px;right:-50px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
/* ------ Other ------ */
.blog-admin,#uds-searchControl,#ContactForm1{display:none}
.clear-left{display:block;height:1px;clear:left}
.clear{height:1px;clear:both;display:block}
object{max-width:100%}
.hide{display:none!important}
:not(.notr),:not(.notr):before,:not(.notr):after{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}
.post-body #ContactForm1{display:block}
div#Tempnec{display:none!important}
/*=================
🔹 Header
===================*/
header #top-bar{padding:0 $(main.padding);height:40px;line-height:40px;color:#FFF;position:relative}
#head-sec{padding:$(main.margin) $(main.padding);min-height:120px;overflow:hidden}
/* ------ Header Social ------ */
header #top-bar #LinkList301{max-width:30%;margin-left:15px;float:right;position:relative;height:40px;z-index:1}
#LinkList301 .social-sites{margin-top:5px}
#LinkList301 .social-sites li{vertical-align:top}
/* ------ Header Pages List ------ */
header #top-bar #PageList301{float:right;max-width:-webkit-calc(70% - 60px);max-width:-moz-calc(70% - 60px);max-width:calc(70% - 60px);height:40px}
header #top-bar .menu li{float:right;margin:8px 0}
header #top-bar .menu li a{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;background:rgba(255,255,255,0.1);margin-left:7px;font-size:12px;display:block;line-height:normal;padding:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:700;color:$(menu.text);line-height:2em}
header #top-bar .menu li a:hover,header #top-bar .menu li.selected a{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
header #top-bar .menu-res{display:none}
header #top-bar .menu-res i{display:block;width:30px;height:30px;line-height:30px;font-size:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;right:$(main.padding);z-index:2;cursor:pointer}
nav.menu-res-wrap ul:before{content:"";border-width:8px;border-style:solid;border-color:transparent transparent $(menu.back);position:absolute;top:-14px;right:10px;z-index:2}
nav.menu-res-wrap ul{width:180px;top:50px;position:absolute;background-color:$(menu.back);right:10px;padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;z-index:9999}
nav.menu-res-wrap ul a{display:block;border-bottom:1px dotted rgba(255,255,255,0.2);color:$(menu.text);text-align:center}
nav.menu-res-wrap ul li:last-of-type a{border-bottom:none}
/* ------ Search Box ------ */
header #top-bar #HTML301{direction:ltr;min-width:200px;height:30px;position:absolute;left:$(main.padding);top:0}
header #top-bar .search form{direction:rtl;position:relative}
header #top-bar .search form span{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));display:block;width:30px;height:30px;line-height:29px;font-size:18px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;left:0;z-index:2}
header #top-bar .search form span.open-search:after{opacity:1;left:100%}
header #top-bar .search input{font-family:inherit;-webkit-border-radius:0 1px 1px 0;-moz-border-radius:0 1px 1px 0;border-radius:0 1px 1px 0;height:30px;margin:5px 0;background-color:$(menu.back);color:#FFF;font-size:12px;border:none;outline:none;position:absolute;left:30px;width:0;z-index:1}
header #top-bar .search .open-search ~ input{padding:0 15px;width:100%;}
/* ------ Logo & AD ------ */
#Header1{width:290px;float:right}
#Header1 .headone{font-weight:700;display:block;margin:0 0 10px;font-size:35px;line-height:1em;text-align:center}
#Header1 p{margin:0;font-size:12px;text-align:center;line-height:1.5em}
#Header1 img{width:auto;max-width:100%;margin:0 auto;display:block}
#HTML302{width:728px;float:left;text-align:left}
/* ------ Main Menu ------ */
#menu-bar{clear:both;position:relative;margin-bottom:$(main.margin);padding:0 $(main.padding)}
#LinkList302{height:58px;background-color:$(menu.back);position:relative}
#LinkList302:before{content:'';display:block;height:3px;background:-webkit-linear-gradient(45deg,$(step.color),$(keycolor));background:-o-linear-gradient(45deg,$(step.color),$(keycolor));background:-moz-linear-gradient(45deg,$(step.color),$(keycolor));background:linear-gradient(45deg,$(step.color),$(keycolor));position:absolute;width:100%;bottom:0;right:0}
#menu-bar .menu-bar ul li{float:right}
#menu-bar .menu-bar ul li>a{font-weight:700;display:block;width:100%;padding:17px 25px;color:$(menu.text);position:relative}
#menu-bar .menu-bar li>a:hover{background-color:rgba(0,0,0,0.2);color:#FFF}
/* ------ Sub Menu ------ */
#LinkList302 li[data-title^='-'],#LinkList302 li[data-title^='_']{display:none}
#menu-bar .menu-bar li>ul li a{padding:12px 20px}
#menu-bar .menu-bar li>ul li a:hover{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);padding-right:30px}
#menu-bar .menu-bar .drop-menu-st{position:relative;padding-bottom:5px}
#menu-bar .menu-bar .drop-menu-st:after{content:"\f078";font-family:FontAwesome;font-size:10px;color:$(menu.text);position:absolute;top:14.5px;left:5px}
#menu-bar .menu-bar .drop-menu-st ul{display:none;width:200px;height:auto;background-color:$(menu.back);color:$(menu.text);position:absolute;top:58px;z-index:9999;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);box-shadow:0 5px 5px 0 rgba(0,0,0,0.2)}
#menu-bar .menu-bar .drop-menu-st:hover ul{display:block}
#menu-bar .menu-bar .drop-menu-st ul li{float:none}
#menu-bar .home{overflow:hidden;height:55px;line-height:25px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:#FFF!important;text-indent:100px;width:65px!important}
.home:before{font-weight:400;content:"\f015";font-family:FontAwesome;font-size:20px;position:absolute;right:23px;text-indent:0;-webkit-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);top:16px}
#menu-bar .home:hover{width:100px!important;text-indent:10px}
#menu-bar .home:hover:before{right:10px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
/* ------ Responsive Menu ------ */
.menu-bar-res{display:none}
.menu-bar-res .fa-bars{float:left;color:$(grad.color);background:-webkit-linear-gradient(45deg,$(step.color),$(keycolor));background:-o-linear-gradient(45deg,$(step.color),$(keycolor));background:-moz-linear-gradient(45deg,$(step.color),$(keycolor));background:linear-gradient(45deg,$(step.color),$(keycolor));height:55px;width:55px;text-align:center;font-size:26px;padding-top:16px;cursor:pointer;}
nav.menu-bar-res-wrap > ul{position:absolute;left:0;top:58px;background-color:$(menu.back);width:200px;padding:20px;color:$(menu.text);z-index:9999;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}
nav.menu-bar-res-wrap ul li ul li a{font-size:12px}
nav.menu-bar-res-wrap ul li a{display:block;padding:10px 0;font-weight:700;text-align:center;border-bottom:1px dotted rgba(255,255,255,0.2)}
nav.menu-bar-res-wrap ul li:last-of-type a{border-bottom:none;padding-bottom:0}
a.res-home{float:right;height:55px;width:110px;text-align:center;padding-top:17px;color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));font-weight:700}
.res-home:before{content:"\f015";font-family:FontAwesome;font-weight:400;font-size:24px;margin-left:5px;display:inline-block;vertical-align:-2px}
/*=================
🔹 Intro
===================*/
.intro{clear:both;padding:0 $(main.padding)}
.intro .HTML{display:none}
#section11{margin-bottom:20px;overflow:hidden}
/* ------ Ticker ------ */
.ticker{height:40px;overflow:hidden;background-color:$(main.line)}
.ticker-title{float:right;height:40px;line-height:40px;padding:0 20px 0 50px;background-color:$(menu.back);color:$(menu.text);font-size:16px;border-left:4px solid $(keycolor);position:relative;z-index:1}
.ticker-title:after{content:"\f1ea";font-family:FontAwesome;font-size:18px;color:$(menu.text);position:absolute;top:2px;left:15px}
.ticker-content ul{height:40px;line-height:40px;position:relative}
.ticker-content li{float:right;margin:0 20px;position:relative}
.ticker-content li:first-child{margin-right:0}
.ticker-content li:last-child{margin-left:0}
.ticker-content li:hover{color:$(keycolor)}
.ticker-content li:before{content:"\f02e";font-family:FontAwesome;font-size:12px;color:$(keycolor);position:absolute;top:0;right:-15px}
.ticker-content li a{color:$(main.link);}
.ticker-content li a:hover{text-decoration:underline;color:$(keycolor);}
/* ------ Intro Slider ------ */
.intro .section{margin-bottom:$(main.margin)}
.main-slider .owl-wrapper,.main-slider .owl-wrapper-outer{height:100%}
.main-slider .owl-carousel .owl-item{padding:0;height:100%}
.main-slider .m-slider{direction:ltr!important;float:right;width:62.5%;height:440px}
.main-slider .m-slider .img-wrap{width:100%;height:100%}
.main-slider .m-slider .item{direction:rtl;width:100%;height:100%}
.main-slider .left-box{float:left;width:36.459%;height:440px;overflow:hidden}
.main-slider .left-box .top,.main-slider .left-box .bottom{position:relative}
.main-slider .left-box .top{margin-bottom:12px}
.main-slider .left-box .img-wrap{width:100%;height:214px}
.main-slider .img-wrap:hover .details-on-img .author-prof{top:30px}
.main-slider .img-wrap:hover .details-on-img .post-date{top:55px}
.main-slider h2{margin:0;clear:both}
.main-slider .m-slider h2{font-size:18px}
.main-slider .left-box h2{font-size:16px}
.main-slider .m-slider .caption p{height:52px;overflow:hidden;margin:10px 0 0;font-size:13px}
.main-slider .owl-controls{margin:auto;position:absolute;top:43.5%;left:0;right:0;}
.main-slider .owl-buttons div{padding:0;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));width:35px;height:35px;position:absolute;text-align:center;color:$(grad.color)}
.main-slider .owl-buttons .owl-next{right:0;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}
.main-slider .owl-buttons .owl-prev{left:0;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.main-slider .owl-buttons .owl-next:before,.main-slider .owl-buttons .owl-prev:before{font-family:FontAwesome;display:block;line-height:35px;font-size:30px}
.main-slider .owl-buttons .owl-next:before{content:"\f105"}
.main-slider .owl-buttons .owl-prev:before{content:"\f104"}
/*=================
🔹 Sidebar
===================*/
aside .widget{margin-bottom:$(main.margin)}
/* ------ Social Widget ------ */
.social-counter .social{overflow:hidden;padding:$(main.padding);border:1px solid $(aside.line)}
.social-counter li{float:right;width:23.5%;margin:0 1%;min-width:55px}
.social-counter li:nth-child(4n+1){margin-right:0}
.social-counter li:nth-child(4n+4){margin-left:0}
.social-counter li i{text-align:center;display:block;width:55px;height:55px;line-height:55px;margin:auto;color:#FFF;font-size:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transform:translate(0,5px);-ms-transform:translate(0,5px)}
.social-counter li:hover i{-webkit-transform:translate(0);-ms-transform:translate(0)}
.social-counter li div{color:$(aside.link);padding:5px 7px;margin-bottom:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:$(aside.line);font-size:11px;text-align:center;position:relative}
.social-counter li div:after{content:"";display:block;border-width:5px;border-style:solid;border-color:transparent transparent $(aside.line);position:absolute;top:-10px;left:44%}
/*=================
🔹 Footer
===================*/
#footer{position:relative;background:-webkit-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-o-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-moz-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:linear-gradient(45deg,$(footer.back1),$(footer.back2));border-top:3px solid $(keycolor);clear:both}
#footer-sections{font-size:0;padding:$(main.margin) $(main.padding)}
#footer-sections .f-sec{display:inline-block;vertical-align:top;font-size:14px;width:-webkit-calc((100% - 90px)/4);width:-moz-calc((100% - 90px)/4);width:calc((100% - 90px)/4);margin-left:30px}
#footer-sections .f-sec:last-of-type{margin-left:0}
#footer-sections .f-sec .widget{margin-bottom:$(main.margin)}
#footer-sections .f-sec .widget:last-of-type{margin-bottom:0}
#footer-top-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-bottom:1px solid $(footer.line)}
#footer-bottom-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-top:1px solid $(footer.line)}
[data-boxed='false'] #footer-top-section:not(.no-items).wrapper{margin:$(main.margin) auto 0;padding:0 $(main.padding) $(main.margin)}
[data-boxed='false'] #footer-bottom-section:not(.no-items).wrapper{margin:0 auto;padding:$(main.margin) $(main.padding)}
#footer-top-section:not(.no-items).wrapper{padding:$(main.margin) 0;margin:0 $(main.padding)}
#footer-cop-section{padding:5px $(main.padding);overflow:hidden;position:relative}
/* ------ Copyrights ------ */
#HTML303{color:$(footer.link);margin-top:5px;float:right}
#HTML303 > *{vertical-align:middle;display:inline-block}
#HTML303 a{color:$(keycolor)}
#HTML303 a:hover{color:$(step.color);text-decoration:underline}
#LinkList304{float:left;margin-top:5px}
.credits span{margin-left:5px}
/* ------ Footer Scroll To Top ------ */
.scroll-top{background-color:rgba(255,255,255,0.1);width:30px;height:30px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;padding-top:6px;cursor:pointer;margin-left:$(main.padding)}
.scroll-top:hover{background:$(keycolor);color:#FFF}
/*=================
🔹 Widgets
===================*/
.widget{position:relative}
.widget-item-control{position:absolute;left:0;top:100%;z-index:2;opacity:.7}
.widget-item-control:hover{opacity:1}
#top-bar .widget-item-control{top:0}
/* ------ Email Subscription ------ */
aside .subscrib-sec p{margin:0 0 10px;color:$(aside.text)}
#footer .subscrib-sec p{margin:0 0 10px;color:$(footer.text)}
.subscrib-sec input[name="email"]{display:block;width:100%;padding:15px;margin:auto;line-height:0;outline:0;font-size:12px;border:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;direction:ltr;text-align:left}
aside .subscrib-sec input[name="email"]{background-color:$(aside.line);color:$(aside.link)}
#footer .subscrib-sec input[name="email"]{background-color:$(footer.line);color:$(footer.link)}
.msg-send{font-family:inherit;display:block;padding:10px 30px 10px 20px;margin:5px auto 0;outline:0;border:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:#FFF;font-weight:700;cursor:pointer;position:relative;overflow:hidden;width:100%;color:$(grad.color)}
.msg-send:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)}
.msg-send:before{content:"\f1d8";font-family:FontAwesome;position:absolute;top:10px;right:10px;z-index:1;font-weight:normal}
.msg-send:hover input[type="submit"]{color:#2c2c2c}
.msg-send:hover:before{-webkit-animation:subs .3s ease-in-out;-moz-animation:subs .3s ease-in-out;-o-animation:subs .3s ease-in-out;animation:subs .3s ease-in-out}
@-webkit-keyframes subs {
from{top:37px;right:38px}
to{top:10px;right:10px}
}
@-moz-keyframes subs {
from{top:37px;right:38px}
to{top:10px;right:10px}
}
@-o-keyframes subs {
from{top:37px;right:38px}
to{top:10px;right:10px}
}
@keyframes subs {
from{top:37px;right:38px}
to{top:10px;right:10px}
}
/* ------ LinkList Widget ------ */
.LinkList .widget-content li a{display:block;padding:13px 0;font-size:14px}
.LinkList .widget-content li:first-child a{padding-top:0}
aside .LinkList .widget-content li a{color:$(aside.link);border-bottom:1px solid $(aside.line)}
#footer .LinkList li a{color:$(footer.link);border-bottom:1px solid $(footer.line)}
.LinkList .widget-content li a::before{content:"\f08b";display:inline-block;vertical-align:top;font-family:fontawesome;margin-left:10px;font-size:20px}
aside .LinkList .widget-content li a::before{color:$(aside.link)}
#footer .LinkList li a::before{color:$(footer.line)}
aside .LinkList .widget-content li a:hover,#footer .LinkList .widget-content li a:hover{color:$(keycolor);border-bottom:1px solid $(keycolor)}
aside .LinkList .widget-content li a:hover::before,#footer .LinkList .widget-content li a:hover::before{-webkit-animation:LinkIcon 0.2s linear;-moz-animation:LinkIcon 0.2s linear;-o-animation:LinkIcon 0.2s linear;animation:LinkIcon 0.2s linear;color:$(keycolor)}
@-webkit-keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}
@-moz-keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);transform:translateX(-5px)}}
@-o-keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}}
@keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}}
/* ------ Popular Posts ------ */
.PopularPosts article{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
.PopularPosts article:last-of-type{margin-bottom:0;border-bottom:none}
aside .PopularPosts article{border-bottom:1px solid $(aside.line)}
#footer .PopularPosts article{border-bottom:1px solid $(footer.line)}
.PopularPosts .post-date{display:inline-block;background-color:$(keycolor);text-align:right;font-size:10px;color:$(grad.color);padding:0 5px 0 10px;margin-bottom:5px}
.PopularPosts .post-date i{background-color:rgba(0,0,0,0.2);font-size:12px;display:inline-block;vertical-align:middle;padding:5px;color:$(grad.color);margin-left:5px}
.PopularPosts .item-thumbnail{display:block;overflow:hidden;float:right;width:72px;height:72px;margin-left:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.PopularPosts .item-thumbnail img{height:100%;display:block}
.PopularPosts .item-thumbnail:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
.PopularPosts .post-title{overflow:hidden;margin:0 0 5px;font-weight:700;font-size:16px}
aside .PopularPosts .post-title a{color:$(aside.link)}
#footer .PopularPosts .post-title a{color:$(footer.link)}
.PopularPosts .post-title a:hover{color:$(keycolor)}
.snippet-item{font-size:12px;text-align:justify;line-height:1.5em;margin:0}
aside .snippet-item{color:$(aside.text)}
#footer .snippet-item{color:$(footer.text)}
/* ------ Archive Widget ------ */
.BlogArchive select{background:transparent;width:100%;outline:none;padding:5px 20px;margin:0 auto;display:block;font-family:inherit;font-size:12px}
.BlogArchive select:focus{border:1px solid $(keycolor)}
aside .BlogArchive select{border:1px solid $(aside.line);color:$(aside.link)}
#footer .BlogArchive select{border:1px solid $(footer.line);color:$(footer.link)}
/* Flat */
.flat .archivedate .post-count{font-style:normal;float:left}
aside .flat .archivedate i{color:$(aside.text)}
#footer .flat .archivedate i{color:$(footer.text)}
.BlogArchive .flat .archivedate a{display:block;padding:7px 2px}
aside .BlogArchive .flat .archivedate a{color:$(aside.link);border-bottom:1px dotted $(aside.line)}
footer .BlogArchive .flat .archivedate a{color:$(footer.link);border-bottom:1px dotted $(footer.line)}
.BlogArchive .flat .archivedate a::before{color:$(step.color);display:inline-block;content:"\f08d";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-family:fontawesome;margin-left:10px;vertical-align:middle}
.BlogArchive .flat .archivedate:hover a{color:$(keycolor);border-bottom:1px dotted $(step.color)}
.BlogArchive .archivedate:hover a:before{color:$(keycolor)}
/* Hierarchy */
.hierarchy .hierarchy{margin-right:10px}
aside .hierarchy-title{background:$(aside.line);margin-bottom:5px;padding:8px 15px}
#footer .hierarchy-title{background:$(footer.line);margin-bottom:5px;padding:5px 20px}
aside .hierarchy .post-count-link,aside .hierarchy ul.posts a{color:$(aside.link)}
#footer .post-count-link,#footer .hierarchy ul.posts a{color:$(footer.link)}
.hierarchy .post-count{float:left;color:#999}
aside .hierarchy .post-count{color:$(aside.text)}
#footer .hierarchy .post-count{color:$(footer.text)}
.hierarchy ul.posts{margin-right:0}
.hierarchy ul.posts a{font-size:12px;display:block;padding:5px 0}
.hierarchy ul.posts a:hover{border-bottom:1px solid $(step.color);color:$(keycolor);padding-right:5px}
aside .hierarchy ul.posts a{border-bottom:1px solid $(aside.line)}
#footer .hierarchy ul.posts a{border-bottom:1px solid $(footer.line)}
/* ------ Label Widget ------ */
.cloud-label-widget-content{overflow:hidden}
.label-size{float:right;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:7px 15px;margin-left:7px;margin-bottom:7px;-webkit-border-radius:2px;-moz-border-radius:2x;border-radius:2px;font-size:14px;color:$(grad.color);font-weight:700}
.label-size a::before{content:"\f02b";font-family:fontawesome;display:inline-block;vertical-align:top;margin-left:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-top:-4px;font-size:14px;padding-top:5px;text-align:center;font-weight:400}
.label-size:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)}
.list-label-widget-content a{display:block;padding:5px 0}
.label-size .label-count{display:none}
.label-size:hover a:before{-webkit-animation:label .3s ease-in-out;-moz-animation:label .3s ease-in-out;-o-animation:label .3s ease-in-out;animation:label .3s ease-in-out}
@-webkit-keyframes label {
50%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@-moz-keyframes label {
50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@-o-keyframes label {
50%{-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@keyframes label {
50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}
}
aside .list-label-widget-content .label-name{color:$(aside.link);border-bottom:1px dotted $(aside.line)}
#footer .list-label-widget-content .label-name{color:$(footer.link);border-bottom:1px dotted $(footer.line)}
.list-label-widget-content .label-name::before{content:"\f07b";font-family:fontawesome;margin-left:10px;display:inline-block;vertical-align:top;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;-moz-transition:.3s ease-out;transition:.3s ease-out;width:20px;text-align:left}
aside .list-label-widget-content .label-name::before{color:$(aside.line)}
footer .list-label-widget-content .label-name::before{color:$(footer.line)}
.list-label-widget-content .label-name:hover::before{content:"\f07c";color:$(keycolor)}
aside .list-label-widget-content .label-count{float:left;color:$(aside.text)}
#footer .list-label-widget-content .label-count{float:left;color:$(footer.text)}
aside .list-label-widget-content .label-name:hover{color:$(keycolor);border-bottom:1px dotted $(keycolor)}
#footer .list-label-widget-content .label-name:hover{color:$(keycolor);border-bottom:1px dotted $(keycolor)}
/* ------ Statistics ------ */
.Stats img{width:auto;height:auto;display:inline-block;vertical-align:-4px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-left:5px}
.Stats .widget-content{text-align:center;font-size:30px;font-weight:700;font-family:Arial}
aside .text-counter-wrapper{color:$(aside.link)}
#footer .text-counter-wrapper{color:$(footer.link)}
/* ------ Contact Form ------ */
.post-body #ContactForm1{padding:$(main.padding);border:1px solid $(main.line)}
.post-body #ContactForm1 .headline{display:none}
.ContactForm form{position:relative}
.ContactForm input[type='text'],.ContactForm textarea{display:block;width:100%;margin-bottom:5px;padding:15px 30px 5px 20px;border:0;resize:vertical;outline:0;font-family:inherit;font-size:14px;font-weight:700;line-height:2em;background-color:transparent;position:relative;z-index:2}
aside .ContactForm input[type='text'],aside .ContactForm textarea{border-bottom:2px solid $(aside.line);color:$(aside.text)}
#footer .ContactForm input[type='text'],#footer .ContactForm textarea{border-bottom:2px solid $(footer.line);color:$(footer.text)}
.ContactForm textarea{min-height:150px}
.ContactForm input[type='text']:focus,.ContactForm textarea:focus{border-bottom:2px solid $(keycolor)}
.ContactForm i{position:absolute;right:0;font-size:18px}
aside .ContactForm i{color:$(aside.text)}
#footer .ContactForm i{color:$(footer.text)}
.ContactForm input[type='text']:foucs + i,.ContactForm textarea:focus + i{color:$(keycolor)}
.ContactForm i:nth-of-type(1){top:17px}
.ContactForm i:nth-of-type(2){top:70px}
.ContactForm i:nth-of-type(3){top:130px}
.ContactForm b{position:absolute;right:30px;font-size:14px}
aside .ContactForm b{position:absolute;right:30px;color:$(aside.text)}
#footer .ContactForm b{position:absolute;right:30px;color:$(footer.text)}
.ContactForm b:nth-of-type(1){font-size:14px;top:15px}
.ContactForm b:nth-of-type(2){font-size:14px;top:68px}
.ContactForm b:nth-of-type(3){font-size:14px;top:128px}
.ContactForm input[type='text']:nth-of-type(1):valid ~ b:nth-of-type(1),.ContactForm input[type='text']:nth-of-type(1):focus ~ b:nth-of-type(1){font-size:10px;top:-5px}
.ContactForm input[type='text']:nth-of-type(2):valid ~ b:nth-of-type(2),.ContactForm input[type='text']:nth-of-type(2):focus ~ b:nth-of-type(2){font-size:10px;top:50px}
.ContactForm textarea:valid ~ b:nth-of-type(3),.ContactForm textarea:focus ~ b:nth-of-type(3){font-size:10px;top:105px}
.ContactForm input[type='text']:valid + i + b,.ContactForm textarea:valid + i + b{color:$(keycolor)}
.ContactForm input[type='button']{outline:0;border:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:$(keycolor);font-family:inherit;font-weight:700;font-size:18px;padding:10px 20px;float:left;cursor:pointer;color:$(grad.color)}
.ContactForm input[type='button']:hover{padding:10px 30px}
.ContactForm input[type='text']:valid+i,.ContactForm textarea:valid+i{color:$(keycolor)}
aside .contact-state{float:right;color:$(aside.text)}
#footer .contact-state{float:right;color:$(footer.text)}
.contact-state img{float:right;line-height:90px;margin-left:10px}
.contact-state p{line-height:11px}
body .ContactForm input[type='text']:valid,body .ContactForm textarea:valid{border-bottom:2px solid $(keycolor)}
/* ------ Recent Comments Widget ------ */
.recent-comments{overflow:hidden}
.recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
aside .recent-comments .comment{border-bottom:1px solid $(aside.line)}
#footer .recent-comments .comment{border-bottom:1px solid $(footer.line)}
.recent-comments .comment:last-child{margin-bottom:0;border-bottom:0}
.comments-img-wrap{float:right;width:50px;height:50px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-left:15px;overflow:hidden}
aside .comments-img-wrap{border:3px solid $(aside.line)}
#footer .comments-img-wrap{border:3px solid $(footer.line)}
.recent-comments .comment .comm{float:right;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px)}
.recent-comments .comment .comm-author{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;float:right;height:21px;margin:0 0 0 10px;overflow:hidden}
aside .recent-comments .comment .comm-author{color:$(aside.text)}
footer .recent-comments .comment .comm-author{color:$(footer.text)}
.recent-comments .comment .comm-author:hover{text-decoration:underline}
.recent-comments .comment .details{float:left;overflow:hidden}
.recent-comments .comment .details span{margin-left:0;font-size:9.5px}
.recent-comments .comment p{text-align:right;width:100%;margin:0 0 2px;font-size:10px;max-height:55px;line-height:1.8em;overflow:hidden;font-weight:700}
aside .recent-comments .comment p{color:$(aside.link)}
#footer .recent-comments .comment p{color:$(footer.link)}
aside .recent-comments .comment .leave-comm{color:$(aside.link)}
#footer .recent-comments .comment .leave-comm{color:$(footer.text)}
.recent-comments .comment .leave-comm{display:block;padding-right:15px;overflow:hidden;font-size:10px;position:relative}
.recent-comments .comment .leave-comm:before{color:$(step.color);content:"\f086";font-family:FontAwesome;position:absolute;top:0;right:0}
.recent-comments .comment .leave-comm:hover{text-decoration:underline;color:$(step.color)}
.attachment:before{font-family:fontawesome;font-weight:400;font-size:14px;vertical-align:top;display:inline-block}
.attachment.att-pic:before{content:"\f03e"}
.attachment.att-vid:before{content:"\f16a"}
.attachment{color:$(keycolor);white-space:nowrap}
/* ------ Costom Posts Widget [ Slider ] ------ */
.bx-wrapper{direction:ltr}
.bx-slider-wrapper{direction:rtl}
.bx-wrapper .author-prof{top:15px}
.bx-wrapper .post-date{top:40px}
.bx-wrapper .caption h2{font-size:18px;margin:0;clear:both;line-height:1.5em}
#bx-v-slider .item{margin-bottom:15px;position:relative}
#bx-v-slider .item:last-child{margin-bottom:0}
#bx-v-slider .img-wrap{width:100%;height:200px}
aside #bx-v-slider{border:1px solid $(aside.line);padding:$(main.padding)}
#bx-fade-slider .img-wrap{width:100%;height:230px}
.bx-controls{position:absolute;top:0;left:0;z-index:51}
.bx-prev{margin-right:5px}
.bx-controls a{width:30px;height:30px;display:inline-block;font-size:0;text-align:center;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
aside .bx-controls a{background-color:$(aside.line);color:$(aside.text)}
#footer .bx-controls a{background-color:$(footer.line);color:$(footer.text)}
.bx-controls a:before{font-family:FontAwesome;display:block;font-size:25px;line-height:31px;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
.bx-prev:before{content:"\f104"}
.bx-next:before{content:"\f105"}
.bx-controls a:hover{color:$(grad.color)}
.bx-controls a:hover:before{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
/* ------ Featured Post ------ */
.FeaturedPost h2{margin:0 0 5px 0;line-height:1.5em;font-size:18px}
.FeaturedPost .item-thumbnail,.FeaturedPost .item-thumbnail img{display:block;text-align:center;margin:0 auto;width:100%}
.FeaturedPost .item-thumbnail{max-height:50vw;overflow:hidden;margin-bottom:5px}
aside .FeaturedPost h2{color:$(aside.link)}
footer .FeaturedPost h2{color:$(footer.link)}
.widget.FeaturedPost h2:hover{color:$(keycolor)}
aside .FeaturedPost p{color:$(aside.text)}
footer .FeaturedPost p{color:$(footer.text)}
/* ------ Costom Posts Widget [ Thumbs ] ------ */
aside .rand-content{padding:$(main.padding);border:1px solid $(aside.line)}
.rand-content div{padding-bottom:10px;margin-bottom:10px;overflow:hidden}
aside .rand-content div{border-bottom:1px solid $(aside.line)}
footer .rand-content div{border-bottom:1px solid $(footer.line)}
.rand-content .img-wrap{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;float:right;height:72px;width:90px;margin-left:15px}
aside .rand-content div:last-child{margin-bottom:0;border-bottom:none}
.rand-content h2{margin:0;font-size:16px;line-height:1.5em}
aside .rand-content h2 a{color:$(aside.link)}
footer .rand-content h2 a{color:$(footer.link)}
.rand-content h2 a:hover{color:$(keycolor)}
.rand-content .details > *{line-height:1.5em;font-size:10px;display:block;vertical-align:top}
/*=================
🔹 Pages (Common)
===================*/
/* ------ Pagination ------ */
#Pagination{margin-top:15px;text-align:center;clear:both;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#Pagination span{color:$(main.text);width:35px;height:35px;line-height:35px;background-color:$(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;text-align:center;margin:0 2px;cursor:pointer}
#Pagination span.hid-num{display:none}
#Pagination span,#Pagination a{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
#Pagination a:hover,#Pagination span:hover,#Pagination .curr{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color)}
.nums{width:351px;overflow:hidden;max-width:-webkit-calc(100% - 90px);max-width:-moz-calc(100% - 90px);max-width:calc(100% - 90px);margin:0 auto;display:inline-block;height:35px}
div#Pagination a{font-family:fontawesome;height:35px;width:35px;background-color:#EEE;display:inline-block;vertical-align:top;line-height:35px;font-size:20px;cursor:pointer;margin:0 2px}
/*=================
🔹 Homepage
===================*/
/* ------ Category Error ------ */
.temp-error b{background-color:#d00;display:block;color:#FFF;margin:0 auto 10px;padding:3px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;width:110px}
.temp-error span{display:block;clear:both;color:$(main.text);text-align:center;line-height:2em}
.temp-error i{font-weight:700;font-style:inherit;background-color:#eee;padding:0 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
/* ------ Common ------ */
.cate .headline{display:none}
.home-cate{margin-bottom:$(main.margin);clear:both}
.home-cate .widget-content{padding:$(main.padding);border:1px solid $(main.line);overflow:hidden}
.cate-link{margin:0;font-size:16px;overflow:hidden;max-height:45px}
.cate-link a{color:$(main.link);line-height:1.3em}
.cate-link a:hover{color:$(keycolor)}
.cate-snippet{color:$(main.text);line-height:1.7em;margin:5px 0}
.home-cate .details{margin-top:5px;line-height:1em}
.home-cate .Item{overflow:hidden}
.details > *{display:inline-block;vertical-align:top;font-size:11px}
.details > * i{color:$(keycolor);margin-left:5px}
.details > *:first-child{margin-left:10px}
.details a:hover{text-decoration:underline;color:$(keycolor)}
.details > *{color:$(main.text)}
aside .details > *{color:$(aside.text)}
#footer .details > *{color:$(footer.text)}
.img-wrap:before{content:"\f0f6";font-size:20px;position:absolute;top:50%;right:50%;margin-right:-25px;margin-top:-25px;font-family:fontawesome;color:$(grad.color);line-height:51px;width:50px;height:50px;text-align:center;z-index:1;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}
.img-wrap:after{content:"";-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:20px;border:4px solid $(grad.color);position:absolute;top:50%;right:50%;margin-right:-25px;margin-top:-25px;width:50px;height:50px;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0}
.img-wrap:hover:before,.img-wrap:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
/* ------ Section Type : Sided ------ */
.two-cols .section{width:-webkit-calc((100% - 15px)/3);width:-moz-calc((100% - 15px)/3);width:calc((100% - 15px)/3);float:right}
.two-cols .section.wide-right{width:-webkit-calc((100% - 15px) / 3 * 2);width:-moz-calc((100% - 15px) / 3 * 2);width:calc((100% - 15px) / 3 * 2);margin-left:15px}
.two-cols .section.wide-left{width:-webkit-calc(((100% - 15px) / 3) * 2);width:-moz-calc(((100% - 15px) / 3) * 2);width:calc(((100% - 15px) / 3) * 2);margin-right:15px}
.two-cols.no-wide .section{width:-webkit-calc((100% - 15px) / 2);width:-moz-calc((100% - 15px) / 2);width:calc((100% - 15px) / 2)}
.two-cols.no-wide .section:first-child{margin-left:15px}
.three-cols .section{width:-webkit-calc((100% - 30px)/3);width:-moz-calc((100% - 30px)/3);width:calc((100% - 30px)/3);float:right}
.three-cols .section:nth-of-type(2){margin-left:15px;margin-right:14px}
.cate-sided .Item:first-of-type{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid $(main.line)}
.cate-sided .Item:first-of-type .img-wrap{width:100%;height:200px}
.cate-sided .Item:first-of-type .cate-link{margin-top:10px}
.cate-sided .Item:first-of-type .cate-snippet{margin:10px 0}
.cate-sided .Item:nth-of-type(n+2){max-height:86px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid $(main.line)}
.cate-sided .Item:nth-of-type(n+2) .img-wrap{float:right;width:90px;height:70px;margin-left:15px}
.cate-sided .Item:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0}
.cate-sided .Item:nth-of-type(n+2) .img-wrap:after,.cate-sided .Item:nth-of-type(n+2) .img-wrap:before{display:none}
/* ------ Section Type : Cover ------ */
.cate-cover .Item:first-of-type .img-wrap{float:right;width:300px;height:180px;margin-left:15px}
.cate-cover .Item:first-of-type .cate-snippet{margin:10px 0}
.cate-cover .Item:nth-of-type(n+2){float:right;width:49%}
.cate-cover .Item:nth-of-type(n+2):nth-of-type(even){margin-left:2%}
.cate-cover .Item:nth-of-type(n+2){margin-top:15px;padding-top:15px;border-top:1px solid $(main.line)}
.cate-cover .Item:nth-of-type(n+2) .img-wrap{float:right;width:90px;height:70px;margin-left:15px}
.cate-cover .Item:nth-of-type(n+2) .img-wrap:after, .cate-cover .Item:nth-of-type(n+2) .img-wrap:before{display:none}
/* ------ Section Type : Video ------ */
.cate-video .Item{float:right;width:32.6666%}
.cate-video .cate-link{max-height:63px}
.cate-video .Item{margin-top:15px;padding-top:15px;border-top:1px solid $(main.line)}
.cate-video .Item:nth-of-type(-n+3){margin-top:0;padding-top:0;border-top:none}
.cate-video .Item:nth-of-type(3n-1){margin-right:1%;margin-left:1%}
.cate-video .img-wrap{float:right;width:170px;height:120px;margin-left:15px;position:relative}
.cate-video canvas{position:absolute;top:50%;z-index:5;margin-top:-25px;right:50%;margin-right:-25px;opacity:0}
.cate-video .img-wrap i{content:"\f04b";font-family:fontawesome;position:absolute;top:50%;right:50%;color:#FFF;font-size:24px;margin-top:-9px;margin-right:-12px;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);text-shadow:0 0 3px rgba(0,0,0,0.5);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;line-height:18px}
.cate-video .img-wrap:hover i{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.cate-video .img-wrap:hover canvas{opacity:1}
.cate-video .img-wrap:after,.cate-video .img-wrap:before{display:none}
/* ------ Section Type : Slideshow ------ */
.slideshow-thumbnail{float:right;width:65.188%;height:350px;margin-left:1.5%;position:relative}
.slideshow-thumbnail .img-wrap{position:absolute;top:0;right:0;width:100%;height:100%;display:none}
.cate-slideshow .Item{float:left;width:33.31%;padding:10px;margin-bottom:10px;background-color:$(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:relative;height:62px;color:$(main.text);font-size:14px;font-weight:700}
.cate-slideshow .Item:last-of-type{margin-bottom:0}
.cate-slideshow .Item.s-active{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color)}
.cate-slideshow .Item.s-active:after{content:"";display:block;border-width:8px;border-style:solid;border-color:transparent transparent transparent $(step.color);position:absolute;top:9px;right:-15px}
.s-progress{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));width:0;height:3px;position:absolute;top:0;left:0;z-index:5}
/* ------ Section Type : Carousel ------ */
.cate-carousel .widget-content{direction:ltr;overflow:hidden;padding:$(main.padding) -webkit-calc($(main.padding)/2);padding:$(main.padding) -moz-calc($(main.padding)/2);padding:$(main.padding) calc($(main.padding)/2)}
.cate-carousel .owl-item{direction:rtl;padding:0 7.5px}
.cate-carousel .img-wrap{width:100%;height:180px}
.cate-carousel .cate-link{font-size:14px;max-height:42px;margin:10px 0 0;overflow:hidden}
.owl-page{display:inline-block;width:10px;height:10px;background-color:$(main.line);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin:0 3px}
.owl-pagination{text-align:center}
.owl-page.active{background-color:$(keycolor);width:15px}
.cate-carousel .label-name{position:absolute;bottom:20px;right:20px}
.owl-controls.clickable{margin-top:10px}
/* ------ Recent Posts Widget ------ */
.index-posts .status a{float:left;margin:0}
.index-posts .img-wrap{float:right;width:300px;height:180px;margin-left:15px}
.index-posts h2{margin:0 0 5px 0}
.index-posts .post-outer{padding-bottom:20px;border-bottom:1px solid $(main.line);margin-bottom:20px;overflow:hidden}
.status-msg-body{border:1px solid $(main.line);margin-bottom:20px;padding:$(main.padding);color:$(main.text)}
.status-msg-body a{color:$(keycolor);margin-left:10px}
.status-msg-body b{color:$(main.color)}
.status-msg-body a:hover{text-decoration:underline}
.index-posts .PLHolder{opacity:0.5;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
/*=================
🔹 Post Page
===================*/
.item-page header{margin-bottom:$(main.margin)}
.post-body{font-size:15px;color:$(main.text);line-height:2em}
.post-body *:not(".fa"){font-family:'Cairo',serif!important}
.separator a{color:$(main.link)}
.separator a:hover{color:$(keycolor);text-decoration:underline}
.post-body h3,.post-body h2,.post-body h4{display:block;margin:5px 0 15px;border-bottom:1px solid $(main.line);padding-bottom:5px}
.post-body br{content:'';margin:15px;display:block}
.post-body iframe{max-width:100%}
.CSS_LIGHTBOX{z-index:999999!important}
.post-body a{color:$(keycolor);text-decoration:underline}
.post-body a:hover{color:$(step.color)}
/* ------ Ads ------ */
.Top-Ad,.Bottom-Ad{text-align:center;clear:both}
.Top-Ad{margin-bottom:20px}
.Bottom-Ad{margin-top:20px}
.Middle-Ad.fixedAd{float:left;margin-right:20px}
.Middle-Ad:not(.fixedAd){margin-bottom:20px;clear:both}
/* ------ Full Width ------ */
.fullwidth-topic{padding:$(main.padding);margin-top:35px;border:1px solid $(main.line)}
/* ------ Post Title ------ */
.topic-title{margin:0;padding:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;position:relative;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);font-size:22px;color:#fff;text-align:center;line-height:1.3em;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
/* ------ Post Tools ------ */
article .topic-tools{display:inline-block;vertical-align:top;padding:5px 15px;background-color:$(menu.back);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
/* ------ Zoom ------ */
.zooming{width:110px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.zooming b{color:$(menu.text);margin:0 2px;display:inline-block;vertical-align:top;font-size:12px}
.zooming i{color:$(step.color);border:2px solid $(keycolor);width:20px;display:inline-block;text-align:center;height:20px;-webkit-border-radius:100px;border-radius:100px;vertical-align:top;padding-top:3px;font-size:11px;cursor:pointer}
.zooming i:hover{color:$(keycolor);border:2px solid $(keycolor)}
.zooming i.disb{color:$(menu.text);border:2px solid $(menu.text);cursor:not-allowed}
/* ------ Post Detils ------ */
.topic-details{margin:0 5%;font-size:0;width:-webkit-calc(80% - 105px);width:calc(80% - 105px)}
.topic-details > *{margin-left:10px;color:$(menu.text);display:inline-block;vertical-align:top;margin-left:15px;font-size:10px}
.topic-details i{margin-left:5px;color:$(keycolor)}
.topic-details a:hover{color:$(keycolor);text-decoration:underline}
.topic-details .categ{position:relative;margin-left:0}
.topic-details .categ a:first-of-type{position:relative}
.topic-details .categ a{margin-left:5px}
.topic-details .categ a:first-of-type:after{line-height:12px;content:"\f100";font-family:FontAwesome;font-size:12px;color:$(menu.text)display:inline-block;vertical-align:middle;margin-right:5px}
.topic-details .categ a:last-of-type{margin-left:0}
.topic{color:$(main.color);padding:$(main.padding);margin:15px auto 0;overflow:hidden;text-align:justify;line-height:2.2;border:1px solid $(main.line);margin-bottom:$(main.margin)}
/* ------ Post Blockquote ------ */
.post-body blockquote{width:90%;clear:both;-webkit-print-color-adjust:exact;padding:10px 30px;margin:15px auto;line-height:2;text-indent:15px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);-webkit-border-radius:5px;border-radius:5px;position:relative}
.post-body blockquote:before{content:"\f10e";top:0;right:-4px}
.post-body blockquote:before,blockquote:after{font-family:FontAwesome;font-size:20px;color:$(main.back);position:absolute}
.post-body blockquote:after{content:"\f10d";bottom:0;left:15px}
.quote-share a{background:$(main.back);color:$(keycolor);text-align:center;display:inline-block;width:25px;height:25px;text-indent:0;-webkit-border-radius:100%;border-radius:100%;border:2px solid $(keycolor);font-size:11px;margin:0 1px}
.quote-share a:hover{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.quote-share{position:absolute;left:50px;bottom:-12px}
/* ------ Post Elements ------ */
.post-body ol{list-style-type:decimal}
.post-body ul{list-style-type:disc;margin-right:40px}
.post-body li{padding-right:10px}
.post-body img{width:auto;height:auto;display:inline;max-width:100%}
.separator a{display:block}
/* ------ Post Pagination ----- */
.post-pages{position:relative;clear:both;overflow:hidden;margin-top:15px}
.post-pages:before{content:"";background-color:$(main.line);height:5px;position:absolute;width:100%;top:15px}
a.next-page,a.prev-page{z-index:1;background-color:$(main.back);position:relative;border:2px solid $(keycolor);border-radius:100px;color:$(keycolor)}
a.next-page:hover,a.prev-page:hover{border:2px solid $(step.color);color:$(step.color)}
a.next-page:hover:before,a.prev-page:hover:before{background-color:$(step.color)}
a.prev-page{-webkit-box-shadow: -10px 0 0, -20px 0 0 #FFF;box-shadow: -10px 0 0, -20px 0 0 #FFF;float:right;padding:5px 5px 5px 15px}
a.next-page{-webkit-box-shadow: 10px 0 0, 20px 0 0 #FFF;box-shadow: 10px 0 0, 20px 0 0 #FFF;float:left;padding:5px 15px 5px 5px}
a.next-page:before,a.prev-page:before{font-family:fontawesome;background-color:$(keycolor);width:21px;height:21px;border-radius:100px;text-align:center;color:$(grad.color);font-size:16px}
a.next-page:before{content:"\f104";float:left;margin-right:10px}
a.prev-page:before{content:"\f105";float:right;margin-left:10px}
/* ------ Edit Post Button ------ */
.edit-post a:before{content:"\f040";font-family:fontawesome;display:inline-block;font-weight:normal;margin-left:10px}
.edit-post a{display:block;width:150px;text-align:center;padding:10px 0;border-radius:100px;font-weight:bold;background-color:$(step.color);margin:20px auto 0;color:$(main.back)}
.edit-post a:hover{width:170px;background-color:$(keycolor)}
/* ------ Post Share ------ */
.topic-share .social{display:block;width:100%;margin-right:0;padding-top:$(main.margin);border-top:1px solid $(main.line);text-align:center;position:static;top:auto;right:auto;z-index:1;font-size:0;margin-top:$(main.margin)}
.topic-share .social li{display:inline-block;vertical-align:top;min-width:100px;margin:0 5px 5px 0;padding:0;width:-webkit-calc((100% / 7) - 6px);width:calc((100% / 7) - 6px)}
.topic-share .social li a:hover{-webkit-box-shadow:0 90px 75px 1px rgba(255,255,255,0.0) inset,0 3px 5px -2px rgba(0,0,0,0.3);box-shadow:0 90px 75px 1px rgba(255,255,255,0.0) inset,0 3px 5px -2px rgba(0,0,0,0.3);-webkit-animation:Share .2s ease-in-out;animation:Share .2s ease-in-out}
@-webkit-keyframes Share {
50%{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}
100%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}
}
@keyframes Share {
50%{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}
100%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}
}
.topic-share .social li a{display:block;padding:5px 6px;font-size:13px;font-family:inherit;color:#FFF;-webkit-box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;-webkit-border-radius:100px;border-radius:100px;text-align:right;height:40px;overflow:hidden}
.topic-share .social li a:before{font-size:16px;font-family:fontawesome;display:inline-block;vertical-align:-2px;margin-left:8px;background-color:rgba(0,0,0,0.2);width:30px;height:30px;text-align:center;-webkit-border-radius:100px;border-radius:100px;padding-top:8px;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;float:right}
.topic-share .social li a:hover b{margin-top:2px}
.topic-share .social li a b{display:block;margin-top:8px;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.topic-share .social li a:hover span{margin-top:-11px}
.topic-share .social li a span{font-size:10px;color:rgba(255,255,255,0.5);display:block;clear:both;float:right;margin-right:38px;margin-top:6px;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.topic-share .social li a:hover:before{background-color:#FFF;-webkit-animation:Share2 .2s ease-in-out;animation:Share2 .2s ease-in-out}
@-webkit-keyframes Share2 {
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes Share2 {
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
.topic-share .social li a.fa-envelope:before{font-size:14px}
.topic-share .social li a.fa-facebook {background-color:#3b5998}
.topic-share .social li a.fa-twitter {background-color:#1da1f2}
.topic-share .social li a.fa-pinterest-p {background-color:#cc2127}
.topic-share .social li a.fa-google-plus {background-color:#dd4b39}
.topic-share .social li a.fa-phone {background-color:#189d0e}
.topic-share .social li a.fa-envelope {background-color:#7954ad}
.topic-share .social li a.fa-print {background-color:#555555}
.topic-share .social li a.fa-facebook:hover:before {color:#3b5998}
.topic-share .social li a.fa-twitter:hover:before {color:#1da1f2}
.topic-share .social li a.fa-pinterest-p:hover:before {color:#cc2127}
.topic-share .social li a.fa-google-plus:hover:before {color:#dd4b39}
.topic-share .social li a.fa-phone:hover:before {color:#189d0e}
.topic-share .social li a.fa-envelope:hover:before {color:#7954ad}
.topic-share .social li a.fa-print:hover:before {color:#555555}
/* ------ Post Reactions ------ */
.reaction-buttons {
border-top: 1px solid $(main.line);
display: block;
margin: $(main.margin) 0 0;
padding-top: $(main.margin);
}
.reactions-label{display:inline-block;vertical-align:top;font-weight:bold;color:$(main.text)}
iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub}
/* ------ Topic Author ------ */
.topic-author{display:none;margin-top:$(main.margin);width:100%;margin-left:0;padding:$(main.padding);overflow:hidden;border:1px solid $(main.line);position:relative}
.topic-author .author-img{float:right;width:90px;height:90px;margin-left:10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;overflow:hidden}
.topic-author h4{display:inline-block;margin:0;font-size:15px;background:$(keycolor);color:#FFF;padding:3px 15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
b.author-rank{display:inline-block;margin:5px 0;background-color:$(step.color);font-size:11px;color:#FFF;padding:0 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.author-about{font-size:11px;color:$(main.text);text-align:justify;float:right;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}
.topic-author .social{position:absolute;left:15px;top:15px}
.topic-author .social a{width:25px;height:25px;padding-top:5px;margin:0 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:15px;display:inline-block;text-align:center;color:#FFF}
.topic-author .social a:hover{-webkit-animation:SocIcons .2s ease-in-out;-moz-animation:SocIcons .2s ease-in-out;-o-animation:SocIcons .2s ease-in-out;animation:SocIcons .2s ease-in-out}
.author-profile:after{content:"\f104";font-family:fontawesome;display:inline-block;margin-right:10px}
.author-profile{float:left;border:2px solid $(main.line);color:$(main.text);font-weight:700;font-size:12px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;padding:4px 10px;margin-top:10px}
.author-profile:hover{border:2px solid $(keycolor);color:$(keycolor)}
/* ------ Navigation ------ */
.topic-nav{margin-top:$(main.margin);display:block;padding:$(main.padding);border:1px solid $(main.line)}
.topic-nav-wrap{position:relative}
.topic-nav-cont{overflow:hidden;font-size:0}
.topic-nav-cont a{width:50%;padding:15px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:relative}
.topic-nav-cont a:hover{position:static;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
.topic-nav .next{float:left;border-right:1px solid $(main.line)}
.topic-nav .prev{float:right;margin-right:-1px;border-left:1px solid $(main.line)}
.topic-nav-cont span{display:block;width:120px;margin:0 auto;font-size:12px;color:$(main.text);position:relative;font-weight:700;padding:5px 0;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:$(main.line)}
.topic-nav-cont a:hover span{background-color:#FFF;color:$(keycolor)}
.topic-nav-cont h4{font-size:16px;margin:10px 0 0;overflow:hidden;color:$(main.color);max-height:50px;line-height:1.5em}
.topic-nav-cont a:hover h4{color:#FFF}
.topic-nav .topic-img{opacity:0;width:49.9%;height:180px;border:10px solid $(step.color);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute;bottom:150%;z-index:1}
.topic-nav .topic-img img{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100%;height:100%}
.topic-nav-cont a:hover .topic-img{opacity:1;bottom:120%}
.topic-nav .next .topic-img{left:0}
.topic-nav .prev .topic-img{right:0}
.topic-nav .topic-img:after{content:"";display:block;border-width:19px;border-style:solid;border-color:$(step.color) transparent transparent;position:absolute;left:-webkit-calc(50% - 19px);left:-moz-calc(50% - 19px);left:calc(50% - 19px);top:100%}
/* ------ Related Posts ------ */
.related-carousel .owl-wrapper-outer{padding-bottom:20px}
.related-carousel .owl-item{padding:0 7.5px}
.related-carousel .item{direction:rtl;padding:15px;border:1px solid $(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.related-carousel .item:hover{-webkit-box-shadow:0 3px 8px -2px rgba(0,0,0,0.1);-moz-box-shadow:0 3px 8px -2px rgba(0,0,0,0.1);box-shadow:0 3px 8px -2px rgba(0,0,0,0.1)}
.topic-related{margin-top:$(main.margin)}
.topic-related .details{margin:10px 0 5px;display:block;border-bottom:1px solid $(main.line)}
.related-carousel .img-wrap{width:100%;height:200px}
.topic-related .item h4{margin:0;overflow:hidden;overflow:hidden}
.topic-related .item h4 a{color:$(main.link)}
.topic-related .item h4 a:hover{color:$(keycolor)}
/* ------ Topic Comments ------ */
.topic-comments{margin-top:$(main.margin)}
#comment-editor{margin-top:20px}
.comments-bar{display:block;overflow:hidden}
.comments-bar li{font-weight:700;float:right;padding:10px 15px;margin-left:10px;-webkit-border-radius:2px 2px 1px 1px;-moz-border-radius:2px 2px 1px 1px;border-radius:2px 2px 1px 1px;background-color:$(main.line);cursor:pointer;-webkit-transform:translate(0,7px);-ms-transform:translate(0,7px)}
.comments-bar .active{-webkit-transform:translate(0);-ms-transform:translate(0);color:#FFF}
li[data-bar="face"]:hover,li[data-bar="facebook"]{background-color:#3b5998;color:#FFF}
li[data-bar="disqus"]:hover,li[data-bar="disqus"]{background-color:#2e9fff;color:#FFF}
li[data-bar="blogger"]:hover,li[data-bar="blogger"]{background-color:#f87850;color:#FFF}
li[data-bar="google"]:hover,li[data-bar="google"]{background-color:#db4437;color:#FFF}
.comments-tabs{clear:both}
.comments-tabs>div{display:none;padding:15px 0;text-align:center;border-width:4px 0;border-style:solid}
.comments-tabs .default{display:block}
.comments-tabs .facebook-tab{border-color:#3b5998}
.comments-tabs .disqus-tab{border-color:#2e9fff}
.comments-tabs .blogger-tab{border-color:#f87850;text-align:right}
.comments-tabs .google-tab{border-color:#db4437;text-align:right}
.comments-tabs .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px}
.comments-tabs .comments-count{float:right;padding:5px 0;font-size:14px;position:relative;color:$(main.text)}
.comments-tabs .go-respond{float:right;padding:5px 15px;margin:0 25px;background-color:$(main.line);color:$(main.text)}
.comments-tabs .comments-show{float:left}
.comments-tabs .comments-show a{display:inline-block;padding:5px 25px 5px 15px;position:relative}
.comments-tabs .comments-show .active:before{content:"\f00c";font-family:FontAwesome;position:absolute;top:6px;right:7px}
.comments-tabs .comments-show a:hover,.comments-tabs .comments-show .active{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color)}
.comments-list{overflow:hidden;border:1px solid $(main.line)}
.comments-list ol{margin:0;padding:0;list-style:none}
.comments-list .avatar-image-container{float:right;width:72px;height:72px;margin-left:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.comments-list .avatar-image-container img{width:100%;height:100%;display:block}
.comments-list .comment-replies .avatar-image-container{width:50px;height:50px}
.comments-list .comment-content{line-height:1.5em;margin:0;color:$(main.color);font-size:14px}
.comments-list cite.user{font-style:normal;display:inline-block;margin:0 0 5px;font-size:13px;position:relative;font-weight:700;background-color:$(main.text);color:$(main.line);padding:0 15px}
.comments-list cite.user.blog-author{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color)}
li.comment{position:relative}
.comments-list ol > li.comment{padding:15px 0;margin:0 15px;overflow:hidden;border-top:1px solid $(main.line)}
.comments-list ol > li:first-of-type{border-top:none}
.comments-list .comment-replies{width:100%;padding-top:15px;margin-top:15px;padding-right:90px;border-top:1px solid $(main.line)}
.comments-list .comment-replies li.comment:nth-of-type(n+2){border-top:1px solid $(main.line);margin-top:15px;padding-top:15px}
.loadmore{float:left;background-color:$(main.line);margin:0 15px 15px;padding:5px 15px;color:$(main.text)}
.thread-toggle,.continue,.comment-replies:empty,.loadmore.loaded{display:none!important;}
.comment-content img{width:auto;max-width:100%;height:auto;display:block;position:relative;top:15px;margin-bottom:30px}
.comment-content iframe{width:100%;height:350px;display:block;margin-bottom:30px;top:15px;position:relative}
.comment-content a{color:$(keycolor);text-decoration:underline}
.comment-content a:hover{color:$(step.color)}
.comment-actions{position:absolute;left:0;top:15px}
.comment-replies li.comment:first-of-type .comment-actions{top:0}
.comment-actions > a,.comment-actions span{float:left;color:$(main.link);padding:3px 10px;background-color:$(main.line);font-size:11px;position:relative;cursor:pointer;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.comment-actions>*:last-child{margin-left:10px}
.comment-actions > :hover{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color)}
.comment-actions>:before{font:normal normal normal 14px FontAwesome;display:inline-block;vertical-align:-2px;margin-left:5px}
.comment-actions>a:before{content:"\f112"}
.comment-actions>span:before{content:"\f014"}
#comments-respond{padding:$(main.padding);margin-top:25px;border:1px solid $(main.line)}
.datetime.secondary-text{display:block;margin-top:-5px;margin-left:15px;font-size:10.2px;color:$(main.text)}
.datetime.secondary-text:before{content:"\f273";font-family:fontawesome;display:inline-block;vertical-align:top;margin-left:5px}
#comments-respond h4{margin:0;color:$(main.link)}
#comments-respond h4:before{content:"\f086";font-family:fontawesome;font-weight:400;color:$(step.color);margin-left:10px;font-size:26px;display:inline-block;vertical-align:text-bottom}
#comments-respond p{margin:0 0 5px;color:$(main.text)}
/*=================
🔹 Error Page
===================*/
.error_page .side-right{float:none;width:100%;margin-bottom:$(main.margin)}
.ErrorSection{border:1px solid $(main.line);padding:20px;text-align:center}
.ErrorSection h2{color:$(main.color);margin:38px 0 50px;font-size:64px}
.ErrorSection span{display:block}
.ErrorSection span i{font-size:110px;color:$(keycolor)}
.ErrorSection p{color:$(main.text);margin:20px 0 0;font-size:18px;font-weight:700;text-align:center}
/*=================
🔹 Redirect Page
===================*/
#redirect-page{text-align:center;display:block;font-style:normal;margin:20px auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:450px;max-width:100%;border:1px solid $(main.line);padding:20px}
.rp-msg{display:inline-block;margin:0;text-align:center;font-size:16px;font-weight:700;color:$(main.link)}
.rp-msg:before{content:"\f251";font-family:fontawesome;margin-left:10px;display:inline-block;vertical-align:middle;color:#d1484a}
.rp-loader{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:10px auto;height:55px;overflow:hidden;padding:5px;border:3px solid $(main.line);position:relative}
.rp-loader-bar{width:0;background:-webkit-gradient(linear,left top,right top,from($(step.color)),to($(keycolor)));background:-webkit-linear-gradient(left,$(step.color),$(keycolor));background:-o-linear-gradient(left,$(step.color),$(keycolor));background:-webkit-gradient(linear,left top, right top,from($(step.color)),to($(keycolor)));background:-moz-linear-gradient(left,$(step.color),$(keycolor));background:linear-gradient(90deg,$(step.color),$(keycolor));height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.rp-time{color:$(main.link);margin:10px auto;font-size:16px;display:block;position:relative;top:-45px;font-weight:700}
.rp-time.half{color:$(main.back)}
.rp-link{-webkit-border-radius:292px;-moz-border-radius:292px;border-radius:292px;padding:5px 30px;display:inline-block;font-size:16px;font-weight:700}
.post-body a.rp-link{text-decoration:none}
.rp-link:not(.disb){border:2px solid $(keycolor);color:$(keycolor)}
.rp-link:not(.disb):hover{background-color:$(keycolor);color:$(main.back)}
.post-body a.rp-link.disb{border:2px solid $(main.line);color:$(main.line)}
/*=================
🔹 Archive Page
===================*/
.arp-item{overflow:hidden;margin-bottom:10px}
.arp-thumb{float:right;margin-left:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.post-body .arp-link{text-decoration:none;display:block;font-size:16px;font-weight:700;color:$(main.link)}
.arp-label-name{background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));display:block;margin-bottom:10px;padding:20px 20px 20px 60px;color:$(grad.color);position:relative}
.arp-label-name b{font-size:26px}
.arp-label-count{position:absolute;font-size:14px;background-color:rgba(0,0,0,0.1);padding:5px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:700;top:-webkit-calc(50% - 20px);top:-moz-calc(50% - 20px);top:calc(50% - 20px);left:20px}
.arp-label-count u{text-decoration:none}
.arp-date,.arp-cate{display:inline-block;vertical-align:top;font-size:10px;padding:0 10px;-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;margin-bottom:8px;font-weight:700;line-height:2em}
.arp-date{color:$(grad.color);background-color:$(keycolor);border:2px solid $(keycolor);margin-left:5px}
.arp-cate{color:$(step.color);border:2px solid $(step.color)}
.arp-link:before{content:"";width:0;height:2px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:$(step.color);vertical-align:middle;display:inline-block}
.post-body .arp-link:hover{color:$(keycolor)}
.post-body .arp-link:hover:before{width:15px;margin-left:5px}
/*=================
🔹 Authors Page
===================*/
.aup-wrapper{margin:0 auto;width:70%}
.aup-head{width:166px;height:166px;margin:0 auto 20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px}
.aup-photo{width:160px;height:160px;-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;top:3px;right:3px;border:10px solid $(main.back);position:relative;-moz-background-size:cover;background-size:cover}
.aup-name{text-align:center;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto 10px;line-height:normal;}
.aup-title{text-align:center;display:block}
.aup-title b{background-color:$(step.color);display:inline-block;padding:2px 20px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;color:$(grad.color)}
.aup-about{margin:5px auto;font-size:13px;color:$(main.text)}
.aup-social{text-align:center}
.aup-social a{font-size:14px;width:30px;height:30px;margin:0 2px;line-height:30px;color:#FFF!important;text-decoration:none!important;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.timeline-item{padding:10px 0;position:relative;overflow:hidden;height:102px}
.timeline-date{float:right;vertical-align:middle;width:100px;line-height:2em;padding-top:15px}
.timeline-date b{display:block;text-align:center;font-size:40px;color:$(step.color)}
.timeline-date i{text-align:center;display:block;font-style:normal;font-size:12px;color:$(main.text)}
.timeline-point{display:inline-block;width:5px;background:$(main.line);height:100%;position:absolute;right:120px;top:0}
.timeline-point:before{content:'';width:21px;height:21px;display:block;background:$(keycolor);top:-webkit-calc(50% - 11.5px);top:-moz-calc(50% - 11.5px);top:calc(50% - 11.5px);position:relative;right:-8px;border:5px solid $(main.back);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.timeline-post{padding-right:60px;float:right;width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px)}
.timeline-thumb{width:82px;height:82px;display:inline-block;vertical-align:middle;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border:5px solid $(main.line);-webkit-box-shadow:0 0 1px 0 $(main.text);-moz-box-shadow:0 0 1px 0 $(main.text);box-shadow:0 0 1px 0 $(main.text)}
.post-body a.timeline-title{text-decoration:none;display:inline-block;vertical-align:middle;margin-right:20px;font-weight:700;font-size:16px;color:$(main.link);width:-webkit-calc(100% - 102px);width:-moz-calc(100% - 102px);width:calc(100% - 102px);line-height:1.6em;max-height:75px;overflow:hidden}
.timeline-item:hover .timeline-point:before{background-color:$(step.color);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.timeline-post:hover a{color:$(keycolor)}
.timeline-post:hover .timeline-thumb{-webkit-animation:thumb .5s ease-out;-moz-animation:thumb .5s ease-out;-o-animation:thumb .5s ease-out;animation:thumb .5s ease-out}
@-webkit-keyframes thumb {
25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@-moz-keyframes thumb {
25%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)}
75%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
}
@-o-keyframes thumb {
25%{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
75%{-webkit-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes thumb {
25%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
75%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg)}
}
.timeline-month{position:relative}
.timeline-month > .timeline-point{height:70px}
.timeline-mohth-name{margin-right:140px;height:70px}
.timeline-mohth-name span{line-height:1.5em;display:inline-block;color:$(main.text);padding:5px 20px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-weight:700;margin-top:20px;border:2px solid $(main.line)}
.timeline-month > .timeline-point:before{background-color:$(main.line);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.blog-author-card{width:260px;display:inline-block;vertical-align:top;margin:0 10px 10px 0;border:2px solid $(main.line);padding:20px;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.blog-authors{text-align:center}
b.blog-author-name{display:block;font-size:18px;border-bottom:2px solid $(step.color);color:$(step.color);padding-bottom:10px}
.blog-author-avatar{display:block;margin:10px auto;width:130px;height:130px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-size:100% 100%;background-size:100% 100%;border:5px solid $(main.back);-webkit-box-shadow:0 0 0 3px $(keycolor);-moz-box-shadow:0 0 0 3px $(keycolor);box-shadow:0 0 0 3px $(keycolor)}
.blog-author-rank{background-color:$(keycolor);font-size:12px;display:inline-block;padding:0px 15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-bottom:10px;color:#FFF}
.blog-author-social a{text-decoration:none;display:inline-block;vertical-align:top;margin:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;width:25px;height:25px;line-height:24px;color:$(main.text);border:1px solid $(main.line)}
.blog-author-social a:before{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}
.blog-author-social a:hover{border:1px solid $(step.color);background-color:$(step.color);color:$(main.back)}
b.blog-author-count{float:right;font-size:12px;color:$(main.link);margin-top:6px}
b.blog-author-link{float:left}
.blog-author-social{min-height:30px;margin-bottom:10px}
.post-body a.blog-author-link{text-decoration:none;line-height:2em;float:left;color:$(step.color);padding:3px 13px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:12px;font-weight:700;border:2px solid $(step.color)}
.post-body .blog-author-link:hover{background-color:$(step.color);color:#FFF}
b.blog-author-count:before{content:'';width:10px;height:5px;display:inline-block;background-color:$(keycolor);-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-left:5px;vertical-align:2px}
/*=================
🔹 Shortcodes
===================*/
/* ------ Premium Content ------ */
.premium{display:none;border:10px solid $(main.back);margin:20px auto;padding:20px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.3);box-shadow:0 0 2px 0 rgba(0,0,0,0.3);text-align:center;width:70%;position:relative;line-height:2em;background-color:$(main.line);line-height:25px}
.prm-title{margin:0 20px 0 0;font-size:20px;color:$(main.link);text-align:right}
.prm-title:before{content:"\f023";font-family:fontawesome;margin:0 15px;font-weight:400;color:$(main.text);font-size:35px;background-color:$(main.line);width:60px;height:60px;padding-top:12px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border:5px solid $(keycolor);display:inline-block;vertical-align:-17px;-webkit-box-shadow:0 0 0 10px $(main.line);-moz-box-shadow:0 0 0 10px $(main.line);box-shadow:0 0 0 10px $(main.line);text-align:center}
.prem-desc{display:block;color:$(grad.color);font-weight:700;font-size:12px;background:-webkit-linear-gradient(45deg,$(step.color),$(keycolor));background:-o-linear-gradient(45deg,$(step.color),$(keycolor));background:-moz-linear-gradient(45deg,$(step.color),$(keycolor));background:linear-gradient(45deg,$(step.color),$(keycolor));width:100%;padding:5px 110px 5px 0;margin:-22px 0 20px;text-align:right;line-height:1.5em}
.post-body .pr-but{text-decoration:none;padding:5px 10px;display:inline-block;vertical-align:middle;margin:0 5px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#FFF;font-family:inherit;direction:ltr;text-align:center;font-weight:700}
.post-body .pr-but:hover{color:#FFF;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}
.pr-but.pr-but-facebook:before{content:"\f09a"}
.pr-but.pr-but-twitter:before{content:"\f099"}
.pr-but.pr-but-google:before{content:"\f0d5"}
.pr-but.pr-but-facebook{background-color:#3b5998}
.pr-but.pr-but-twitter{background-color:#1da1f2}
.pr-but.pr-but-google{background-color:#dd4b39}
.pr-but:before{font-family:fontawesome;display:inline-block;vertical-align:middle;font-weight:400;margin-right:10px;padding-right:10px;font-size:18px;border-right:1px solid rgba(255,255,255,0.1)}
.hltd{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;-webkit-animation:hltd .5s linear;-moz-animation:hltd .5s linear;-o-animation:hltd .5s linear;animation:hltd .5s linear}
@-webkit-keyframes hltd {
from{background-color:#ffa}
to{background-color:transparent}
}
@-moz-keyframes hltd {
from{background-color:#ffa}
to{background-color:transparent}
}
@-o-keyframes hltd {
from{background-color:#ffa}
to{background-color:transparent}
}
@keyframes hltd {
from{background-color:#ffa}
to{background-color:transparent}
}
/* ------ Messages ------ */
.post-body i.msgs{display:block;padding:15px 50px 15px 20px;font-style:normal;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;line-height:1.5em;position:relative;border-width:3px;border-style:solid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.post-body i.msgs:before{font-family:fontawesome;width:30px;height:30px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;text-align:center;margin-left:10px;color:#FFF;font-weight:normal;font-size:22px;line-height:30px;position:absolute;right:10px;top:-webkit-calc(50% - 15px);top:-moz-calc(50% - 15px);top:calc(50% - 15px)}
.post-body i.msgs.info:before{content:"\f129";background-color:#68c9ff}
.post-body i.msgs.success:before{content:"\f00c";background-color:#46ea77}
.post-body i.msgs.error:before{content:"\f00d";background-color:#f58282}
.post-body i.msgs.warning:before{content:"\f12a";background-color:#d6c137}
.post-body i.msgs.gift:before{content:"\f06b";background-color:#c775c3}
.post-body i.msgs.info{border-color:#68c9ff;color:#68c9ff}
.post-body i.msgs.success{border-color:#46ea77;color:#46ea77}
.post-body i.msgs.error{border-color:#f58282;color:#f58282}
.post-body i.msgs.warning{border-color:#d6c137;color:#d6c137}
.post-body i.msgs.gift{border-color:#c775c3;color:#c775c3}
/* ------ Buttons ------ */
.post-body a.sq-button{text-decoration:none;line-height:1.5em;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a.sq-button.sm{padding:2px 15px}
a.sq-button.md{padding:5px 15px;font-size:16px}
a.sq-button.lg{padding:5px 15px;font-size:20px}
a.sq-button.xl{padding:10px 30px;font-size:22px}
.post-body a.sq-button:hover{-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}
/* ------ Dev Code ------ */
.post-body pre.sq-code{direction:ltr;text-align:left!important;width:100%;display:block;font-size:0;line-height:30px;max-height:228px;overflow:scroll}
.code-sn{display:inline-block;width:4%;color:$(grad.color);font-weight:bold;text-align:center;background-color:$(keycolor);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.code-sn span{display:block}
.code-sn span:nth-of-type(odd){background-color:rgba(255,255,255,0.1)}
pre.sq-source{margin:0;display:inline-block;vertical-align:top;background-color:$(main.line);color:$(main.link);width:96%;font-size:12px}
pre.sq-source code{display:block;padding:0 10px}
.sq-source code:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}
/* ------ Contact Form ------ */
.post-body .ContactForm input[type='text'],.post-body .ContactForm textarea{border-bottom:2px solid $(main.line);color:$(main.color)}
.post-body .ContactForm i{color:$(main.text)}
.post-body .ContactForm b{position:absolute;right:30px;color:$(main.text)}
.post-body .contact-state{float:right;color:$(main.text)}
/*=================
🔹 Responsive
===================*/
@media screen and (max-width:1050px) {
#Header1,#HTML302{float:none;width:100%;text-align:center;margin:0 auto;min-height:auto}
div#Header1{margin-bottom:$(main.margin)}
.aup-wrapper{width:90%}
}
@media screen and (min-width:641px) and (max-width:1050px) {
.cate-video .Item:nth-of-type(-n+3){margin:0;padding:0;border:0}
.cate-video .Item:nth-of-type(3n-1){margin:0}
.cate-video .Item{width:-webkit-calc((100% - 15px)/2);width:-moz-calc((100% - 15px)/2);width:calc((100% - 15px)/2)}
.cate-video .Item:nth-of-type(n+3){margin-top:$(main.margin);padding-top:$(main.margin);border-top:1px solid $(main.line)}
.cate-video .Item:nth-of-type(odd){margin-left:15px}
}
@media screen and (min-width:641px) and (max-width:860px) {
.cate-video .img-wrap{float:none;clear:both;width:100%;height:30vw}
.cate-video .cate-link{margin-top:$(main.margin)}
}
@media screen and (min-width:992px) {
body{background:$(body.background);-moz-background-size:cover;background-size:cover}
}
@media screen and (max-width:992px) {
.menu-bar{display:none}
.menu-bar-res{display:block}
.side-right{width:-webkit-calc(100% - 250px - 2%);width:-moz-calc(100% - 250px - 2%);width:calc(100% - 250px - 2%);float:right}
aside{float:left;width:250px}
}
@media screen and (min-width:861px) and (max-width:992px) {
.social-counter li{margin:0 5px!important;float:none;display:inline-block;vertical-align:top}
.social-counter{text-align:center}
}
@media screen and (min-width:641px) and (max-width:992px) {
.wide-sec .sided-sections.three-cols .section:first-of-type{float:none;width:100%;clear:both;width:100%}
.wide-sec .sided-sections.three-cols .section:nth-of-type(2){margin:0 0 0 15px}
.wide-sec .sided-sections.three-cols .section:nth-of-type(n+2){width:-webkit-calc((100% - 15px)/2);width:-moz-calc((100% - 15px)/2);width:calc((100% - 15px)/2)}
.wide-sec .sided-sections.two-cols .section{margin:0 0 0 15px;width:-webkit-calc((100% - 15px)/2);width:-moz-calc((100% - 15px)/2);width:calc((100% - 15px)/2)}
.wide-sec .sided-sections.two-cols .section:last-of-type{margin:0}
}
@media screen and (max-width:860px) {
header #top-bar #LinkList301{max-width:70%;margin-right:40px}
nav.social{position:absolute;right:40px;top:0}
header #top-bar #PageList301{width:200px;position:absolute;right:0;overflow:visible}
header #top-bar .menu{display:none}
header #top-bar .menu-res{display:block}
header #top-bar #HTML301{width:250px}
.main-slider .m-slider{float:none;width:100%;margin-bottom:$(main.margin)}
.main-slider .left-box{float:none;width:100%;clear:both;height:auto}
.main-slider .left-box > div{float:right;width:49%}
.main-slider .left-box > div:first-of-type{margin-left:2%}
main.side-right,aside{width:100%;float:none}
#sidebar-section .widget{width:49%;float:right}
#sidebar-section .widget:nth-of-type(odd){margin-left:2%}
#footer-sections .f-sec:nth-of-type(odd){margin-left:2%}
#footer-sections .f-sec{width:49%;margin-left:0;margin-bottom:$(main.margin)}
.topic-tools.zooming{display:block;margin:0 auto}
.topic-tools{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.topic-details{width:95%;margin:0 2.5%;padding:35px $(main.padding) 10px;margin-top:-3px}
}
@media screen and (max-width:640px) {
.topic-title{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
body .sided-sections .section{float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
#sidebar-section .widget{width:100%;float:none}
#footer #footer-sections .f-sec{width:100%;margin-left:0}
body .cate-video .Item{float:none;width:100%;margin:0 0 20px!important;margin-left:0;border-top:1px solid #EEE;padding-top:$(main.padding)}
body .cate-video .Item:last-of-type{margin-top:0!important;padding-top:0;border-top:none}
.slideshow-thumbnail{float:none;width:100%;height:320px;margin-left:0;margin-bottom:$(main.padding)}
.cate-slideshow .Item{width:100%;float:none}
.cate-slideshow .Item.s-active:after{display:none}
.cate-cover .Item:first-of-type .img-wrap{width:180px}
.cate-cover .Item:nth-of-type(n+2){width:100%;float:none}
.index-posts .img-wrap{width:180px;height:180px;margin-left:15px}
.blog-author-card{margin-right:0}
.aup-wrapper{width:100%}
.topic-author .social{position:relative;left:0;top:0;text-align:left}
#LinkList304{float:none;clear:both;margin:0 auto;text-align:center}
#HTML303{float:none;clear:both;text-align:center;margin-bottom:10px}
.premium{width:98%}
.comments-list .comment-replies{padding-right:0}
.comments-list .comment-content{margin-top:40px;clear:both}
.comments-list .comment-replies .comment-content{margin-top:20px}
.comment-actions{left:auto;right:85px;top:60px}
.comment-replies .comment-actions{left:0;top:15px;right:auto}
}
@media screen and (max-width:480px) {
.ticker-title{font-size:0;padding:0 25px}
header #top-bar #HTML301{min-width:auto;width:200px;position:absolute;left:$(main.padding)}
.slideshow-thumbnail{height:240px}
.main-slider .left-box > div{width:100%;float:none}
.cate-cover .Item:first-of-type .img-wrap{float:none;width:100%;margin-bottom:$(main.padding)}
.main-slider .m-slider{height:320px}
.index-posts .post-outer .img-wrap{float:none;width:100%;height:50vw;margin-bottom:15px}
.post-outer h2.post-title{display:block;width:100%}
.comments-bar li{float:none;width:100%;display:block;-webkit-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);transform:translate(0);margin-bottom:5px}
.topic-nav-cont a.next,.topic-nav-cont a.prev{float:none;width:100%;border:none;display:block}
.topic-nav .topic-img{display:none!important}
.arp-label-count u{display:none}
.arp-link{font-size:14px}
.arp-label-name b{font-size:20px}
.timeline-mohth-name{margin-right:110px}
.timeline-date{width:75px}
.timeline-point{right:90px}
.timeline-post{padding-right:40px;width:-webkit-calc(100% - 115px);width:-moz-calc(100% - 115px);width:calc(100% - 115px)}
.timeline-title{margin-right:10px}
.topic-author{text-align:center}
.author-about{float:none;display:block;width:100%;clear:both;margin-bottom:10px}
.topic-author .author-img{display:block;margin:0 auto 10px;float:none}
.topic-author .social{text-align:center}
.author-profile{float:none;display:inline-block}
.separator a{margin:0 auto!important}
.cate-video .img-wrap{float:none;width:100%;margin-bottom:$(main.padding);height:50vw}
}
@media screen and (max-width:360px) {
.home-cate .widget-content,.index-posts{padding:0;border:none}
.timeline-mohth-name{margin-right:30px}
.timeline-item{height:auto}
.timeline-date{width:100%;text-align:right;padding:0 30px 0 0}
.timeline-date b{display:inline-block;font-size:20px;margin-left:5px;vertical-align:middle}
.timeline-date i{display:inline-block;font-size:12px;vertical-align:middle}
.timeline-point{right:10px}
.timeline-post{padding-right:30px;width:100%}
.timeline-thumb{display:none}
a.timeline-title{display:block;margin-right:0;width:100%}
header #top-bar #HTML301{width:150px}
.premium{width:98%}
h6.prm-title{margin:0 0 20px;text-align:center}
span.prem-desc{margin-top:5px;padding:5px 10px;text-align:center}
.prm-title:before{display:block;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0 auto}
a.pr-but{display:block;text-align:left}
.pr-but:before{width:30px}
}
@media print {
.main-container>header,.intro,footer,aside,.topic-share,.topic-author,.topic-nav,.topic-related,div[id^='HTML30'],.zooming,.main-container:before,.main-container:after,article .topic-tools,.Top-Ad,.Bottom-Ad,.Middle-Ad,.quote-share,.item-control.blog-admin{display:none}
.side-right{width:100%!important;float:none}
.middle-content,.main-wrap{margin:0 auto!important}
.main-container{max-width:100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.topic-details{margin:0 5%;width:90%}
.topic-title{color:#000;border-bottom:1px solid #DDD;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-shadow:none}
.post-body{color:#222!important}
}
]]></b:skin>
<!-- Layout Skin -->
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
/* =============
* Common
* ============= */
body#layout{background:#efefef url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEileWwuvP4SewcEQwuzzXt-0Z48yHfLnZjoDclBfRftZJyEey6l-dmzpuuqtlCypDbKcz6ONa5unr1YnL1aQtcfCCpKpM69Q0Xzannx_0Qeqp8k9OcQF7FLB73L39Db15iZrs70zJNXzVg/s1600/pattern.png);min-height:100%;direction:rtl;width:850px;padding:0 20px}
body#layout:before{content:'';margin-bottom:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgaZ1F2e4qgJtV8ZawwfrJT761rY1zbxtiT-f7KjrivkL-hPE0L3CztFo1loTfPb52jOw1QqhrQ8Cz_K57zyBeIKi9LIaoy3CczDe_8-veLjqYk6cUcyMQQN49UDU8UFDEALxWCp-JSYg/s1600/Header.png) no-repeat center center;display:block;height:200px}
body#layout .clear{height:1px;clear:both;display:block;width:100%}
body#layout .Loading{display:none}
body#layout .section .widget-content{background:linear-gradient(45deg,#2c165f,#922c2c);border-radius:2px;min-height:50px}
body#layout .draggable-widget .widget-wrap3{background:none}
body#layout .section h4{display:none}
body#layout div.layout-title{color:#ddd;font-weight:700;text-align:right;font-size:13px}
body#layout div.layout-widget-description{color:#b77881;font-size:11px;text-align:right;line-height:16px}
body#layout div.layout-title,body#layout div.layout-widget-description{font-family:tahoma}
body#layout .main-container .section{margin:0;border:0;padding:0;background:0;font-size:0;height:auto}
body#layout div.section>div.add_widget{margin-top:0;padding:7px 15px;border:none;border-bottom:2px solid #c7c7c7}
body#layout div.section>div.add_widget:hover{border-bottom:2px solid #e87375}
body#layout .add-icon{float:right;background-color:#d8d8d8;border-radius:2px}
body#layout div.section>div.add_widget:hover .add-icon{background-color:#e87375}
body#layout div.section>div.widget{margin-top:0;margin-bottom:10px}
body#layout .section .widget a.editlink{border:0;padding:3px 15px;color:#b190bf!important;left:10px;right:auto;background:#562d67;text-decoration:none;border-radius:3px;height:20px;font:700 11px/18px Tahoma}
body#layout .section .widget a.editlink:hover{background:#922c2d;color:#dadada!important}
body#layout .visibility .editlink.icon{margin-top:15px}
body#layout .add_widget{border:1px dashed rgba(0,0,0,0.3);margin-bottom:5px;margin-top:0}
body#layout .add_widget:hover{border:1px dashed rgba(0,0,0,0.5)}
body#layout .section .add_widget a{text-align:right;margin-right:40px;margin-left:0;color:#757575;font-weight:700;text-decoration:none!important}
body#layout div.widget-content{padding:10px 15px}
body#layout .draggable-widget div.widget-wrap2{background-color:#e87375}
body#layout .dr_active:before{content:"\اÙلت هÙنا";font-size:30px;padding-top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #5558ea;color:#5e1056;margin-bottom:30px;top:20px;border-radius:100px}
body#layout .widget.locked-widget:before{content:"\002638";font-size:14px;position:absolute;left:10px;z-index:2;top:0;background-color:#562d67;width:17px;height:15px;color:#b190b6;line-height:1em;padding-top:5px;border-radius:0 0 20px 20px}
body#layout .widget .visibility .layout-widget-state{float:right;margin-top:12px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6lGpaGCH91k-xS2AU4J_fgyPJGPI-HN84qB65ug6JxGfUOmw15er5F2vMLNv-53aSv_k4dCtP2We6da4TxuHA-YE22o9zV0u_c9CpD1ZfpzNI7c3hkR-4zAbZEGIv6JuCbluwvf8Wow/s1600/eyes.png);opacity:1!important}
.layout-widget-state.visible{background-position:center -1px!important}
.layout-widget-state.not-visible{background-position:center -23px!important}
/* =============
* Heads Title
* ============= */
body#layout header:before,body#layout .intro:before,body#layout .sided-sections:before,body#layout aside:before,body#layout #RecentPosts:before,body#layout #Auth-Sec:before,body#layout footer:before{content:'';display:block;height:45px;background:#271e3a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbflKzYENILGjumxMIibaIn8S8k1lQMbuBlkl-Mt1SJ9Nl7GSzBRkUEuTerBhD-f61TLwu2HbwmJe2v_IELFoKRNiX7PeT3z69i0G8_Y1l0tQifp_DQLYbL0EZX-CHM2oEwJ3IeoAICo/s1600/LyN.png) no-repeat;margin-bottom:10px}
body#layout header:before{background-position:center -9px}
body#layout .intro:before{background-position:center -78px}
body#layout .sided-sections:before{background-position:center -152px}
body#layout aside:before{background-position:center -228px}
body#layout #RecentPosts:before{background-position:center -308px}
body#layout #Auth-Sec:before{background-position:center -398px}
body#layout footer:before{background-position:center -486px}
body#layout .opt-before:before{display:none}
/* =============
* Header
* ============= */
body#layout #Tempnec{background-color:transparent;border:none;margin:0;padding:0}
body#layout #Tempnec .widget{display:none}
body#layout .widget#LinkList400,body#layout .widget#HTML400{display:block}
body#layout #top-bar #HTML301{display:none}
body#layout header div.dropregion{display:none!important}
body#layout #top-bar .widget,body#layout #head-sec .widget{width:49.5%;display:inline-block;vertical-align:top}
body#layout #head-sec #Header1,body#layout #top-bar #LinkList301{margin-left:1%}
/* =============
* Main
* ============= */
body#layout .sided-sections,body#layout .sided-sections{font-size:0}
body#layout .top-content .sided-sections .section,body#layout .bottom-content .sided-sections .section{display:inline-block;vertical-align:top;width:32.33333333333%}
body#layout #section2,body#layout #section5,body#layout #section14{margin-right:1.5%;margin-left:1.5%}
body#layout .middle-content .sided-sections .section{display:inline-block;vertical-align:top;width:49%}
body#layout .middle-content .sided-sections .section:first-of-type{margin-left:2%}
body#layout .intro{margin-bottom:10px}
body#layout #section9{margin-bottom:10px}
body#layout .middle-content{margin-bottom:10px}
body#layout .Blog .widget-content{height:100px}
body#layout #ContactForm1{display:none}
body#layout div#RecentPosts .widget:last-of-type{margin-bottom:0}
body#layout main{float:right;width:60%;border-left:2px solid #d8d8d8;padding-left:1%}
body#layout aside{float:right;width:37.5%;margin-right:1%}
/* =============
* footer
* ============= */
body#layout #footer-sections{font-size:0}
body#layout #footer-sections .section{width:24%;display:inline-block;vertical-align:top;margin-left:1.333%}
body#layout #footer-sections div#sec4{margin-left:0}
body#layout #HTML303,body#layout #HTML304{display:none}
]]></b:template-skin>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'>
<b:includable id='ar-date' var='post'><data:post.date.day/> <b:eval expr='data:post.date.month == 1 ? "يناير" : ""'/><b:eval expr='data:post.date.month == 2 ? "Ùبراير" : ""'/><b:eval expr='data:post.date.month == 3 ? "مارس" : ""'/><b:eval expr='data:post.date.month == 4 ? "أبريل" : ""'/><b:eval expr='data:post.date.month == 5 ? "مايو" : ""'/><b:eval expr='data:post.date.month == 6 ? "يونيه" : ""'/><b:eval expr='data:post.date.month == 7 ? "يوليو" : ""'/><b:eval expr='data:post.date.month == 8 ? "أغسطس" : ""'/><b:eval expr='data:post.date.month == 9 ? "سبتمبر" : ""'/><b:eval expr='data:post.date.month == 10 ? "أكتوبر" : ""'/><b:eval expr='data:post.date.month == 11 ? "نوÙمبر" : ""'/><b:eval expr='data:post.date.month == 12 ? "ديسمبر" : ""'/> <data:post.date.year/></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='content'><form autocomplete='off' name='contact-form'><input autocomplete='name' class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' required='required' type='text'/><i class='fa fa-user'/><b><data:contactFormNameMsg/></b><input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' required='required' type='text'/><i class='fa fa-envelope'/><b><data:contactFormEmailMsg/></b><textarea autocomplete='email' class='contact-form-email-message notr' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' required='required'/><i class='fa fa-quote-right'/><b><data:contactFormMessageMsg/></b><input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/><div class='contact-state'><p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div><div class='clear'/></form></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='LinkList'>
<b:includable id='content'>
<b:if cond='data:widget.sectionId == "Auth-Sec"'>
<b:tag name='script' type='text/javascript'>(function(){var snapAuthor=AuthorsInfo.filter(function(a){return a.name==='<data:title/>'})[0];if(snapAuthor==undefined){AuthorsInfo.push({ name: '<data:title/>', links: {}, count: 0 });snapAuthor=AuthorsInfo.filter(function(a){return a.name==='<data:title/>'})[0];}snapAuthor.provided=true;<b:loop values='data:links' var='link'><b:switch var='data:link.name'><b:case value='avatar'/>snapAuthor.avatar='<data:link.target.escaped/>';<b:case value='top-ad'/>snapAuthor.topAd='<data:link.target.jsEscaped/>';<b:case value='mid-ad'/>snapAuthor.midAd='<data:link.target.jsEscaped/>';<b:case value='bot-ad'/>snapAuthor.botAd='<data:link.target.jsEscaped/>';<b:case value='rank'/>snapAuthor.rank='<data:link.target.escaped/>';<b:case value='about'/>snapAuthor.about='<data:link.target.escaped/>';<b:default/>snapAuthor.links['<data:link.name/>']='<data:link.target/>';</b:switch></b:loop>})();</b:tag>
<b:else/>
<div class='widget-content'>
<nav>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
</b:loop>
</ul>
</nav>
</div>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Common'>
<b:includable id='DefaultMeta'>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='blogger' name='generator'/>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
<b:eval expr='data:blog.openIdOpTag'/>
<b:if cond='data:view.featuredImage'>
<link expr:href='data:view.featuredImage' rel='image_src'/>
<b:else/><link href='<b:include name='altImage'/>' rel='image_src'/>
</b:if>
<!--[if IE]><script type='text/javascript'>(function(){var html5=("abbr,article,aside,audio,canvas,datalist,details,"+"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+"progress,section,time,video").split(',');for(var i=0;i<html5.length;i++){document.createElement(html5[i])}try{document.execCommand('BackgroundImageCache',false,true)}catch(e){}})()</script><![endif]-->
</b:includable>
<b:includable id='OpenGraph'>
<meta content='ar_AR' property='og:locale'/>
<meta expr:content='data:view.url.canonical' property='og:url'/>
<meta expr:content='data:view.title.escaped' property='og:title'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.title.escaped' property='og:image:alt'/>
<b:if cond='data:view.isMultipleItems'><meta content='website' property='og:type'/>
<b:elseif cond='data:view.isSingleItem'/><meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
<b:else/><meta content='<b:include name='altImage'/>' property='og:image'/></b:if>
</b:includable>
<b:includable id='TwitterCard'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'/>
<meta expr:content='data:view.title.escaped' name='twitter:title'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' name='twitter:image'/>
<b:else/><meta content='<b:include name='altImage'/>' name='twitter:image'/></b:if>
</b:includable>
<b:includable id='DNSPrefetech'>
<link expr:href='data:view.url' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//accounts.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//c.disquscdn.com' rel='dns-prefetch'/>
</b:includable>
<b:includable id='widget-title'>
<b:if cond='data:title.length gt 0'><div class='headline'><h6><data:title/></h6></div></b:if>
<b:include name='widget-edit'/>
</b:includable>
<b:includable id='altImage'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEIjv-enp2KisjMS_fTC21KGf3qTmmEqLGYaoAaVFzz1CXQ2lmzoRZn_POVTbyj_OUxc3Ihu1SZB3KWj8LoCWFBkRsgYBr2okmjIdYHyWP2Bx3BSGVqsh6gMS5SZS9roO5iZ9DIfgzWTc/s1600/alternate.png</b:includable>
<b:includable id='altAuthor'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIEbdILS_Wztrcrb3D2bLFZ7qH9OYPmcRxMmuE45LPz-LB3UFrFLaJZNN8pnNWdfps_Yquv8DSRkyAceHYR6ubYNJiCOin0rQmZBwokVBqUHFV9VC2ygAu-aINQSgsZ9CGCz6JGfKsbVk/s1600/Unknown.png</b:includable>
<b:includable id='widget-edit'>
<span class='item-control blog-admin'>
<b:loop values='data:widgets' var='Widget'>
<b:if cond='data:Widget.id == data:widget.instanceId'>
<a class='quickedit' expr:href='data:widget.quickEditUrl.escaped' expr:onclick='"return _WidgetManager._PopupConfig(document.getElementById(\"" + data:widget.instanceId + "\"));"' expr:target='"config" + data:widget.instanceId' expr:title='"تØرير " + data:Widget.title'/>
</b:if>
</b:loop>
</span>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts,FeaturedPost'>
<b:includable id='snippetedPostContent'><b:if cond='data:widget.type == "PopularPosts"'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if><b:if cond='data:postDisplay.showFeaturedImage'><a class='item-thumbnail' expr:href='data:post.url'><b:if cond='data:post.featuredImage'><b:if cond='data:widget.type == "PopularPosts"'><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 72, "1:1")'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 300, "3:2")'/></b:if><b:else/><img data-src='<b:include name='altImage'/>' alt='<data:messages.image/>'/></b:if></a></b:if><b:if cond='data:postDisplay.showTitle'><h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2></b:if><b:if cond='data:widget.type == "FeaturedPost"'><div class='details'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><div class='post-author'><b:if cond='data:post.author.profileUrl'><a expr:href='data:post.author.profileUrl' rel='nofollow'><i class='fa fa-user-circle'/><data:post.author.name/></a><b:else/><i class='fa fa-user-circle'/><data:post.author.name/></b:if></div></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if></div></b:if><b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "PopularPosts"'><b:eval expr='data:post.snippets.long snippet { length: 120, links: false, linebreaks: false }'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><b:eval expr='data:post.snippets.long snippet { length: 240, links: false, linebreaks: false }'/></b:if></p></b:if></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='content'>
<div class='subscrib-sec'>
<p>أدخل بريدك الإلكتروني هنا لتشترك معنا ويصلك آخر وأهم الموضوعات على بريدك أولاً „</p>
<form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
<button class='msg-send'><data:messages.subscribe/></button>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input expr:value='data:blog.locale' name='loc' type='hidden'/>
</form>
</div>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<!--</head>--></head>
<body>
<b:class expr:name='data:blog.pageType'/>
<b:class cond='data:view.isHomepage' name='Homepage'/>
<b:attr name='data-overflow' value='false'/>
<b:attr name='data-boxed' value='true'/>
<div class='Loading hide notr'><div class='spinner notr'><div class='bounce1'/><div class='bounce2'/><div class='bounce3'/></div></div>
<b:section id='Tempnec' showaddelement='false'>
<b:widget id='BlogArchive400' locked='true' title='BlogArchive' type='BlogArchive' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>false</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:tag name='script' type='text/javascript'>var PostCount=0;<b:loop values='data:data' var='i'>PostCount+=<data:i.post-count/>;</b:loop>if(typeof(PostCount)==='undefined'){var PostCount=0}</b:tag>
</b:includable>
<b:includable id='content'/>
<b:includable id='flat'/>
<b:includable id='hierarchy'/>
<b:includable id='interval' var='intervals'/>
<b:includable id='posts' var='posts'/>
</b:widget>
<b:widget id='Label400' locked='true' title='BlogLabels' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'><ul class='hide' itemscope='itemscope' itemtype='http://www.schema.org/SiteNavigationElement'><b:loop values='data:labels' var='label'><li><a expr:href='data:label.url' itemprop='url'><span itemprop='name'><data:label.name/></span></a></li></b:loop></ul><b:tag name='script'>var blogLabels = {<b:loop index='i' values='data:labels' var='label'>"<data:label.name/>":<data:label.count/><b:if cond='data:labels.length != data:i+1'>,</b:if></b:loop>};if(typeof(blogLabels)==='undefined'){var blogLabels={Labels:0}}</b:tag></b:includable>
<b:includable id='cloud'/>
<b:includable id='content'/>
<b:includable id='list'/>
</b:widget>
<b:widget id='Profile400' locked='true' title='BlogAuthors' type='Profile' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:tag name='script' type='text/javascript'>var AuthorsInfo=new Array();<b:if cond='data:team'><b:loop values='data:authors' var='author'>AuthorsInfo.push({"name":"<data:author.display-name/>","avatar":"<b:include data='author' name='authorImageTeam'/>","count":0,"links":{}});</b:loop><b:else/>AuthorsInfo.push({"name":"<data:displayname/>","avatar":"<b:include name='authorImageSingle'/>","count":0,"links":{}})</b:if></b:tag></b:includable>
<b:includable id='authorImageSingle'><b:if cond='data:authorPhoto.image'><data:authorPhoto.image/><b:else/><b:include name='altAuthor'/></b:if></b:includable>
<b:includable id='authorImageTeam' var='author'><b:if cond='data:author.authorPhoto.image'><data:author.authorPhoto.image/><b:else/><b:include name='altAuthor'/></b:if></b:includable>
<b:includable id='authorProfileImage'/>
<b:includable id='content'/>
<b:includable id='defaultProfileImage'/>
<b:includable id='profileImage'/>
<b:includable id='teamProfile'/>
<b:includable id='teamProfileLink'/>
<b:includable id='userGoogleProfile'/>
<b:includable id='userLocation'/>
<b:includable id='userProfile'/>
<b:includable id='userProfileData'/>
<b:includable id='userProfileImage'/>
<b:includable id='userProfileInfo'/>
<b:includable id='userProfileLink'/>
<b:includable id='userProfileText'/>
<b:includable id='viewProfileLink'/>
</b:widget>
<b:widget id='HTML400' locked='true' title='كود التÙعيل' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><?xml version="1.0" encoding="UTF-8" ?>
<!doctype html>
<b:attr expr:value='data:view.isSingleItem ? "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" : "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"' name='prefix'/>
<!-- Title -->
<!-- Feed Links -->
<b:eval expr='data:blog.feedLinks'/>
<!-- Default Meta -->
<b:include name='DefaultMeta'/>
<!-- Open Graph -->
<b:include name='OpenGraph'/>
<!-- Twitter Card -->
<b:include name='TwitterCard'/>
<!-- DNS Prefetch -->
<b:include name='DNSPrefetech'/>
<!-- Required -->
<b:if cond='data:view.isSingleItem'>
</b:if>
<!-- Template Skin -->
<b:skin><![cdata[
/* ========================================================
= squeeze template =
===========================================================
>> Platform : Blogger
>> Category : Magazine
>> Homepage : https://www.alrsooog.com
>> Version : 1.0.0
>> License : Free
=========================================================== */
/* ====================
>> TABLE OF CONTENTS :
=======================
🔹 Variables
🔹 Normalize
🔹 Spinner
🔹 Fonts
🔹 OwlCarousel
🔹 Main
🔹 Widths
🔹 Framework
🔹 Header
🔹 Intro
🔹 Sidebar
🔹 Footer
🔹 Widgets
🔹 Pages (Common)
🔹 Homepage
🔹 Post Page
🔹 Error Page
🔹 Redirect Page
🔹 Archive Page
🔹 Authors Page
🔹 Shortcodes
🔹 Responsive */
/*=================
🔹 Variables
===================*/
<group description="أساسي" selector="body">
<variable name="keycolor" description="اللون الرئيسي" type="color" default="#6e5aff" value="#6e5aff"/>
<variable name="step.color" description="اللون المساعد" type="color" default="#bd3057" value="#bd3057"/>
<variable name="grad.color" description="لون ال (عند خلÙية متدرجة)" type="color" default="#ffffff" value="#ffffff"/>
<variable name="body.background.color" description="لون تبويب المدونة ÙÙŠ الهاتÙ" type="color" default="#d24949" value="#d24949"/>
<variable name="body.background" description="الخلÙية" type="background" color='transparent' default="$(color)
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6OhFjano3_3iAMZwQkKbL4TQkICCsCHF_xEU6OF8qxYnhg-vXUCLwXyjX7FrbcCjorlcPJCp0Q8fGpCM0XgB6uiSsJywdGbjis9ssy4agV4qGHtldPt869ZzLL9Esd7n1fZr4Uj2x20/s1600/purple.jpg) repeat fixed top right" value="$(color)
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6OhFjano3_3iAMZwQkKbL4TQkICCsCHF_xEU6OF8qxYnhg-vXUCLwXyjX7FrbcCjorlcPJCp0Q8fGpCM0XgB6uiSsJywdGbjis9ssy4agV4qGHtldPt869ZzLL9Esd7n1fZr4Uj2x20/s1600/purple.jpg) repeat fixed top right"/>
<variable name="startSide" description="start direction" type="automatic" default="left" hideeditor="true" />
<variable name="endSide" description="end direction" type="automatic" default="right" hideeditor="true" />
</variable></variable></variable></variable></variable></variable></variable></group>
<group description="ألوان عامة" selector="main-wrap">
<variable name="main.back" description="لون الخلÙية الداخلي" type="color" default="#ffffff" value="#ffffff"/>
<variable name="main.color" description="لون النص الرئيسي" type="color" default="#222222" value="#222222"/>
<variable name="main.title" description="لون عنوان العنصر" type="color" default="#222222" value="#222222"/>
<variable name="main.link" description="لون الروابط" type="color" default="#444444" value="#444444"/>
<variable name="main.text" description="لون النصوص" type="color" default="#777777" value="#777777"/>
<variable name="main.line" description="لون الÙواصل" type="color" default="#eeeeee" value="#eeeeee"/>
<variable name="menu.back" description="خلÙية القوائم" type="color" default="#111111" value="#111111"/>
<variable name="menu.text" description="لون روابط القوائم" type="color" default="#dddddd" value="#dddddd"/>
</variable></variable></variable></variable></variable></variable></variable></variable></group>
<group description="الشريط الجانبي" selector="aside">
<variable name="aside.title" description="عنوان العناصر" type="color" default="#222222" value="#222222"/>
<variable name="aside.link" description="لون الروابط" type="color" default="#444444" value="#444444"/>
<variable name="aside.text" description="لون النصوص" type="color" default="#999999" value="#999999"/>
<variable name="aside.line" description="لون الÙواصل" type="color" default="#eeeeee" value="#eeeeee"/>
</variable></variable></variable></variable></group>
<group description="الÙوتر" selector="footer">
<variable name="footer.back1" description="تدرج الخلÙية 1" type="color" default="#211837" value="#211837"/>
<variable name="footer.back2" description="تدرج الخلÙية 2" type="color" default="#111111" value="#111111"/>
<variable name="footer.title" description="عنوان العناصر" type="color" default="#dddddd" value="#dddddd"/>
<variable name="footer.link" description="لون الروابط" type="color" default="#ffffff" value="#ffffff"/>
<variable name="footer.text" description="لون النصوص" type="color" default="#dddddd" value="#999999"/>
<variable name="footer.line" description="لون الÙواصل" type="color" default="#2d283b" value="#2d283b"/>
</variable></variable></variable></variable></variable></variable></group>
<group description='نموذج التعليقات' selector="#comments">
<variable name="body.text.font" description="نوع الخط" type="font" default="600 14px Cairo !important" value="600 14px Cairo !important"/>
<variable name="tabs.font" description="نوع الخط (مساعد)" type="font" default="14px Cairo" value="14px Cairo"/>
<variable name="body.text.color" description="لون النص" type="color" default="#777777" value="#777777"/>
<variable name="body.link.color" description="لون الروابط" type="color" default="#9e44c9" value="#9e44c9"/>
<variable name="posts.background.color" description="لون الخلÙية" type="color" default="#ffffff" value="#ffffff"/>
<variable name="posts.title.color" description="لون العنوان" type="color" default="#d24949" value="#d24949"/>
<variable name="posts.icons.color" description="خلÙية الأيقونات" type="color" default="#9e44c9" value="#9e44c9"/>
<variable name="posts.text.color" description="Post text color" type="color" default="#757575" value="#757575"/>
<variable name="labels.background.color" description="Label background color" type="color" default="#dddddd" value="#dddddd"/>
</variable></variable></variable></variable></variable></variable></variable></variable></variable></group>
<group selector='body' description="ضبط العروض">
<variable name="content.width" description="Content width" type="length" min="640px" max="1300px" default="1200px" value="1200px"/>
<variable name="sidebar.width" description="Sidebar width" type="length" min="150px" max="480px" default="330px" value="330px"/>
<variable name="main.margin" description="المساÙØ© الرأسية بين العناصر" type="length" min="0px" max="50px" default="20px" value="20px"/>
<variable name="main.padding" description="الهوامش الداخليه للعناصر" type="length" min="0px" max="50px" default="20px" value="20px"/>
</variable></variable></variable></variable></group>/**/
/*=================
🔹 Normalize
===================*/
html{font-family:serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a:focus,a:active{outline:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{max-width:100%;border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:serif;font-size:100%;line-height:1.15;margin:0}button,input{outline:none!important;overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}iframe{border:none}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*=================
🔹 Fonts
===================*/
@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIkTpu0xg.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIvTpu0xg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:400;src:local(Cairo),local(Cairo-Regular),url(https://fonts.gstatic.com/s/cairo/v3/SLXGc1nY6HkvalIhTps.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format("woff2");unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cairo';font-style:normal;font-weight:600;src:local('Cairo SemiBold'),local(Cairo-SemiBold),url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*=================
🔹 Main
===================*/
body{font-family:'Cairo',serif;font-size:14px;line-height:1.5em}
body::-webkit-scrollbar{background-color:$(main.back);width:10px}
body::-webkit-scrollbar-thumb{background:$(keycolor)}
body::-moz-selection{background:$(keycolor);color:#FFF}
body[data-boxed='true'] .main-container{max-width:$(content.width)}
::-moz-selection{background:$(keycolor);color:#FFF}
::selection{background:$(keycolor);color:#FFF}
ul{list-style:none;padding:0;margin:0}
p{line-height:2;font-size:12px;text-align:justify}
a{text-decoration:none;color:inherit}
.main-container{width:100%;margin:0 auto;background-color:$(main.back);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.main-container:before,.main-container:after{content:'';display:block;height:3px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
.middle-content{overflow:hidden}
.main-wrap{padding:0 $(main.padding)}
#RecentPosts{margin-bottom:$(main.margin)}
.side-$startSide{margin-bottom:$(main.margin)}
body.no-sidebar .side-$startSide{float:none;width:100%}
body.no-sidebar aside{display:none}
.tempscheme{border-color:$(keycolor) $(footer.line) $(step.color) $(footer.text);float:$startSide;text-align:$endSide;color:$(keycolor);background-color:$(step.color)}
/*=================
🔹 Widths
===================*/
.side-$startSide{width:-webkit-calc(100% - $(sidebar.width) - 2%);width:-moz-calc(100% - $(sidebar.width) - 2%);width:calc(100% - $(sidebar.width) - 2%);float:$startSide}
aside{float:$endSide;width:$(sidebar.width)}
.wrapper{max-width:$(content.width);margin:0 auto}
header .color-wrap{background-color:$(menu.back)}
#footer .color-wrap{position:relative;background-color:rgba(0,0,0,0.1)}
/*=================
🔹 Framework
===================*/
/* ------- Quickedit ------ */
.quickedit:after{content:'\f0ad';position:absolute;font-family:fontawesome;color:#666;top:100%;$endSide:0;font-size:18px;z-index:5;opacity:.8}
.quickedit:hover:after{-webkit-animation:quickedit .3s ease-in-out;-moz-animation:quickedit .3s ease-in-out;-o-animation:quickedit .3s ease-in-out;animation:quickedit .3s ease-in-out;opacity:1}
@-webkit-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
}
@-moz-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
}
@-o-keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
}
@keyframes quickedit {
50%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
75%{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
}
/* ------- Headlines ------ */
.headline{margin-bottom:15px;border-bottom:2px solid $(main.line)}
.main-wrap aside .headline{margin-bottom:15px;border-bottom:2px solid $(aside.line)}
#footer .headline{margin-bottom:15px;border-bottom:2px solid $(footer.line)}
#LinkList303 .headline h6{margin-top:0}
.headline h6{display:inline-block;margin:0 0 12px;font-size:17px;position:relative}
.main-wrap .headline h6{color:$(main.title)}
.main-wrap aside .headline h6{color:$(aside.title)}
#footer .headline h6{color:$(footer.title)}
.headline h6:after{content:"";height:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:33px;$endSide:0;$startSide:0;bottom:0}
.headline a{color:$(main.text);float:$endSide;padding:5px 12px;font-size:12px;background-color:$(main.line);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;line-height:18px}
/* ------ Read More ------ */
.read-more{display:inline-block;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:5px 15px;font-size:14px;font-weight:700;color:$(grad.color);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.read-more:hover{padding:5px 25px}
/* ------ Post Share ------ */
.post-share{float:$endSide}
.post-share .share-icon{z-index:1;float:$endSide;width:31px;height:31px;line-height:31px;text-align:center;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color);font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:relative}
.post-share .share-icon:after{opacity:0;content:"";font-family:FontAwesome;border-width:5px;border-style:solid;position:absolute;top:11px;$endSide:100%}
[dir='rtl'] .post-share .share-icon:after{border-color:transparent transparent transparent $(keycolor)}
[dir='ltr'] .post-share .share-icon:after{border-color:transparent $(keycolor) transparent transparent}
.post-share .share-icon.arrow:after{opacity:1}
.post-share .share-menu{visibility:hidden;float:$endSide;margin-top:1px;margin-bottom:0;margin-$endSide:5px}
.post-share .share-menu li{float:$endSide;opacity:0;margin-$endSide:5px}
[dir='rtl'] .post-share .share-menu li{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);-moz-transform:translateX(-30px);-o-transform:translateX(-30px);transform:translateX(-30px)}
[dir='ltr'] .post-share .share-menu li{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-moz-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px)}
.post-share .share-menu li i{width:27px;height:27px;line-height:27px;margin-top:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#FFF}
.post-share .share-menu li .fa-facebook{background-color:#3b5998}
.post-share .share-menu li .fa-twitter{background-color:#1da1f2}
.post-share .share-menu li .fa-pinterest-p{background-color:#dd4b39}
.share-open.share-menu{visibility:visible}
[dir] .share-open.share-menu li{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.share-open.share-menu li:nth-of-type(1){-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear}
.share-open.share-menu li:nth-of-type(2){-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;transition:.3s linear}
.share-open.share-menu li:nth-of-type(3){-webkit-transition:.2s linear;-o-transition:.2s linear;-moz-transition:.2s linear;transition:.2s linear}
/* ------ Image Wrap ------ */
.img-wrap{display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;overflow:hidden;position:relative}
.img-wrap:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
.overlay{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:0;$endSide:0}{opacity:0;width:100%;height:100%;overflow:hidden;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:rgba(0,0,0,0.6);position:absolute;top:0;$endSide:0}
.img-wrap:hover .overlay{opacity:.8}
.details-on-img{position:absolute;top:0;$endSide:0;$startSide:0;bottom:0}
.details-on-img .author-prof,.details-on-img .post-date{padding:0 4px;background:$(main.back);font-size:10px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:absolute;$startSide:-100%;z-index:2;-webkit-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);-moz-box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3);box-shadow: -2px 2px 10px -1px rgba(0,0,0,0.3)}
.details-on-img .author-prof{color:$(keycolor)}
.details-on-img .post-date{color:$(step.color)}
.img-wrap .author-prof{top:30px;-webkit-transition:.4s linear;-o-transition:.4s linear;-moz-transition:.4s linear;transition:.4s linear}
.img-wrap .post-date{top:55px;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;transition:.6s linear}
.img-wrap:hover .author-prof,.img-wrap:hover .post-date{$startSide:0}
.img-wrap img{display:none;width:100%;height:100%}
.details-on-img i{margin-$endSide:5px}
.caption{padding:30px;background:-webkit-gradient(linear,$endSide top, $endSide bottom,from(transparent),color-stop(rgba(0,0,0,0.7)),to(#000));background:-webkit-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-o-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:-moz-linear-gradient(transparent,rgba(0,0,0,0.7),#000);background:linear-gradient(transparent,rgba(0,0,0,0.7),#000);color:#FFF;position:absolute;bottom:0;$startSide:0;$endSide:0}
aside .img-wrap:before,aside .img-wrap:after{display:none}
/* ------ Social Colors ------ */
.social{font-size:0}
.social li{display:inline-block;margin:0 2px}
.social li i{color:#FFF;width:28px;height:28px;line-height:28px;margin-bottom:5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;text-align:center;font-size:16px}
.social-sites .social li:hover{-webkit-animation:SocIcons .2s ease-in-out;-moz-animation:SocIcons .2s ease-in-out;-o-animation:SocIcons .2s ease-in-out;animation:SocIcons .2s ease-in-out}
@-webkit-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);transform:cale(1.5)}
}
@-moz-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);transform:cale(1.5)}
}
@-o-keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-o-transform:cale(1.5);transform:cale(1.5)}
}
@keyframes SocIcons {
50%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
100%{-webkit-transform:scale(1.5);-moz-transform:cale(1.5);-o-transform:cale(1.5);transform:cale(1.5)}
}
.social .fa-facebook {background-color:#3b5998}
.social .fa-twitter {background-color:#1da1f2}
.social .fa-rss {background-color:#f26522}
.social .fa-dribbble {background-color:#ea4c89}
.social .fa-google-plus {background-color:#dd4b39}
.social .fa-pinterest {background-color:#cc2127}
.social .fa-linkedin {background-color:#0976b4}
.social .fa-youtube {background-color:#e52d27}
.social .fa-wordpress {background-color:#1081B1}
.social .fa-digg {background-color:#476BA3}
.social .fa-quora {background-color:#a82400}
.social .fa-spotify {background-color:#1ed760}
.social .fa-reddit {background-color:#ff4500}
.social .fa-snapchat {background-color:#f5d602}
.social .fa-drupal {background-color:#008BCA}
.social .fa-github {background-color:#000000}
.social .fa-flickr {background-color:#FF0084}
.social .fa-tumblr {background-color:#304E6C}
.social .fa-instagram {background-color:#7c38af;background: radial-gradient(circle at 0 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.social .fa-delicious {background-color:#DEDEDF}
.social .fa-behance {background-color:#009fff}
.social .fa-soundcloud {background-color:#FF5419}
.social .fa-telegram {background-color:#32AEE1}
.social .fa-website {background-color:#444444}
.social .fa-google-play {background-color:#3d9dab}
.fa-google-play:before{content:'\f04b'}
.fa-website:before{content:"\f0ac"}
/* ------ Label-Title ------ */
.label-title{padding:0 8px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-size:12px;-webkit-border-radius:1.5px;-moz-border-radius:1.5px;border-radius:1.5px;position:absolute;top:10px;$startSide:10px;z-index:2}
.img-wrap:hover .label-title{$startSide:-100%}
.img-wrap .label-name{float:$startSide;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:2px 10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:12px;margin-bottom:5px;color:$(grad.color);position:relative;$startSide:0}
.img-wrap:hover .label-name{$startSide:-100%}
/* ------ Ribble Button ------ */
.ribble{position:relative;overflow:hidden}
.ribble b{position:relative;z-index:1;-webkit-transition:.6s ease-in-out;-o-transition:.6s ease-in-out;-moz-transition:.6s ease-in-out;transition:.6s ease-in-out}
.ribble:hover{padding:5px 20px}
.ribble:hover b{color:$(grad.color)}
.ribble:before{content:'';background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));position:absolute;top:100%;$startSide:-200%;height:200%;width:200%;display:block;z-index:1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}
.ribble:hover:before{top:-25px;$startSide:-50px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
/* ------ Other ------ */
.blog-admin,#uds-searchControl,#ContactForm93{display:none}
.clear-$endSide{display:block;height:1px;clear:$endSide}
.clear{height:1px;clear:both;display:block}
object{max-width:100%}
.hide{display:none!important}
:not(.notr),:not(.notr):before,:not(.notr):after{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}
.post-body #ContactForm93{display:block}
div#Tempnec{display:none!important}
/*=================
🔹 Header
===================*/
header #top-bar{padding:0 $(main.padding);height:40px;line-height:40px;color:#FFF;position:relative}
#head-sec{padding:$(main.margin) $(main.padding);min-height:120px;overflow:hidden}
/* ------ Header Social ------ */
header #top-bar #LinkList301{max-width:30%;margin-$endSide:15px;float:$startSide;position:relative;height:40px}
#LinkList301 .social-sites{margin-top:5px}
#LinkList301 .social-sites li{vertical-align:top}
/* ------ Header Pages List ------ */
header #top-bar #PageList301{float:$startSide;max-width:-webkit-calc(70% - 60px);max-width:-moz-calc(70% - 60px);max-width:calc(70% - 60px);height:40px}
header #top-bar .menu li{float:$startSide;margin:8px 0}
header #top-bar .menu li a{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;background:rgba(255,255,255,0.1);margin-$endSide:7px;font-size:12px;display:block;line-height:normal;padding:0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:700;color:$(menu.text);line-height:2em}
header #top-bar .menu li a:hover,header #top-bar .menu li.selected a{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
header #top-bar .menu-res{display:none}
header #top-bar .menu-res i{display:block;width:30px;height:30px;line-height:30px;font-size:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;$startSide:$(main.padding);z-index:2;cursor:pointer}
nav.menu-res-wrap ul:before{content:"";border-width:8px;border-style:solid;border-color:transparent transparent $(menu.back);position:absolute;top:-14px;$startSide:10px;z-index:2}
nav.menu-res-wrap ul{width:180px;top:50px;position:absolute;background-color:$(menu.back);$startSide:10px;padding:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;z-index:9999}
nav.menu-res-wrap ul a{display:block;border-bottom:1px dotted rgba(255,255,255,0.2);color:$(menu.text);text-align:center}
nav.menu-res-wrap ul li:last-of-type a{border-bottom:none}
/* ------ Search Box ------ */
header #top-bar #HTML301{direction:ltr;min-width:200px;height:30px;position:absolute;$endSide:$(main.padding);top:0}
header #top-bar .search form{direction:rtl;position:relative}
header #top-bar .search form span{color:$(grad.color);background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));display:block;width:30px;height:30px;line-height:29px;font-size:18px;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;position:absolute;top:5px;$endSide:0;z-index:2}
header #top-bar .search form span.open-search:after{opacity:1;$endSide:100%}
header #top-bar .search input{font-family:inherit;-webkit-border-radius:0 1px 1px 0;-moz-border-radius:0 1px 1px 0;border-radius:0 1px 1px 0;height:30px;margin:5px 0;background-color:$(menu.back);color:#FFF;font-size:12px;border:none;outline:none;position:absolute;$endSide:30px;width:0}
header #top-bar .search .open-search ~ input{padding:0 15px;width:100%}
/* ------ Logo & AD ------ */
#Header1{width:290px;float:$startSide}
#Header1 .headone{font-weight:700;display:block;margin:0 0 10px;font-size:35px;line-height:1em;text-align:center}
#Header1 p{margin:0;font-size:12px;text-align:center;line-height:1.5em}
#Header1 img{width:auto;max-width:100%;margin:0 auto;display:block}
#HTML302{width:728px;float:$endSide;text-align:$endSide}
/* ------ Main Menu ------ */
#menu-bar{clear:both;position:relative;margin-bottom:$(main.margin);padding:0 $(main.padding)}
#LinkList302{height:58px;background-color:$(menu.back);position:relative}
#LinkList302:before{content:'';display:block;height:3px;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));position:absolute;width:100%;bottom:0;$startSide:0}
#menu-bar .menu-bar ul li{float:$startSide}
#menu-bar .menu-bar ul li>a{font-weight:700;display:block;width:100%;padding:17px 15px;color:$(menu.text);position:relative}
#menu-bar .menu-bar li>a:hover{background-color:rgba(0,0,0,0.2);color:#FFF}
#menu-bar .menu-bar ul li.drop-menu-st >a{padding-$endSide:30px}
.menu-bar ul i{font-size:18px;display:inline-block;vertical-align:middle;margin-$endSide:10px}
#menu-bar .home{white-space:nowrap;overflow:hidden;height:55px;line-height:25px;background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:#FFF!important;min-width:65px;max-width:65px}
#menu-bar .home:hover{max-width:100%!important;padding-$startSide:40px}
#menu-bar .home b{position:relative;$startSide:50px}
#menu-bar .home:hover b{$startSide:0px}
.home:before{font-weight:400;content:"\f015";font-family:FontAwesome;font-size:20px;position:absolute;$startSide:23px;text-indent:0;-webkit-transform:scale(2);-ms-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);top:16px}
#menu-bar .home:hover:before{$startSide:10px;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
/* ------ Sub Menu ------ */
#menu-bar .menu-bar li>ul li a{padding:12px 20px}
#menu-bar .menu-bar li>ul li a:hover{background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color);padding-$startSide:30px}
#menu-bar .menu-bar .drop-menu-st{position:relative;padding-bottom:5px}
#menu-bar .menu-bar .drop-menu-st:after{content:"\f078";font-family:FontAwesome;font-size:10px;color:$(menu.text);position:absolute;top:18px;$endSide:10px}
#menu-bar .menu-bar .drop-menu-st ul{display:none;width:200px;height:auto;background-color:$(menu.back);position:absolute;top:58px;z-index:10;-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);box-shadow:0 5px 5px 0 rgba(0,0,0,0.2)}
#menu-bar .menu-bar .drop-menu-st:hover ul{display:block}
#menu-bar .menu-bar .drop-menu-st ul li{float:none}
/* ------ Responsive Menu ------ */
.menu-bar-res{display:none}
.menu-bar-res .fa-bars{cursor:pointer;float:$endSide;color:$(grad.color);background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));height:55px;width:55px;text-align:center;font-size:26px;padding-top:16px}
.res-home{display:none;float:$startSide;height:55px;width:110px;text-align:center;padding-top:17px;color:$(grad.color);background:-webkit-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-o-linear-gradient(to $endSide,$(keycolor),$(step.color));background:-moz-linear-gradient(to $endSide,$(keycolor),$(step.color));background:linear-gradient(to $endSide,$(keycolor),$(step.color));font-weight:700}
.res-home:before{content:"\f015";font-family:FontAwesome;font-weight:400;font-size:24px;margin-$endSide:5px;display:inline-block;vertical-align:-2px}
/*=================
🔹 Sidebar
===================*/
aside .widget{margin-bottom:$(main.margin)}
/* ------ Social Widget ------ */
.social-counter .social{overflow:hidden;padding:$(main.padding);border:1px solid $(aside.line)}
.social-counter li{float:$startSide;width:23.5%;margin:0 1%;min-width:55px}
.social-counter li:nth-child(4n+1){margin-$startSide:0}
.social-counter li:nth-child(4n+4){margin-$endSide:0}
.social-counter li i{text-align:center;display:block;width:55px;height:55px;line-height:55px;margin:auto;color:#FFF;font-size:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transform:translate(0,5px);-ms-transform:translate(0,5px)}
.social-counter li:hover i{-webkit-transform:translate(0);-ms-transform:translate(0)}
.social-counter li div{color:$(aside.link);padding:5px 7px;margin-bottom:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:$(aside.line);font-size:11px;text-align:center;position:relative}
.social-counter li div:after{content:"";display:block;border-width:5px;border-style:solid;border-color:transparent transparent $(aside.line);position:absolute;top:-10px;$endSide:44%}
/*=================
🔹 Footer
===================*/
#footer{position:relative;background:-webkit-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-o-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:-moz-linear-gradient(45deg,$(footer.back1),$(footer.back2));background:linear-gradient(45deg,$(footer.back1),$(footer.back2));border-top:3px solid $(keycolor);clear:both}
#footer-sections{font-size:0;padding:$(main.margin) $(main.padding)}
#footer-sections .f-sec{display:inline-block;vertical-align:top;font-size:14px;width:-webkit-calc((100% - 90px)/4);width:-moz-calc((100% - 90px)/4);width:calc((100% - 90px)/4);margin-$endSide:30px}
#footer-sections .f-sec:last-of-type{margin-$endSide:0}
#footer-sections .f-sec .widget{margin-bottom:$(main.margin)}
#footer-sections .f-sec .widget:last-of-type{margin-bottom:0}
#footer-top-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-bottom:1px solid $(footer.line)}
#footer-bottom-section:not(.no-items){padding:$(main.margin) 0;margin:0 $(main.padding);border-top:1px solid $(footer.line)}
[data-boxed='false'] #footer-top-section:not(.no-items).wrapper{margin:$(main.margin) auto 0;padding:0 $(main.padding) $(main.margin)}
[data-boxed='false'] #footer-bottom-section:not(.no-items).wrapper{margin:0 auto;padding:$(main.margin) $(main.padding)}
#footer-top-section:not(.no-items).wrapper{padding:$(main.margin) 0;margin:0 $(main.padding)}
#footer-cop-section{padding:5px $(main.padding);overflow:hidden;position:relative}
/* ------ Copyrights ------ */
#HTML303{color:$(footer.link);margin-top:5px;float:$startSide}
#HTML303 > *{vertical-align:middle;display:inline-block}
#HTML303 a{color:$(keycolor)}
#HTML303 a:hover{color:$(step.color);text-decoration:underline}
#HTML303 > b{font-family:Tahoma;color:$(keycolor);font-size:15px}
#LinkList304{float:$endSide;margin-top:5px}
.credits span{margin-$endSide:5px}
/* ------ Footer Scroll To Top ------ */
.scroll-top{background-color:$(footer.line);width:30px;height:30px;text-align:center;border-radius:100px;color:$(footer.text);padding-top:7px;cursor:pointer;position:absolute;left:calc(50% - 15px);top:-15px;z-index:1}
.scroll-top:before{display:block}
.scroll-top:hover{background:$(keycolor);color:#FFF}
/*=================
🔹 Widgets
===================*/
.widget{position:relative}
.widget-item-control{position:absolute;$endSide:0;top:100%;z-index:2;opacity:.7}
.widget-item-control:hover{opacity:1}
#top-bar .widget-item-control{top:0}
.item-thumbnail img{display:none}
/* ------ Email Subscription ------ */
aside .subscrib-sec p{margin:0 0 10px;color:$(aside.text);text-align:$startSide}
#footer .subscrib-sec p{margin:0 0 10px;color:$(footer.text);text-align:$startSide}
.subscrib-sec input[name="email"]{display:block;width:100%;padding:15px;margin:auto;line-height:0;outline:0;font-size:12px;border:0;border-radius:2px;direction:ltr;text-align:left}
aside .subscrib-sec input[name="email"]{background-color:$(aside.line);color:$(aside.link)}
#footer .subscrib-sec input[name="email"]{background-color:$(footer.line);color:$(footer.link)}
.msg-send{font-family:inherit;display:block;padding:10px 30px 10px 20px;margin:5px auto 0;outline:0;border:0;border-radius:2px;background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:#FFF;font-weight:700;cursor:pointer;position:relative;overflow:hidden;width:100%;color:$(grad.color)}
.msg-send:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)}
.msg-send:before{content:"\f1d8";font-family:FontAwesome;position:absolute;top:10px;$startSide:10px;z-index:1;font-weight:normal}
.msg-send:hover input[type="submit"]{color:#2c2c2c}
.ltr .msg-send:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.msg-send:hover:before{-webkit-animation:subs .3s ease-in-out;animation:subs .3s ease-in-out}
@-webkit-keyframes subs{
from{top:37px;$startSide:38px}
to{top:10px;$startSide:10px}
}
@keyframes subs{
from{top:37px;$startSide:38px}
to{top:10px;$startSide:10px}
}
/* ------ LinkList & PageList Widget ------ */
.LinkList .widget-content li a, *:not(header) .PageList .widget-content li a{display:block;padding:13px 0;font-size:14px}
.LinkList .widget-content li:first-child a, *:not(header) .PageList .widget-content li:first-child a{padding-top:0}
aside .LinkList .widget-content li a,aside .PageList .widget-content li a{color:$(aside.link);border-bottom:1px solid $(aside.line)}
footer .LinkList .widget-content li a,footer .PageList .widget-content li a{color:$(footer.link);display:block;border-bottom:1px solid $(footer.line)}
aside .LinkList .widget-content li a::before, footer .LinkList .widget-content li a::before{content:"\f08b"}
*:not(header) .PageList .widget-content li a::before{content:"\f0f6"}
aside .LinkList .widget-content li a::before, footer .LinkList .widget-content li a::before,*:not(header) .PageList .widget-content li a::before{display:inline-block;vertical-align:top;font-family:fontawesome;margin-$endSide:10px;font-size:20px}
aside .LinkList .widget-content li a::before,aside .PageList .widget-content li a::before{color:$(aside.link)}
footer .LinkList li a::before,footer .PageList .widget-content li a::before{color:$(footer.line)}
aside .LinkList .widget-content li a:hover,#footer .LinkList .widget-content li a:hover, *:not(header) .PageList .widget-content li a:hover{color:$(keycolor);border-bottom:1px solid $(keycolor)}
aside .LinkList .widget-content li a:hover::before,#footer .LinkList .widget-content li a:hover::before{-webkit-animation:LinkIcon 0.2s linear;animation:LinkIcon 0.2s linear;color:$(keycolor)}
*:not(header) .PageList .widget-content li a:hover::before{color:$(keycolor)}
@-webkit-keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}
@keyframes LinkIcon{100%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}
/* ------ Popular Posts ------ */
.PopularPosts article{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
.PopularPosts article:last-of-type{margin-bottom:0;border-bottom:none}
aside .PopularPosts article{border-bottom:1px solid $(aside.line)}
#footer .PopularPosts article{border-bottom:1px solid $(footer.line)}
.PopularPosts .post-date{display:inline-block;background-color:$(keycolor);text-align:$startSide;font-size:10px;color:$(grad.color);padding-$startSide:5px;padding-$endSide:10px;margin-bottom:5px}
.PopularPosts .post-date i{background-color:rgba(0,0,0,0.2);font-size:12px;display:inline-block;vertical-align:middle;padding:5px;color:$(grad.color);margin-$endSide:5px}
.PopularPosts .item-thumbnail{display:block;overflow:hidden;float:$startSide;width:72px;height:72px;margin-$endSide:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.PopularPosts .item-thumbnail img{height:100%}
.PopularPosts .item-thumbnail:hover img{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
.PopularPosts .post-title{overflow:hidden;margin:0 0 5px;font-weight:700;font-size:16px}
aside .PopularPosts .post-title a{color:$(aside.link)}
#footer .PopularPosts .post-title a{color:$(footer.link)}
.PopularPosts .post-title a:hover{color:$(keycolor)}
.snippet-item{font-size:12px;text-align:justify;line-height:1.5em;margin:0}
aside .snippet-item{color:$(aside.text)}
#footer .snippet-item{color:$(footer.text)}
/* ------ Featured Post ------ */
.FeaturedPost h2{margin:0 0 5px 0;line-height:1.5em;font-size:18px}
.FeaturedPost .item-thumbnail,.FeaturedPost .item-thumbnail img{display:block;text-align:center;margin:0 auto;width:100%}
.FeaturedPost .item-thumbnail{min-height:150px;overflow:hidden;margin-bottom:5px}
aside .FeaturedPost h2{color:$(aside.link)}
footer .FeaturedPost h2{color:$(footer.link)}
.widget.FeaturedPost h2:hover{color:$(keycolor)}
aside .FeaturedPost p{color:$(aside.text)}
footer .FeaturedPost p{color:$(footer.text)}
/* ------ Archive Widget ------ */
.BlogArchive select{background:transparent;width:100%;outline:none;padding:5px 20px;margin:0 auto;display:block;font-family:inherit;font-size:12px}
.BlogArchive select:focus{border:1px solid $(keycolor)}
aside .BlogArchive select{border:1px solid $(aside.line);color:$(aside.link)}
#footer .BlogArchive select{border:1px solid $(footer.line);color:$(footer.link)}
/* Flat */
.flat .archivedate .post-count{font-style:normal;float:$endSide}
aside .flat .archivedate i{color:$(aside.text)}
#footer .flat .archivedate i{color:$(footer.text)}
.BlogArchive .flat .archivedate a{display:block;padding:7px 2px}
aside .BlogArchive .flat .archivedate a{color:$(aside.link);border-bottom:1px dotted $(aside.line)}
footer .BlogArchive .flat .archivedate a{color:$(footer.link);border-bottom:1px dotted $(footer.line)}
.BlogArchive .flat .archivedate a::before{color:$(step.color);display:inline-block;content:"\f08d";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-family:fontawesome;margin-$endSide:10px;vertical-align:middle}
.BlogArchive .flat .archivedate:hover a{color:$(keycolor);border-bottom:1px dotted $(step.color)}
.BlogArchive .archivedate:hover a:before{color:$(keycolor)}
/* Hierarchy */
.hierarchy .hierarchy{margin-$startSide:10px}
aside .hierarchy-title{background:$(aside.line);margin-bottom:5px;padding:8px 15px}
#footer .hierarchy-title{background:$(footer.line);margin-bottom:5px;padding:5px 20px}
aside .hierarchy .post-count-link,aside .hierarchy ul.posts a{color:$(aside.link)}
#footer .post-count-link,#footer .hierarchy ul.posts a{color:$(footer.link)}
.hierarchy .post-count{float:$endSide;color:#999}
aside .hierarchy .post-count{color:$(aside.text)}
#footer .hierarchy .post-count{color:$(footer.text)}
.hierarchy ul.posts{margin-$startSide:0}
.hierarchy ul.posts a{font-size:12px;display:block;padding:5px 0}
.hierarchy ul.posts a:hover{border-bottom:1px solid $(step.color);color:$(keycolor);padding-$startSide:5px}
aside .hierarchy ul.posts a{border-bottom:1px solid $(aside.line)}
#footer .hierarchy ul.posts a{border-bottom:1px solid $(footer.line)}
/* ------ Label Widget ------ */
.cloud-label-widget-content{overflow:hidden}
.label-size{float:$startSide;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));padding:7px 15px;margin-$endSide:7px;margin-bottom:7px;-webkit-border-radius:2px;-moz-border-radius:2x;border-radius:2px;font-size:14px;color:$(grad.color);font-weight:700}
.label-size a::before{content:"\f02b";font-family:fontawesome;display:inline-block;vertical-align:top;margin-$endSide:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-top:-4px;font-size:14px;padding-top:5px;text-align:center;font-weight:400}
.label-size:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.4);box-shadow:0 3px 5px 0 rgba(0,0,0,0.4)}
.list-label-widget-content a{display:block;padding:5px 0}
.label-size .label-count{display:none}
.label-size:hover a:before{-webkit-animation:label .3s ease-in-out;-moz-animation:label .3s ease-in-out;-o-animation:label .3s ease-in-out;animation:label .3s ease-in-out}
@-webkit-keyframes label {
50%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@-moz-keyframes label {
50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@-o-keyframes label {
50%{-webkit-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}
}
@keyframes label {
50%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
100%{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}
}
aside .list-label-widget-content .label-name{color:$(aside.link);border-bottom:1px dotted $(aside.line)}
#footer .list-label-widget-content .label-name{color:$(footer.link);border-bottom:1px dotted $(footer.line)}
.list-label-widget-content .label-name::before{content:"\f07b";font-family:fontawesome;margin-$endSide:10px;display:inline-block;vertical-align:top;-webkit-transition:.3s ease-out;-o-transition:.3s ease-out;-moz-transition:.3s ease-out;transition:.3s ease-out;width:20px;font-size:18px;text-align:$endSide}
aside .list-label-widget-content .label-name::before{color:$(aside.line)}
footer .list-label-widget-content .label-name::before{color:$(footer.line)}
.list-label-widget-content .label-name:hover::before{content:"\f07c";color:$(keycolor)}
aside .list-label-widget-content .label-count{float:$endSide;color:$(aside.text)}
#footer .list-label-widget-content .label-count{float:$endSide;color:$(footer.text)}
aside .list-label-widget-content .label-name:hover{color:$(keycolor);border-bottom:1px dotted $(keycolor)}
#footer .list-label-widget-content .label-name:hover{color:$(keycolor);border-bottom:1px dotted $(keycolor)}
/* ------ Statistics ------ */
.Stats img{width:auto;height:auto;display:inline-block;vertical-align:-4px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-$endSide:5px}
.Stats .widget-content{text-align:center;font-size:30px;font-weight:700;font-family:Arial}
aside .text-counter-wrapper{color:$(aside.link)}
footer .text-counter-wrapper{color:$(footer.link)}
/* ------ Contact Form ------ */
.post-body #ContactForm93{padding:$(main.padding);border:1px solid $(main.line)}
.post-body #ContactForm93 .headline{display:none}
.ContactForm form{position:relative}
.ContactForm input[type='text'],.ContactForm textarea{display:block;width:100%;margin-bottom:5px;padding-top:15px;padding-bottom:5px;padding-$startSide:30px;padding-$endSide:20px;border:0;resize:vertical;outline:0;font-family:inherit;font-size:14px;font-weight:700;line-height:2em;background-color:transparent;position:relative;z-index:2}
aside .ContactForm input[type='text'],aside .ContactForm textarea{border-bottom:2px solid $(aside.line);color:$(aside.text)}
footer .ContactForm input[type='text'],footer .ContactForm textarea{border-bottom:2px solid $(footer.line);color:$(footer.text)}
.ContactForm textarea{min-height:150px}
.ContactForm input[type='text']:focus,.ContactForm textarea:focus{border-bottom:2px solid $(keycolor)}
.ContactForm i{position:absolute;$startSide:0;font-size:18px}
aside .ContactForm i{color:$(aside.text)}
footer .ContactForm i{color:$(footer.text)}
.ContactForm input[type='text']:foucs + i,.ContactForm textarea:focus + i{color:$(keycolor)}
.ContactForm i:nth-of-type(1){top:17px}
.ContactForm i:nth-of-type(2){top:70px}
.ContactForm i:nth-of-type(3){top:130px}
.ContactForm b{position:absolute;$startSide:30px;font-size:14px}
aside .ContactForm b{position:absolute;$startSide:30px;color:$(aside.text)}
footer .ContactForm b{position:absolute;$startSide:30px;color:$(footer.text)}
.ContactForm b:nth-of-type(1){font-size:14px;top:15px}
.ContactForm b:nth-of-type(2){font-size:14px;top:68px}
.ContactForm b:nth-of-type(3){font-size:14px;top:128px}
.ContactForm input[type='text']:nth-of-type(1):valid ~ b:nth-of-type(1),.ContactForm input[type='text']:nth-of-type(1):focus ~ b:nth-of-type(1){font-size:10px;top:-5px}
.ContactForm input[type='text']:nth-of-type(2):valid ~ b:nth-of-type(2),.ContactForm input[type='text']:nth-of-type(2):focus ~ b:nth-of-type(2){font-size:10px;top:50px}
.ContactForm textarea:valid ~ b:nth-of-type(3),.ContactForm textarea:focus ~ b:nth-of-type(3){font-size:10px;top:105px}
body .ContactForm input[type='text']:valid + i + b, body .ContactForm textarea:valid + i + b{color:$(keycolor)}
.ContactForm input[type='button']{outline:0;border:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:$(keycolor);font-family:inherit;font-weight:700;font-size:18px;padding:10px 20px;float:$endSide;cursor:pointer;color:$(grad.color)}
.ContactForm input[type='button']:hover{padding:10px 30px}
body .ContactForm input[type='text']:valid+i, body .ContactForm textarea:valid+i{color:$(keycolor)}
aside .contact-state{float:$startSide;color:$(aside.text)}
footer .contact-state{float:$startSide;color:$(footer.text)}
.contact-state img{float:$startSide;line-height:90px;margin-$endSide:10px}
.contact-state p{line-height:11px}
body .ContactForm input[type='text']:valid, body .ContactForm textarea:valid{border-bottom:2px solid $(keycolor)}
/* ------ Feed ------ */
.Feed li{list-style:square;margin-$startSide:20px;padding-bottom:5px;margin-top:5px;border-bottom:1px solid}
.Feed li:hover{color:$(keycolor);border-color:$(keycolor)}
aside .Feed li{color:$(aside.text);border-color:$(aside.line)}
footer .Feed li{color:$(footer.text);border-color:$(footer.line)}
.Feed .item-title a{font-weight:700;display:block}
aside .Feed .item-title a{color:$(aside.link)}
footer .Feed .item-title a{color:$(footer.link)}
.Feed .item-title a:hover{color:$(keycolor)}
aside .Feed .item-date{color:$(aside.text)}
footer .Feed .item-date{color:$(aside.text)}
aside .Feed .item-author{color:$(footer.text)}
footer .Feed .item-author{color:$(footer.text)}
/* ------ Profile ------ */
.Profile .widget-content{overflow:hidden}
.Profile .profile-img{float:$startSide;width:72px;height:72px;margin-$endSide:15px}
.Profile a.profile-link.g-profile{display:block;font-weight:700;font-size:18px;margin-bottom:5px}
aside .Profile a.profile-link.g-profile{color:$(aside.link)}
footer .Profile a.profile-link.g-profile{color:$(footer.link)}
.profile-textblock{font-size:12px;line-height:18px}
aside .Profile .widget-content.individual a.profile-link:not(.g-profile){font-size:10px;color:$(aside.text);float:$endSide}
footer .Profile .widget-content.individual a.profile-link:not(.g-profile){font-size:10px;color:$(footer.text);float:$endSide}
.Profile .widget-content.individual dl.profile-datablock{margin:0}
.Profile .team-member .profile-img{width:50px;height:50px}
.Profile .widget-content.team li{clear:both;margin-bottom:10px;display:block;overflow:hidden;padding-bottom:10px;border-bottom:1px solid}
aside .Profile .widget-content.team li{border-color:$(aside.line)}
footer .Profile .widget-content.team li{border-color:$(footer.line)}
.Profile .widget-content.team li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}
/*=================
🔹 Pages (Common)
===================*/
/* ------ More Posts ------ */
.more-posts{text-align:center}
.more-posts a{display:inline-block;background-color:$(step.color);padding:7px 15px;color:$(grad.color);font-weight:bold;border-radius: 2px;}
.more-posts a:hover{background-color:$(keycolor);padding:7px 20px}
/*=================
🔹 Homepage
===================*/
/* ------ Common ------ */
.home-cate{margin-bottom:$(main.margin);clear:both}
.home-cate .widget-content{padding:$(main.padding);border:1px solid $(main.line);overflow:hidden}
.cate-link{margin:0;font-size:16px;overflow:hidden;max-height:45px}
.cate-link a{color:$(main.link);line-height:1.3em}
.cate-link a:hover{color:$(keycolor)}
.cate-snippet{color:$(main.text);line-height:1.7em;margin:5px 0}
.home-cate .details{margin-top:5px;line-height:1em}
.home-cate .Item{overflow:hidden}
.details > *{display:inline-block;vertical-align:top;font-size:11px}
.details > * i{color:$(keycolor);margin-$endSide:5px}
.details > *:first-child{margin-$endSide:10px}
.details a:hover{text-decoration:underline;color:$(keycolor)}
.details > *{color:$(main.text)}
aside .details > *{color:$(aside.text)}
#footer .details > *{color:$(footer.text)}
.img-wrap:before{content:"\f0f6";font-size:20px;position:absolute;top:50%;$startSide:50%;margin-$startSide:-25px;margin-top:-25px;font-family:fontawesome;color:$(grad.color);line-height:51px;width:50px;height:50px;text-align:center;z-index:1;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}
.img-wrap:after{content:"";-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font-size:20px;border:4px solid $(grad.color);position:absolute;top:50%;$startSide:50%;margin-$startSide:-25px;margin-top:-25px;width:50px;height:50px;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:0}
.img-wrap:hover:before,.img-wrap:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
/* ------ Sections ------ */
.two-cols .section{width:-webkit-calc((100% - 15px)/3);width:-moz-calc((100% - 15px)/3);width:calc((100% - 15px)/3);float:$startSide}
.two-cols .section.wide-$startSide{width:-webkit-calc((100% - 15px) / 3 * 2);width:-moz-calc((100% - 15px) / 3 * 2);width:calc((100% - 15px) / 3 * 2);margin-$endSide:15px}
.two-cols .section.wide-$endSide{width:-webkit-calc(((100% - 15px) / 3) * 2);width:-moz-calc(((100% - 15px) / 3) * 2);width:calc(((100% - 15px) / 3) * 2);margin-$startSide:15px}
.two-cols.no-wide .section{width:-webkit-calc((100% - 15px) / 2);width:-moz-calc((100% - 15px) / 2);width:calc((100% - 15px) / 2)}
.two-cols.no-wide .section:first-child{margin-$endSide:15px}
.three-cols .section{width:-webkit-calc((100% - 30px)/3);width:-moz-calc((100% - 30px)/3);width:calc((100% - 30px)/3);float:$startSide}
.three-cols .section:nth-of-type(2){margin-$endSide:15px;margin-$startSide:14px}
.cate .section.not(.no-items){margin-bottom:$(main.margin)}
/* ------ Recent Posts Widget ------ */
.index-posts .status a{float:$endSide;margin:0}
.index-posts .img-wrap{float:$startSide;width:300px;height:180px;margin-$endSide:15px}
.index-posts h2{margin:0 0 5px 0}
.index-posts .post-outer{padding-bottom:20px;border-bottom:1px solid $(main.line);margin-bottom:20px;overflow:hidden}
.status-msg-body{border:1px solid $(main.line);margin-bottom:20px;padding:$(main.padding);color:$(main.text)}
.status-msg-body a{color:$(keycolor);margin-$endSide:10px}
.status-msg-body b{color:$(main.color)}
.status-msg-body a:hover{text-decoration:underline}
.index-posts .PLHolder{opacity:0.5;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color))}
/*=================
🔹 Post Page
===================*/
.item-page header{margin-bottom:$(main.margin)}
.post-body{font-size:15px;color:$(main.text);line-height:2em}
.separator a{color:$(main.link)}
.separator a:hover{color:$(keycolor);text-decoration:underline}
.post-body h3,.post-body h2,.post-body h4{background-color:$(main.line);padding:10px 20px;color:$(main.title);display:block;margin:5px 0 15px;border-bottom:1px solid $(main.line)}
.post-body br{content:'';margin:15px;display:block}
.post-body iframe{max-width:100%}
.CSS_LIGHTBOX{z-index:999999!important}
.post-body a{color:$(keycolor);text-decoration:underline}
.post-body a:hover{color:$(step.color)}
/* ------ Ads ------ */
.Top-Ad,.Bottom-Ad{text-align:center;clear:both}
.Top-Ad{margin-bottom:20px}
.Bottom-Ad{margin-top:20px}
.Middle-Ad.fixedAd{float:$endSide;margin-$startSide:20px;text-align:center}
.Middle-Ad:not(.fixedAd){margin-bottom:20px;clear:both;text-align:center}
/* ------ Full Width ------ */
.fullwidth-topic{padding:$(main.padding);margin-top:35px;border:1px solid $(main.line)}
/* ------ Post Title ------ */
.topic-title{margin:0;padding:20px;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;position:relative;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);font-size:22px;color:#fff;text-align:center;line-height:1.3em;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}
/* ------ Post Tools ------ */
article .topic-tools{display:inline-block;vertical-align:top;padding:5px 15px;background-color:$(menu.back);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
/* ------ Zoom ------ */
.zooming{text-align:center;width:110px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.zooming b{color:$(menu.text);margin:0 2px;display:inline-block;vertical-align:top;font-size:12px}
.zooming i{color:$(step.color);border:2px solid $(keycolor);width:20px;display:inline-block;text-align:center;height:20px;-webkit-border-radius:100px;border-radius:100px;vertical-align:top;padding-top:3px;font-size:11px;cursor:pointer}
.zooming i:hover{color:$(keycolor);border:2px solid $(keycolor)}
.zooming i.disb{color:$(menu.text);border:2px solid $(menu.text);cursor:not-allowed}
/* ------ Post Details ------ */
.topic-details{margin:0 5%;font-size:0;width:-webkit-calc(80% - 105px);width:calc(80% - 105px)}
.topic-details > *{margin-$endSide:10px;color:$(menu.text);display:inline-block;vertical-align:top;margin-$endSide:15px;font-size:10px}
.topic-details i{margin-$endSide:5px;color:$(keycolor)}
.topic-details a:hover{color:$(keycolor);text-decoration:underline}
.topic-details .categ{position:relative;margin-$endSide:0}
.topic-details .categ a:first-of-type{position:relative}
.topic-details .categ a{display:inline-block;vertical-align:middle;margin-$endSide:5px}
.rtl .topic-details .categ a:first-of-type:after{content:"\f100"}
.ltr .topic-details .categ a:first-of-type:after{content:"\f101"}
.topic-details .categ a:first-of-type:after{line-height:12px;content:"\f100";font-family:FontAwesome;font-size:12px;color:$(menu.text);display:inline-block;vertical-align:middle;margin-$startSide:5px;text-decoration:none}
.topic-details .categ a:last-of-type{margin-$endSide:0}
.topic{color:$(main.color);padding:$(main.padding);margin:15px auto 0;overflow:hidden;text-align:justify;line-height:2.2;border:1px solid $(main.line);margin-bottom:$(main.margin)}
/* ------ Post Blockquote ------ */
.post-body blockquote{width:90%;clear:both;-webkit-print-color-adjust:exact;padding:10px 30px;margin:15px auto;line-height:2;text-indent:15px;background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color);border-radius:5px;position:relative}
[dir='rtl'] .post-body blockquote:before,[dir='ltr'] .post-body blockquote:after{content:"\f10e";}
[dir='ltr'] .post-body blockquote:before,[dir='rtl'] .post-body blockquote:after{content:"\f10d";}
.post-body blockquote:before{top:0;$startSide:-4px}
.post-body blockquote:before,blockquote:after{font-family:FontAwesome;font-size:20px;color:$(main.back);position:absolute}
.post-body blockquote:after{bottom:0;$endSide:15px}
/* ------ Post Elements ------ */
.post-body ol{list-style-type:decimal}
.post-body ul{list-style-type:disc;margin-$startSide:40px}
.post-body li{padding-$startSide:10px}
.post-body img{width:auto;height:auto;display:inline;max-width:100%}
.separator a{display:block}
/* ------ Post Pagination ----- */
.post-pages{position:relative;clear:both;overflow:hidden;margin-top:15px}
.post-pages:before{content:"";background-color:$(main.line);height:5px;position:absolute;width:100%;top:15px}
a.next-page,a.prev-page{z-index:1;background-color:$(main.back);position:relative;border:2px solid $(keycolor);border-radius:100px;color:$(keycolor)}
a.next-page:hover,a.prev-page:hover{border:2px solid $(step.color);color:$(step.color)}
a.next-page:hover:before,a.prev-page:hover:before{background-color:$(step.color)}
.rtl a.prev-page{margin-right:10px;-webkit-box-shadow:10px 0 0, -20px 0 0 #FFF;box-shadow:10px 0 0, -20px 0 0 #FFF;float:$startSide;padding:5px 10px 5px 15px}
.ltr a.prev-page{margin-left:10px;-webkit-box-shadow:-10px 0 0, 20px 0 0 #FFF;box-shadow:-10px 0 0, 20px 0 0 #FFF;float:$startSide;padding:5px 10px 5px 15px}
.rtl a.next-page{margin-left:10px;-webkit-box-shadow:-10px 0 0, 20px 0 0 #FFF;box-shadow:-10px 0 0, 20px 0 0 #FFF;float:$endSide;padding:5px 15px 5px 10px}
.ltr a.next-page{margin-right:10px;-webkit-box-shadow:10px 0 0, -20px 0 0 #FFF;box-shadow:10px 0 0, -20px 0 0 #FFF;float:$endSide;padding:5px 15px 5px 10px}
a.next-page:before,a.prev-page:before{font-family:fontawesome;background-color:$(keycolor);width:21px;height:21px;border-radius:100px;text-align:center;color:$(grad.color);font-size:16px}
.rtl a.next-page:before{content:"\f104"}
.rtl a.prev-page:before{content:"\f105"}
.ltr a.next-page:before{content:"\f105"}
.ltr a.prev-page:before{content:"\f104"}
a.next-page:before{float:$endSide;margin-$startSide:10px}
a.prev-page:before{float:$startSide;margin-$endSide:10px}
/* ------ Edit Post Button ------ */
.edit-post a:before{content:"\f040";font-family:fontawesome;display:inline-block;font-weight:normal;margin-$endSide:10px}
.edit-post a{display:block;width:150px;text-align:center;padding:10px 0;border-radius:100px;font-weight:bold;background-color:$(step.color);margin:20px auto 0;color:$(main.back)}
.edit-post a:hover{width:170px;background-color:$(keycolor)}
/* ------ Post Share ------ */
.topic-share .social{display:block;width:100%;margin-$startSide:0;padding-top:$(main.margin);border-top:1px solid $(main.line);text-align:center;position:static;top:auto;$startSide:auto;z-index:1;font-size:0;margin-top:$(main.margin)}
.topic-share .social li{display:inline-block;vertical-align:top;min-width:120px;margin:0 5px 5px 0;padding:0}
.topic-share .social li a:hover{-webkit-box-shadow:0 90px 75px 1px rgba(255,255,255,0.0) inset,0 3px 5px -2px rgba(0,0,0,0.3);box-shadow:0 90px 75px 1px rgba(255,255,255,0.0) inset,0 3px 5px -2px rgba(0,0,0,0.3);-webkit-animation:Share .2s ease-in-out;animation:Share .2s ease-in-out}
@-webkit-keyframes Share{
50%{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}
100%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}
}
@keyframes Share{
50%{-webkit-transform:scaleX(0.9);transform:scaleX(0.9)}
100%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}
}
.topic-share .social li a{display:block;padding:5px 6px;font-size:13px;font-family:inherit;color:#FFF;-webkit-box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:100px;text-align:$startSide;height:40px;overflow:hidden}
.topic-share .social li a:before{font-size:16px;font-family:fontawesome;display:inline-block;vertical-align:-2px;margin-$endSide:8px;background-color:rgba(0,0,0,0.2);width:30px;height:30px;text-align:center;border-radius:100px;padding-top:8px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;float:$startSide}
.topic-share .social li a:hover b{margin-top:2px}
.topic-share .social li a b{float:$startSide;margin-$endSide:5px;margin-top:8px;-webkit-transition-delay:.2s;transition-delay:.2s}
.topic-share .social li a:hover span{margin-top:-11px}
.topic-share .social li a span{font-size:10px;color:rgba(255,255,255,0.5);display:block;clear:both;float:$startSide;margin-$startSide:38px;margin-top:6px;-webkit-transition-delay:.2s;transition-delay:.2s}
.topic-share .social li a:hover:before{background-color:#FFF;-webkit-animation:Share2 .2s ease-in-out;animation:Share2 .2s ease-in-out}
@-webkit-keyframes Share2{
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@keyframes Share2{
50%{-webkit-transform:scale(0.8);transform:scale(0.8)}
100%{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
.topic-share .social li a.fa-envelope:before{font-size:14px}
.topic-share .social li a.fa-facebook {background-color:#3b5998}
.topic-share .social li a.fa-twitter {background-color:#1da1f2}
.topic-share .social li a.fa-pinterest-p {background-color:#cc2127}
.topic-share .social li a.fa-google-plus {background-color:#dd4b39}
.topic-share .social li a.fa-phone {background-color:#189d0e}
.topic-share .social li a.fa-envelope {background-color:#7954ad}
.topic-share .social li a.fa-print {background-color:#555555}
.topic-share .social li a.fa-facebook:hover:before {color:#3b5998}
.topic-share .social li a.fa-twitter:hover:before {color:#1da1f2}
.topic-share .social li a.fa-pinterest-p:hover:before {color:#cc2127}
.topic-share .social li a.fa-google-plus:hover:before {color:#dd4b39}
.topic-share .social li a.fa-phone:hover:before {color:#189d0e}
.topic-share .social li a.fa-envelope:hover:before {color:#7954ad}
.topic-share .social li a.fa-print:hover:before {color:#555555}
/* ------ Post Reactions ------ */
.reaction-buttons {border-top:1px solid $(main.line);display:block;margin:$(main.margin) 0 0;padding-top:$(main.margin)}
.reactions-label{display:inline-block;vertical-align:top;font-weight:bold;color:$(main.text)}
iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub}
/* ------ Topic Author ------ */
.topic-author{margin-top:$(main.margin);width:100%;margin-$endSide:0;padding:$(main.padding);overflow:hidden;border:1px solid $(main.line);position:relative}
.topic-author .author-img{float:$startSide;width:72px;height:72px;margin-$endSide:10px;border-radius:5px;overflow:hidden}
.topic-author .author-img img{width:100%}
.topic-author h4{display:inline-block;margin:0;font-size:15px;background:$(keycolor);color:#FFF;padding:3px 15px;border-radius:2px;margin-bottom:5px}
.author-about{font-size:11px;color:$(main.text);text-align:justify;float:$startSide;width:calc(100% - 100px)}
/* ------ Topic Comments ------ */
.topic-comments{margin-top:$(main.margin)}
#comment-editor{margin-top:20px}
.comments-tabs .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px}
.comments-tabs .comments-count{float:$startSide;padding:5px 0;font-size:14px;position:relative;color:$(main.text)}
.comments-tabs .go-respond{float:$startSide;padding:5px 15px;margin:0 25px;background-color:$(main.line);color:$(main.text)}
.comments-tabs .comments-show{float:$endSide}
.comments-tabs .comments-show a{color:$(main.text);background-color:$(main.line);cursor:pointer;display:inline-block;padding-top:5px;padding-$startSide:25px;padding-bottom:5px;padding-$endSide:15px;position:relative}
.comments-tabs .comments-show .active:before{content:"\f00c";font-family:FontAwesome;position:absolute;top:6px;$startSide:7px}
.comments-tabs .comments-show a:hover,.comments-tabs .comments-show .active{background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color)}
.comment-block{overflow:hidden}
.comments-list{overflow:hidden;border:1px solid $(main.line)}
.comments-list ol{margin:0;padding:0;list-style:none}
.comments-list .avatar-image-container{float:$startSide;width:72px;height:72px;margin-$endSide:15px;border-radius:3px}
.comments-list .avatar-image-container img{width:100%;height:100%;display:block}
.comments-list .comment-replies .avatar-image-container{width:40px;height:40px}
.comments-list .comment-content{line-height:1.5em;margin:0;color:$(main.text);font-size:14px;text-align:$startSide}
.comments-list cite.user{font-style:normal;display:inline-block;margin:0 0 5px;font-size:13px;position:relative;font-weight:700;background-color:$(main.text);color:$(main.line);padding:0 15px}
.comments-list cite.user.blog-author{background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color)}
li.comment{position:relative}
.comments-list ol > li.comment{padding:15px 0;margin:0 15px;overflow:hidden;border-top:1px solid $(main.line)}
.comments-list ol > li:first-of-type{border-top:none}
.comments-list .comment-replies{float:$startSide;width:100%;padding-$startSide:90px}
.comments-list .comment-replies li.comment{border-top:1px solid $(main.line);margin-top:15px;padding-top:15px}
.loadmore{float:$endSide;background-color:$(main.line);margin:0 15px 15px;padding:5px 15px;color:$(main.text)}
.thread-toggle,.continue,.comment-replies:empty,.loadmore.loaded{display:none!important}
.comment-content a{color:$(keycolor);text-decoration:underline}
.comment-content a:hover{color:$(step.color)}
.comment-actions{position:absolute;$endSide:0;top:15px}
.comment-actions > a,.comment-actions span{float:$endSide;color:$(main.link);padding:3px 10px;background-color:$(main.line);font-size:11px;position:relative;cursor:pointer;border-radius:100px}
.comment-actions>*:last-child{margin-$endSide:10px}
.comment-actions > :hover{background:-webkit-gradient(linear,$endSide,from($(keycolor)),to($(step.color)));background:linear-gradient(to $endSide,$(keycolor),$(step.color));color:$(grad.color)}
.comment-actions>:before{font:normal normal normal 14px FontAwesome;display:inline-block;vertical-align:-2px;margin-$endSide:5px}
.comment-actions>a:before{content:"\f112"}
.comment-actions>span:before{content:"\f014"}
#comments-respond{padding:$(main.padding);margin-top:25px;border:1px solid $(main.line)}
.datetime.secondary-text{display:block;margin-top:-5px;margin-$endSide:15px;font-size:10.2px;color:$(main.text)}
.datetime.secondary-text:before{content:"\f273";font-family:fontawesome;display:inline-block;vertical-align:top;margin-$endSide:5px}
#comments-respond h4{margin:0;color:$(main.link)}
#comments-respond h4:before{content:"\f086";font-family:fontawesome;font-weight:400;color:$(step.color);margin-$endSide:10px;font-size:26px;display:inline-block;vertical-align:text-bottom}
#comments-respond p{margin:0 0 5px;color:$(main.text);padding-$startSide:35px}
/*=================
🔹 Error Page
===================*/
.error_page .side-$startSide{float:none;width:100%;margin-bottom:$(main.margin)}
.ErrorSection{border:1px solid $(main.line);padding:20px;text-align:center}
.ErrorSection h2{color:$(main.color);margin:38px 0 50px;font-size:64px}
.ErrorSection span{display:block}
.ErrorSection span i{font-size:110px;color:$(keycolor)}
.ErrorSection p{color:$(main.text);margin:20px 0 0;font-size:18px;font-weight:700;text-align:center}
/*=================
🔹 Shortcodes
===================*/
/* ------ Messages ------ */
.post-body i.msgs{display:block;padding-bottom:15px;padding-top:15px;padding-$startSide:50px;padding-$endSide:50px;font-style:normal;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-weight:bold;line-height:1.5em;position:relative;border-width:1px;border-style:solid;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.post-body i.msgs:before{font-family:fontawesome;width:30px;height:30px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;text-align:center;margin-$endSide:10px;color:#FFF;font-weight:normal;font-size:22px;line-height:30px;position:absolute;$startSide:10px;top:-webkit-calc(50% - 15px);top:-moz-calc(50% - 15px);top:calc(50% - 15px)}
.post-body i.msgs.info:before{content:"\f129";background-color:#68c9ff}
.post-body i.msgs.success:before{content:"\f00c";background-color:#46ea77}
.post-body i.msgs.error:before{content:"\f00d";background-color:#f58282}
.post-body i.msgs.warning:before{content:"\f12a";background-color:#d6c137}
.post-body i.msgs.gift:before{content:"\f06b";background-color:#c775c3}
.post-body i.msgs.info{border-color:#68c9ff;color:#68c9ff;background-color:#e4f5ff}
.post-body i.msgs.success{border-color:#46ea77;color:#46ea77;background-color:#e4fff5}
.post-body i.msgs.error{border-color:#f58282;color:#f58282;background-color:#ffe4e4}
.post-body i.msgs.warning{border-color:#d6c137;color:#d6c137;background-color:#fff8e4}
.post-body i.msgs.gift{border-color:#c775c3;color:#c775c3;background-color:#ffe4f9}
/* ------ Buttons ------ */
.post-body a.sq-button{text-decoration:none;line-height:1.5em;background:-webkit-linear-gradient(45deg,$(keycolor),$(step.color));background:-o-linear-gradient(45deg,$(keycolor),$(step.color));background:-moz-linear-gradient(45deg,$(keycolor),$(step.color));background:linear-gradient(45deg,$(keycolor),$(step.color));color:$(grad.color);font-weight:bold;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a.sq-button.sm{padding:2px 15px}
a.sq-button.md{padding:5px 15px;font-size:16px}
a.sq-button.lg{padding:5px 15px;font-size:20px}
a.sq-button.xl{padding:10px 30px;font-size:22px}
.post-body a.sq-button:hover{-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);box-shadow:0 8px 5px -5px rgba(0,0,0,0.3);-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px)}
/* ------ Dev Code ------ */
.post-body pre.sq-code{direction:ltr;text-align:left!important;width:100%;display:block;font-size:0;line-height:30px;max-height:228px;overflow:auto}
.code-sn{display:inline-block;width:4%;color:$(grad.color);font-weight:bold;text-align:center;background-color:$(keycolor);font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.code-sn span{display:block}
.code-sn span:nth-of-type(odd){background-color:rgba(255,255,255,0.1)}
pre.sq-source{margin:0;display:inline-block;vertical-align:top;background-color:$(main.line);color:$(main.link);width:96%;font-size:12px}
pre.sq-source code{display:block;padding:0 10px}
.sq-source code:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}
/* ------ Contact Form ------ */
.post-body .ContactForm input[type='text'],.post-body .ContactForm textarea{border-bottom:2px solid $(main.line);color:$(main.color)}
.post-body .ContactForm i{color:$(main.text)}
.post-body .ContactForm b{position:absolute;$startSide:30px;color:$(main.text)}
.post-body .contact-state{float:$startSide;color:$(main.text)}
/*=================
🔹 Responsive
===================*/
@media screen and (max-width:1050px) {
#Header1,#HTML302{float:none;width:100%;text-align:center;margin:0 auto;min-height:auto}
div#Header1{margin-bottom:$(main.margin)}
}
@media screen and (min-width:992px) {
body{background:$(body.background)}
}
@media screen and (max-width:992px) {
a.res-home{display:block}
#menu-bar .menu-bar ul li>a.home{display:none}
.menu-bar-res{display:block}
#menu-bar .menu-bar > ul{display:none;position:absolute;left:0;top:58px;background-color:#222222;width:200px;padding:20px;z-index:2;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}
#menu-bar .menu-bar .drop-menu-st ul{display:block;background-color:rgba(0,0,0,0.2);position:relative;top:0;-webkit-box-shadow:none;box-shadow:none;width:auto}
#menu-bar .menu-bar .drop-menu-st ul li a{font-size:12px}
#menu-bar .menu-bar ul li>a{display:block;padding:10px;font-weight:700;text-align:right;border-bottom:1px dotted rgba(255,255,255,0.2)}
#menu-bar .menu-bar .drop-menu-st:after{display:none}
#menu-bar .menu-bar ul li{float:none}
.side-$startSide{width:-webkit-calc(100% - 250px - 2%);width:-moz-calc(100% - 250px - 2%);width:calc(100% - 250px - 2%);float:$startSide}
aside{float:$endSide;width:250px}
}
@media screen and (min-width:861px) and (max-width:992px) {
.social-counter li{margin:0 5px!important;float:none;display:inline-block;vertical-align:top}
.social-counter{text-align:center}
}
@media screen and (min-width:641px) and (max-width:992px) {
.wide-sec .sided-sections.three-cols .section:first-of-type{float:none;width:100%;clear:both;width:100%}
.wide-sec .sided-sections.three-cols .section:nth-of-type(2){margin:0 0 0 15px}
.wide-sec .sided-sections.three-cols .section:nth-of-type(n+2){width:-webkit-calc((100% - 15px)/2);width:-moz-calc((100% - 15px)/2);width:calc((100% - 15px)/2)}
.wide-sec .sided-sections.two-cols .section{margin:0 0 0 15px;width:-webkit-calc((100% - 15px)/2);width:-moz-calc((100% - 15px)/2);width:calc((100% - 15px)/2)}
.wide-sec .sided-sections.two-cols .section:last-of-type{margin:0}
}
@media screen and (max-width:860px) {
header #top-bar #LinkList301{max-width:70%;margin-$startSide:40px}
nav.social{position:absolute;$startSide:40px;top:0}
header #top-bar #PageList301{position:absolute;$startSide:0;overflow:visible}
header #top-bar .menu{display:none}
header #top-bar .menu-res{display:block}
header #top-bar #HTML301{width:250px}
main.side-$startSide,aside{width:100%;float:none}
#sidebar-section .widget{width:49%;float:$startSide}
#sidebar-section .widget:nth-of-type(odd){margin-$endSide:2%}
#footer-sections .f-sec:nth-of-type(odd){margin-$endSide:2%}
#footer-sections .f-sec{width:49%;margin-$endSide:0;margin-bottom:$(main.margin)}
.topic-tools.zooming{display:block;margin:0 auto}
.topic-tools{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.topic-details{width:95%;margin:0 2.5%;padding:35px $(main.padding) 10px;margin-top:-3px}
}
@media screen and (max-width:640px) {
.topic-title{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
body .sided-sections .section{float:none!important;width:100%!important;margin-$endSide:0!important;margin-$startSide:0!important}
#sidebar-section .widget{width:100%;float:none}
#footer #footer-sections .f-sec{width:100%;margin-$endSide:0}
.index-posts .img-wrap{width:180px;height:180px;margin-$endSide:15px}
.blog-author-card{margin-$startSide:0}
.topic-author .social{position:relative;$endSide:0;top:0;text-align:$endSide}
#LinkList304{float:none;clear:both;margin:0 auto;text-align:center}
#HTML303{float:none;clear:both;text-align:center;margin-bottom:10px}
.premium{width:98%}
.comments-list .comment-replies{padding-$startSide:0}
.comments-list .comment-content{margin-top:40px;clear:both}
.comments-list .comment-replies .comment-content{margin-top:20px}
.comment-actions{$endSide:auto;$startSide:85px;top:60px}
.comment-replies .comment-actions{$endSide:0;top:15px;$startSide:auto}
}
@media screen and (max-width:480px) {
header #top-bar #HTML301{min-width:auto;width:200px;position:absolute;$endSide:$(main.padding);z-index:5}
.index-posts .post-outer .img-wrap{float:none;width:100%;height:50vw;margin-bottom:15px}
.post-outer h2.post-title{display:block;width:100%}
.topic-nav-cont a.next,.topic-nav-cont a.prev{float:none;width:100%;border:none;display:block}
.topic-nav .topic-img{display:none!important}
.topic-author{text-align:center}
.topic-author .author-img{display:block;margin:0 auto 10px;float:none}
.topic-author .social{text-align:center}
.separator a{margin:0 auto!important}
}
@media screen and (max-width:360px) {
header #top-bar #HTML301{width:150px}
}
@media print {
.main-container>header,.intro,footer,aside,.topic-share,.topic-author,.topic-nav,.topic-related,div[id^='HTML30'],.zooming,.main-container:before,.main-container:after,article .topic-tools,.Top-Ad,.Bottom-Ad,.Middle-Ad,.item-control.blog-admin{display:none}
.side-$startSide{width:100%!important;float:none}
.middle-content,.main-wrap{margin:0 auto!important}
.main-container{max-width:100%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.topic-details{margin:0 5%;width:90%}
.topic-title{color:#000;border-bottom:1px solid #DDD;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-shadow:none}
.post-body{color:#222!important}
}
]]></![cdata[></b:skin>
<!-- Layout Skin -->
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![cdata[
/* =============
* common
* ============= */
body#layout{background:#efefef url(https://3.bp.blogspot.com/-7be7oo1tgg4/wmszxinnr5i/aaaaaaaaacc/z04msx3fhpiblul88ddiegnjxce4oilwwclcbgas/s1600/pattern.png);min-height:100%;direction:rtl;width:778px;padding:0 10px}
body#layout .rtl{direction:rtl}
body#layout .ltr{direction:ltr}
body#layout:before{content:'';margin-bottom:10px;background:url(https://1.bp.blogspot.com/-pylezk_sfug/wxdctw7oqgi/aaaaaaaaauk/fzfwblqddvkmpi0numgqgmc2g29mrg3rgck4bgayycw/s1600/header.png) no-repeat center center;display:block;height:200px}
body#layout .clear{height:1px;clear:both;display:block;width:100%}
body#layout .loading{display:none}
body#layout .section .widget-content{border-radius:2px;min-height:50px}
body#layout .rtl .section .widget-content{background:linear-gradient(45deg,#2c165f,#922c2c);}
body#layout .ltr .section .widget-content{background:linear-gradient(45deg,#922c2c,#2c165f);}
body#layout .draggable-widget .widget-wrap3{background:none}
body#layout .section h4{display:none}
body#layout div.layout-title{color:#ddd;font-weight:700;font-size:13px}
body#layout .rtl div.layout-title{text-align:right;}
body#layout .ltr div.layout-title{text-align:left;}
body#layout div.layout-widget-description{color:#b77881;font-size:11px;line-height:16px}
body#layout .rtl div.layout-widget-description{text-align:right;}
body#layout .ltr div.layout-widget-description{text-align:left;}
body#layout div.layout-title,body#layout div.layout-widget-description{font-family:tahoma}
body#layout .main-container .section{margin:0;border:0;padding:0;background:0;font-size:0;height:auto}
body#layout div.section>div.add_widget{margin-top:0;padding:7px 15px;border:none;border-bottom:2px solid #c7c7c7}
body#layout div.section>div.add_widget:hover{border-bottom:2px solid #e87375}
body#layout .add-icon{background-color:#d8d8d8;border-radius:2px}
body#layout div.section>div.add_widget:hover .add-icon{background-color:#e87375}
body#layout div.section>div.widget{margin-top:0;margin-bottom:10px}
body#layout .section .widget a.editlink{border:0;padding:3px 15px;color:#b190bf!important;background:#562d67;text-decoration:none;border-radius:3px;height:20px;font:700 11px/18px Tahoma}
body#layout .rtl .section .widget a.editlink{right:auto;left:10px;}
body#layout .ltr .section .widget a.editlink{left:auto;right:10px;}
body#layout .section .widget a.editlink:hover{background:#922c2d;color:#dadada!important}
body#layout .visibility .editlink.icon{margin-top:15px}
body#layout .add_widget{border:1px dashed rgba(0,0,0,0.3);margin-bottom:5px;margin-top:0}
body#layout .add_widget:hover{border:1px dashed rgba(0,0,0,0.5)}
body#layout .section .add_widget a{color:#757575;font-weight:700;text-decoration:none!important}
body#layout.rtl .section .add_widget a{margin-right:40px;margin-left:0;}
body#layout.ltr .section .add_widget a{margin-left:40px;margin-right:0;}
body#layout div.widget-content{padding:10px 15px}
body#layout .draggable-widget div.widget-wrap2{background-color:#e87375}
body#layout .dr_active:before{content:'\اÙلت Ù‡ُنا';font-size:30px;padding-top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #5558ea;color:#5e1056;margin-bottom:30px;top:20px;border-radius:100px}
body#layout .widget.locked-widget:before{content:'\002638';font-size:14px;position:absolute;z-index:2;top:0;background-color:#562d67;width:17px;height:15px;color:#b190b6;line-height:1em;padding-top:5px;border-radius:0 0 20px 20px}
body#layout .rtl .widget.locked-widget:before{left:10px}
body#layout .ltr .widget.locked-widget:before{right:10px}
body#layout .widget .visibility .layout-widget-state{margin-top:12px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU6lGpaGCH91k-xS2AU4J_fgyPJGPI-HN84qB65ug6JxGfUOmw15er5F2vMLNv-53aSv_k4dCtP2We6da4TxuHA-YE22o9zV0u_c9CpD1ZfpzNI7c3hkR-4zAbZEGIv6JuCbluwvf8Wow/s1600/eyes.png);opacity:1!important}
body#layout .rtl .widget .visibility .layout-widget-state{float:right;}
body#layout .ltr .widget .visibility .layout-widget-state{float:left;}
.layout-widget-state.visible{background-position:center -1px!important}
.layout-widget-state.not-visible{background-position:center -23px!important}
/* =============
* Heads Title
* ============= */
body#layout header:before,body#layout .intro:before,body#layout .sided-sections:before,body#layout aside:before,body#layout #RecentPosts:before,body#layout #Auth-Sec:before,body#layout footer:before{content:'';display:block;height:45px;background:#271e3a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbflKzYENILGjumxMIibaIn8S8k1lQMbuBlkl-Mt1SJ9Nl7GSzBRkUEuTerBhD-f61TLwu2HbwmJe2v_IELFoKRNiX7PeT3z69i0G8_Y1l0tQifp_DQLYbL0EZX-CHM2oEwJ3IeoAICo/s1600/LyN.png) no-repeat;margin-bottom:10px}
body#layout header:before{background-position:center -9px}
body#layout .intro:before{background-position:center -78px}
body#layout .sided-sections:before{background-position:center -152px}
body#layout aside:before{background-position:center -228px}
body#layout #RecentPosts:before{background-position:center -308px}
body#layout #Auth-Sec:before{background-position:center -398px}
body#layout footer:before{background-position:center -486px}
body#layout .opt-before:before{display:none}
/* =============
* Header
* ============= */
body#layout #Tempnec{background-color:transparent;border:none;margin:0;padding:0}
body#layout #Tempnec .widget{display:none}
body#layout .widget#LinkList400,body#layout .widget#HTML400{display:block}
body#layout #top-bar #HTML301{display:none}
body#layout header div.dropregion{display:none!important}
body#layout #top-bar .widget, body#layout #head-sec .widget{display:inline-block;width:49.5%;vertical-align:top}
body#layout .rtl #head-sec #Header1, body#layout .rtl #top-bar #LinkList301{margin-left:1%}
body#layout .ltr #head-sec #Header1, body#layout .ltr #top-bar #LinkList301{margin-right:1%}
/* =============
* Main
* ============= */
body#layout .sided-sections,body#layout .sided-sections{font-size:0}
body#layout .top-content .sided-sections .section,body#layout .bottom-content .sided-sections .section{display:inline-block;vertical-align:top;width:32.33333333333%}
body#layout #section2, body#layout #section5, body#layout #section14{margin-right:1.5%;margin-left:1.5%}body#layout .middle-content .sided-sections .section{display:inline-block;vertical-align:top;width:49%}
body#layout .rtl .middle-content .sided-sections .section:first-of-type{margin-left:2%}
body#layout .ltr .middle-content .sided-sections .section:last-of-type{margin-left:2%}
body#layout .intro{margin-bottom:10px}
body#layout #section9{margin-bottom:10px}
body#layout .middle-content{margin-bottom:10px}
body#layout .Blog .widget-content{height:100px}
body#layout div#RecentPosts .widget:last-of-type{margin-bottom:0}
body#layout .rtl main, body#layout .rtl aside{float:right;}
body#layout .ltr main, body#layout .ltr aside{float:left;}
body#layout .rtl main{width:60%;border-left:2px solid #d8d8d8;}
body#layout .ltr main{width:60%;border-right:2px solid #d8d8d8;}
body#layout .rtl main{padding-left:1%}
body#layout .ltr main{padding-right:1%}
body#layout aside{width:37.5%;}
body#layout .rtl aside{margin-right:1%}
body#layout .ltr aside{margin-left:1%}
/* =============
* footer
* ============= */
body#layout #footer-sections{font-size:0}
body#layout #footer-sections .section{width:24%;display:inline-block;vertical-align:top}
body#layout .rtl #footer-sections .section{margin-left:1.333%}
body#layout .ltr #footer-sections .section{margin-right:1.333%}
body#layout .rtl #footer-sections div#sec4{margin-left:0}
body#layout .ltr #footer-sections div#sec4{margin-right:0}
body#layout #HTML303{display:none}
]]></![cdata[
></b:template-skin>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='ContactForm'>
<b:includable id='content'><form autocomplete='off' name='contact-form'><input autocomplete='off' class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' required='required' type='text'/><i class='fa fa-user'/><b><data:contactformnamemsg/></data:contactformnamemsg></b><input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' required='required' type='text'/><i class='fa fa-envelope'/><b><data:contactformemailmsg/></data:contactformemailmsg></b><textarea autocomplete='off' class='contact-form-email-message notr' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' required='required'/></textarea></i></i></form></b:includable></b:defaultmarkup></b:defaultmarkups></b:include></b:include></b:include></b:include></b:eval></b:attr></!doctype></?xml></b:widget-setting>
</b:widget-settings>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
<b:widget id='LinkList400' locked='true' title='إعدادات القالب' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-0'>protect</b:widget-setting>
<b:widget-setting name='link-0'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'><b:tag name='script' type='text/javascript'>var SqCmz={<b:loop index='i' values='data:links' var='link'>'<data:link.name/>':<b:if cond='data:link.target in {true,false}'><data:link.target/><b:else/>'<data:link.target/>'</b:if><b:if cond='data:links.length gt (data:i+1)'>,</b:if></b:loop>}</b:tag></b:includable>
</b:widget>
</b:section>
<script>/*<![CDATA[*/var SqCmz=SqCmz||{};if(SqCmz['wide-background']===true){document.body.setAttribute('data-boxed',false)}if(SqCmz['spinner']===true){document.querySelector('.Loading').classList.remove('hide')}else{document.body.setAttribute('data-overflow',true);}/*]]>*/</script>
<!-- Main Container -->
<div class='main-container'>
<!-- Header -->
<header>
<div class='color-wrap'>
<b:section class='wrapper' id='top-bar' maxwidgets='3' showaddelement='false'>
<b:widget id='LinkList301' locked='true' title='' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>pinterest</b:widget-setting>
<b:widget-setting name='text-0'>rss</b:widget-setting>
<b:widget-setting name='text-3'>youtube</b:widget-setting>
<b:widget-setting name='text-2'>instagram</b:widget-setting>
<b:widget-setting name='text-5'>facebook</b:widget-setting>
<b:widget-setting name='text-4'>twitter</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>/rss.xml</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/><b:include name='MetaWebsite'/><b:include name='widget-edit'/></b:includable>
<b:includable id='MetaWebsite'>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "<data:blog.homepageUrl/>",
"logo": "<b:loop values='data:links' var='link'><b:if cond='data:link.name in {"logo","Logo"}'><data:link.target/></b:if></b:loop>",
"name": "<data:blog.title/>",
"sameAs":[<b:loop index='i' values='data:links' var='link'><b:if cond='data:link.name not in {"logo","Logo"}'>"<data:link.target/>"<b:if cond='data:links.length != data:i+1'>,</b:if></b:if>
</b:loop>
]}
</b:tag>
</b:if>
</b:includable>
<b:includable id='content'>
<nav class='social-sites'>
<ul class='social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><i expr:class='"fa fa-" + data:link.name'/></a></li>
</b:loop>
</ul>
</nav>
</b:includable>
</b:widget>
<b:widget id='PageList301' locked='true' title='الصÙØات' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://squeeze-debug.blogspot.com/', 'title': 'الرئيسية', 'position': 0}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>الرئيسية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<nav class='menu'>
<ul>
<b:loop values='data:links' var='link'>
<li>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a>
</li>
</b:loop>
</ul>
</nav>
<div class='menu-res'>
<i class='fa fa-bars'/>
<nav class='menu-res-wrap'>
<ul class='notr' style='display:none'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a></li>
</b:loop>
</ul>
</nav>
</div>
</b:includable>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'/>
<b:includable id='pageList'/>
</b:widget>
<b:widget id='HTML301' locked='true' title='مربع البØØ«' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl/>",
"potentialAction": [{
"@type": "SearchAction",
"target": "<data:blog.searchUrl/>?q={search_term_string}",
"query-input": "required name=search_term_string"
}]
}
</b:tag>
</b:if>
<div class='search'>
<form action='/search'>
<span><i class='fa fa-search'/></span>
<input expr:placeholder='data:messages.searchThisBlog' name='q' type='text'/>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='wrapper' id='head-sec' maxwidgets='2' showaddelement='false'>
<b:widget id='Header1' locked='true' title='walid_Morad (رأس الصÙØØ©)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<div class='logo'>
<b:if cond='data:useImage'>
<a class='img-logo' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<img expr:alt='data:blog.title' expr:src='data:sourceUrl' expr:title='data:blog.title'/>
</a>
<b:if cond='!data:view.isSingleItem'><h1 class='hide'><data:blog.title/></h1></b:if>
<b:else/>
<div class='txt-logo'>
<b:include name='title'/>
<b:include name='description'/>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<p class='description'><data:description/></p>
</b:includable>
<b:includable id='title'>
<b:if cond='data:view.isSingleItem'>
<a class='headone' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a>
<b:else/>
<h1 class='headone'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a></h1>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML302' locked='true' title='إعلان' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<data:content/>
<i class='clear'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='wrapper' id='menu-bar' maxwidgets='1' showaddelement='false'>
<b:widget id='LinkList302' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-0'> تجريبي</b:widget-setting>
<b:widget-setting name='link-0'>/search</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<nav class='menu-bar'>
<ul>
<li><a class='home' expr:href='data:blog.homepageUrl' expr:title='data:messages.home'>الرئيسية</a></li>
<b:loop values='data:links' var='link'>
<li expr:data-title='data:link.name'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</nav>
<div class='menu-bar-res'>
<a class='res-home' expr:href='data:blog.homepageUrl'>الرئيسية</a>
<nav class='menu-bar-res-wrap'>
<i class='fa fa-bars'/>
<ul class='notr' style='display:none'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
</b:loop>
</ul>
</nav>
</div>
</b:includable>
</b:widget>
</b:section>
<i class='clear'/>
</header>
<!-- Intro -->
<div class='intro wrapper hide'>
<b:section id='section300' showaddelement='false'>
<b:widget id='HTML305' locked='true' title='أخبار ساخنة' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>recent</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<i class='ord hide'><data:content/></i>
<div class='ticker' id='tick'>
<div class='ticker-title'><data:title/></div>
<div class='ticker-content'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:if cond='data:view.isHomepage'>
<b:section class='wrapper' id='section301' showaddelement='false'>
<b:widget id='HTML306' locked='true' title='السلايدر الرئيسي' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>random</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='widget-edit'/><b:include name='content'/></b:includable>
<b:includable id='content'>
<i class='ord hide'><data:content/></i>
<div class='main-slider'>
<div class='m-slider owl-carousel' id='m-slider'/>
<div class='left-box'>
<!-- Top -->
<div class='top'/>
<!-- Bottom -->
<div class='bottom'/>
</div>
</div>
<i class='clear'/>
</b:includable>
</b:widget>
</b:section>
</b:if>
<i class='clear'/>
</div>
<div class='main-wrap wrapper'>
<!-- Homepage Sections -->
<b:if cond='data:view.isHomepage'>
<div class='top-content cate wide-sec'>
<div class='sided-sections cate'>
<b:section id='section1'/>
<b:section id='section2'/>
<b:section id='section3'/>
<i class='clear'/>
</div>
<div class='sided-sections cate opt-before'>
<b:section id='section4'/>
<b:section id='section5'/>
<b:section id='section6'/>
<i class='clear'/>
</div>
</div>
</b:if>
<!-- Start Middle Content -->
<div class='middle-content'>
<main class='side-right'>
<!-- Homepage Sections -->
<b:if cond='data:view.isHomepage'>
<div class='sided-sections cate'>
<b:section id='section7'/>
<b:section id='section8'/>
<i class='clear'/>
</div>
</b:if>
<!-- Main Blog Section -->
<b:section id='RecentPosts' preferred='true' showaddelement='false'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>comments</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>بواسطة</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'>Reactions:</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>728x90</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#11304c</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#212121</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#2a4057</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showBacklinks'>true</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:tag name='div'>
<b:attr cond='!data:view.isError and !data:view.isHomepage' name='class' value='hfeed'/>
<b:if cond='data:view.isHomepage'>
<div class='headline'><h6><data:messages.recentPosts/></h6></div>
<b:elseif cond='data:view.isArchive'/>
<div class='headline'><h6><data:messages.archive/></h6></div>
</b:if>
<b:include name='status-message'/>
<b:tag name='div'>
<b:class cond='data:view.isMultipleItems' name='index-posts'/>
<b:class cond='data:view.isPage' name='static-page'/>
<b:class cond='data:view.isPost' name='item-page'/>
<b:class cond='data:view.isError' name='error-page'/>
<b:if cond='data:posts.length > 0'>
<b:include name='postMeta'/>
<b:loop index='i' values='data:posts' var='post'>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:view.isPage or data:view.isPost' data='post' name='commentPicker'/>
</div>
</b:loop>
</b:if>
</b:tag>
<b:if cond='data:view.isMultipleItems'><div id='Pagination'/></b:if>
</b:tag>
<b:include name='widget-edit'/>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='ar-date' var='post'>
<data:post.date.day/>
<b:eval expr='data:post.date.month == 1 ? "يناير" : ""'/>
<b:eval expr='data:post.date.month == 2 ? "Ùبراير" : ""'/>
<b:eval expr='data:post.date.month == 3 ? "مارس" : ""'/>
<b:eval expr='data:post.date.month == 4 ? "أبريل" : ""'/>
<b:eval expr='data:post.date.month == 5 ? "مايو" : ""'/>
<b:eval expr='data:post.date.month == 6 ? "يونيه" : ""'/>
<b:eval expr='data:post.date.month == 7 ? "يوليو" : ""'/>
<b:eval expr='data:post.date.month == 8 ? "أغسطس" : ""'/>
<b:eval expr='data:post.date.month == 9 ? "سبتمبر" : ""'/>
<b:eval expr='data:post.date.month == 10 ? "أكتوبر" : ""'/>
<b:eval expr='data:post.date.month == 11 ? "نوÙمبر" : ""'/>
<b:eval expr='data:post.date.month == 12 ? "ديسمبر" : ""'/>
<data:post.date.year/>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='"c" + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author' name='authorName'/>
<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author' name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<data:comment.body/>
</div>
<div class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<div class='comments' id='comments'>
<script>
var HideComments=("<data:post.allowNewComments/>"==='true'||"<data:post.allowNewComments/>"==='false')?false:true;
var GooPlus=(<data:post.commentSource/>==1)?true:false;
</script>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframeComments'/>
<b:else/>
<b:include data='post' name='threadedComments'/>
</b:if>
</b:if>
</div>
</b:includable>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsTitle'>
<h3 class='title'><data:messages.comments/></h3>
</b:includable>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='!data:post.embedCommentForm'>
</b:if>
</b:if>
</b:includable>
<b:includable id='inlineAd' var='post'/>
<b:includable id='nextPageLink'/>
<b:includable id='nextprev'/>
<b:includable id='p-post-index'>
<!-- Index -->
<a class='img-wrap PLHolder' expr:href='data:post.url' expr:title='data:post.title'>
<b:if cond='data:post.thumbnailUrl'>
<img class='notr' expr:alt='data:post.title' expr:data-src='data:post.thumbnailUrl' expr:title='data:post.title' style='opacity:0'/>
<b:else/>
<img data-src='<b:include name='altImage'/>' alt='<data:post.title/>' title='<data:post.title/>' class='notr' style='opacity:0'/>
</b:if>
<div class='overlay'/>
<span class='label-title'><data:post.labels.first.name/></span>
</a>
<h2 class='post-title cate-link'><a class='entry-title' expr:href='data:post.url' itemprop='name'><data:post.title/></a></h2>
<div class='details'>
<b:include data='post' name='sq-author'/>
<b:include data='post' name='sq-timestamp'/>
</div>
<p class='cate-snippet'>
<b:if cond='data:blog.isMobileRequest'>
<b:eval expr='data:post.body snippet { length: 92, ellipsis: true, links: false, linebreaks: false }'/>
<b:else/>
<b:eval expr='data:post.body snippet { length: ( data:post.title.length gt 40 ? 190 : 240 ) , ellipsis: true, links: false, linebreaks: false }'/>
</b:if>
</p>
<b:include data='post' name='sq-sharePost'/>
<a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>
</b:includable>
<b:includable id='p-post-item'>
<!-- Posts -->
<header>
<h1 class='entry-title topic-title'><data:post.title/></h1>
<!-- Post Details -->
<div class='topic-tools topic-details'>
<b:include data='post' name='sq-timestamp'/>
<b:include data='post' name='sq-author'/>
<b:include data='post' name='sq-labels'/>
</div>
<!-- Font Sizer -->
<div class='topic-tools zooming'>
<i class='fa fa-plus'/>
<b>الخط</b>
<i class='fa fa-minus'/>
</div>
</header>
<!-- Post Body -->
<div class='hide Top-Ad'/>
<div class='post-body entry-content entry-summary notr'><data:post.body/></div>
<div class='hide Bottom-Ad'/>
<footer>
<script>var postBody=document.querySelector('.post-body');if(postBody.innerText.indexOf('<><>')!==-1)postBody.style.opacity=0</script>
<b:include data='post' name='sq-postQuickEdit'/>
<b:include data='post' name='sq-sharePost'/>
<b:include data='post' name='sq-reactions'/>
<b:include data='post' name='sq-authorAbout'/>
<b:include data='post' name='sq-navigation'/>
<!-- Related Posts -->
<div class='topic-related'><div class='headline'><h6>شاهد أيضاً</h6></div><div class='related-carousel owl-carousel'/></div>
<!-- Comments -->
<div class='topic-comments' id='comments'>
<div class='headline'><h6>التعليقات</h6></div>
<ul class='comments-bar'/>
<div class='comments-tabs'/>
</div>
<b:include data='post' name='sidebarScript'/>
</footer>
</b:includable>
<b:includable id='p-post-static-page' var='post'>
<!-- Pages -->
<header class='headline'>
<h1 class='entry-title' itemprop='name'><data:post.title/></h1>
</header>
<div class='post-body entry-content entry-summary'><data:post.body/></div>
<footer class='hide'>
<b:include data='post' name='sq-author'/>
<b:include data='post' name='sq-timestamp'/>
<b:include data='post' name='sidebarScript'/>
</footer>
<!-- Comments -->
<div class='topic-comments' id='comments'>
<div class='headline'><h6>التعليقات</h6></div>
<ul class='comments-bar'/>
<div class='comments-tabs'/>
</div>
</b:includable>
<b:includable id='post' var='post'>
<b:switch var='data:blog.pageType'>
<b:case value='index'/><b:include data='post' name='p-post-index'/>
<b:case value='archive'/><b:include data='post' name='p-post-index'/>
<b:case value='item'/><article class='hentry'><b:include data='post' name='p-post-item'/></article>
<b:case value='static_page'/><article class='hentry'><b:include data='post' name='p-post-static-page'/></article>
<b:case value='archive'/><b:include data='post' name='p-post-index'/>
</b:switch>
</b:includable>
<b:includable id='postBody' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postMeta'>
<b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
<script type='application/ld+json'>
{ "@context":"http://schema.org", "@type":"ItemList", "itemListElement":[ <b:loop index='i' values='data:posts' var='post'>{ "@type":"ListItem", "position":<b:eval expr='data:i + 1'/>, "url":"<data:post.url/>" }<b:if cond='data:i != data:posts.length - 1'>,</b:if></b:loop> ] }
</script>
</b:if>
<b:if cond='data:view.isSingleItem'>
<b:loop values='data:posts' var='post'>
<b:tag name='script' type='text/javascript'>var AuthorName="<data:post.author.name/>"</b:tag>
<b:tag name='script' type='application/ld+json'>
{ "@context":"http://schema.org", "@type":"BlogPosting", "headline":"<data:post.title/>", "name":"<data:post.title/>", "inLanguage":"ar", "datePublished":"<data:post.date.iso8601/>", "dateModified":"<data:post.date.iso8601/>", "articleBody": "<b:eval expr='data:post.body.escaped snippet { Links: false, linebreaks: false }'/>", "description": "<b:eval expr='data:blog.metaDescription ? data:blog.metaDescription : data:post.snippets.long'/>", <b:if cond='data:post.labels'>"keywords": "<b:loop index='l' values='data:post.labels' var='label'><data:label.name/><b:if cond='data:l != data:post.labels.length - 1'>, </b:if></b:loop>",</b:if> "author" : { "@context": "http://schema.org", "@type": "Person", "image": "<data:post.author.authorPhoto.image/>", "jobTitle": "Author", "name": "<data:post.author.name/>", "url": "<b:eval cond='data:post.author.profileUrl' expr='data:post.author.profileUrl'/>" }, "image": { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "<data:post.url/>", "url": "<b:if cond='data:post.featuredImage'><b:eval expr='resizeImage(data:post.featuredImage, "1200", "1200:630")'/><b:else/><b:include name='altImage'/></b:if>", "name": "<data:post.title/>", "width": 630, "height": 1200 }, "publisher": { "@context": "http://schema.org/", "@type": "Organization", "name": "Blogger", "logo":{ "@context": "http://schema.org/", "@type": "ImageObject", "url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w206-h60", "width": 206, "height": 60 } }, "mainEntityOfPage":{ "@context": "http://schema.org/", "@type": "WebPage", "id": "<data:post.id/>" } }
</b:tag>
<b:if cond='data:post.labels'>
<b:tag name='script' type='application/ld+json'>
{ "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [<b:loop index='l' values='data:post.labels' var='label'> { "@type": "ListItem", "position": <b:eval expr='data:l+1'/>, "item": { "@id": "<data:label.url/>", "name": "<data:label.name/>" } }<b:if cond='data:l != data:post.labels.length - 1'>,</b:if></b:loop> ] }
</b:tag>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='postPagination'/>
<b:includable id='postTitle' var='post'/>
<b:includable id='previousPageLink'/>
<b:includable id='sidebarScript' var='post'>
<b:if cond='data:post.body contains "sq-widepost"'>
<script type='text/javascript'>/*<![CDATA[*/document.body.classList.add("no-sidebar");var RemoveSideBar=setInterval(function(){var aside=document.getElementsByTagName("aside")[0];if(aside!==undefined){clearInterval(RemoveSideBar);aside.parentNode.removeChild(aside)}},0);/*]]>*/</script>
</b:if>
</b:includable>
<b:includable id='sq-author' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or data:view.isPage'>
<!-- Post Author -->
<div>
<b:class cond='data:view.isSingleItem' name='vcard'/>
<b:if cond='data:post.author.profileUrl'>
<a class='author-prof url' expr:href='data:post.author.profileUrl' title='author'>
<i class='fa fa-user-circle'/><span class='fn'><data:post.author.name/></span>
</a>
<b:else/>
<span class='fn'><i class='fa fa-user-circle'/><data:post.author.name/></span>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='sq-authorAbout' var='post'>
<!-- Author Profile -->
<div class='topic-author'>
<div class='author-img'>
<b:if cond='data:post.author.authorPhoto.image'>
<img alt='author-img' expr:src='resizeImage(data:post.author.authorPhoto.image , "90", "1:1" )' title='author-img'/>
<b:else/>
<img class='photo' alt='<data:post.title/>' src='<b:include name='altAuthor'/>' title='<data:post.title/>'/>
</b:if>
</div>
<h4><data:post.author.name/></h4>
<i class='clear-left'/>
<b class='author-about'/>
<nav class='social-sites'><ul class='social'/></nav>
<i class='clear'/>
</div>
</b:includable>
<b:includable id='sq-labels' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'>
<!-- Post Labels -->
<span class='categ'>
<a expr:href='data:blog.homepageUrl' title='الرئيسية'><i class='fa fa-home'/>الرئيسية</a>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag' title='قسم'><i class='fa fa-folder-open'/><data:label.name/></a>
</b:loop>
</span>
</b:if>
</b:includable>
<b:includable id='sq-navigation' var='post'>
<!-- Navigation -->
<div class='topic-nav'>
<meta expr:content='data:post.title' name='postTitle'/>
<meta expr:content='data:post.thumbnailUrl' name='postPoster'/>
<div class='topic-nav-wrap'>
<div class='topic-nav-cont'>
<b:if cond='data:this.newerPageUrl'>
<a class='next' expr:href='data:this.newerPageUrl.https'/>
</b:if>
<b:if cond='data:this.olderPageUrl'>
<a class='prev' expr:href='data:this.olderPageUrl.https'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='sq-postQuickEdit' var='post'>
<!-- Quick Edit -->
<span expr:class='"edit-post item-control " + data:post.adminClass'>
<a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=post;postID=" + data:post.id' target='_blank' title='تعديل المشاركة'> تعديل المشاركة </a>
</span>
</b:includable>
<b:includable id='sq-reactions' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>
<!-- Post Reactions -->
<span class='reaction-buttons'>
<span class='reactions-label'><data:widgets.Blog.first.allBylineItems.reactions.label/></span>
<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
</b:if>
</b:includable>
<b:includable id='sq-sharePost' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'>
<!-- Share Post -->
<div class='topic-share'>
<nav>
<ul class='social'>
<li><a class='fa fa-facebook' expr:href='data:post.shareUrl + "&target=facebook"' onclick='popUp(event,this)' title='Facebook Share Button'><b>نشر</b><span>Facebook</span></a></li>
<li><a class='fa fa-google-plus' expr:href='data:post.shareUrl + "&target=googlePlus"' onclick='popUp(event,this)'><b>توصية</b><span>Google Plus</span></a></li>
<li><a class='fa fa-twitter' expr:href='data:post.shareUrl + "&target=twitter"' onclick='popUp(event,this)' title='Twitter Share Button'><b>تغريد</b><span>Twitter</span></a></li>
<li><a class='fa fa-pinterest-p' expr:href='data:post.shareUrl + "&target=pinterest"' onclick='popUp(event,this)' title='Pinterest Share Button'><b>ØÙظ</b><span>Pinterest</span></a></li>
<li><a class='fa fa-phone' expr:href='"whatsapp://send?text=" + data:post.title + " : " + data:post.url' title='Whatsapp Share Button'><b>مشاركة</b><span>Whatsapp</span></a></li>
<li><a class='fa fa-envelope' expr:href='data:post.shareUrl + "&target=email"' expr:title='data:top.emailThisMsg' onclick='popUp(event,this)' title='Email Button'><b>إرسال</b><span>Email</span></a></li>
<li><a class='fa fa-print' href='javascript:window.print()' title='Print Button'><b>طباعة</b><span>Print</span></a></li>
</ul>
</nav>
<b:tag name='script' type='text/javascript'>/*<![CDATA[*/function popUp(ev,its){ev.preventDefault();window.open(its.href,'_blank','height=360,width=360');return false;}/*]]>*/</b:tag>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<div class='post-share'>
<div class='share-icon'><i class='fa fa-share-alt'/></div>
<ul class='share-menu'>
<li><a expr:href='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url' expr:title='data:blog.sharing.platforms[1].shareMessage' rel='noopener' target='_blank'><i class='fa fa-facebook fa-fw'/></a></li>
<li><a expr:href='"https://twitter.com/home?status=" + data:post.url' expr:title='data:blog.sharing.platforms[3].shareMessage' rel='noopener' target='_blank'><i class='fa fa-twitter fa-fw'/></a></li>
<li><a expr:href='"https://plus.google.com/share?url=" + data:post.url' expr:title='data:blog.sharing.platforms[5].shareMessage' rel='noopener' target='_blank'><i class='fa fa-google-plus fa-fw'/></a></li>
</ul>
</div>
</b:if>
</b:includable>
<b:includable id='sq-timestamp' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:view.isPage'>
<!-- Post Date -->
<a expr:href='data:post.url' rel='bookmark' title='bookmark'>
<time class='post-date published updated'>
<i class='fa fa-calendar-times-o'/>
<b:if cond='data:view.isPage'><data:post.date/><b:else/><b:include name='ar-date'/></b:if>
</time>
</a>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:view.isError'>
<div class='ErrorSection'>
<span><i class='fa fa-exclamation-triangle'/></span>
<h2>خطأ 404</h2>
<p><data:navMessage/></p>
</div>
<b:else/>
<b:if cond='data:navMessage'><div class='status-msg-body'><data:navMessage/></div></b:if>
</b:if>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div id='comments-respond'>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<p><data:this.messages.blogComment/></p>
<a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<b:if cond='data:post.showThreadedComments'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(<data:post.commentJso/>,<data:post.commentMsgs/>,<data:post.commentConfig/>);
</script>
</b:if>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<div class='comments-info'>
<div class='comments-count'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
</div>
<b:if cond='data:post.allowNewComments == "true"'>
<a class='go-respond ribble' href='#comments-respond'><b><data:messages.postAComment/></b></a>
</b:if>
<b:if cond='data:post.showThreadedComments'>
<div class='comments-show'>
<a class='comments-only notr' href='void(0)'>عرض التعليقات Ùقط</a>
<a class='comments-replys active notr' href='void(0)'>عرض التعليقات والردود</a>
</div>
</b:if>
</div>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'><b:include data='post' name='threadedCommentJs'/></b:if>
<div class='comments-list' id='comment-holder'><data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'><iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/></div>
</b:if>
</section>
</b:includable>
</b:widget>
<b:widget id='ContactForm1' locked='true' mobile='yes' title='نموذج الاتصال' type='ContactForm' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'><form autocomplete='off' name='contact-form'><input autocomplete='name' class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' required='required' type='text'/><i class='fa fa-user'/><b><data:contactFormNameMsg/></b><input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' required='required' type='text'/><i class='fa fa-envelope'/><b><data:contactFormEmailMsg/></b><textarea autocomplete='email' class='contact-form-email-message notr' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' required='required'/><i class='fa fa-quote-right'/><b><data:contactFormMessageMsg/></b><input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/><div class='contact-state'><p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div><div class='clear'/></form></b:includable>
</b:widget>
</b:section>
<!-- Authors Section -->
<b:if cond='data:view.isLayoutMode or data:view.isSingleItem'>
<b:section class='hide' id='Auth-Sec'>
<b:widget id='LinkList500' locked='true' title='Default' type='LinkList' version='2' visible='true'>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'>
<b:tag name='script' type='text/javascript'><b:loop values='data:links' var='link'><b:switch var='data:link.name'><b:case value='top-ad'/>AuthorsInfo.topAd='<data:link.target.jsEscaped/>';<b:case value='mid-ad'/>AuthorsInfo.midAd='<data:link.target.jsEscaped/>';<b:case value='bot-ad'/>AuthorsInfo.botAd='<data:link.target.jsEscaped/>';</b:switch></b:loop></b:tag>
</b:includable>
</b:widget>
</b:section>
</b:if>
<!-- Homepage Sections -->
<b:if cond='data:view.isHomepage'>
<div class='sided-sections cate'>
<b:section id='section9'/>
<b:section id='section10'/>
<i class='clear'/>
</div>
<div class='sided-sections cate opt-before'>
<b:section id='section11'/>
<b:section id='section12'/>
<i class='clear'/>
</div>
</b:if>
</main>
<b:if cond='data:view.isError'>
<style>.side-right{width:100%;float:none;}</style>
<b:else/>
<aside>
<b:section id='sidebar-section'>
<b:widget id='LinkList303' locked='true' title='التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>youtube-704</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='text-0'>instagram-2010</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='text-3'>facebook-100142</b:widget-setting>
<b:widget-setting name='link-0'>#</b:widget-setting>
<b:widget-setting name='text-2'>twitter-3040</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<nav class='social-counter'>
<ul class='social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><i expr:data-site='data:link.name'/></a><div/></li>
</b:loop>
</ul>
</nav>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<nav class='social'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>
</nav>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>5</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:include name='snippetedPosts'/>
</div>
</b:includable>
<b:includable id='ar-date' var='post'><data:post.date.day/> <b:eval expr='data:post.date.month == 1 ? "يناير" : ""'/><b:eval expr='data:post.date.month == 2 ? "Ùبراير" : ""'/><b:eval expr='data:post.date.month == 3 ? "مارس" : ""'/><b:eval expr='data:post.date.month == 4 ? "أبريل" : ""'/><b:eval expr='data:post.date.month == 5 ? "مايو" : ""'/><b:eval expr='data:post.date.month == 6 ? "يونيه" : ""'/><b:eval expr='data:post.date.month == 7 ? "يوليو" : ""'/><b:eval expr='data:post.date.month == 8 ? "أغسطس" : ""'/><b:eval expr='data:post.date.month == 9 ? "سبتمبر" : ""'/><b:eval expr='data:post.date.month == 10 ? "أكتوبر" : ""'/><b:eval expr='data:post.date.month == 11 ? "نوÙمبر" : ""'/><b:eval expr='data:post.date.month == 12 ? "ديسمبر" : ""'/> <data:post.date.year/></b:includable>
<b:includable id='snippetedPostContent'><b:if cond='data:widget.type == "PopularPosts"'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if><b:if cond='data:postDisplay.showFeaturedImage'><a class='item-thumbnail' expr:href='data:post.url'><b:if cond='data:post.featuredImage'><b:if cond='data:widget.type == "PopularPosts"'><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 72, "1:1")'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 300, "3:2")'/></b:if><b:else/><img data-src='<b:include name='altImage'/>' alt='<data:messages.image/>'/></b:if></a></b:if><b:if cond='data:postDisplay.showTitle'><h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2></b:if><b:if cond='data:widget.type == "FeaturedPost"'><div class='details'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><div class='post-author'><b:if cond='data:post.author.profileUrl'><a expr:href='data:post.author.profileUrl'><i class='fa fa-user-circle'/><data:post.author.name/></a><b:else/><i class='fa fa-user-circle'/><data:post.author.name/></b:if></div></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if></div></b:if><b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "PopularPosts"'><b:eval expr='data:post.snippets.long snippet { length: 120, links: false, linebreaks: false }'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><b:eval expr='data:post.snippets.long snippet { length: 240, links: false, linebreaks: false }'/></b:if></p></b:if></b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='مشاركات عشوائية' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<i class="sqWid" data-type="slider" data-len="5" data-label="random"></i>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='الارشيÙ' type='BlogArchive' visible='true'>
<b:widget-settings>
<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>false</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:this.style == "HIERARCHY"' name='hierarchy'/>
<b:include cond='data:this.style in {"FLAT", "MENU"}' name='flat'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'>
<data:i.name/><span class='post-count'><data:i.post-count/></span>
</a>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='hierarchy'>
<b:include data='data' name='interval'/>
</b:includable>
<b:includable id='interval' var='intervals'>
<ul class='hierarchy'>
<b:loop values='data:intervals' var='interval'>
<li class='archivedate'>
<div class='hierarchy-title'>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
<span class='post-count'><data:interval.post-count/></span>
</a>
</div>
<div class='hierarchy-content'>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts hierarchy'>
<b:loop values='data:posts' var='post'>
<li>
<a expr:href='data:post.url'><data:post.title/></a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='مشاركات عشوائية' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<i class="sqWid" data-type="vslider" data-len="5" data-label="random"></i>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='المشاركات الأخيرة' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<i class="sqWid" data-type="thumbs" data-len="5" data-label="recent"></i>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='التعليقات' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<i class="sqWid" data-type="comments" data-len="5" data-label="comments"></i>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</b:if><!-- End IF Label Page & Not Error Page -->
<i class='clear'/>
</div> <!-- end middle-content -->
<!-- Homepage Sections -->
<b:if cond='data:view.isHomepage'>
<div class='bottom-content wide-sec'>
<div class='sided-sections cate'>
<b:section id='section13'/>
<b:section id='section14'/>
<b:section id='section15'/>
<i class='clear'/>
</div>
</div>
</b:if>
<i class='clear'/>
</div> <!-- End main-wrap -->
<i class='clear'/>
<footer id='footer'>
<b:section class='wrapper' id='footer-top-section'>
<b:widget id='Label3' locked='false' title='التسميات' type='Label' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop values='data:labels' var='label'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label-widget-content"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<div class='wrapper' id='footer-sections'>
<b:section class='f-sec' id='sec1'>
<b:widget id='Label2' locked='false' title='التسميات' type='Label' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop values='data:labels' var='label'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label-widget-content"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section class='f-sec' id='sec2'>
<b:widget id='FeaturedPost1' locked='false' title='مشاركة مميزة' type='FeaturedPost' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>false</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>3625709842473253531</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:include name='snippetedPosts'/>
</div>
</b:includable>
<b:includable id='ar-date' var='post'><data:post.date.day/> <b:eval expr='data:post.date.month == 1 ? "يناير" : ""'/><b:eval expr='data:post.date.month == 2 ? "Ùبراير" : ""'/><b:eval expr='data:post.date.month == 3 ? "مارس" : ""'/><b:eval expr='data:post.date.month == 4 ? "أبريل" : ""'/><b:eval expr='data:post.date.month == 5 ? "مايو" : ""'/><b:eval expr='data:post.date.month == 6 ? "يونيه" : ""'/><b:eval expr='data:post.date.month == 7 ? "يوليو" : ""'/><b:eval expr='data:post.date.month == 8 ? "أغسطس" : ""'/><b:eval expr='data:post.date.month == 9 ? "سبتمبر" : ""'/><b:eval expr='data:post.date.month == 10 ? "أكتوبر" : ""'/><b:eval expr='data:post.date.month == 11 ? "نوÙمبر" : ""'/><b:eval expr='data:post.date.month == 12 ? "ديسمبر" : ""'/> <data:post.date.year/></b:includable>
<b:includable id='snippetedPostContent'><b:if cond='data:widget.type == "PopularPosts"'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if><b:if cond='data:postDisplay.showFeaturedImage'><a class='item-thumbnail' expr:href='data:post.url'><b:if cond='data:post.featuredImage'><b:if cond='data:widget.type == "PopularPosts"'><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 72, "1:1")'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><img expr:alt='data:messages.image' expr:data-src='resizeImage(data:post.featuredImage, 300, "3:2")'/></b:if><b:else/><img data-src='<b:include name='altImage'/>' alt='<data:messages.image/>'/></b:if></a></b:if><b:if cond='data:postDisplay.showTitle'><h2 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h2></b:if><b:if cond='data:widget.type == "FeaturedPost"'><div class='details'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><div class='post-author'><b:if cond='data:post.author.profileUrl'><a expr:href='data:post.author.profileUrl'><i class='fa fa-user-circle'/><data:post.author.name/></a><b:else/><i class='fa fa-user-circle'/><data:post.author.name/></b:if></div></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><time class='post-date'><i class='fa fa-calendar-times-o'/><b:include data='post' name='ar-date'/></time></b:if></div></b:if><b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "PopularPosts"'><b:eval expr='data:post.snippets.long snippet { length: 120, links: false, linebreaks: false }'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><b:eval expr='data:post.snippets.long snippet { length: 240, links: false, linebreaks: false }'/></b:if></p></b:if></b:includable>
</b:widget>
</b:section>
<b:section class='f-sec' id='sec3'>
<b:widget id='LinkList2' locked='false' title='' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>/</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>/</b:widget-setting>
<b:widget-setting name='text-1'></b:widget-setting>
<b:widget-setting name='link-1'>/</b:widget-setting>
<b:widget-setting name='text-0'></b:widget-setting>
<b:widget-setting name='link-2'>/</b:widget-setting>
<b:widget-setting name='text-3'></b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting name='text-2'></b:widget-setting>
<b:widget-setting name='text-4'></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='f-sec' id='sec4'>
<b:widget id='Stats1' locked='false' title='إجمالي مرات مشاهدة الصÙØØ©' type='Stats' visible='true'>
<b:widget-settings>
<b:widget-setting name='showGraphicalCounter'>false</b:widget-setting>
<b:widget-setting name='showAnimatedCounter'>false</b:widget-setting>
<b:widget-setting name='showSparkline'>true</b:widget-setting>
<b:widget-setting name='sparklineStyle'>BLACK_TRANSPARENT</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<script src='https://www.gstatic.com/charts/loader.js' type='text/javascript'/>
<span expr:id='data:widget.instanceId + "_sparklinespan"' style='display:inline-block; width:75px; height:30px'/>
</b:if>
<span expr:class='"counter-wrapper " + (data:showGraphicalCounter ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:id='data:widget.instanceId + "_totalCount"'>
</span>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='FollowByEmail1' locked='false' title='بريد المدونة' type='FollowByEmail' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='subscrib-sec'>
<p>أدخل بريدك الإلكتروني هنا لتشترك معنا ويصلك آخر وأهم الموضوعات على بريدك أولاً „</p>
<form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
<button class='msg-send'><data:messages.subscribe/></button>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input expr:value='data:blog.locale' name='loc' type='hidden'/>
</form>
</div>
</b:includable>
</b:widget>
</b:section>
<i class='clear'/>
</div>
<b:section class='wrapper' id='footer-bottom-section'/>
<div class='color-wrap'>
<b:section class='wrapper' id='footer-cop-section' maxwidgets='2' showaddelement='no'>
<b:widget id='HTML303' locked='true' title='' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='scroll-top fa fa-chevron-up'/>
<span>© </span>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</b:includable>
</b:widget>
<b:widget id='LinkList304' locked='true' title='' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>instagram</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='text-0'>rss</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='text-3'>twitter</b:widget-setting>
<b:widget-setting name='link-0'>/rss.xml</b:widget-setting>
<b:widget-setting name='text-2'>youtube</b:widget-setting>
<b:widget-setting name='text-4'>facebook</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><b:include name='content'/></b:includable>
<b:includable id='content'>
<nav class='social-sites'>
<ul class='social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'><i expr:class='"fa fa-fw fa-" + data:link.name'/></a></li>
</b:loop>
</ul>
</nav>
</b:includable>
</b:widget>
</b:section>
</div>
</footer>
</div> <!-- End main-container -->
<!--TempEnd-->
<!-- jQuery -->
<script defer='defer' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' type='text/javascript'/>
<!-- Basic -->
<b:tag name='script' type='text/javascript'>
var AltImage = '<b:include name='altImage'/>',
AltAuthor = '<b:include name='altAuthor'/>',
snippetLength = <b:eval expr='data:blog.isMobileRequest == "true" ? 92 : 280'/>,
showAuthor = <b:eval expr='data:widgets.Blog.first.allBylineItems.author ? true : false'/>,
showTimestamp = <b:eval expr='data:widgets.Blog.first.allBylineItems.timestamp ? true : false'/>,
LinkCopied = '<data:messages.linkCopiedToClipboard/>',
showMore = '<data:messages.moreEllipsis/>',
/*<![CDATA[*/
isStorage = (function(){try{localStorage.check='true';return true}catch(err){return false}})(),
LeaveReply = 'اترك رداً',
post_define = 'مشاركة',
comment_tab = 'تعليقات',
prem_head = 'المØتوى مخÙÙŠ',
prem_inst = 'قم بمشاركة الموضوع وأعد الدخول عبر ال المنشور لإظهار المØتوى',
widErTitle = 'خطأ ÙÙŠ الأداة',
widErInfo = 'لا يوجد تدوينات ÙÙŠ هذا القسم !' ,
ProfileLink = 'المل٠الشخصي',
NewerLabel = 'الموضوع التالي',
OlderLabel = 'الموضوع السابق',
DelComment = 'Øذ٠التعليق',
ReplyComment = 'رد على التعليق',
PleaseWait = 'برجاء الإنتظار يتم تØضير ال',
RefLink = ' الصÙØØ©',
SecLabel = 'ثانية',
SecsLabel = 'ثواني',
tSecsLabel = 'ثانيتان',
lSecLabel = 'ثانية واØدة',
LinkReady = 'ال جاهز الآن',
PrevPage = 'السابق',
NextPage = 'التالي';
/*]]>*/
</b:tag>
<!-- Google Analytics -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>
الانضمام إلى المحادثة