/*-- Google Fonts --*/
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(fonts/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(fonts/pxiGyp8kv8JHgFVrJJLufntAKPY.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:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(fonts/pxiGyp8kv8JHgFVrJJLucHtA.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:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.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:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.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:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.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:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmr19VF9eO.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:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.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:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(fonts/pxiDyp8kv8JHgFVrJJLmy15VF9eO.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(fonts/pxiEyp8kv8JHgFVrJJnecmNE.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(fonts/pxiEyp8kv8JHgFVrJJfecg.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.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 Awesome Free 6.4.2 --*/
@font-face{font-family:"Font Awesome 6 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400}
@font-face{font-family:"Font Awesome 6 Free";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 6 Free";font-weight:400}
@font-face{font-family:"Font Awesome 6 Free";font-display:swap;font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 6 Free";font-weight:900}
/*-- CSS Variables --*/
:root{
--body-font:'Poppins', sans-serif;
--menu-font:'Poppins', sans-serif;
--title-font:'Poppins', sans-serif;
--meta-font:'Poppins', sans-serif;
--text-font:'Poppins', sans-serif;
--body-bg-color:#F7F7F7;
--body-bg:#F7F7F7 url(images/memphis-colorful.webp) repeat fixed top center;
--outer-bg:#FFFFFF;
--main-color:#78eb54;
--title-color:#191919;
--title-hover-color:#78eb54;
--meta-color:#A9B4BA;
--text-color:#77777A;
--tag-bg:#78eb54;
--tag-color:#FFFFFF;
--header-bg:#ffffff;
--header-color:#191919;
--header-hover-color:#78eb54;
--header-text-color:#545454;
--main-nav-bg:#F8EEFC;
--main-nav-color:#191919;
--main-nav-active-bg:#191919;
--main-nav-active-color:#ffffff;
--main-nav-hover-bg:#F8EEFC;
--main-nav-hover-color:#78eb54;
--submenu-bg:#F8EEFC;
--submenu-color:#545454;
--submenu-hover-color:#78eb54;
--megamenu-bg:#F8EEFC;
--megamenu-color:#545454;
--megamenu-hover-color:#78eb54;
--mobilemenu-bg:#161D1F;
--mobilemenu-color:#FFFFFF;
--mobilemenu-hover-color:#78eb54;
--widget-title-color:#333333;
--widget-title-dot:#78eb54;
--post-title-color:#333333;
--post-title-hover-color:#78eb54;
--post-text-color:#77777A;
--footer-bg:#191919;
--footer-color:#BDBDBD;
--footer-hover-color:#78eb54;
--footer-text-color:#BDBDBD;
--footerbar-bg:#202020;
--footerbar-color:#FFFFFF;
--footerbar-hover-color:#78eb54;
--cookie-bg:#0F1618;
--cookie-color:#AAAAAA;
--button-bg:#78eb54;
--button-color:#FFFFFF;
--button-hover-bg:#E03032;
--button-hover-color:#FFFFFF;
--border-color:rgba(155,155,155,0.08);
--bb-color:rgba(0,0,0,0.1);
}
html[data-theme=dark]{
--body-bg-color:#202729;
--body-bg:#202729;
--outer-bg:#161D1F;
--main-color:#78eb54;
--title-color:#f4f4f4;
--title-hover-color:#78eb54;
--meta-color:#dddddd;
--text-color:#bbbbbb;
--tag-bg:#78eb54;
--tag-color:#ffffff;
--header-bg:#0F1618;
--header-color:#f4f4f4;
--header-hover-color:#78eb54;
--header-text-color:#bbbbbb;
--main-nav-bg:#78eb54;
--main-nav-color:#ffffff;
--main-nav-active-bg:rgba(255,255,255,0.1);
--main-nav-active-color:#ffffff;
--main-nav-hover-bg:rgba(255,255,255,0.1);
--main-nav-hover-color:#ffffff;
--submenu-bg:#0F1618;
--submenu-color:#f4f4f4;
--submenu-hover-color:#78eb54;
--megamenu-bg:#0F1618;
--megamenu-color:#f4f4f4;
--megamenu-hover-color:#78eb54;
--mobilemenu-bg:#161D1F;
--mobilemenu-color:#f4f4f4;
--mobilemenu-hover-color:#78eb54;
--widget-title-color:#f4f4f4;
--widget-title-dot:#78eb54;
--post-title-color:#f4f4f4;
--post-title-hover-color:#78eb54;
--post-text-color:#bbbbbb;
--footer-bg:#0F1618;
--footer-color:#f4f4f4;
--footer-hover-color:#78eb54;
--footer-text-color:#bbbbbb;
--footerbar-bg:#0c1213;
--footerbar-color:#f4f4f4;
--footerbar-hover-color:#78eb54;
--cookie-bg:#0F1618;
--cookie-color:#bbbbbb;
--button-bg:#78eb54;
--button-color:#ffffff;
--button-hover-bg:#E03032;
--button-hover-color:#FFFFFF;
--border-color:rgba(155,155,155,0.08);
--bb-color:rgba(0,0,0,0.1);
}
html.rtl{
--body-font:'Tajawal',Arial,sans-serif;
--menu-font:'Tajawal',Arial,sans-serif;
--title-font:'Tajawal',Arial,sans-serif;
--meta-font:'Tajawal',Arial,sans-serif;
--text-font:'Tajawal',Arial,sans-serif;
}
html[data-theme=dark] .main-logo img {
-webkit-filter: invert(1);
filter: invert(1);
}
/*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}
/*-- Style CSS --*/
*{
box-sizing:border-box;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased
}
html{
position:relative;
margin:0
}
body{
position:relative;
background:var(--body-bg);
background-color:var(--body-bg-color);
font-family:var(--body-font);
font-size:14px;
color:var(--text-color);
font-weight:400;
font-style:normal;
line-height:1.4em;
word-wrap:break-word;
margin:0;
padding:0
}
body.is-cover{
background-attachment:fixed;
background-size:cover;
background-position:center center;
background-repeat:no-repeat
}
.rtl{
direction:rtl
}
h1,h2,h3,h4,h5,h6{
font-family:var(--title-font);
font-weight:700
}
a,input,button{
transition:all .0s ease
}
#outer-wrapper{
position:relative;
overflow:hidden;
width:100%;
max-width:100%;
background-color:var(--outer-bg);
margin:0 auto;
padding:0
}
.is-boxed #outer-wrapper{
width:1170px;
max-width:100%;
box-shadow:0 0 20px rgba(0,0,0,0.1)
}
.container{
position:relative
}
.row-x1{
width:1120px
}
.flex-center{
display:flex;
justify-content:center
}
#content-wrapper{
position:relative;
float:left;
width:100%;
overflow:hidden;
padding:30px 0;
margin:0;
border-top:0
}
.theiaStickySidebarIfy:before,.theiaStickySidebarIfy:after{
content:'';
display:table;
clear:both
}
#main-wrapper{
position:relative;
float:left;
width:calc(100% - 330px);
padding:0
}
.is-left #main-wrapper,.rtl #main-wrapper{
float:right
}
#sidebar-wrapper{
position:relative;
float:right;
width:300px;
padding:0
}
.is-left #sidebar-wrapper,.rtl #sidebar-wrapper{
float:left
}
.btn{
position:relative;
border:0;
border-radius:2px
}
.entry-image-wrap,.comments .avatar-image-container{
overflow:hidden;
background-color:rgba(155,155,155,0.08);
z-index:5;
color:transparent!important;
transition:opacity .17s ease
}
.entry-thumb{
display:block;
position:relative;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
z-index:1;
opacity:0;
transition:opacity .35s ease,filter 0s ease
}
.entry-thumb.lazy-ify{
opacity:1
}
.entry-image-wrap:hover .entry-thumb,.entry-inner:hover .entry-image-wrap .entry-thumb{
filter:brightness(1.05)
}
.before-mask:before{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:70%;
background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:2;
opacity:1;
margin:0;
transition:opacity .25s ease
}
.entry-image-wrap.is-video:after{
position:absolute;
display:flex;
align-items:center;
justify-content:center;
content:'\f04b';
top:50%;
right:50%;
background-color:rgba(0,0,0,0.5);
width:44px;
height:30px;
font-family:'Font Awesome 5 Free';
font-size:12px;
color:#fff;
font-weight:900;
z-index:5;
transform:translate(50%,-50%);
margin:0;
border-radius:8px;
transition:background .17s ease
}
.entry-image-wrap.is-video.c-ply:after{
transform:translate(50%,-50%) scale(1.2)
}
.entry-inner .entry-image-wrap.is-video:not(.c-ply):after{
top:15px;
right:15px;
transform:translate(0%,0%)
}
.rtl .entry-inner .entry-image-wrap.is-video:not(.c-ply):after{
left:15px;
right:unset
}
.entry-image-wrap.is-video:hover:after,.entry-inner:hover .entry-image-wrap.is-video:after{
background-color:var(--main-color)
}
.entry-tag{
position:absolute;
top:10px;
left:10px;
height:18px;
background-color:var(--tag-bg);
font-size:11px;
color:var(--tag-color);
font-weight:400;
line-height:19px;
text-transform:uppercase;
z-index:5;
padding:0 6px;
margin:0;
border-radius:2px
}
.rtl .entry-tag{
left:unset;
right:10px
}
.entry-info{
position:absolute;
left:0;
bottom:0;
width:100%;
background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));
overflow:hidden;
z-index:5;
display:flex;
flex-direction:column;
padding:15px
}
.entry-info .entry-title{
color:#fff;
text-shadow:0 1px 2px rgba(0,0,0,0.5)
}
.entry-info .entry-meta{
color:#ccc
}
.entry-info .entry-meta .author-name{
color:#ddd
}
.entry-title{
color:var(--post-title-color);
font-weight:700;
line-height:1.4em
}
.entry-title a{
display:block;
color:var(--post-title-color)
}
.entry-title a:hover{
color:var(--post-title-hover-color)
}
.entry-meta{
font-family:var(--meta-font);
font-size:12px;
color:var(--meta-color);
font-weight:400;
margin:0
}
.entry-meta .author-name{
color:var(--main-color);
font-weight:600
}
.excerpt{
font-family:var(--text-font);
line-height:1.5em
}
.error-msg{
display:flex;
align-items:center;
font-size:14px;
color:var(--text-color);
padding:20px 0;
font-weight:400
}
.error-msg b{
font-weight:700
}
.social a:before{
display:inline-block;
font-family:'Font Awesome 5 Brands';
font-style:normal;
font-weight:400
}
.social .blogger a:before{
content:'\f37d'
}
.social .facebook a:before{
content:'\f09a'
}
.social .facebook-f a:before{
content:'\f39e'
}
.social .twitter a:before{
content:'\f099'
}
.social .x-twitter a:before{ content:"\e61b" }
.social-color .x-twitter a{ background-color:#14171A }
.social-text .x-twitter a:after{ content:"Twitter" }
.social .rss a:before{
content:'\f09e';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.social .youtube a:before{
content:'\f167'
}
.social .skype a:before{
content:'\f17e'
}
.social .stumbleupon a:before{
content:'\f1a4'
}
.social .tumblr a:before{
content:'\f173'
}
.social .vk a:before{
content:'\f189'
}
.social .stack-overflow a:before{
content:'\f16c'
}
.social .github a:before{
content:'\f09b'
}
.social .linkedin a:before{
content:'\f0e1'
}
.social .dribbble a:before{
content:'\f17d'
}
.social .soundcloud a:before{
content:'\f1be'
}
.social .behance a:before{
content:'\f1b4'
}
.social .digg a:before{
content:'\f1a6'
}
.social .instagram a:before{
content:'\f16d'
}
.social .pinterest a:before{
content:'\f0d2'
}
.social .pinterest-p a:before{
content:'\f231'
}
.social .twitch a:before{
content:'\f1e8'
}
.social .delicious a:before{
content:'\f1a5'
}
.social .codepen a:before{
content:'\f1cb'
}
.social .flipboard a:before{
content:'\f44d'
}
.social .reddit a:before{
content:'\f281'
}
.social .whatsapp a:before{
content:'\f232'
}
.social .messenger a:before{
content:'\f39f'
}
.social .snapchat a:before{
content:'\f2ac'
}
.social .telegram a:before{
content:'\f3fe'
}
.social .steam a:before{
content:'\f3f6'
}
.social .discord a:before{
content:'\f392'
}
.social .share a:before{
content:'\f064';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.social .email a:before{
content:'\f0e0';
font-family:'Font Awesome 5 Free'
}
.social .external-link a:before{
content:'\f35d';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.social-bg .blogger a,.social-bg-hover .blogger a:hover{
background-color:#f30
}
.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{
background-color:#3b5999
}
.social-bg .twitter a,.social-bg-hover .twitter a:hover{
background-color:#00acee
}
.social-bg .x-twitter a,.social-bg-hover .x-twitter a:hover{
background-color:#14171A
}
.social-bg .youtube a,.social-bg-hover .youtube a:hover{
background-color:#f50000
}
.social-bg .instagram a,.social-bg-hover .instagram a:hover{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{
background-color:#ca2127
}
.social-bg .dribbble a,.social-bg-hover .dribbble a:hover{
background-color:#ea4c89
}
.social-bg .linkedin a,.social-bg-hover .linkedin a:hover{
background-color:#0077b5
}
.social-bg .tumblr a,.social-bg-hover .tumblr a:hover{
background-color:#365069
}
.social-bg .twitch a,.social-bg-hover .twitch a:hover{
background-color:#6441a5
}
.social-bg .rss a,.social-bg-hover .rss a:hover{
background-color:#ffc200
}
.social-bg .skype a,.social-bg-hover .skype a:hover{
background-color:#00aff0
}
.social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{
background-color:#eb4823
}
.social-bg .vk a,.social-bg-hover .vk a:hover{
background-color:#4a76a8
}
.social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{
background-color:#f48024
}
.social-bg .github a,.social-bg-hover .github a:hover{
background-color:#24292e
}
.social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{
background:linear-gradient(#ff7400,#ff3400)
}
.social-bg .behance a,.social-bg-hover .behance a:hover{
background-color:#191919
}
.social-bg .digg a,.social-bg-hover .digg a:hover{
background-color:#1b1a19
}
.social-bg .delicious a,.social-bg-hover .delicious a:hover{
background-color:#0076e8
}
.social-bg .codepen a,.social-bg-hover .codepen a:hover{
background-color:#000
}
.social-bg .flipboard a,.social-bg-hover .flipboard a:hover{
background-color:#f52828
}
.social-bg .reddit a,.social-bg-hover .reddit a:hover{
background-color:#ff4500
}
.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{
background-color:#3fbb50
}
.social-bg .messenger a,.social-bg-hover .messenger a:hover{
background-color:#0084ff
}
.social-bg .snapchat a,.social-bg-hover .snapchat a:hover{
background-color:#ffe700
}
.social-bg .telegram a,.social-bg-hover .telegram a:hover{
background-color:#179cde
}
.social-bg .steam a,.social-bg-hover .steam a:hover{
background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)
}
.social-bg .discord a,.social-bg-hover .discord a:hover{
background-color:#7289da
}
.social-bg .share a,.social-bg-hover .share a:hover{
background-color:var(--meta-color)
}
.social-bg .email a,.social-bg-hover .email a:hover{
background-color:#888
}
.social-bg .external-link a,.social-bg-hover .external-link a:hover{
background-color:var(--button-hover-bg)
}
.social-color .blogger a,.social-color-hover .blogger a:hover{
color:#f30
}
.social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{
color:#3b5999
}
.social-color .twitter a,.social-color-hover .twitter a:hover{
color:#00acee
}
.social-color .x-twitter a,.social-color-hover .x-twitter a:hover{
color:#14171A
}
.social-color .youtube a,.social-color-hover .youtube a:hover{
color:#f50000
}
.social-color .instagram a,.social-color-hover .instagram a:hover{
color:#dd277b
}
.social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{
color:#ca2127
}
.social-color .dribbble a,.social-color-hover .dribbble a:hover{
color:#ea4c89
}
.social-color .linkedin a,.social-color-hover .linkedin a:hover{
color:#0077b5
}
.social-color .tumblr a,.social-color-hover .tumblr a:hover{
color:#365069
}
.social-color .twitch a,.social-color-hover .twitch a:hover{
color:#6441a5
}
.social-color .rss a,.social-color-hover .rss a:hover{
color:#ffc200
}
.social-color .skype a,.social-color-hover .skype a:hover{
color:#00aff0
}
.social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{
color:#eb4823
}
.social-color .vk a,.social-color-hover .vk a:hover{
color:#4a76a8
}
.social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{
color:#f48024
}
.social-color .github a,.social-color-hover .github a:hover{
color:#24292e
}
.social-color .soundcloud a,.social-color-hover .soundcloud a:hover{
color:#ff7400
}
.social-color .behance a,.social-color-hover .behance a:hover{
color:#191919
}
.social-color .digg a,.social-color-hover .digg a:hover{
color:#1b1a19
}
.social-color .delicious a,.social-color-hover .delicious a:hover{
color:#0076e8
}
.social-color .codepen a,.social-color-hover .codepen a:hover{
color:#000
}
.social-color .flipboard a,.social-color-hover .flipboard a:hover{
color:#f52828
}
.social-color .reddit a,.social-color-hover .reddit a:hover{
color:#ff4500
}
.social-color .whatsapp a,.social-color-hover .whatsapp a:hover{
color:#3fbb50
}
.social-color .messenger a,.social-color-hover .messenger a:hover{
color:#0084ff
}
.social-color .snapchat a,.social-color-hover .snapchat a:hover{
color:#ffe700
}
.social-color .telegram a,.social-color-hover .telegram a:hover{
color:#179cde
}
.social-color .steam a,.social-color-hover .steam a:hover{
color:#112c5b
}
.social-color .discord a,.social-color-hover .discord a:hover{
color:#7289da
}
.social-color .share a,.social-color-hover .share a:hover{
color:var(--meta-color)
}
.social-color .email a,.social-color-hover .email a:hover{
color:#888
}
.social-color .external-link a,.social-color-hover .external-link a:hover{
color:var(--button-hover-bg)
}
#header-wrapper,.header-content{
position:relative;
float:left;
width:100%;
height:58px;
background-color:var(--header-bg);
padding:0;
margin:0
}
.header-items{
position:relative;
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0
}
.main-logo{
position:relative;
float:left;
height:58px;
overflow:hidden;
display:flex;
margin:0
}
.main-logo .widget{
position:relative;
height:100%;
display:flex;
align-items:center;
margin:0
}
.main-logo .logo-img{
display:flex;
align-items:center;
height:34px;
overflow:hidden;
margin:0
}
.main-logo img{
display:block;
max-width:100%;
max-height:100%;
margin:0
}
.main-logo .blog-title{
display:block;
font-size:20px;
color:var(--header-color);
font-weight:700;
margin:0
}
.main-logo .blog-title a{
color:var(--header-color)
}
.main-logo .blog-title a:hover{
color:var(--header-hover-color)
}
.main-logo #h1-off{
position:absolute;
top:-9000px;
left:-9000px;
display:none;
visibility:hidden
}
.main-logo .logo-description{
font-size:14px;
color:var(--header-text-color);
padding:0 15px
}
.main-logo .logo-description b{
font-weight:600
}
.header-icons{
position:relative;
height:58px;
overflow:hidden;
margin:0
}
.header-icons .widget{
position:relative;
height:100%;
display:flex;
align-items:center;
margin:0
}
.header-icons ul.social-icons{
display:flex;
flex-wrap:wrap
}
.header-icons ul li{
margin:0 0 0 10px
}
.rtl .header-icons ul li{
margin:0 10px 0 0
}
.header-icons ul li a{
display:block;
width:24px;
height:24px;
font-size:14px;
color:#ffffff;
text-align:center;
line-height:24px;
border-radius:50%
}
.header-icons ul li a.steam{
font-size:16px
}
.header-icons ul li a:hover{
filter:brightness(1.1)
}
.mobile-menu-toggle{
display:none;
height:30px;
font-size:18px;
color:var(--header-color);
align-items:center;
padding:0 15px
}
.mobile-menu-toggle:after{
content:'\f0c9';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin:0
}
.mobile-menu-toggle:hover{
color:var(--header-hover-color)
}
.mobile-search-toggle{
display:none;
height:58px;
font-size:16px;
color:var(--header-color);
align-items:center;
padding:0 15px
}
.mobile-search-toggle:after{
content:'\f002';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin:0
}
.mobile-search-toggle:hover{
color:var(--header-hover-color)
}
#nav-wrapper,.main-nav-content,.main-nav-flex{
position:relative;
float:left;
width:100%;
height:44px;
z-index:40;
margin:0
}
#nav-wrapper,.main-nav-flex{
background-color:var(--main-nav-bg)
}
.is-boxed .main-nav-flex{
float:none;
width:1170px;
max-width:100%;
margin:0 auto;
border:0
}
.main-nav-items{
position:relative;
float:left;
width:100%;
margin:0
}
#typify-pro-main-nav{
position:relative;
float:left;
width:100%;
height:44px;
z-index:10
}
#typify-pro-main-nav .widget,#typify-pro-main-nav .widget > .widget-title{
display:none
}
#typify-pro-main-nav .show-menu{
display:block
}
#typify-pro-main-nav ul#typify-pro-main-nav-menu{
display:flex;
flex-wrap:wrap
}
#typify-pro-main-nav ul > li{
position:relative;
padding:0;
margin:0
}
#typify-pro-main-nav-menu > li > a{
position:relative;
display:block;
height:44px;
font-family:var(--menu-font);
font-size:14px;
color:var(--main-nav-color);
font-weight:600;
line-height:44px;
text-transform:uppercase;
padding:0 15px;
margin:0
}
#typify-pro-main-nav-menu > li.homepage > a{
background-color:var(--main-nav-active-bg);
color:var(--main-nav-active-color)
}
#typify-pro-main-nav-menu > li.is-icon > a{
width:44px;
font-size:17px;
text-align:center;
padding:0
}
#typify-pro-main-nav-menu > li.is-icon > a:before{
content:'\f015';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin:0
}
#typify-pro-main-nav-menu > li:not(.homepage):hover > a{
background-color:var(--main-nav-hover-bg);
color:var(--main-nav-hover-color)
}
#typify-pro-main-nav ul > li > ul,#typify-pro-main-nav ul > li > .ul{
position:absolute;
float:left;
left:0;
top:44px;
width:180px;
background-color:var(--submenu-bg);
z-index:99999;
padding:5px 0;
visibility:hidden;
opacity:0;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05)
}
.rtl #typify-pro-main-nav ul > li > ul,.rtl #typify-pro-main-nav ul > li > .ul{
left:auto;
right:0
}
#typify-pro-main-nav ul > li > ul > li > ul{
position:absolute;
top:-5px;
left:100%;
margin:0
}
.rtl #typify-pro-main-nav ul > li > ul > li > ul{
left:unset;
right:100%
}
#typify-pro-main-nav ul > li > ul > li{
display:block;
float:none;
position:relative
}
.rtl #typify-pro-main-nav ul > li > ul > li{
float:none
}
#typify-pro-main-nav ul > li > ul > li a{
position:relative;
display:block;
font-size:13px;
color:var(--submenu-color);
font-weight:400;
padding:8px 15px;
margin:0
}
#typify-pro-main-nav ul > li > ul > li:hover > a{
color:var(--submenu-hover-color)
}
#typify-pro-main-nav ul > li.has-sub > a:after{
content:'\f0d7';
float:right;
font-family:'Font Awesome 5 Free';
font-size:14px;
font-weight:900;
margin:-1px 0 0 5px
}
.rtl #typify-pro-main-nav ul > li.has-sub > a:after{
float:left;
margin:-1px 5px 0 0
}
#typify-pro-main-nav ul > li > ul > li.has-sub > a:after{
content:'\f0da';
float:right;
font-size:12px;
margin:0
}
.rtl #typify-pro-main-nav ul > li > ul > li.has-sub > a:after{
content:'\f0d9'
}
#typify-pro-main-nav ul ul,#typify-pro-main-nav ul .ul{
transition:all .17s ease
}
#typify-pro-main-nav ul > li:hover > ul,#typify-pro-main-nav ul > li:hover > .ul,#typify-pro-main-nav ul > li > ul > li:hover > ul{
visibility:visible;
opacity:1;
margin:0
}
#typify-pro-main-nav .mega-menu{
position:static!important
}
#typify-pro-main-nav .mega-menu > .ul{
width:100%;
overflow:hidden;
background-color:var(--megamenu-bg);
display:grid;
grid-template-columns:repeat(5,1fr);
column-gap:20px;
padding:20px
}
#typify-pro-main-nav .mega-menu > .ul.no-items{
grid-template-columns:1fr
}
.tab-active{
display:block
}
.tab-animated,.post-animated{
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@keyframes fadeIn {
from{
opacity:0
}
to{
opacity:1
}
}
.tab-fadeIn,.post-fadeIn{
animation-name:fadeIn
}
@keyframes fadeInUp {
from{
opacity:0;
transform:translate3d(0,5px,0)
}
to{
opacity:1;
transform:translate3d(0,0,0)
}
}
@keyframes slideToLeft {
from{
opacity:0;
transform:translate3d(15px,0,0)
}
to{
opacity:1;
transform:translate3d(0,0,0)
}
}
@keyframes slideToRight {
from{
opacity:0;
transform:translate3d(-15px,0,0)
}
to{
opacity:1;
transform:translate3d(0,0,0)
}
}
.tab-fadeInUp,.post-fadeInUp{
animation-name:fadeInUp
}
.mega-items .mega-item{
position:relative;
width:100%;
padding:0
}
.mega-items .mega-content{
position:relative;
float:left;
width:100%;
padding:0
}
.mega-content .entry-image-wrap{
position:relative;
display:block;
width:100%;
height:115px;
overflow:hidden;
z-index:1;
margin:0 0 7px
}
.mega-content .entry-image-wrap.is-video:after{
transform:translate(50%,-50%) scale(.8)
}
.mega-content .entry-title{
font-size:13px;
font-weight:600;
margin:0
}
.mega-content .entry-title a{
color:var(--megamenu-color)
}
.mega-content .entry-title a:hover{
color:var(--megamenu-hover-color)
}
.mega-menu .error-msg{
justify-content:center
}
.main-toggle-wrap{
position:absolute;
top:0;
right:0;
height:44px;
display:flex;
z-index:20;
margin:0
}
.rtl .main-toggle-wrap{
left:0;
right:unset
}
.main-toggle-style{
position:relative;
width:44px;
height:44px;
color:var(--main-nav-color);
font-size:16px;
text-align:center;
line-height:44px;
cursor:pointer;
z-index:20;
padding:0;
margin:0
}
.darkmode-toggle{
font-size:14px
}
.darkmode-toggle:after{
content:'\f186';
font-family:'Font Awesome 5 Free';
font-weight:400;
margin:0
}
html[data-theme=dark] .darkmode-toggle:after{
content:'\f185'
}
.darkmode-toggle:hover{
opacity:.9
}
.search-toggle{
}
.search-toggle.hide,.search-active .search-toggle.show{
display:none
}
.search-active .search-toggle.hide{
display:block
}
.search-toggle:after{
font-family:'Font Awesome 5 Free';
font-weight:900;
margin:0
}
.search-toggle.show:after{
content:'\f002'
}
.search-toggle.hide:after{
content:'\f00d'
}
#nav-search-wrap{
display:none;
position:absolute;
top:0;
left:0;
width:calc(100% - 44px);
height:44px;
overflow:hidden;
background-color:var(--main-nav-bg);
z-index:25;
padding:5px 15px 5px 0
}
.rtl #nav-search-wrap{
left:unset;
right:0;
padding:5px 0 5px 15px
}
#nav-search-wrap .search-form{
position:relative;
width:100%;
height:34px;
background-color:rgba(0,0,0,0);
overflow:hidden;
display:flex;
justify-content:space-between;
padding:0;
border:0
}
#nav-search-wrap .search-input{
position:relative;
width:calc(100% - 34px);
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:14px;
color:var(--main-nav-color);
font-weight:400;
line-height:34px;
padding:0;
border:0
}
#nav-search-wrap .search-input:focus,#nav-search-wrap .search-input::placeholder{
color:var(--main-nav-color);
outline:none
}
#nav-search-wrap .search-input::placeholder{
opacity:.5
}
#nav-search-wrap .search-action{
position:relative;
width:34px;
min-width:34px;
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:20px;
color:var(--main-nav-color);
font-weight:400;
line-height:34px;
text-align:right;
cursor:pointer;
padding:0;
border:0;
opacity:.5
}
.rtl #nav-search-wrap .search-action{
text-align:left
}
#nav-search-wrap .search-action:before{
display:block;
content:'\f30b';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.rtl #nav-search-wrap .search-action:before{
content:'\f30a'
}
#nav-search-wrap .search-action:hover{
opacity:1
}
.overlay{
visibility:hidden;
opacity:0;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(23,28,36,0.6);
z-index:1000;
-webkit-backdrop-filter:saturate(100%) blur(3px);
-ms-backdrop-filter:saturate(100%) blur(3px);
-o-backdrop-filter:saturate(100%) blur(3px);
backdrop-filter:saturate(100%) blur(3px);
margin:0;
transition:all .35s ease
}
#slide-menu{
display:none;
position:fixed;
width:300px;
height:100%;
top:0;
left:0;
bottom:0;
background-color:var(--mobilemenu-bg);
overflow:hidden;
z-index:1010;
left:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:hidden;
box-shadow:3px 0 7px rgba(0,0,0,0.1);
transition:all .35s ease
}
.rtl #slide-menu{
left:unset;
right:0;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
.nav-active #slide-menu,.rtl .nav-active #slide-menu{
-webkit-transform:translateX(0);
transform:translateX(0);
visibility:visible
}
.slide-menu-header{
float:left;
width:100%;
height:58px;
background-color:var(--header-bg);
overflow:hidden;
display:flex;
justify-content:space-between;
box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)
}
.mobile-search{
position:relative;
flex:1;
padding:0 0 0 15px;
margin:12px 0 0
}
.rtl .mobile-search{
padding:0 15px 0 0
}
.mobile-search .search-form{
position:relative;
width:100%;
height:34px;
background-color:rgba(155,155,155,0.05);
overflow:hidden;
display:flex;
justify-content:space-between;
border-radius:2px
}
.mobile-search .search-input{
position:relative;
width:calc(100% - 34px);
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:13px;
color:var(--menu-color);
font-weight:400;
line-height:34px;
padding:0 10px;
border:0
}
.mobile-search .search-input:focus,.mobile-search .search-input::placeholder{
color:var(--header-color)
}
.mobile-search .search-input::placeholder{
opacity:.5
}
.mobile-search .search-action{
position:relative;
width:34px;
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:10px;
color:var(--header-color);
font-weight:400;
line-height:34px;
text-align:center;
cursor:pointer;
padding:0;
border:0;
opacity:.5
}
.rtl .mobile-search .search-action{
left:0;
right:unset
}
.mobile-search .search-action:before{
display:block;
content:'\f002';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.mobile-search .search-action:hover{
opacity:1
}
.mobile-toggle-wrap{
position:relative;
display:flex;
height:58px;
line-height:58px;
margin:0
}
.mobile-toggle-wrap .darkmode-toggle{
color:var(--header-color);
font-size:14px;
padding:0 0 0 15px
}
.rtl .mobile-toggle-wrap .darkmode-toggle{
padding:0 15px 0 0
}
.mobile-toggle-wrap .darkmode-toggle:hover{
color:var(--header-hover-color)
}
.hide-typify-pro-mobile-menu{
position:relative;
height:58px;
color:var(--header-color);
font-size:16px;
cursor:pointer;
z-index:20;
padding:0 15px;
margin:0
}
.hide-typify-pro-mobile-menu:before{
content:'\f00d';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.hide-typify-pro-mobile-menu:hover{
color:var(--header-hover-color)
}
.slide-menu-flex{
position:relative;
float:left;
width:100%;
height:calc(100% - 58px);
display:flex;
flex-direction:column;
justify-content:space-between;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
margin:0
}
.typify-pro-mobile-menu{
position:relative;
float:left;
width:100%;
padding:20px 15px
}
.typify-pro-mobile-menu > ul{
margin:0
}
.typify-pro-mobile-menu .m-sub{
display:none;
padding:0
}
.typify-pro-mobile-menu ul li{
position:relative;
display:block;
overflow:hidden;
float:left;
width:100%;
font-size:14px;
font-weight:600;
margin:0;
padding:0
}
.typify-pro-mobile-menu > ul li ul{
overflow:hidden
}
.typify-pro-mobile-menu ul li a{
color:var(--mobilemenu-color);
padding:10px 0;
display:block
}
.typify-pro-mobile-menu > ul > li > a{
text-transform:uppercase
}
.typify-pro-mobile-menu ul li.has-sub .submenu-toggle{
position:absolute;
top:0;
right:0;
width:30px;
color:var(--mobilemenu-color);
text-align:right;
cursor:pointer;
padding:10px 0
}
.rtl .typify-pro-mobile-menu ul li.has-sub .submenu-toggle{
text-align:left;
right:auto;
left:0
}
.typify-pro-mobile-menu ul li.has-sub .submenu-toggle:after{
content:'\f0d7';
font-family:'Font Awesome 5 Free';
font-weight:900;
float:right;
font-size:14px;
text-align:right;
transition:all 0 ease
}
.rtl .typify-pro-mobile-menu ul li.has-sub .submenu-toggle:after{
float:left
}
.typify-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{
content:'\f0d8'
}
.typify-pro-mobile-menu ul li a:hover,.typify-pro-mobile-menu ul li.has-sub.show > a,.typify-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{
color:var(--mobilemenu-hover-color)
}
.typify-pro-mobile-menu > ul > li > ul > li a{
font-size:13px;
font-weight:400;
opacity:.9;
padding:10px 0 10px 10px
}
.rtl .typify-pro-mobile-menu > ul > li > ul > li a{
padding:10px 10px 10px 0
}
.typify-pro-mobile-menu > ul > li > ul > li > ul > li > a{
padding:10px 0 10px 20px
}
.rtl .typify-pro-mobile-menu > ul > li > ul > li > ul > li > a{
padding:10px 20px 10px 0
}
.typify-pro-mobile-menu ul > li > .submenu-toggle:hover{
color:var(--mobilemenu-hover-color)
}
.mobile-menu-footer{
position:relative;
float:left;
width:100%;
padding:20px 15px;
margin:0
}
.mobile-navbar-social,.mobile-navbar-menu{
position:relative;
float:left;
width:100%;
margin:10px 0 0
}
.mobile-navbar-social{
margin:0
}
.mobile-navbar-social ul{
display:flex;
flex-wrap:wrap
}
.mobile-navbar-social ul li{
margin:0 10px 0 0
}
.rtl .mobile-navbar-social ul li{
margin:0 0 0 10px
}
.mobile-navbar-social ul li:last-child{
margin:0
}
.mobile-navbar-social ul li a{
display:block;
width:20px;
height:20px;
font-size:12px;
color:#fff;
text-align:center;
line-height:20px;
padding:0;
border-radius:50%
}
.mobile-navbar-social ul li a:hover{
filter:brightness(1.1)
}
.mobile-navbar-menu ul{
display:flex;
flex-wrap:wrap
}
.mobile-navbar-menu ul li{
margin:5px 20px 0 0
}
.rtl .mobile-navbar-menu ul li{
margin:5px 0 0 20px
}
.mobile-navbar-menu ul li:last-child{
margin:5px 0 0
}
.mobile-navbar-menu ul li a{
display:block;
font-size:14px;
color:var(--mobilemenu-color);
font-weight:400;
padding:0
}
.mobile-navbar-menu ul li a:hover{
color:var(--mobilemenu-hover-color)
}
.main-nav-content.is-fixed{
position:fixed;
top:-64px;
left:0;
width:100%;
z-index:990;
backface-visibility:hidden;
transform:translate3d(0,20px,0);
transition:transform .25s ease
}
.main-nav-content.is-fixed.show{
transform:translate3d(0,64px,0)
}
.main-nav-content.is-fixed.show .main-nav-flex{
box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)
}
.loader{
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0
}
.loader-ellipsis{
display:inline-block;
position:relative;
width:50px;
height:10px
}
.loader-ellipsis div{
position:absolute;
top:0;
width:10px;
height:10px;
border-radius:50%;
background:var(--main-color);
animation-duration:.6s;
animation-iteration-count:infinite;
animation-timing-function:ease
}
.loader-ellipsis div:nth-child(1){
left:5px;
animation-name:lds-ellipsis1
}
.loader-ellipsis div:nth-child(2){
left:5px;
animation-name:lds-ellipsis2
}
.loader-ellipsis div:nth-child(3){
left:20px;
animation-name:lds-ellipsis2
}
.loader-ellipsis div:nth-child(4){
left:35px;
animation-name:lds-ellipsis3
}
@keyframes lds-ellipsis1 {
0%{
transform:scale(0)
}
100%{
transform:scale(1)
}
}
@keyframes lds-ellipsis3 {
0%{
transform:scale(1)
}
100%{
transform:scale(0)
}
}
@keyframes lds-ellipsis2 {
0%{
transform:translate(0,0)
}
100%{
transform:translate(15px,0)
}
}
#header-ads-wrap{
position:relative;
float:left;
width:100%
}
#header-ads-wrap.no-widget{
display:none
}
.header-ads .widget{
position:relative;
float:left;
width:100%;
text-align:center;
line-height:0;
margin:30px 0 0
}
.header-ads .widget-content{
float:left;
width:100%;
margin:0
}
.header-ads .widget > .widget-title{
display:none
}
#featured-wrapper{
position:relative;
float:left;
width:100%;
margin:0
}
#featured-wrapper.no-widget{
display:none
}
#featured .widget,#featured .widget .widget-content{
display:none
}
#featured .widget.HTML,#featured .widget.show-ify .widget-content{
display:block
}
#featured .widget{
position:relative;
overflow:hidden;
height:362px;
padding:0;
margin:30px 0 0
}
#featured .widget-content{
position:relative;
overflow:hidden;
height:362px;
margin:0
}
#featured .widget-content .error-msg{
justify-content:center;
height:100%;
padding:0
}
.featured-items{
position:relative;
height:362px;
margin:0
}
.featured-item{
position:relative;
float:left;
width:calc((100% - 6px) / 4);
height:180px;
overflow:hidden;
box-sizing:border-box;
padding:0;
margin:0 2px 0 0
}
.featured-item.item-0,.featured-item.item-1{
width:calc((100% - 2px) / 2)
}
.rtl .featured-item{
float:right;
margin:0 0 0 2px
}
.featured-item.item-0{
height:362px
}
.featured-item.item-1{
margin:0 0 2px
}
.featured-item.item-3{
margin:0
}
.featured-item .entry-inner{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
display:block;
z-index:10
}
.featured-item .entry-image-wrap{
float:left;
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:block;
z-index:5;
margin:0
}
.featured-item .entry-tag{
top:15px;
left:15px
}
.rtl .featured-item .entry-tag{
left:unset;
right:15px
}
.featured-item .entry-info{
padding:15px
}
.featured-item .entry-title{
font-size:14px;
display:block;
margin:0
}
.featured-item.item-0 .entry-title{
font-size:21px
}
.featured-item.item-1 .entry-title{
font-size:17px
}
.featured-item .entry-meta{
display:flex;
flex-wrap:wrap;
margin:5px 0 0
}
.featured-item .entry-author,.featured-item .entry-time{
display:flex
}
.featured-item .entry-author .by,.featured-item .author-name,.featured-item .entry-time .on{
margin:0 4px 0 0
}
.rtl .featured-item .entry-author .by,.rtl .featured-item .author-name,.rtl .featured-item .entry-time .on{
margin:0 0 0 4px
}
#main-wrapper #main{
position:relative;
float:left;
width:100%;
margin:0
}
.is-home #main-wrapper.main-margin #main{
margin-bottom:30px
}
#main .Blog{
position:relative;
float:left;
width:100%;
margin:0
}
.queryMessage{
float:left;
width:100%;
color:var(--title-color);
line-height:0;
margin:0 0 20px
}
.queryMessage .query-info,.Blog.no-posts .queryMessage{
margin:0
}
.queryMessage .query-info{
font-size:14px;
color:var(--title-color);
font-weight:600;
text-transform:uppercase;
line-height:1;
margin:0
}
.queryMessage .query-label:after{
content:'\f078';
display:inline-block;
vertical-align:middle;
font-family:'Font Awesome 5 Free';
font-size:11px;
font-weight:900;
margin:0 0 0 3px
}
.rtl .queryMessage .query-label:after{
margin:0 3px 0 0
}
.queryEmpty{
float:left;
width:100%;
font-size:14px;
font-weight:400;
margin:50px 0;
text-align:center
}
.blog-post{
display:block;
word-wrap:break-word
}
.title-wrap{
position:relative;
float:left;
width:100%;
height:14px;
margin:0 0 20px
}
.title-wrap:before{
position:absolute;
content:'';
top:0;
left:0;
width:100%;
height:10px;
background-color:var(--border-color);
z-index:1;
margin:2px 0
}
.title-wrap > .title{
position:relative;
float:left;
height:100%;
background-color:var(--outer-bg);
font-family:var(--title-font);
font-size:14px;
color:var(--widget-title-color);
font-weight:600;
text-transform:uppercase;
display:flex;
align-items:center;
z-index:2;
padding:0 6px 0 0;
margin:0
}
.rtl .title-wrap > .title{
float:right;
padding:0 0 0 6px
}
.title-wrap > .title:before{
position:relative;
content:'';
width:4px;
height:10px;
background-color:var(--widget-title-dot);
margin:0 5px 0 0;
border-radius:2px
}
.rtl .title-wrap > .title:before{
margin:0 0 0 5px
}
.index-post-wrap{
position:relative;
float:left;
width:100%;
margin:0
}
.Blog.no-posts .index-post-wrap{
display:none
}
.post-animated{
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
@keyframes fadeIn {
from{
opacity:0
}
to{
opacity:1
}
}
.post-fadeIn{
animation-name:fadeIn
}
@keyframes fadeInUp {
from{
opacity:0;
transform:translate3d(0,5px,0)
}
to{
opacity:1;
transform:translate3d(0,0,0)
}
}
.post-fadeInUp{
animation-name:fadeInUp
}
.index-post{
position:relative;
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
padding:0 0 20px;
margin:0 0 20px;
border-bottom:1px solid var(--border-color)
}
.index-post.post-ad-type{
padding:0 0 20px!important;
margin:0 0 20px!important;
border-width:1px!important
}
.index-post .entry-image-wrap{
position:relative;
width:250px;
height:155px;
overflow:hidden;
margin:0 17px 0 0
}
.rtl .index-post .entry-image-wrap{
margin:0 0 0 17px
}
.index-post .entry-header{
display:flex;
flex-direction:column;
flex:1 1 250px;
padding:0
}
.index-post .entry-title{
font-size:19px;
margin:0
}
.index-post .entry-meta{
display:flex;
flex-wrap:wrap;
font-size:12px;
margin:10px 0 0
}
.index-post .entry-author,.index-post .entry-time{
display:flex
}
.index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{
margin:0 4px 0 0
}
.rtl .index-post .entry-author .by,.rtl .index-post .author-name,.rtl .index-post .entry-time .on{
margin:0 0 0 4px
}
.index-post .entry-excerpt{
font-size:13px;
margin:10px 0 0
}
.inline-ad-wrap{
position:relative;
float:left;
width:100%;
margin:0
}
.inline-ad{
position:relative;
float:left;
width:100%;
text-align:center;
line-height:1;
margin:0
}
.item-post-wrap,.is-single .item-post,.item-post-inner{
position:relative;
float:left;
width:100%;
margin:0
}
.item-post .blog-entry-header{
position:relative;
float:left;
width:100%;
display:flex;
flex-direction:column;
margin:0
}
#breadcrumb{
float:left;
width:100%;
font-family:var(--meta-font);
font-size:13px;
color:var(--meta-color);
font-weight:400;
line-height:1;
margin:0 0 13px
}
#breadcrumb a{
color:var(--meta-color)
}
#breadcrumb a.home,#breadcrumb a:hover{
color:var(--main-color)
}
#breadcrumb a,#breadcrumb em{
display:inline
}
#breadcrumb em:after{
content:'\f054';
font-family:'Font Awesome 5 Free';
font-size:9px;
font-weight:900;
font-style:normal;
margin:0 3px
}
.rtl #breadcrumb em:after{
content:'\f053'
}
.item-post h1.entry-title{
position:relative;
float:left;
width:100%;
font-size:33px;
font-weight:700;
margin:0
}
.item-post .has-meta h1.entry-title{
margin-bottom:16px
}
.item-post .entry-meta{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:13px;
margin:0
}
.item-post .entry-meta .align-left,.item-post .entry-meta .align-right{
display:flex;
flex-wrap:wrap;
align-items:center
}
.item-post .entry-author,.item-post .entry-time{
display:flex;
align-items:center
}
.item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{
margin:0 4px 0 0
}
.rtl .item-post .entry-author .by,.rtl .item-post .author-name,.rtl .item-post .entry-time .on{
margin:0 0 0 4px
}
.item-post .entry-meta .author-avatar{
position:relative;
width:26px;
height:26px;
background-color:rgba(155,155,155,0.08);
background-size:100%;
margin:0 7px 0 0;
border-radius:50%;
box-shadow:0 2px 5px -3px rgba(155,155,155,0.15);
opacity:0;
transition:opacity .35s ease
}
.item-post .entry-meta .author-avatar.lazy-ify{
opacity:1
}
.rtl .item-post .entry-meta .author-avatar{
margin:0 0 0 7px
}
.item-post .entry-meta .entry-comments-link{
display:none;
float:right;
margin:0 0 0 12px
}
.item-post .entry-meta .entry-comments-link:before{
color:var(--main-color)
}
.rtl .item-post .entry-meta .entry-comments-link{
float:left;
margin:0 12px 0 0
}
.item-post .entry-meta .entry-comments-link:before{
display:inline-block;
vertical-align:middle;
content:'\f086';
font-family:'Font Awesome 5 Free';
font-size:13px;
font-weight:400;
margin:0 5px 0 0
}
.rtl .item-post .entry-meta .entry-comments-link:before{
margin:0 0 0 5px
}
.item-post .entry-meta .entry-comments-link.show{
display:block
}
.entry-content-wrap{
position:relative;
float:left;
width:100%;
margin:0
}
#post-body{
position:relative;
float:left;
width:100%;
font-family:var(--text-font);
font-size:14px;
color:var(--post-text-color);
line-height:1.6em;
padding:0;
margin:25px 0 0
}
.post-body p{
margin-bottom:25px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
font-size:15px;
color:var(--title-color);
margin:0 0 20px
}
.post-body h1{
font-size:26px
}
.post-body h2{
font-size:23px
}
.post-body h3{
font-size:20px
}
.post-body h4{
font-size:17px
}
.post-body h5{
font-size:14px
}
.post-body img{
height:auto!important
}
blockquote{
position:relative;
background-color:rgba(155,155,155,0.08);
color:var(--title-color);
font-style:normal;
padding:15px 20px;
margin:0;
border-left:3px solid var(--main-color);
border-radius:2px
}
.rtl blockquote{
border-left:0;
border-right:3px solid var(--main-color)
}
blockquote:before{
position:absolute;
left:10px;
top:10px;
content:'\f10e';
font-family:'Font Awesome 5 Free';
font-size:33px;
font-style:normal;
font-weight:900;
color:var(--meta-color);
line-height:1;
opacity:.2;
margin:0
}
.rtl blockquote:before{
left:unset;
right:10px
}
.post-body .responsive-video-wrap{
position:relative;
width:100%;
padding:0;
padding-top:56%
}
.post-body .responsive-video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.post-body ul{
padding:0 0 0 15px;
margin:10px 0
}
.rtl .post-body ul{
padding:0 15px 0 0
}
.post-body li{
margin:5px 0;
padding:0
}
.post-body ul li,.post-body ol ul li{
list-style:none
}
.post-body ul li:before{
display:inline-block;
content:'\2022';
margin:0 5px 0 0
}
.rtl .post-body ul li:before{
margin:0 0 0 5px
}
.post-body ol{
counter-reset:ify;
padding:0 0 0 15px;
margin:10px 0
}
.rtl .post-body ol{
padding:0 15px 0 0
}
.post-body ol > li{
counter-increment:ify;
list-style:none
}
.post-body ol > li:before{
display:inline-block;
content:counters(ify,'.')'.';
margin:0 5px 0 0
}
.rtl .post-body ol > li:before{
margin:0 0 0 5px
}
.post-body u{
text-decoration:underline
}
.post-body strike{
text-decoration:line-through
}
.post-body sup{
vertical-align:super
}
.post-body a{
color:var(--main-color)
}
.post-body a:hover{
text-decoration:underline
}
.post-body a.button{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-family:var(--body-font);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:34px;
text-align:center;
text-decoration:none;
cursor:pointer;
padding:0 20px;
margin:0 5px 5px 0
}
.rtl .post-body a.button{
margin:0 0 5px 5px
}
.post-body a.colored-button{
color:#fff
}
.post-body a.button:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.post-body a.colored-button:hover{
background-color:var(--button-hover-bg)!important;
color:var(--button-hover-color)!important
}
.button:before{
float:left;
font-family:'Font Awesome 5 Free';
font-weight:900;
display:inline-block;
margin:0 8px 0 0
}
.rtl .button:before{
float:right;
margin:0 0 0 8px
}
.button.preview:before{
content:'\f06e'
}
.button.download:before{
content:'\f019'
}
.button.link:before{
content:'\f0c1'
}
.button.cart:before{
content:'\f07a'
}
.button.info:before{
content:'\f06a'
}
.button.share:before{
content:'\f1e0'
}
.button.contact:before{
content:'\f0e0';
font-weight:400
}
.alert-message{
position:relative;
display:block;
padding:15px;
border:1px solid var(--border-color);
border-radius:2px
}
.alert-message.alert-success{
background-color:rgba(34,245,121,0.03);
border:1px solid rgba(34,245,121,0.5)
}
.alert-message.alert-info{
background-color:rgba(55,153,220,0.03);
border:1px solid rgba(55,153,220,0.5)
}
.alert-message.alert-warning{
background-color:rgba(185,139,61,0.03);
border:1px solid rgba(185,139,61,0.5)
}
.alert-message.alert-error{
background-color:rgba(231,76,60,0.03);
border:1px solid rgba(231,76,60,0.5)
}
.alert-message:before{
font-family:'Font Awesome 5 Free';
font-size:16px;
font-weight:900;
display:inline-block;
margin:0 5px 0 0
}
.rtl .alert-message:before{
margin:0 0 0 5px
}
.alert-message.alert-success:before{
content:'\f058';
color:rgba(34,245,121,1)
}
.alert-message.alert-info:before{
content:'\f05a';
color:rgba(55,153,220,1)
}
.alert-message.alert-warning:before{
content:'\f06a';
color:rgba(185,139,61,1)
}
.alert-message.alert-error:before{
content:'\f057';
color:rgba(231,76,60,1)
}
.post-body table{
width:100%;
overflow-x:auto;
text-align:left;
margin:0;
border-collapse:collapse;
border:1px solid var(--border-color)
}
.rtl .post-body table{
text-align:right
}
.post-body table td,.post-body table th{
padding:7px 15px;
border:1px solid var(--border-color)
}
.post-body table thead th{
color:var(--post-title-color);
font-weight:700;
vertical-align:bottom
}
.tocify-wrap{
display:flex;
width:100%;
clear:both;
margin:0
}
.tocify-inner{
position:relative;
max-width:100%;
background-color:rgba(155,155,155,0.08);
display:flex;
flex-direction:column;
overflow:hidden;
font-size:14px;
line-height:1.6em;
border-radius:2px
}
a.tocify-title{
position:relative;
height:38px;
background-color:rgba(155,155,155,0.08);
color:var(--title-color);
font-weight:600;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 15px;
margin:0
}
.tocify-title:after{
content:'\f022';
font-family:'Font Awesome 5 Free';
font-size:16px;
font-weight:400;
margin:0 0 0 25px
}
.rtl .tocify-title:after{
margin:0 25px 0 0
}
.tocify-title.is-expanded:after{
font-weight:900
}
a.tocify-title:hover{
text-decoration:none
}
#tocify{
display:none;
padding:10px 20px;
margin:0
}
#tocify ol{
padding:0 0 0 15px
}
.rtl #tocify ol{
padding:0 15px 0 0
}
#tocify li{
font-size:13px;
margin:6px 0
}
#tocify li a{
color:var(--title-color)
}
#tocify li a:hover{
color:var(--main-color);
text-decoration:underline
}
.contact-form{
overflow:hidden
}
.contact-form .widget-title{
display:none
}
.contact-form .contact-form-name{
width:calc(50% - 5px);
height:36px
}
.rtl .contact-form .contact-form-name{
float:right
}
.contact-form .contact-form-email{
width:calc(50% - 5px);
float:right;
height:36px
}
.rtl .contact-form .contact-form-email{
float:left
}
.contact-form .contact-form-button-submit{
font-family:var(--body-font);
height:36px
}
.post-body pre,pre.code-box{
position:relative;
display:block;
background-color:#0f1618;
font-family:Monospace;
font-size:13px;
color:#f2f2fa;
white-space:pre-wrap;
line-height:1.4em;
padding:15px;
margin:0;
border:0;
border-radius:2px
}
html[data-theme=dark] .post-body pre,html[data-theme=dark] pre.code-box{
background-color:rgba(155,155,155,0.08)
}
.post-body .google-auto-placed{
margin:30px 0 0
}
.post-footer{
position:relative;
float:left;
width:100%;
margin:0
}
.entry-labels{
position:relative;
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
margin:25px 0 0
}
.entry-labels span,.entry-labels a{
font-size:14px;
font-weight:400;
line-height:1;
margin:5px 5px 0 0
}
.rtl .entry-labels span,.rtl .entry-labels a{
margin:5px 0 0 5px
}
.entry-labels span{
color:var(--title-color);
font-weight:700
}
.entry-labels a{
color:var(--main-color);
border-bottom:1px solid var(--main-color)
}
.entry-labels a:hover{
color:var(--title-color);
border-color:var(--title-color)
}
.entry-labels a:after{
content:',';
color:var(--meta-color)
}
.entry-labels a:last-child:after{
display:none
}
.post-share{
position:relative;
float:left;
width:100%;
padding:20px 0 0;
margin:0
}
ul.typify-pro-share-links{
position:relative;
float:left;
width:calc(100% + 5px);
display:flex;
flex-wrap:wrap;
align-items:flex-start;
margin:0 -2.5px
}
.typify-pro-share-links li{
padding:0 2.5px
}
.typify-pro-share-links .flex-1{
flex:1 1 150px
}
.typify-pro-share-links li a{
float:left;
width:36px;
min-width:36px;
height:36px;
overflow:hidden;
font-size:16px;
color:#fff;
line-height:36px;
font-weight:400;
cursor:pointer;
text-align:center;
margin:5px 0 0
}
.typify-pro-share-links .flex-1 a{
width:100%;
display:flex;
justify-content:space-between;
padding:0
}
.typify-pro-share-links li a:before{
display:inline-block;
margin:0
}
.typify-pro-share-links .flex-1 a:before{
width:36px;
background-color:rgba(255,255,255,0.1)
}
.typify-pro-share-links li a span{
display:inline-block;
flex:1;
font-size:14px;
font-weight:400;
padding:0 10px
}
.typify-pro-share-links li a:hover{
opacity:.9
}
.typify-pro-share-links .show-hid a{
background-color:rgba(155,155,155,0.08);
font-size:14px;
color:rgba(155,155,155,0.8)
}
.typify-pro-share-links .show-hid a:before{
content:'\f067';
font-family:'Font Awesome 5 Free';
font-weight:900
}
.show-hidden .show-hid a:before{
content:'\f068'
}
.typify-pro-share-links li.pinterest-p,.typify-pro-share-links li.linkedin,.typify-pro-share-links li.vk,.typify-pro-share-links li.telegram{
display:none
}
.show-hidden li.pinterest-p,.show-hidden li.linkedin,.show-hidden li.vk,.show-hidden li.telegram{
display:inline-block
}
.about-author{
position:relative;
float:left;
width:100%;
padding:20px;
margin:30px 0 0;
border:1px solid var(--border-color);
border-radius:2px
}
.about-author .avatar-container{
position:relative;
float:left;
width:60px;
height:60px;
background-color:rgba(155,155,155,0.08);
overflow:hidden;
margin:0 15px 0 0;
border-radius:50%;
box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)
}
.rtl .about-author .avatar-container{
float:right;
margin:0 0 0 15px
}
.about-author .author-avatar{
float:left;
width:100%;
height:100%;
background-size:100% 100%;
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
opacity:0;
border-radius:50%;
transition:opacity .35s ease
}
.about-author .author-avatar.lazy-ify{
opacity:1
}
.about-author .author-name{
display:block;
font-family:var(--title-font);
font-size:17px;
color:var(--title-color);
font-weight:700;
margin:0 0 8px
}
.about-author .author-name:hover{
color:var(--title-hover-color)
}
.author-description{
display:flex;
flex-direction:column;
flex:1 1 100px
}
.author-description p{
display:block;
font-size:14px;
color:var(--text-color);
font-weight:400
}
.author-description p br{
display:none
}
.author-description a{
display:none;
margin:0
}
ul.description-links{
display:none;
padding:0
}
ul.description-links.show{
display:flex;
flex-wrap:wrap
}
.description-links li{
margin:12px 12px 0 0
}
.rtl .description-links li{
margin:12px 0 0 12px
}
.description-links li a{
display:block;
font-size:14px;
color:var(--text-color);
line-height:1;
padding:0
}
.description-links li a:hover{
opacity:.9
}
#related-wrap{
float:left;
width:100%;
margin:30px 0 0
}
#related-wrap .related-tag{
display:none
}
.typify-pro-related-content{
float:left;
width:100%;
margin:0
}
.typify-pro-related-content .loader{
height:190px
}
.related-posts{
position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
column-gap:20px;
row-gap:25px;
margin:0
}
.related-posts .related-item{
position:relative;
width:100%;
display:flex;
flex-direction:column;
margin:0
}
.related-posts .entry-image-wrap{
position:relative;
width:100%;
height:130px;
display:block;
overflow:hidden;
margin:0 0 10px
}
.related-posts .entry-image-wrap.is-video:after{
transform:translate(50%,-50%) scale(.9)
}
.related-posts .entry-title{
font-size:15px;
margin:0
}
.post-nav{
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:13px;
font-weight:400;
margin:30px 0 0
}
.post-nav a{
display:flex;
align-items:center;
color:var(--meta-color);
line-height:1
}
.post-nav a:hover{
color:var(--main-color)
}
.post-nav span{
color:var(--meta-color)
}
.post-nav-newer-link:before,.rtl .post-nav-older-link:after{
content:'\f053';
float:left;
font-family:'Font Awesome 5 Free';
font-size:9px;
font-weight:900;
margin:0 4px 0 0
}
.post-nav-older-link:after,.rtl .post-nav-newer-link:before{
content:'\f054';
float:right;
font-family:'Font Awesome 5 Free';
font-size:9px;
font-weight:900;
margin:0 0 0 4px
}
#blog-pager{
float:left;
width:100%;
text-align:center;
clear:both;
padding:0;
margin:5px 0 0
}
.Blog.no-posts #blog-pager{
display:none
}
#blog-pager .load-more{
display:block;
background-color:var(--button-bg);
height:36px;
font-size:14px;
color:var(--button-color);
text-align:center;
font-weight:400;
line-height:36px;
padding:0 30px
}
#blog-pager #typify-pro-load-more-link{
cursor:pointer
}
#blog-pager #typify-pro-load-more-link:after{
content:'\f078';
display:inline-block;
font-family:'Font Awesome 5 Free';
font-size:11px;
font-weight:900
}
#blog-pager #typify-pro-load-more-link:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
#blog-pager .loading,#blog-pager .no-more{
display:none
}
#blog-pager .loading .loader{
height:36px
}
#blog-pager .no-more.show{
display:block;
background-color:rgba(155,155,155,0.08);
color:var(--text-color)
}
#blog-pager .loading .loader:after{
width:28px;
height:28px;
margin:-16px 0 0 -16px
}
.typify-pro-blog-post-comments{
display:none;
float:left;
width:100%;
padding:0;
margin:30px 0 0
}
.no-comments.comments-system-blogger .comments-title{
display:none
}
.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{
margin:0 0 10px
}
#comments,#disqus_thread{
float:left;
width:100%
}
.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop,.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{
float:left;
display:block!important;
width:100%!important
}
.fb-comments{
padding:0;
margin:0
}
#comments{
float:left;
width:100%;
display:block;
clear:both;
padding:0;
margin:0
}
.comments-system-facebook #comments{
width:100%;
margin:0
}
#comments h4#comment-post-message{
display:none
}
.comments .comments-content{
float:left;
width:100%;
margin:0
}
.comments .comment-content{
display:block;
font-family:var(--text-font);
font-size:14px;
color:var(--text-color);
line-height:1.6em;
margin:12px 0 0
}
.comments .comment-content > a:hover{
text-decoration:underline
}
.comment-thread .comment{
position:relative;
padding:20px;
margin:20px 0 0;
list-style:none;
border:1px solid var(--border-color);
border-radius:2px
}
.comment-thread ol{
padding:0;
margin:0
}
.toplevel-thread ol > li:first-child{
margin:0
}
.toplevel-thread ol > li:first-child > .comment-block{
padding-top:0;
margin:0;
border:0
}
.comment-thread ol ol .comment{
background-color:rgba(155,155,155,0.08);
border:0
}
.comment-thread ol ol .comment:hover{
box-shadow:unset
}
.comment-thread ol ol .comment:before{
content:'\f3bf';
position:absolute;
left:-25px;
top:-5px;
font-family:'Font Awesome 5 Free';
font-size:16px;
color:var(--border-color);
font-weight:700;
transform:rotate(90deg);
margin:0
}
.rtl .comment-thread ol ol .comment:before{
content:'\f3be';
left:unset;
right:-25px
}
.comments .comment-replybox-single iframe{
padding:0 0 0 45px;
margin:20px 0 0
}
.rtl .comments .comment-replybox-single iframe{
padding:0 45px 0 0
}
.comment-thread .avatar-image-container{
position:absolute;
top:20px;
left:20px;
width:35px;
height:35px;
overflow:hidden;
border-radius:50%;
box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)
}
.rtl .comment-thread .avatar-image-container{
left:auto;
right:20px
}
.avatar-image-container img{
width:100%;
height:100%
}
.comments .comment-header{
padding:0 0 0 45px
}
.rtl .comments .comment-header{
padding:0 45px 0 0
}
.comments .comment-header .user{
display:inline-block;
font-family:var(--title-font);
font-size:16px;
color:var(--title-color);
font-style:normal;
font-weight:700;
margin:0 0 3px
}
.comments .comment-header .user a{
color:var(--title-color)
}
.comments .comment-header .user a:hover{
color:var(--title-hover-color)
}
.comments .comment-header .icon.user{
display:none
}
.comments .comment-header .icon.blog-author{
display:inline-block;
font-size:12px;
color:var(--main-color);
font-weight:400;
vertical-align:top;
margin:-3px 0 0 5px
}
.rtl .comments .comment-header .icon.blog-author{
margin:-3px 5px 0 0
}
.comments .comment-header .icon.blog-author:before{
content:'\f058';
font-family:'Font Awesome 5 Free';
font-weight:400
}
.comments .comment-header .datetime{
display:block;
line-height:1;
margin:0
}
.comment-header .datetime a{
font-family:var(--meta-font);
font-size:10px;
color:var(--meta-color);
font-weight:400;
padding:0
}
.comments .comment-actions{
display:block;
margin:12px 0 0
}
.comments .comment-actions a{
display:inline-block;
font-size:13px;
color:var(--main-color);
font-weight:400;
font-style:normal;
padding:0;
margin:0 15px 0 0
}
.rtl .comments .comment-actions a{
margin:0 0 0 15px
}
.comments .comment-actions a:hover{
color:var(--title-color)
}
.item-control{
display:none
}
.loadmore.loaded a{
display:inline-block;
border-bottom:1px solid rgba(155,155,155,.51);
text-decoration:none;
margin-top:15px
}
.comments .continue{
display:none
}
.comments .comment-replies{
padding:0 0 0 45px
}
.rtl .comments .comment-replies{
padding:0 45px 0 0
}
.thread-expanded .thread-count a,.loadmore{
display:none
}
.comments .footer,.comments .comment-footer{
float:left;
width:100%;
font-size:13px;
margin:0
}
.comment-form{
float:left;
width:100%;
margin:0
}
html[data-theme=dark] .comment-thread iframe{
opacity:.98
}
p.comments-message{
display:none;
float:left;
width:100%;
font-size:12px;
color:var(--meta-color);
font-style:italic;
padding:0 0 10px;
margin:0 0 20px;
border-bottom:1px solid var(--border-color)
}
.no-comments p.comments-message{
padding:0;
margin:0 0 20px;
border:0
}
.comments-system-blogger p.comments-message{
display:block
}
p.comments-message > a{
color:var(--main-color)
}
p.comments-message > a:hover{
color:var(--title-color)
}
p.comments-message > em{
color:#ff3f34;
font-style:normal
}
.comment-form > p{
display:none
}
p.comment-footer span{
color:var(--meta-color)
}
p.comment-footer span:after{
content:'\002A';
color:#d63031
}
.comment-content .responsive-video-wrap{
position:relative;
width:100%;
padding:0;
padding-top:56%
}
.comment-content .responsive-video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.comments .comment-replybox-thread iframe{
margin:30px 0 0
}
#show-comment-form,.comments #top-continue a{
float:left;
width:100%;
height:36px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:36px;
text-align:center;
padding:0 30px;
margin:30px 0 0
}
.no-comments #show-comment-form{
margin:5px 0 0
}
.rtl #show-comment-form,.rtl .comments #top-continue a{
float:right
}
#show-comment-form:hover,.comments #top-continue a:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.comment-form-visible #show-comment-form{
display:none
}
.comments .comment-replybox-thread,.no-comments .comment-form{
display:none
}
.comment-form-visible .comments .comment-replybox-thread,.no-comments.comment-form-visible .comment-form{
display:block
}
#custom-ads{
float:left;
width:100%;
opacity:0;
visibility:hidden;
padding:0;
margin:0;
border:0
}
#before-ad,#after-ad{
float:left;
width:100%;
margin:0
}
#before-ad .widget > .widget-title,#after-ad .widget > .widget-title{
display:block
}
#before-ad .widget > .widget-title > h3.title,#after-ad .widget > .widget-title > h3.title{
font-size:11px;
color:var(--title-color);
font-weight:400;
line-height:1;
margin:0 0 6px
}
#before-ad .widget,#after-ad .widget{
width:100%;
margin:25px 0 0
}
#before-ad .widget-content,#after-ad .widget-content{
position:relative;
width:100%;
line-height:1
}
#typify-pro-new-before-ad #before-ad,#typify-pro-new-after-ad #after-ad{
float:none;
display:block;
margin:0
}
#typify-pro-new-before-ad #before-ad .widget,#typify-pro-new-after-ad #after-ad .widget{
margin:0
}
#typify-pro-post-fby-email{
display:none;
visibility:hidden;
margin:0
}
#sidebar-wrapper .sidebar{
float:left;
width:100%
}
#sidebar-wrapper .sidebar > .widget{
position:relative;
float:left;
width:100%;
padding:0;
margin:0 0 30px
}
#sidebar-wrapper .sidebar > .widget:last-child{
margin:0
}
.sidebar .widget-content{
float:left;
width:100%;
padding:0;
margin:0
}
.sidebar > .widget.no-style > .widget-title{
display:none
}
.sidebar ul.social-icons{
display:grid;
grid-template-columns:repeat(2,1fr);
column-gap:5px;
row-gap:5px;
margin:0
}
.sidebar .social-icons li{
display:block;
margin:0
}
.sidebar .social-icons li a{
position:relative;
display:flex;
justify-content:space-between;
float:left;
width:100%;
height:34px;
overflow:hidden;
font-size:14px;
color:#fff;
text-align:center;
line-height:34px;
padding:0
}
.sidebar .social-icons li a:before{
width:34px;
background-color:rgba(255,255,255,0.1);
font-size:16px
}
.sidebar .social-icons li a.steam:before{
font-size:17px
}
.sidebar .social-icons li span{
display:inline-block;
flex:1;
font-weight:400;
padding:0 10px
}
.sidebar .social-icons li a:hover{
opacity:.9
}
.sidebar .loader{
height:180px
}
.sidebar-posts .post{
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
padding:0;
margin:20px 0 0
}
.sidebar-posts .post.big-post{
position:relative;
height:180px;
margin:0
}
.sidebar-posts .entry-inner{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
display:block;
z-index:10
}
.sidebar-posts .entry-image-wrap{
position:relative;
width:96px;
height:64px;
overflow:hidden;
z-index:1;
margin:0 13px 0 0
}
.sidebar-posts .big-post .entry-image-wrap{
float:left;
width:100%;
height:100%;
margin:0
}
.rtl .sidebar-posts .post:not(.big-post) .entry-image-wrap{
margin:0 0 0 13px
}
.sidebar-posts .post:not(.big-post) .entry-image-wrap.is-video:after{
transform:translate(50%,-50%) scale(.6)
}
.sidebar-posts .post:not(.big-post) .entry-header{
flex:1
}
.sidebar-posts .big-post .entry-tag{
top:15px;
left:15px
}
.rtl .sidebar-posts .big-post .entry-tag{
left:unset;
right:15px
}
.sidebar-posts .entry-meta{
display:flex;
flex-wrap:wrap;
margin:5px 0 0
}
.sidebar-posts .entry-author,.sidebar-posts .entry-time{
display:flex
}
.sidebar-posts .entry-author .by,.sidebar-posts .author-name,.sidebar-posts .entry-time .on{
margin:0 4px 0 0
}
.rtl .sidebar-posts .entry-author .by,.rtl .sidebar-posts .author-name,.rtl .sidebar-posts .entry-time .on{
margin:0 0 0 4px
}
.sidebar-posts .entry-title{
font-size:14px
}
.sidebar-posts .big-post .entry-title{
font-size:17px
}
.cmm1-items .cmm1-item{
position:relative;
float:left;
width:100%;
margin:15px 0 0;
border:1px solid var(--border-color);
border-radius:2px
}
.cmm1-items .cmm1-item.item-0{
margin:0
}
.cmm1-items .entry-inner{
position:relative;
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
align-items:center;
padding:10px
}
.cmm1-items .entry-image-wrap{
position:relative;
width:35px;
height:35px;
overflow:hidden;
z-index:1;
margin:0 10px 0 0;
border-radius:50%;
box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)
}
.rtl .cmm1-items .entry-image-wrap{
margin:0 0 0 10px
}
.cmm1-items .entry-header{
flex:1
}
.cmm1-items .entry-title{
font-size:14px
}
.cmm1-items .entry-inner:hover .entry-title{
color:var(--post-title-hover-color)
}
.cmm1-items .cmm-snippet{
font-size:12px;
color:var(--text-color);
margin:3px 0 0
}
.FollowByEmail .widget-content{
position:relative;
float:left;
width:100%;
border:1px solid var(--border-color)
}
.FollowByEmail .widget-content:before{
position:absolute;
content:'';
top:0;
left:0;
right:0;
height:4px;
background-color:var(--button-bg);
margin:-1px -1px 0
}
.follow-by-email-items{
position:relative;
float:left;
width:100%;
overflow:hidden;
padding:20px
}
.follow-by-email-items:before{
content:'\f0e0';
font-family:'Font Awesome 5 Free';
position:absolute;
top:0;
right:0;
font-size:60px;
color:var(--border-color);
font-weight:900;
opacity:.65;
transform:rotate(45deg);
margin:7px -14px 0 0
}
.rtl .follow-by-email-items:before{
left:0;
right:unset;
transform:rotate(-45deg);
margin:7px 0 0 -14px
}
.follow-by-email-title{
display:block;
font-family:var(--title-font);
font-size:14px;
color:var(--widget-title-color);
font-weight:600;
text-transform:uppercase;
margin:0 0 10px
}
.follow-by-email-address{
width:100%;
height:34px;
background-color:rgba(155,155,155,0.05);
font-family:inherit;
font-size:13px;
color:var(--text-color);
padding:0 10px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:2px
}
.follow-by-email-address:focus{
background-color:var(--outer-bg)!important;
border-color:var(--border-color)!important
}
.follow-by-email-submit{
width:100%;
height:34px;
background-color:var(--button-bg);
font-family:inherit;
font-size:14px;
color:var(--button-color);
font-weight:400;
cursor:pointer;
padding:0 20px
}
.follow-by-email-submit:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.follow-by-email-text{
display:block;
font-size:13px;
color:var(--text-color);
margin:0 0 13px
}
.list-label li,.archive-list li{
position:relative;
display:block
}
.list-label li a,.archive-list li a{
display:block;
color:var(--title-color);
font-size:13px;
font-weight:400;
padding:4px 0
}
.archive-list li a{
text-transform:capitalize
}
.list-label li:first-child a,.archive-list li:first-child a{
padding:0 0 4px
}
.list-label li:last-child a,.archive-list li:last-child a{
padding-bottom:0
}
.list-label li a:hover,.archive-list li a:hover{
color:var(--title-hover-color)
}
.list-label .label-count,.archive-list .archive-count{
float:right;
font-size:11px;
color:var(--meta-color);
text-decoration:none;
margin:1px 0 0 5px
}
.rtl .list-label .label-count,.rtl .archive-list .archive-count{
float:left;
margin:1px 5px 0 0
}
.cloud-label ul{
display:flex;
flex-wrap:wrap;
margin:-5px 0 0
}
.cloud-label li{
margin:5px 5px 0 0
}
.rtl .cloud-label li{
margin:5px 0 0 5px
}
.cloud-label li a{
display:block;
height:28px;
background-color:rgba(155,155,155,0.08);
color:var(--text-color);
font-size:13px;
line-height:28px;
font-weight:400;
padding:0 10px
}
.cloud-label li a:hover{
background-color:var(--button-bg);
color:var(--button-color)
}
.cloud-label .label-count{
display:none
}
.search-widget .search-form{
position:relative;
float:left;
width:100%;
margin:0
}
.search-widget .search-input{
float:left;
width:100%;
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-weight:400;
font-size:14px;
color:var(--text-color);
padding:0 10px;
margin:0;
border:1px solid var(--border-color);
border-radius:2px
}
.search-widget .search-input:focus{
outline:none;
background-color:rgba(155,155,155,0.05)
}
.search-widget .search-action{
position:absolute;
top:0;
right:0;
height:28px;
font-family:inherit;
font-size:14px;
font-weight:400;
line-height:30px;
cursor:pointer;
background-color:var(--button-bg);
color:var(--button-color);
padding:0 15px;
margin:3px 3px 0 0;
border:0
}
.search-widget .search-action:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.rtl .search-widget .search-action{
left:0;
right:unset;
margin:3px 0 0 3px
}
.Profile ul li{
float:left;
width:100%;
margin:20px 0 0
}
.Profile ul li:first-child{
margin:0
}
.Profile .profile-img{
float:left;
width:35px;
height:35px;
background-color:rgba(155,155,155,0.08);
overflow:hidden;
color:transparent!important;
margin:0 10px 0 0;
border-radius:50%;
box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)
}
.rtl .Profile .profile-img{
float:right;
margin:0 0 0 10px
}
.Profile .profile-info{
display:table
}
.Profile .profile-name{
display:block;
font-size:14px;
color:var(--title-color);
font-weight:700;
line-height:1.4em;
margin:0
}
.Profile .profile-name:hover{
color:var(--title-hover-color)
}
.Profile .profile-link{
display:block;
font-size:12px;
color:var(--meta-color);
font-weight:400;
margin:0
}
.Profile .profile-link:hover{
color:var(--main-color)
}
.typify-pro-widget-ready .PageList ul li,.typify-pro-widget-ready .LinkList ul.link-list li{
position:relative;
display:block
}
.typify-pro-widget-ready .PageList ul li a,.typify-pro-widget-ready .LinkList ul.link-list li a{
display:block;
color:var(--title-color);
font-size:14px;
font-weight:400;
padding:5px 0
}
.typify-pro-widget-ready .PageList ul li:first-child a,.typify-pro-widget-ready .LinkList ul.link-list li:first-child a{
padding:0 0 5px
}
.typify-pro-widget-ready .PageList ul li:last-child a,.typify-pro-widget-ready .LinkList ul.link-list li:last-child a{
padding:5px 0 0
}
.typify-pro-widget-ready .PageList ul li a:hover,.typify-pro-widget-ready .LinkList ul.link-list li a:hover{
color:var(--title-hover-color)
}
.Text .widget-content{
font-family:var(--text-font);
font-size:14px;
color:var(--text-color);
margin:0
}
.Image .image-caption{
display:block;
font-size:14px;
color:var(--text-color);
margin:10px 0 0
}
.contact-form-widget form{
font-family:inherit;
font-weight:400
}
.contact-form-name{
float:left;
width:100%;
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:14px;
color:var(--text-color);
line-height:34px;
padding:5px 15px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:2px
}
.contact-form-email{
float:left;
width:100%;
height:34px;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:14px;
color:var(--text-color);
line-height:34px;
padding:5px 15px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:2px
}
.contact-form-email-message{
float:left;
width:100%;
background-color:rgba(0,0,0,0);
font-family:inherit;
font-size:14px;
color:var(--text-color);
padding:10px 15px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:2px
}
.contact-form-button-submit{
float:left;
width:100%;
height:34px;
background-color:var(--button-bg);
font-family:inherit;
font-size:14px;
color:var(--button-color);
font-weight:400;
cursor:pointer;
padding:0 15px;
margin:0
}
.contact-form-button-submit:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.contact-form-error-message-with-border{
float:left;
width:100%;
background-color:rgba(0,0,0,0);
font-size:13px;
color:#e74c3c;
text-align:left;
line-height:1;
padding:0;
margin:10px 0 0;
border:0
}
.contact-form-success-message-with-border{
float:left;
width:100%;
background-color:rgba(0,0,0,0);
font-size:13px;
color:#27ae60;
text-align:left;
line-height:1;
padding:0;
margin:10px 0 0;
border:0
}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{
text-align:right
}
.contact-form-cross{
cursor:pointer;
margin:0 0 0 3px
}
.rtl .contact-form-cross{
margin:0 3px 0 0
}
.contact-form-error-message,.contact-form-success-message{
margin:0
}
.contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{
background-color:rgba(155,155,155,0.05)
}
.Attribution a{
font-size:14px;
line-height:16px;
display:block
}
.Attribution a > svg{
width:16px;
height:16px;
float:left;
margin:0 4px 0 0
}
.Attribution .copyright{
font-size:12px;
color:var(--meta-color);
padding:0 20px;
margin:3px 0 0
}
.TextList ul li{
display:block;
font-size:14px;
font-weight:400;
color:var(--text-color);
margin:0 0 10px
}
.TextList ul li:last-child{
margin:0
}
#footer-ads-wrap{
position:relative;
float:left;
width:100%;
background-color:var(--footerad-bg)
}
#footer-ads-wrap.no-widget{
display:none
}
.footer-ads .widget{
position:relative;
float:left;
width:100%;
text-align:center;
line-height:0;
margin:0 0 30px
}
.footer-ads .widget-content{
float:left;
width:100%;
margin:0
}
.footer-ads .widget > .widget-title{
display:none
}
#footer-wrapper{
position:relative;
float:left;
width:100%;
background-color:var(--footer-bg);
color:var(--footer-text-color);
margin:0
}
html:not([data-theme=dark]) #footer-wrapper.has-border{
border-top:1px solid var(--border-color)
}
#footer-wrapper .primary-footer{
float:left;
width:100%;
margin:0
}
.primary-footer.no-widget{
display:none
}
#typify-pro-about-section{
position:relative;
float:left;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:30px 0;
margin:0
}
.footer-info{
display:flex;
flex-direction:column;
flex:1
}
.footer-info h3.title{
font-size:14px;
color:var(--footer-color);
font-weight:600;
text-transform:uppercase;
line-height:1;
letter-spacing:.3px;
margin:0 0 10px
}
#typify-pro-about-section .Image{
width:calc(100% - (300px + 30px));
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:0
}
#typify-pro-about-section .footer-logo{
padding:0 25px 0 0
}
.rtl #typify-pro-about-section .footer-logo{
padding:0 0 0 25px
}
#typify-pro-about-section .footer-logo img{
display:block;
max-height:34px;
margin:0
}
#typify-pro-about-section .Image .image-caption{
font-size:13px;
color:var(--footer-text-color);
margin:0
}
#typify-pro-about-section .Image .image-caption a{
color:var(--footer-color)
}
#typify-pro-about-section .Image .image-caption a:hover{
color:var(--footer-hover-color)
}
#typify-pro-about-section .LinkList{
width:300px;
display:flex;
align-items:center;
justify-content:flex-end;
margin:0
}
.typify-pro-about-section ul.social-icons{
float:right
}
.rtl .typify-pro-about-section ul.social-icons{
float:left
}
.typify-pro-about-section .social-icons li{
float:left;
margin:0 0 0 10px
}
.rtl .typify-pro-about-section .social-icons li{
float:right;
margin:0 10px 0 0
}
.typify-pro-about-section .social-icons li a{
display:block;
width:34px;
height:34px;
background-color:rgba(155,155,155,0.05);
font-size:16px;
color:var(--footer-color);
text-align:center;
line-height:34px;
box-sizing:border-box
}
.typify-pro-about-section .social-icons li a:hover{
color:#fff
}
.footerbar{
position:relative;
float:left;
width:100%;
height:58px;
background-color:var(--footerbar-bg);
color:var(--footerbar-color);
display:flex;
align-items:center;
padding:0;
margin:0
}
html:not([data-theme=dark]) .footerbar.has-border{
border-top:1px solid var(--border-color)
}
.footerbar .container{
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.footerbar .footer-copyright{
font-size:14px;
font-weight:400;
margin:0
}
.footerbar .footer-copyright a{
color:var(--footerbar-color)
}
.footerbar .footer-copyright a:hover{
color:var(--footerbar-hover-color)
}
#footer-menu{
position:relative;
display:block;
margin:0
}
.footer-menu ul{
display:flex;
flex-wrap:wrap
}
.footer-menu ul li a{
font-size:14px;
color:var(--footerbar-color);
padding:0;
margin:0 0 0 25px
}
.rtl .footer-menu ul li a{
margin:0 25px 0 0
}
#footer-menu ul li a:hover{
color:var(--footerbar-hover-color)
}
#hidden-widgets-wrap,.hidden-widgets{
display:none;
visibility:hidden
}
#back-top{
display:none;
position:fixed;
bottom:20px;
right:20px;
width:34px;
height:34px;
background-color:var(--button-bg);
cursor:pointer;
overflow:hidden;
font-size:14px;
color:var(--button-color);
text-align:center;
line-height:34px;
z-index:50;
margin:0;
transition:background .17s ease,color .17s ease
}
.rtl #back-top{
right:auto;
left:20px
}
#back-top:before{
content:'\f077';
position:relative;
font-family:'Font Awesome 5 Free';
font-weight:900
}
#back-top:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.is-error #main-wrapper{
width:100%
}
.is-error #sidebar-wrapper{
display:none
}
.errorWrap{
color:var(--title-color);
text-align:center;
padding:60px 0
}
.errorWrap h3{
font-size:160px;
color:var(--title-color);
line-height:1;
margin:0 0 25px
}
.errorWrap h4{
font-size:27px;
color:var(--title-color);
margin:0 0 25px
}
.errorWrap p{
color:var(--text-color);
font-size:14px;
margin:0 0 15px
}
.errorWrap a{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:500;
line-height:34px;
padding:0 30px;
margin:15px 0 0
}
.errorWrap a:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.cookie-choices-info{
display:none;
visibility:hidden;
opacity:0
}
#cookie-ify{
display:none;
position:fixed;
bottom:20px;
left:20px;
width:300px;
background-color:var(--cookie-bg);
z-index:1020;
padding:20px;
visibility:hidden;
opacity:0;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
transition:all .35s ease
}
.rtl #cookie-ify{
left:unset;
right:20px
}
#cookie-ify.is-visible{
visibility:visible;
opacity:1
}
.cookie-ify-content{
display:block;
font-size:14px;
color:var(--cookie-color);
margin:0 0 15px
}
.cookie-ify-content a{
color:var(--cookie-color);
text-decoration:underline
}
.cookie-ify-content a:hover{
color:var(--main-color)
}
#cookie-ify-accept{
display:inline-block;
height:30px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:30px;
padding:0 15px;
margin:0
}
#cookie-ify-accept:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
a.ads-here{
display:flex;
align-items:center;
justify-content:center;
height:80px;
background-color:rgba(155,155,155,0.08);
font-size:14px;
color:var(--text-color);
font-style:italic;
margin:0
}
.sidebar a.ads-here{
height:250px
}
a.ads-here:hover{
color:var(--main-color)
}
@media (max-width: 1170px) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{
width:100%;
max-width:100%;
margin:0
}
.row-x1{
width:100%;
max-width:100%
}
#header-wrapper .container,#nav-wrapper .container,#header-ads-wrap > .container,#featured-wrapper .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{
padding:0 15px
}
#cookie-ify{
bottom:15px;
left:15px;
padding:15px 20px
}
.rtl #cookie-ify{
left:unset;
right:15px
}
}
@media (max-width: 880px) {
#header-wrapper{
box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)
}
#header-wrapper .container{
padding:0
}
.mobile-menu-toggle,.mobile-search-toggle{
display:flex
}
.header-items{
flex-wrap:nowrap
}
#header-icons,#nav-wrapper{
display:none!important
}
#slide-menu,.overlay{
display:block
}
.main-toggle-style{
width:auto;
max-width:58px;
padding:0 15px
}
.nav-active .overlay{
visibility:visible;
opacity:1
}
.nav-active #back-top{
opacity:0!important
}
.header-content.is-fixed{
position:fixed;
top:-80px;
left:0;
width:100%;
z-index:990;
backface-visibility:hidden;
transform:translate3d(0,22px,0);
transition:transform .35s ease
}
.header-content.is-fixed.show{
transform:translate3d(0,80px,0);
box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)
}
#main-wrapper,#sidebar-wrapper{
width:100%
}
#sidebar-wrapper{
margin:30px 0 0
}
#blog-pager{
margin:10px 0 0
}
#typify-pro-about-section{
flex-wrap:wrap;
flex-direction:column
}
#typify-pro-about-section .Image{
width:100%;
flex-direction:column;
justify-content:center;
text-align:center
}
#typify-pro-about-section .footer-logo,.rtl #typify-pro-about-section .footer-logo{
padding:0 0 20px
}
.footer-info{
flex:none;
text-align:center
}
.footer-info h3.title{
display:none
}
#typify-pro-about-section .LinkList{
width:100%;
justify-content:center;
margin:15px 0 0
}
.typify-pro-about-section .social-icons li,.rtl .typify-pro-about-section .social-icons li{
margin:10px 5px 0
}
.footerbar{
height:auto;
line-height:inherit;
padding:25px 0;
margin:0
}
.footerbar .container{
flex-direction:column;
justify-content:center
}
.footerbar .footer-copyright,#footer-menu{
width:100%;
text-align:center;
margin:0
}
.footerbar .footer-copyright{
font-size:13px;
opacity:.9
}
#footer-menu{
padding:10px 0 0
}
.footer-menu ul{
justify-content:center
}
.footer-menu ul li a,.rtl .footer-menu ul li a{
display:block;
margin:5px 10px 0
}
#back-top{
right:15px
}
.rtl #back-top{
left:15px;
right:unset
}
}
@media (max-width: 780px) {
.main-logo .widget.Text{
display:none
}
}
@media (max-width: 680px) {
#featured-wrapper .container{
padding:0
}
#featured .widget,#featured .widget-content,.featured-items{
height:auto
}
#featured .widget-content .loader{
height:220px
}
.featured-scroll{
position:relative;
float:left;
width:100%;
height:150px;
display:flex;
overflow:hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
margin:0
}
.featured-scroll .featured-item{
flex-shrink:0;
animation-name:slideToLeft;
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.rtl .featured-scroll .featured-item{
animation-name:slideToRight
}
.featured-item{
width:70%!important;
height:150px!important;
margin:0 0 0 2px !important
}
.rtl .featured-item{
margin:0 2px 0 0 !important
}
.featured-item.item-0{
width:100%!important;
height:220px!important;
margin:0 0 2px!important
}
.featured-item.item-1,.rtl .featured-item.item-1{
margin:0!important
}
.featured-item .entry-title{
font-size:16px!important
}
.featured-item.item-0 .entry-title{
font-size:19px!important
}
.featured-item .entry-meta{
display:none
}
.featured-item.item-0 .entry-meta{
display:flex
}
.item-post h1.entry-title{
font-size:33px
}
.post-body table{
display:block
}
}
@media (max-width: 580px) {
.featured-item.item-0 .entry-title{
font-size:19px!important
}
.index-post{
flex-direction:column
}
.index-post .entry-image-wrap{
width:100%;
height:200px;
margin:0 0 15px
}
.rtl .index-post .entry-image-wrap{
margin:0 0 15px
}
.index-post .entry-header{
flex:none;
padding:0
}
.item-post h1.entry-title{
font-size:30px
}
.typify-pro-share-links .twitter{
flex:unset
}
.typify-pro-share-links .twitter a:before{
background-color:transparent
}
.typify-pro-share-links .twitter a span{
display:none
}
.typify-pro-share-links .x-twitter{
flex:unset
}
.typify-pro-share-links .x-twitter a:before{
background-color:transparent
}
.typify-pro-share-links .x-twitter a span{
display:none
}
.related-posts{
grid-template-columns:repeat(2,1fr)
}
.sidebar-posts .post.big-post{
height:200px
}
.sidebar-posts .big-post .entry-title{
font-size:19px
}
.errorWrap{
padding:25px 0 45px
}
#cookie-ify,.rtl #cookie-ify{
left:0;
right:0;
bottom:0;
width:100%;
padding:20px 15px
}
}
@media (max-width: 480px) {
.featured-scroll{
height:130px
}
.featured-item:not(.item-0){
height:130px!important
}
.featured-item:not(.item-0) .entry-title{
font-size:15px!important
}
.item-post h1.entry-title{
font-size:27px
}
.related-posts .entry-image-wrap{
height:120px;
margin:0 0 8px
}
}
@media (max-width: 380px) {
#featured .loader{
height:180px
}
.featured-scroll{
height:120px
}
.featured-item:not(.item-0){
height:120px!important
}
.featured-item.item-0{
height:180px!important
}
.featured-item:not(.item-0) .entry-tag{
display:none
}
.featured-item:not(.item-0) .entry-title{
font-size:14px!important
}
.index-post .entry-image-wrap{
height:180px
}
.item-post h1.entry-title{
font-size:25px
}
.tocify-inner{
min-width:100%
}
.related-posts .entry-image-wrap{
height:105px
}
.related-posts .entry-title{
font-size:14px
}
.sidebar-posts .post.big-post{
height:180px
}
.errorWrap h3{
font-size:130px
}
}
@media (max-width: 320px) {
.item-post h1.entry-title{
font-size:23px
}
#slide-menu{
width:100%
}
}