/*-----------------------------------------------------------
Theme Name          : Glass
Theme Version       : 2.0.0
Theme Designer      : IW Studio
Theme Description   : Responsive News & Magazine Blogger Theme
----------------------------------------------------------- */
/*
CONTENTS
=======================
= Variable Definitions
= Font Awesome Free
= Reset
= General
= Shortcodes
= Header Wrapper
= Mega Menu
= Main Wrapper
= Sidebar Wrapper
= Block Posts
= Footer Wrapper
= Dark Mode
*/
/*======================
Variable definitions
=======================*/
<Group description="Theme Options">
<Variable name="nosearchform" description="Search Form" type="length" default="1px" min="0px" max="1px"/>
<Variable name="nodarkmode" description="Dark Mode" type="length" default="1px" min="0px" max="1px"/>
<Variable name="nosecondaside" description="Secondary Sidebar" type="length" default="1px" min="0px" max="1px"/>
<Variable name="nomainaside" description="Main Sidebar" type="length" default="1px" min="0px" max="1px"/>
</Group>
<Group description="Theme Fonts">
<Variable name="main.font" description="Site Font" type="font" family="Poppins" default="normal normal 13px $(family)"/>
</Group>
<Group description="Background">
<Variable name="background.color" description="Body Background Color" type="color" default="#f7f8f9" />
<Variable name="body.background" description="Body Background" type="background" color="#f7f8f9" default="$(color) none repeat fixed top left"/>
</Group>
<Group description="Theme Colors">
<Variable name="main.color" description="Theme Color" type="color" default="#9848f6"/>
</Group>
<Group description="Shortcode Colors">
<Variable name="blockquote" description="Blockquote Color" type="color" default="$(maincolor)"/>
<Variable name="downloadbtn" description="Download Button Color" type="color" default="#b3d7f5"/>
<Variable name="demobtn" description="Demo Button Color" type="color" default="#f5b3b3"/>
<Variable name="buybtn" description="Buy Button Color" type="color" default="#b3f5cd"/>
<Variable name="docbtn" description="Doc Button Color" type="color" default="#f5ecb3"/>
<Variable name="successmsg" description="Success Message Color" type="color" default="#4ab33c"/>
<Variable name="alertmsg" description="Alert Message Color" type="color" default="#1528a4"/>
<Variable name="warningmsg" description="Warning Message Color" type="color" default="#dd9d16"/>
<Variable name="errormsg" description="Error Message Color" type="color" default="#ef0c0c"/>
<Variable name="codebox" description="Code Box Color" type="color" default="#161e27"/>
</Group>
<Group description="Post Page Options" select="#main">
<Variable name="breadcrumb" description="Post Breadcrumbs" type="length" default="1px" min="0px" max="1px"/>
<Variable name="cmmcount" description="Comments Counter" type="length" default="1px" min="0px" max="1px"/>
<Variable name="navpoststyle" description="Big Screens Article Navigation style" type="length" default="1px" min="0px" max="1px"/>
<Variable name="nonavpost" description="Article Navigation" type="length" default="1px" min="0px" max="1px"/>
<Variable name="norelated" description="Related Posts Widget" type="length" default="1px" min="0px" max="1px"/>
</Group>
<!-- Comments Widget -->
<Variable name="body.background.color" description="Comments Background" hideEditor="true" type="color" default="rgba(255,255,255,0)" />
<Variable name="body.title.color" description="Comments Color" hideEditor="true" type="color" default="#9848f6"/>
<Variable name="body.text.color" description="Comments Text Color" hideEditor="true" type="color" default="#9848f6" />
<Variable name="body.link.color" description="Comments Link Color" hideEditor="true" type="color" default="#9848f6" />
<Variable name="body.text.font" description="Comments Font 1" hideEditor="true" type="font" default="normal 400 14px roboto, Arial, sans-serif !important" />
<Variable name="body.action.font.large" description="Comments Font 2" hideEditor="true" type="font" default="normal 700 14px roboto, Arial, sans-serif !important" />
*/
/*-- Google Fonts --*/
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.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:'Roboto';font-style:italic;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.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:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.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:'Roboto';font-style:italic;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.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:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.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:'Roboto';font-style:italic;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.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:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.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:'Roboto';font-style:normal;font-weight:400;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.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:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.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:'Roboto';font-style:normal;font-weight:500;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.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:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.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:'Roboto';font-style:normal;font-weight:700;src:url(/o__fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.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}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*======================
Font Awesome Free 5.15.1
=======================*/
@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.eot);src:url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff2) format("woff2"),url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff) format("woff"),url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.ttf) format("truetype"),url(libs/font-awesome/5.15.1/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot);src:url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff2) format("woff2"),url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff) format("woff"),url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.ttf) format("truetype"),url(libs/font-awesome/5.15.1/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:900;font-display:block;src:url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot);src:url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff2) format("woff2"),url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff) format("woff"),url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.ttf) format("truetype"),url(libs/font-awesome/5.15.1/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*-- CSS Variables --*/
:root{
--body-font:normal normal 13px 'Montserrat', sans-serif;;
--body-bg-color:#f7f8f9;
--body-bg:#f7f8f9 url(none) repeat scroll top left;
--main-color:#1471b9;
--second-color:#a6ce39;
--blockquote:#1471b96b;
--downloadbtn:#b3d7f5;
--demobtn:#f5b3b3;
--buybtn:#b3f5cd;
--docbtn:#f5ecb3;
--successmsg:#4ab33c;
--alertmsg:#1528a4;
--warningmsg:#dd9d16;
--errormsg:#ef0c0c;
--codebox:#161e27;
--border-color:rgba(155,155,155,0.1);
--border-radius:3px;
--widget-shadow:0 1px 2px rgba(0,0,0,0.025);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
/*=================
Reset
===================*/
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
padding: 0;
list-style: none;
}
dd {
margin: 0;
}
table {
border-collapse: separate;
border-spacing: 0;
}
::marker {
display:none;
content: ''
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:active,
a:focus,
a:hover {
outline: 0;
}
a img {
border: 0;
}
.status-msg-body {
text-align: unset;
padding: 0;
z-index: auto;
display: block;
width: 100%;
position: relative;
}
.status-msg-border {
border: 0;
opacity: unset;
display: none;
}
.status-msg-bg {
background: 0 0;
opacity: unset;
}
.status-msg-wrap {
display: inline-block;
width: 100%;
margin: 0;
margin-bottom: 1.4em;
}
.status-msg-body a {
display: block;
font-size: 82%;
color: #a29d9d;
margin: 0;
padding: 0;
text-decoration: none;
}
/*=================
General
===================*/
.clear {
clear: both;
}
#ContactForm1,
#ContactForm1 br,
#blog-pager .home-link,
.quickedit {
display: none;
}
embed,
iframe,
img,
object {
border: none;
vertical-align: middle;
max-width: 100%;
border-radius: 4px;
}
.post img {
max-width: 100%;
height: auto;
}
.separator a[style="margin-left: 1em; margin-right: 1em;"] {
margin-left: auto !important;
margin-right: auto !important;
}
.separator a[style="margin-left: 1em; margin-right: 1em;"] img {
width: 100%;
}
.separator a[style="&quot;clear:left;float:left;margin-bottom:1em;margin-right:1em;&quot;"] {
clear: none !important;
float: none !important;
margin-bottom: 0 !important;
margin-right: 0 !important;
}
.separator a[style="&quot;clear:left;float:left;margin-bottom:1em;margin-right:1em;&quot;"] img {
float: left !important;
margin: 0 10px 10px 0;
}
.separator a[style="&quot;clear:right;float:right;margin-bottom:1em;margin-left:1em;&quot;"] {
clear: none !important;
float: none !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
.separator a[style="&quot;clear:right;float:right;margin-bottom:1em;margin-left:1em;&quot;"] img {
float: right !important;
margin: 0 0 10px 10px;
}
span[style="font-size: x-large;"] {
font-size: 185% !important;
}
span[style="font-size: large;"] {
font-size: 140% !important;
}
span[style="font-size: medium;"] {
font-size: 120% !important;
}
span[style="font-size: x-small;"] {
font-size: 80% !important;
}
span[style="font-size: small;"] {
font-size: 70% !important;
}
#PostBody h1,
#PostBody h2,
#PostBody h3,
#PostBody h4,
#PostBody h5,
#PostBody h6 {
clear: both;
word-wrap: break-word;
font-weight: 500;
}
#PostBody h1 {
font-size: 185%;
margin-bottom: 0.75em;
}
#PostBody h2 {
font-size: 158%;
margin-bottom: 0.85715em;
}
#PostBody h3 {
font-size: 140%;
margin-bottom: 1.125em;
}
#PostBody h4 {
font-size: 132%;
margin-bottom: 1em;
}
#PostBody h5 {
font-size: 128%;
margin-bottom: 1em;
}
#PostBody h6 {
font-size: 110%;
margin-bottom: 1.1538em;
}
ol li {
list-style: none;
}
.entry-content ol,
.entry-content ul {
display: inline-block;
width: 100%;
}
.entry-content ol li {
list-style: none;
margin: 3px 0;
padding: 0;
counter-increment: mycounter;
float: right;
width: 100%;
}
.entry-content ul li {
width: 100%;
list-style: none;
margin: 3px 0;
}
.entry-content ol li:before {
content: counter(mycounter) ".";
margin-right: 5px;
font-weight: 600;
}
.entry-content ul li:before {
content: '\f111';
margin-right: 10px;
font-family: 'Font Awesome 5 Free';
font-size: 35%;
}
ol {
margin: 0;
}
ul,
ol {
margin: 0;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
padding-left: 1.1538461538em
}
dt {
font-weight: 500;
}
b,
strong {
font-weight: 500;
}
dfn,
cite,
em,
i {
font-style: normal;
}
.post-body blockquote {
margin: 0 auto;
padding: 15px 20px 20px;
border-radius: 6px;
position: relative;
font-weight: 600 !important;
background: #1471b952;
border-left: 3px solid var(--second-color);
}


}
code,
kbd,
tt,
var {
word-wrap: break-word;
}
abbr,
acronym {
cursor: help;
}
mark,
ins {
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
width: 100%;
}
th {
font-weight: 500;
padding: 0.6em;
text-transform: uppercase;
}
td {
padding: 0.6em;
}
img {
height: auto;
max-width: 100%;
}
button,
input,
select,
textarea {
color:#888;
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle
}
button,
input {
line-height:normal
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
border:0;
outline:none;
cursor:pointer;
padding:0.962em 1.847em;
background: #00000017;
-webkit-appearance:button
}
input[type="checkbox"],
input[type="radio"]{
box-sizing:border-box;
padding:0
}
input[type="search"]{
-webkit-appearance:textfield;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none
}
button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"]{
border:0;
padding:0.6em;
-webkit-transition:0.2s ease-in;
transition:0.2s ease-in
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus{
outline:none;
-webkit-transition:0.2s ease-in;
transition:0.2s ease-in
}
textarea{
background-color:#f9f9f9;
border:0;
overflow:auto;
padding:1.5625%;
-webkit-transition:0.2s ease-in;
transition:0.2s ease-in;
vertical-align:top;
width:96.875%
}
b,
strong{
font-weight:600
}
a {
color: #000;
text-decoration: none;
}
a:active,
a:focus,
a:hover {
color: var(--main-color);
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
position: relative;
overflow-x: hidden;
background-color: var(--body-bg-color);
background: var(--body-bg);
color: #202124;
font: var(--body-font);
padding: 0;
margin: 0;
font-weight: 400;
line-height: 22px;
}
.align-right,
.align-left {
display: inline-block;
}
.align-right {
float: right;
}
/*=================
Shortcodes
===================*/
/*------- Buttons -------*/
a.button {
background: #00000017;
padding: 8px;
border-radius: 4px;
color: #000;
}
a.button.demo {
background: var(--demobtn);
}
a.button.download {
background: var(--downloadbtn);
}
a.button.buy {
background: var(--buybtn);
}
a.button.doc {
background: var(--docbtn);
}
/*------- Alert msg -------*/
.alert-message {
padding: 15px;
margin: 15px 0;
background: #00000017;
border-radius: 4px;
position: relative;
}
.alert-message.success {
color: var(--successmsg);
}
.alert-message.info {
color: var(--alertmsg);
}
.alert-message.warning {
color: var(--warningmsg);
}
.alert-message.error {
color: var(--errormsg);
}
.alert-message i {
margin-right: 4px;
}
/*------- Code Box -------*/
.post-body pre {
border-radius: 6px;
background: var(--codebox);
margin-bottom: 1.5em;
max-width: 100%;
color: #fff;
padding: 20px;
}
/*------- Contact Form -------*/
.post-body .ContactForm {
display: block !important;
}
.post-body .ContactForm .contact-form-widget {
width: 100%;
max-width: 100%;
}
.post-body .ContactForm .contact-form-name {
width: 49%;
float: right;
margin: 0;
border: 1px solid #00000017;
background: #00000000;
color: #817979;
padding: 8px 8px;
height: auto;
border-radius: 2px;
font-family: inherit;
}
.post-body .ContactForm .contact-form-email {
width: 49%;
float: left;
margin: 0;
border: 1px solid #00000017;
background: #00000000;
padding: 8px 8px;
height: auto;
border-radius: 2px;
color: #817979;
font-family: inherit;
}
.post-body .ContactForm .contact-form-email-message {
width: 100%;
border: 1px solid #00000017;
background: #00000000;
padding: 8px 8px;
height: auto;
border-radius: 2px;
color: #817979;
margin: 10px 0;
font-family: inherit;
}
.post-body .ContactForm .contact-form-button-submit {
height: auto;
background: var(--main-color);
color: #fff;
font-family: inherit;
padding: 8px 20px;
border-radius: 2px;
}
img.contact-form-cross {
margin-left: 4px;
filter: grayscale(3);
opacity: .6;
}
.contact-form-error-message-with-border,
.contact-form-success-message-with-border {
background: #00000017;
margin-top: 10px;
padding: 0px 5px;
display: table;
border-radius: 2px;
color: #fff;
font-size: 85%;
}
.contact-form-error-message-with-border {
background: #e62e3f;
}
.contact-form-success-message-with-border {
background: #1cb27a;
}
/*=================
Header Wrapper
===================*/
/*------- Basics -------*/
#header-wrapper {
position: relative;
background: #fff;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.05);
}
/*------- News Ticker -------*/
.ticker {
width: 100%;
overflow: hidden;
background: #f7f8f9;
font-weight: 500;
padding: 10px 15px;
}
.ticker .tickercontainer {
width: 100%;
overflow: hidden;
margin: 0 auto;
height: 24px;
}
.ticker .mask {
position: relative;
overflow: hidden;
width: 100%;
float: right;
}
.ticker .title {
position: absolute;
background: #f7f8f9;
font-weight: 500;
margin: 0;
padding-right: 8px;
font-size: 100%;
}
#newsticker .widget > h3 {
display: none;
}
.ticker .newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
.ticker li {
float: left;
margin-right: 25px;
}
.ticker .item-title {
font-weight: 400;
margin-left: 5px;
}
.ticker .item-tag {
color: var(--main-color);
}
.tickeroverlay-right,
.tickeroverlay-left {
display: none;
}
/*------- Main Menu -------*/
#head-nav {
width: 100%;
max-width: 1400px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
display: flex;
display: -ms-flexbox;
align-items: center;
}
#head-nav,
#head-nav ul,
#head-nav ul li,
#head-nav ul li a {
border: 0;
list-style: none;
margin: 0 auto;
position: relative;
}
#head-nav ul li {
float: left;
position: initial;
}
#head-nav ul li a {
padding: 24px 12px;
font-size: 108%;
font-weight: 500;
display: inline-block;
}
#main-menu {
display: inline-block;
visibility: hidden
}
/*------- Logo and Title -------*/
#logo {
float: left;
position: relative;
padding-right: 20px;
}
#logo h1,
#logo h2 {
margin: 0;
}
/*------- Search Forme -------*/
.nav-btns {
position: relative;
margin-left: auto;
}
#search {
color: #7f8c8d;
margin: auto;
transition: all 0.1s ease-in-out;
display: none;
}
#search.open {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(255 255 255 / 96%);
z-index: 999;
width: 100%;
margin: 0 auto;
height: 100%;
vertical-align: middle;
display: inline-flex;
display: -webkit-inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
#search form {
margin: auto;
max-width: 600px;
position: relative;
width: 98%;
}
#search form input[type="text"] {
width: 100%;
background: #f9f9f9;
padding: 1em;
font-size: 1.2em;
border: 1px dashed #242424;
border-radius: 4px;
}
#search .close {
position: absolute;
top: 11px;
right: 11px;
background-color: transparent;
opacity: 1;
font-size: 2em;
border: none;
outline: 0;
padding: 0;
z-index: 9;
transition: all 0.3s;
}
/*=================
Mega Menu
===================*/
/*------ Basics -------*/
#head-nav ul {
position: initial;
}
#head-nav ul ul {
position: absolute;
visibility: hidden;
z-index: 2;
opacity: 0;
-moz-box-shadow: 0 2px 2rem -1rem rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 2rem -1rem rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 2rem -1rem rgba(0, 0, 0, 0.5);
display: block;
}
#head-nav li:hover > ul {
visibility: visible;
-webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03);
background: #f7f7f7;
opacity: 1;
}
#head-nav li.has-sub ul {
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
-moz-flex-direction: column;
-webkit-flex-direction: column;
padding-left: 0;
}
.mega-menu {
padding: 15px;
}
#head-nav .mega-h .mega-tags a,
#head-nav .mega-v .mega-tags a {
color: var(--main-color);
font-size: 85%;
font-weight: 600;
}
#head-nav ul li .mega-icon i {
margin-right: 5px;
}
#head-nav ul .has-sub i {
margin-left: 5px;
}
#head-nav .mega_lk__title a {
font-size: 90%;
font-weight: 600;
}
/*------ V Style -------*/
#head-nav .mega-v .mega-menu li {
margin-bottom: 15px;
display: flex;
display: -ms-flexbox;
position: relative;
}
#head-nav ul .mega-v {
position: relative;
}
#head-nav .mega-v .mega-menu li .mega_lk__thumb {
margin-right: 10px;
width: 80px;
height: 70px;
border-radius: 4px;
overflow: hidden;
}
#head-nav .mega-v .mega-menu li a {
padding: 0;
width: 200px;
}
#head-nav .mega-v .mega-menu li .mega_lk__title {
font-weight: 500;
margin: 0;
}
#head-nav .mega-v .mega-menu li .mega_lk__thumb img {
object-fit: cover;
-o-object-fit: cover;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
#head-nav .mega-v .mega-menu li:last-child {
margin-bottom: 0;
}
#head-nav ul li.mega-v {
position: relative;
}
/*------ H Style -------*/
#head-nav .mega-h ul.mega-menu {
right: 0;
}
#head-nav .mega-h .mega_lk__thumb {
width: 100%;
padding: 0;
border-radius: 6px;
overflow: hidden;
}
#head-nav .mega-h .mega_lk__thumb img {
max-width: 100%;
max-height: 100%;
height: 160px;
object-fit: cover;
}
#head-nav .mega-h .mega-contnt a {
padding: 0;
}
#head-nav .mega-h .mega_lk__title {
margin: 0;
font-weight: 500;
}
/*------ Menu Dropdown -------*/
#head-nav li.has-sub:hover > ul > li {
height: 100%;
float: none !important;
display: block;
position: relative;
}
#head-nav li.has-sub > ul > li > a {
padding: 11px 15px;
min-width: 170px;
}
/*------ Popup Panel -------*/
.popup-content {
background: #fff;
}
#content {
overflow: auto;
height: 100%;
}
#content::-webkit-scrollbar {
width: 8px;
}
#content::-webkit-scrollbar-track {
background: #0000001f;
}
#content::-webkit-scrollbar-thumb {
background: var(--main-color);
}
.poppanel ul li a {
display: block;
padding: 10px 0;
}
.poppanel {
padding: 0 15px;
}
.poppanel .widget.Translate {
display: none;
}
.poppanel ul li {
list-style: none;
}
.has-child > .its-parent:after {
content: "+";
float: right;
}
.has-child.downed > .its-parent:after {
content: "-";
}
.has-child ul {
display: none;
background: #0000000d;
}
.has-child.downed .its-children {
display: block;
}
.poppanel .label-size {
background: #00000017;
border-radius: 4px;
padding: 8px;
margin-bottom: 4px;
display: inline-block;
width: 49%;
}
/*=================
Main Wrapper
===================*/
#full-wrapper {
max-width: 1400px;
padding-left: 15px;
padding-right: 15px;
margin: 20px auto 0 auto;
width: 100%;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#main-wrapper {
width: 58%;
}
.posts-area,.ads-area {
width: 100%;
}
#main_blockPosts .widget {
margin-bottom: 20px;
}
#main-ads {
text-align: center;
width: 100%;
}
#main-ads .section {
width: auto;
border-radius: 6px;
overflow: hidden;
display: inline-block;
margin-bottom: 20px;
}
#main-ads .no-items.section {
display: none;
margin-bottom: 0;
}
#aMain-posts-area .widget, #bMain-posts-area .widget, #main .widget, aside .widget, #footer-posts .widget {
background: #fff;
padding: 15px;
margin-bottom: 20px;
border-radius: 6px;
}
.post-outer {
position: relative;
}
.posts-area .widget,
aside .widget,
,.main {
position: relative;
margin-bottom: 20px;
}
.posts-area h3.title,
.ads-area h3.title,
.RelatedPosts h2.title,
.blog-posts.hfeed h3.title,
span.query-label,
span.query-info,
aside h3.title {
font-size: 120%;
font-weight: 500;
position: relative;
text-transform: uppercase;
}
span.query-info,
span.query-label {
margin-top: 1em;
margin-bottom: 1em;
display: inline-block;
width: 100%;
}
.getmore {
float: right;
font-size: 60%;
color: #999;
}
.tag a {
font-size: 85%;
color: var(--main-color);
font-weight: 600;
}
.tag-icon {
width: 12px;
margin-right: 2px;
position: relative;
top: 2px;
}
.widget .tag .notag {
display: none;
}
/*=================
Sidebar Wrapper
===================*/
/*------- Basics -------*/
aside {
margin-left: auto;
width: 25%;
overflow: hidden;
}
#second-sidebar-wrapper {
margin-left: 0;
width: 14%;
margin-right: auto;
}
aside ul {
list-style:none;
}
/*------- PopularPosts -------*/
.PopularPosts .post-content {
display: grid;
display: -ms-grid;
grid-template-columns: 65px auto;
-ms-grid-columns: 65px auto;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.PopularPosts h3.post-title {
font-size: 95%;
margin: 0;
margin-top: 5px;
}
.PopularPosts .post-snippet {
color: #aaa;
font-size: 80%;
grid-column: 1/3;
}
.PopularPosts .item-thumbnail,
.PopularPosts .noimg {
border-radius: 4px;
overflow: hidden;
height: 65px;
width: 65px;
grid-column: 1/1;
grid-row: 1/1;
}
.PopularPosts .item-thumbnail img,
.PopularPosts .noimg img {
border-radius: 6px;
}
.PopularPosts .post {
margin-bottom: 10px;
}
.PopularPosts .post:last-child {
margin: 0;
}
.PopularPosts .noimg img {
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.item-byline {
display: none;
}
/*------- FeaturedPost -------*/
.FeaturedPost .post-content {
display: grid;
display: -ms-grid;
grid-template-columns: repeat(1, auto);
-ms-grid-columns: repeat(1, auto);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.FeaturedPost .post-snippet {
color: #999;
font-size: 80%;
}
.FeaturedPost .item-thumbnail {
border-radius: 6px;
overflow: hidden;
}
.FeaturedPost .item-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
/*------- List -------*/
aside .Label ul li,
aside .LinkList ul li,
aside .PageList ul li{
margin-bottom:10px;
display:block
}
aside .Label .label-size {
background: #00000017;
border-radius: 4px;
padding: 8px;
margin: 1px;
display: inline-block;
width: 49%;
}
aside .label-count{
float:right
}
aside .Label ul li a,
aside .LinkList ul li a,
aside .PageList ul li a {
color: #999;
}
aside .Label ul li a:before,
aside .Label .label-size a:before {
background-image: url("data:image/svg+xml,%3Csvg class='tag-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999896' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
content: '';
width: 12px;
height: 12px;
margin-right: 4px;
display: inline-block;
top: 2px;
position: relative;
}
#second-sidebar .Label .label-size {
width: 100%;
}
/*------- FollowByEmail -------*/
aside .FollowByEmail .widget-content {
overflow: hidden;
}
aside .FollowByEmail .follow-by-email-address {
border-radius: 6px;
width: 100%;
margin-bottom: 10px;
background: #00000000;
border: 1px solid #00000017;
}
aside .FollowByEmail .follow-by-email-address::placeholder {
color: #bbb;
}
aside .FollowByEmail .follow-by-email-submit {
border-radius: 4px;
width: 100%;
}
aside .FollowByEmail .widget-content:before {
content: "";
display: block;
width: 50px;
background-image: url("data:image/svg+xml,%3Csvg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' style=' fill: none; stroke: %23161617; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1;%0A'%3E%3Cpath class='svg-c' d='M17.2677 9.06113L13.0023 12.4954C12.1951 13.1283 11.0635 13.1283 10.2563 12.4954L5.95424 9.06113'%3E%3C/path%3E%3Cpath d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z'%3E%3C/path%3E%3C/svg%3E");
margin: 10px auto;
height: 50px;
background-repeat: no-repeat;
filter: opacity(0.3);
-webkit-filter: opacity(0.3);
}
/*------- Contact Form -------*/
aside .contact-form-name,
aside .contact-form-email,
aside .contact-form-email-message,
.poppanel .contact-form-name,
.poppanel .contact-form-email,
.poppanel .contact-form-email-message {
background: #00000017;
width: 100%;
border-radius: 4px;
}
/*------- Social Counter -------*/
aside .counter_a ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#second-sidebar .counter_a ul {
-ms-grid-columns: repeat(1, minmax(0, 1fr));
grid-template-columns: repeat(1, minmax(0, 1fr));
}
aside .counter_b ul {
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 10px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
aside .counter_a ul li,
aside .counter_b ul li {
margin: 0;
padding: 0;
}
aside .counter_a ul li a {
color: #fff;
}
aside .counter_a .item {
background: var(--main-color);
padding: 8px;
border-radius: 4px;
}
aside .item-count {
font-size: 80%;
}
aside .counter_a i,
aside .counter_b i {
margin-right: 10px;
}
aside .counter_a .item.facebook,
aside .counter_b ul li .item.facebook i {
background: #1a4fc5;
}
aside .counter_a .item.twitter,
aside .counter_b ul li .item.twitter i {
background: #19abcc;
}
aside .counter_a .item.pinterest,
aside .counter_b ul li .item.pinterest i {
background: #e62e3f;
}
aside .counter_a .item.instagram,
aside .counter_b ul li .item.instagram i {
background: radial-gradient(circle at 0 130%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #8e28eb 90%);
}
aside .counter_a .item.youtube,
aside .counter_b ul li .item.youtube i {
background: #f50000;
}
aside .counter_a .item.dribbble,
aside .counter_b ul li .item.dribbble i {
background: #e015ab;
}
aside .counter_a .item.linkedin,
aside .counter_b ul li .item.linkedin i {
background: #0f404e;
}
aside .counter_a .item.rss,
aside .counter_b ul li .item.rss i {
background: #e8a50e;
}
aside .counter_a .item.twitch,
aside .counter_b ul li .item.twitch i {
background: #6441a5;
}
aside .counter_a .item.spotify,
aside .counter_b ul li .item.spotify i {
background: #1cb27a;
}
aside .counter_b ul li a i {
background: var(--main-color);
width: 25px;
display: flex;
display: -ms-flexbox;
height: 25px;
color: #fff;
border-radius: 4px;
align-items: center;
justify-content: center;
}
aside .counter_b ul li a {
display: flex;
display: -ms-flexbox;
text-align: center;
}
/*------- BlogSearch -------*/
aside .BlogSearch form {
display: inline-block;
width: 100%;
}
aside .BlogSearch input {
background: #00000017;
padding: 8px;
line-height: unset;
width: 100%;
margin-bottom: 5px;
border: 0;
border-radius: 4px;
}
aside .BlogSearch input.search-action {
background: var(--main-color);
color: #fff;
}
/*------- Recent Comments -------*/
.cmm-info > a {
font-weight: 500;
}
.cmm-widget li {
margin-bottom: 10px;
border-bottom: 1px solid #00000012;
padding-bottom: 10px;
}
.cmm-widget li:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.cmm-info span {
word-break: break-word;
}
.cmm-date {
font-size: 90%;
color: #999;
}
.cmm-date:before {
content: "\f017";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
}
/*=================
Block Posts
===================*/
/*------- Basic Style -------*/
.lk__item {
position: relative;
overflow: hidden;
}
.lk__thumb {
overflow: hidden;
position: relative;
border-radius: 6px;
}
.lk__thumb img {
height: 100%;
object-fit: cover;
-o-object-fit: cover;
width: 100%;
}
.lk__title {
margin: 0;
line-height: normal;
}
.lk__title a {
font-weight: 600;
}
.lk__date {
color: #a7a7a7;
font-size: 85%;
}
.lk__date i {
margin-right: 4px;
}
.lk__snip {
display: none;
color: #aaa;
font-size: 80%;
margin-top: 10px;
}
/*------- Grid A -------*/
.grid_a .lk__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(6, minmax(0, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid_a .lk__wrapper .lk__item {
display: flex;
display: -ms-flexbox;
grid-column: auto / span 3;
}
.grid_a .lk__wrapper .lk__item:first-child {
grid-column: 1/3;
grid-row: 1/3;
display: block;
}
.grid_a .lk__wrapper .lk__item:nth-child(2) {
grid-column: 3/5;
grid-row: 1/3;
display: block;
}
.grid_a .lk__wrapper .lk__item:nth-child(3) {
grid-column: 5/7;
grid-row: 1/3;
display: block;
}
.grid_a .lk__wrapper .lk__thumb img {
border-radius: 4px;
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.grid_a .lk__wrapper .lk__thumb {
width: 140px;
height: 125px;
flex: none;
-moz-box-flex:  none;
margin-right: 15px;
}
.grid_a .lk__wrapper .lk__title {
margin: 0;
}
.grid_a .lk__item:nth-child(1) .lk__thumb,
.grid_a .lk__item:nth-child(2) .lk__thumb,
.grid_a .lk__item:nth-child(3) .lk__thumb {
width: 100%;
height: 160px;
margin-bottom: 10px;
}
.grid_a .lk__title a {
font-size: 95%;
}
.grid_a .lk__item .lk__snip {
display: block;
}
.grid_a .lk__item .lk__date,
.grid_a .lk__item:nth-child(1) .lk__snip,
.grid_a .lk__item:nth-child(2) .lk__snip,
.grid_a .lk__item:nth-child(3) .lk__snip {
display: none;
}
.grid_a .lk__item:nth-child(1) .lk__date,
.grid_a .lk__item:nth-child(2) .lk__date,
.grid_a .lk__item:nth-child(3) .lk__date {
display: block;
}
/*------- Grid B -------*/
.grid_b .lk__item {
display: flex;
display: -ms-flexbox;
}
.grid_b .lk__thumb {
flex: none;
-moz-box-flex:  none;
height: 110px;
width: 120px;
border-radius: 4px;
margin-right: 15px;
}
.poppanel .grid_b .lk__thumb {
width: 72px;
height: 72px;
}
.poppanel .lk__meta {
display: none;
}
.grid_b .lk__thumb img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.grid_b .lk__title a {
font-size: 90%;
}
.grid_b .lk__title {
margin: 0;
}
.grid_b .lk__wrapper {
display: -ms-grid;
display: grid;
grid-column-gap: 15px;
grid-row-gap: 15px;
}
/*------- Grid C -------*/
.grid_c .lk__wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(4, minmax(0, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid_c .lk__wrapper .lk__item {
display: flex;
display: -ms-flexbox;
}
.grid_c .lk__wrapper .lk__thumb {
width: 115px;
height: 90px;
flex: none;
-moz-box-flex:  none;
margin-right: 15px;
}
.grid_c .lk__wrapper .lk__thumb img {
height: 100%;
width: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.grid_c .lk__wrapper .lk__title {
margin: 0;
}
.grid_c .lk__wrapper .lk__title a {
font-size: 90%;
}
/*------- Video -------*/
.video .lk__wrapper {
display: grid;
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(4, minmax(0, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
margin: 0;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.video .lk__item {
grid-column: auto / span 1;
}
.video .lk__item:first-child {
grid-column: 1/3;
}
.video .lk__item:nth-child(2) {
grid-column: 3/5;
}
.video .lk__thumb img {
height: 120px;
object-fit: cover;
-o-object-fit: cover;
width: 100%;
}
.video .lk__item:first-child .lk__thumb img,
.video .lk__item:nth-child(2) .lk__thumb img {
height: 230px;
}
.video .lk__content {
margin-top: 5px;
}
.video .lk__thumb a:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 485 485' style='enable-background:new 0 0 485 485;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M413.974,71.026C368.171,25.225,307.274,0,242.5,0S116.829,25.225,71.026,71.026C25.225,116.829,0,177.726,0,242.5 s25.225,125.671,71.026,171.474C116.829,459.775,177.726,485,242.5,485s125.671-25.225,171.474-71.026 C459.775,368.171,485,307.274,485,242.5S459.775,116.829,413.974,71.026z M242.5,455C125.327,455,30,359.673,30,242.5 S125.327,30,242.5,30S455,125.327,455,242.5S359.673,455,242.5,455z' style='fill: white;'/%3E%3Cpolygon points='181.062,336.575 343.938,242.5 181.062,148.425 ' style='&%2310; fill: white;&%2310;'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
position: absolute;
width: 50px;
height: 50px;
background-color: #05050594;
border-radius: 50%;
border: 4px double transparent;
background-repeat: no-repeat;
z-index: 1;
}
.video .lk__thumb a {
display: flex;
display: -ms-flexbox;
align-items: center;
justify-content: center;
}
.video .lk__wrapper .lk__content {
position: relative;
bottom: 0;
width: 100%;
}
.video .lk__item:first-child .lk__content,
.video .lk__item:nth-child(2) .lk__content {
position: absolute;
padding: 10px;
}
.video .lk__wrapper .lk__title a {
font-size: 90%;
}
.video .lk__item:first-child .lk__title a,
.video .lk__item:nth-child(2) .lk__title a {
color: #fff;
font-size: 100%;
}
.video .lk__wrapper .lk__thumb a:after {
content: "";
top: 15%;
background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%) !important;
opacity: 0;
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
}
.video .lk__item:first-child .lk__thumb a:after,
.video .lk__item:nth-child(2) .lk__thumb a:after {
opacity: 0.93;
}
/*------- Slider A -------*/
.slider_a .lk__content {
position: absolute;
bottom: 0;
padding: 15px;
}
.slider_a .lk__thumb a:after {
top: 15%;
background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%) !important;
opacity: 0.93;
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
}
.slider_a .lk__title a {
color: #fff;
font-weight: 600;
}
.slider_a .lk__thumb {
border-radius: 0;
}
.slider_a .lk__thumb img {
height: 340px;
object-fit: cover;
-o-object-fit: cover;
border-radius: 0;
}
/*------- Slider B -------*/
.slider_b .lk__thumb img {
height: 400px;
object-fit: cover;
-o-object-fit: cover;
width: 100%;
}
.slider_b .lk__content {
position: absolute;
bottom: 0;
width: 100%;
padding: 14px;
}
.slider_b .lk__title a {
font-size: 150%;
color: #fff;
}
.slider_b .lk__title {
margin-bottom: 0;
}
.slider_b .lk__thumb a:after {
top: 15%;
background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, rgba(16, 15, 15, 0.91) 89%, rgba(16, 15, 15, 0.93) 93%) !important;
opacity: 0.93;
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
}
/*------- Slider C -------*/
#main_blockPosts .slider_c {
padding-left: 15px;
padding-right: 15px;
}
.slider_c .lk__item {
display: flex;
display: -ms-flexbox;
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.slider_c .lk__thumb {
width: 80px;
height: 80px;
flex: none;
-moz-box-flex:  none;
}
.slider_c .lk__title a {
font-size: 90%;
}
.slider_c .tag {
display: none;
}
/*=================
Footer Wrapper
===================*/
#footer-wrapper {
display: inline-block;
width: 100%;
}
#footer-posts {
max-width: 1400px;
margin: 0 auto;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
#footer-copyrights {
border-top: 1px solid rgba(0, 0, 0, 0.05);
background: #fff;
}
#footer-copyrights .widget {
max-width: 1400px;
margin: 0 auto;
width: 100%;
padding: 15px;
}
/*=================
Other
===================*/
.optionsinput,
.userinput,
.adsinput {
height: 0;
visibility: hidden;
display: none;
}
.owl-carousel .owl-dots .owl-dot.active span {
background: var(--main-color);
}
.timeline-cat a {
color: var(--main-color);
}
#comments .comment-actions a,
#comments .comment-reply {
color: var(--main-color);
}
.nav-btns a {
margin-left: 10px;
}
.search-icon,
.panel-icon {
width: 13px;
}
.posts_loader {
display: none;
}
.more_items {
background: #00000017;
padding: 10px;
border-radius: 4px;
float: left;
font-size: 95%;
}
.item_showemore,#items_loader {
display: inline-block;
}
.post-time time.published:before,
.entry-comments-link:before,
.entry-views-link:before,
.post-author span:nth-child(1):before {
font-family: 'Font Awesome 5 Free';
margin-right: 5px;
}
.post-time time.published:before {
content: '\F017';
}
.entry-comments-link:before {
content: '\f27a';
}
.entry-views-link:before {
content: '\f06e';
}
.descriptionwrapper {
display: none;
}
body .cookie-choices-info {
top:auto;
bottom:0;
background-color:#333;
}
.mobile .blogger-iframe-colorize {
display: block !important;
}
.blogger-iframe-colorize {
display: block !important;
}
.loader {
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0;
text-align: center;
padding: 60px;
}
.loader:after {
content:'';
display:block;
width:30px;
height:30px;
box-sizing:border-box;
margin:0;
border:2px solid #0000000f;
border-left-color:var(--main-color);
border-radius:100%;
animation:spinner .65s infinite linear;
transform-origin:center
}
.ajaxloader {
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0;
text-align: center;
padding-left: 4px;
}
.ajaxloader:after {
content:'';
display:block;
width:12px;
height:12px;
box-sizing:border-box;
margin:0;
border:2px solid #0000000f;
border-left-color:var(--main-color);
border-radius:100%;
animation:spinner .65s infinite linear;
transform-origin:center
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
/*=================
Dark Mode
===================*/
#nightmode {
display: none;
}
.togglenight-btn:before,
.toup-btn:before {
content: "";
width: 13px;
height: 13px;
display: block;
}
.togglenight-btn:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 0 448 448.04455'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m224.023438 448.03125c85.714843.902344 164.011718-48.488281 200.117187-126.230469-22.722656 9.914063-47.332031 14.769531-72.117187 14.230469-97.15625-.109375-175.890626-78.84375-176-176 .972656-65.71875 37.234374-125.832031 94.910156-157.351562-15.554688-1.980469-31.230469-2.867188-46.910156-2.648438-123.714844 0-224.0000005 100.289062-224.0000005 224 0 123.714844 100.2851565 224 224.0000005 224zm0 0' style='&%2310; fill: %23fff;&%2310;'/%3E%3C/svg%3E");
}
.toup-btn:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='bacup_1' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3E%3Cpath id='XMLID_21_' d='M213.107,41.894l-37.5-37.5c-5.857-5.858-15.355-5.858-21.213,0l-37.5,37.5 c-4.29,4.29-5.573,10.742-3.252,16.347c2.322,5.605,7.792,9.26,13.858,9.26H150V315c0,8.284,6.716,15,15,15c8.284,0,15-6.716,15-15 V67.5h22.5c6.067,0,11.537-3.655,13.858-9.26C218.68,52.635,217.397,46.184,213.107,41.894z'/%3E%3C/svg%3E");
filter: invert(1);
}
.toup-btn,
.togglenight-btn {
z-index: 2;
cursor: pointer;
display: inline-block;
padding: 8px 8px 8px 8px;
position: fixed;
bottom: 25px;
background: var(--main-color);
transform: translate(0, 0px);
transition: 0.3s;
right: 10px;
border-radius: 10px;
}
body.nightmode .togglenight-btn,
body.nightmode .toup-btn {
background: #fff;
}
body.nightmode .toup-btn:before {
filter: invert(0);
}
body.nightmode .togglenight-btn:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.16 45.16'%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.58,11.269c-6.237,0-11.311,5.075-11.311,11.312s5.074,11.312,11.311,11.312c6.236,0,11.311-5.074,11.311-11.312 S28.816,11.269,22.58,11.269z'/%3E%3Cg%3E%3Cg%3E%3Cpath d='M22.58,7.944c-1.219,0-2.207-0.988-2.207-2.206V2.207C20.373,0.988,21.361,0,22.58,0c1.219,0,2.207,0.988,2.207,2.207 v3.531C24.787,6.956,23.798,7.944,22.58,7.944z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M22.58,37.215c-1.219,0-2.207,0.988-2.207,2.207v3.53c0,1.22,0.988,2.208,2.207,2.208c1.219,0,2.207-0.988,2.207-2.208 v-3.53C24.787,38.203,23.798,37.215,22.58,37.215z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M32.928,12.231c-0.861-0.862-0.861-2.259,0-3.121l2.497-2.497c0.861-0.861,2.259-0.861,3.121,0 c0.862,0.862,0.862,2.26,0,3.121l-2.497,2.497C35.188,13.093,33.791,13.093,32.928,12.231z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12.231,32.93c-0.862-0.863-2.259-0.863-3.121,0l-2.497,2.496c-0.861,0.861-0.862,2.26,0,3.121 c0.862,0.861,2.26,0.861,3.121,0l2.497-2.498C13.093,35.188,13.093,33.79,12.231,32.93z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M37.215,22.58c0-1.219,0.988-2.207,2.207-2.207h3.531c1.219,0,2.207,0.988,2.207,2.207c0,1.219-0.988,2.206-2.207,2.206 h-3.531C38.203,24.786,37.215,23.799,37.215,22.58z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M7.944,22.58c0-1.219-0.988-2.207-2.207-2.207h-3.53C0.988,20.373,0,21.361,0,22.58c0,1.219,0.988,2.206,2.207,2.206 h3.531C6.956,24.786,7.944,23.799,7.944,22.58z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M32.928,32.93c0.862-0.861,2.26-0.861,3.121,0l2.497,2.497c0.862,0.86,0.862,2.259,0,3.12s-2.259,0.861-3.121,0 l-2.497-2.497C32.066,35.188,32.066,33.791,32.928,32.93z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12.231,12.231c0.862-0.862,0.862-2.259,0-3.121L9.734,6.614c-0.862-0.862-2.259-0.862-3.121,0 c-0.862,0.861-0.862,2.259,0,3.12l2.497,2.497C9.972,13.094,11.369,13.094,12.231,12.231z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body.nightmode {
background: #1c2733;
color: #fff;
}
body.nightmode .popup-content {
background: #18212b;
}
body.nightmode .ticker,
body.nightmode .ticker .title {
background: var(--main-color);
}
body.nightmode .ticker .item-tag {
color: #fff;
}
body.nightmode #header-wrapper {
background: #18212b;
}
body.nightmode #header-wrapper li:hover > ul {
background: #18212b;
}
body.nightmode #aMain-posts-area .widget,
body.nightmode #bMain-posts-area .widget,
body.nightmode #main .widget,
body.nightmode aside .widget,
body.nightmode #footer-copyrights,
body.nightmode #footer-posts .widget {
background: #18212b;
}
body.nightmode a {
color: #fff;
}
body.nightmode .tag a {
color: var(--main-color);
}
body.nightmode a.button {
color: #000;
}
body.nightmode #postPagin > .next i,
body.nightmode #postPagin > .previous i {
background: var(--main-color);
}
body.nightmode aside .FollowByEmail .widget-content:before {
filter: invert(0.4);
}
body.nightmode #search.open {
background: #1c2733e3;
}
body.nightmode #search form input[type="text"] {
background: #0b0b0d;
}


/*Additional*/
body.nightmode a:active, body.nightmode a:focus, body.nightmode a:hover {
	color: var(--second-color);
}

.nightmode .owl-carousel .owl-dots .owl-dot.active span {
	background: var(--second-color);
}

body.nightmode .tag a {
	color: var(--second-color);
}

.slider_a .tag a, .video .lk__item:first-child .tag a, .video .lk__item:nth-child(2) .tag a {
	color:  var(--second-color);
}
.context-menu-open{
	border-radius: 4px;
    padding: 8px;
    margin: 1px;
}

.nightmode .context-menu-open {
	background-color:  var(--main-color);
}

.post-body a {
	color: var(--main-color);
	font-weight: 600;
}

.post-body a:hover {
	border-bottom: 2px solid;
}

.nightmode .post-body a {
	color: var(--second-color);
}

.newsticker li::marker {
	content: "#";
	color: var(--second-color);
}

.post-body p {
	font-size: 115%;
    line-height: 169%;
}

.width-50 {
	width: 50%;
}

.inline {
	display: inline-block;
}

.copyright {
	margin: 0 auto;
	float: right;
	margin-right: 15px;
}

@media (max-width: 768px) {
	#logo {
		width: 100%;
		padding-right: 0;
	}
}
.blog-posts .label-size {
background: #00000017;
    border-radius: 4px;
    padding: 8px;
    margin: 1px;
    max-width: 300px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
	}

#logopic {
	height: 65px;
    width: 190px;
    max-width: none;
    padding: 5px;
    margin-left: auto;
    margin-right: auto }