/*
 Theme Name:         Skull
 Text Domain:        skull
 Theme URI:          https://man-da5.pages.dev
 Author:             Abbas Rafiei, Zobin Far
 Author URI:         https://man-da5.pages.dev
 Description:        The best experience of your entire life!
 Version:            1.0.40
 Stable tag:         1.0.20
 Requires at least:  6.1
 Tested up to:       6.1
 Requires PHP:       7.4
 Tags:               blog, education, one-column, two-columns, three-columns. left-sidebar, right-sidebar, custom-menu, editor-style, custom-logo, footer-widgets, post-formats, rtl-language-support, threaded-comments, theme-options, wide-blocks, block-styles,
 
 
 License:            GNU General Public License v2 or later
 License URI:        http://www.gnu.org/licenses/gpl-2.0.html

 This theme, like wordpress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others.
*/

/*=== Start Custom Fonts CSS ---*/ /*
@font-face {
  font-family: 'vazir';
  font-display: swap;
  src: url('https://man-da5.pages.dev/wp-content/themes/skull/fonts/Vazirmatn-VariableFont_wght.ttf') format('truetype-variations');
  src: url('https://man-da5.pages.dev/wp-content/themes/skull/fonts/Vazirmatn-VariableFont_wght.woff') format('woff-variations');
  src: url('https://man-da5.pages.dev/wp-content/themes/skull/fonts/Vazirmatn-VariableFont_wght.woff2') format('woff2-variations');

}*/
/*
use
    font-variation-settings: "wght" 500;
or
    font-variation-settings: "wght" var( --w-text-axis );
    --w-text-axis: 500;
in our classes
*/
/*=== End Custom Fonts CSS ---*/

/* ################################################## */
/* #################################################### CSS Reset: */
/* ################################################## */
html{
  scroll-behavior: smooth;
}

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

*, :after, :before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*::after, *::before {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
#text {
  line-height: 50px;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background-color: transparent;
  color: inherit;
}

/* change colours to suit your  needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border color to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

li {
  list-style: none;
}

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

/*--- End css reset ---*/

/*--- Global Setting Start ---*/
.global-var-set {
  --w-global-color-primary: #0B230E;
  --w-global-color-secondary: #689761;
  --w-global-color-secondary-90-glass: #58904fe6;
  --w-global-color-secondary-50-glass: #68976182;
  --w-global-color-text: #024303;
  --w-global-color-accent: #010664;
  --w-global-color-deef339: #3674BF;
  --w-global-color-bg-98-white: #F8F6FB;
  --w-global-color-black: #010101;
  --w-global-color-gray: #4A485B;
  --w-global-color-links: #991FC5;
  --w-global-typography-primary-font-weight: bold;
  --w-global-typography-secondary-font-family: "vazir",Cantarell, tahoma, sans-serif;
  --w-global-typography-secondary-font-weight: normal;
  --w-global-typography-text-font-family: "vazir",Cantarell, tahoma, sans-serif;
  --w-global-typography-test-font-weight: normal;
  --w-global-typography-accent-font-weight: bold;
  --w-global-max-width: 1600px;
  --w-global-horizontal-align: 0 auto;
  --w-global-flex: flex;
  --w-global-inline-flex: inline-flex;
  --w-global-flex-start: flex-start;
  --w-global-align-items-center: center;
  --w-global-inline-block: inline-block;
  --w-global-title-style: 12px var(--w-global-typography-secondary-font-family);
  --w-global-font: 12px "iran-sans", iran-yekan, iran-sans, Snas-serif;

  --w-global-margin: 5px 0;
  --w-global-padding-all-side: 5px;
  --w-global-line-height-p: 2.1em;
  --w-global-background-color-depth-1: var(--w-global-color-bg-98-white);
  --w-global-background-color-depth-2: var(--w-global-color-primary);

  /* line-height:6em; */
}
.global-var-set p{
  margin-top: 15px;
  margin-bottom: 15px;
  color: var(--w-global-color-text);
}
.global-var-set a { color: var(--w-global-color-links); }
.global-var-set a:hover { color: var(--w-global-color-accent); }
.global-var-set image { color: var(--w-global-color-links); }
.global-font { font-family: var(--w-global-typography-text-font-family) , sans-serif;  /* font: var(--w-global-font); */ }
/*--- Global Setting Finish ---*/

/*--- Global Class Start ---*/
.global-max-width {
  max-width: var(--w-global-max-width);
}
.global-font-weight-bold {
  font-weight: var(--w-global-typography-primary-font-weight);
}
.global-margin-top-down {
  margin: var(--w-global-margin);
}
.global-background-color-depth-1 {
  background-color: var(--w-global-background-color-depth-1);
}
.global-background-color-depth-2 {
  background-color: var(--w-global-background-color-depth-2);
}
.global-horizontal-align {
  margin: var(--w-global-horizontal-align);
}
.global-flex {
  display: var(--w-global-flex);
}
.global-inline-flex {
  display: var(--w-global-inline-flex);
}
.global-flex-start {
  align-items: var(--w-global-flex-start);
}
.global-align-items-center {
  align-items: var(--w-global-align-items-center)
}
.global-inline-block {
  display: var(--w-global-inline-block);
}
.global-padding-all-side {
  padding: var(--w-global-padding-all-side);
}
.text-justify-man-da5.pages {
  text-align: justify;
}
.text-center-man-da5.pages {
  text-align: center;
}
.border-style-man-da5.pages {
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
  border-color: var(--w-global-color-secondary-50-glass);
  background-color: white;
  padding: 10px;
}
.justify-content-man-da5.pages {
  justify-content: center;
  align-items: center;
}
.border-linear-gradient-man-da5.pages {
  border-width: 0.4ex 0 0.4ex 0;
  border-image: linear-gradient(to left, var(--w-global-color-secondary-50-glass) , rgba(0,0,0,0))1 0%;
  border-style: solid;
}
.border-top-linear-gradient-man-da5.pages {
  border-width: 0.4ex 0 0.0ex;
  border-image: linear-gradient(to left, var(--w-global-color-secondary-50-glass) , rgba(0,0,0,0))1 0%;
  border-style: solid;
}
.border-bottom-linear-gradient-man-da5.pages {
  border-width: 0.4ex 0 0.0ex;
  border-image: linear-gradient(to bottom, var(--w-global-color-secondary-50-glass) , rgba(0,0,0,0))1 0%;
  border-style: solid;
}
/*--- Global Class Finish ---*/

/* ################################################## */
/* #################################################### Global note */
/* ################################################## */
.n-o {
  background: #ab00ff21;
  padding: 5px 10px;
  margin: 5px -10px 1px -10px;
  color: #0053bd !important;
}
.n-oo {
  background: #ffb9b691;
  padding: 5px 10px;
  margin: 5px -10px 1px -10px;
  color: #610909 !important;
}
.n-ooo {
  background: beige;
  padding: 5px 10px;
  margin: 5px -10px 1px -10px;
  color: cadetblue !important;
}
.n-link {
  background: #b6d4ff91;
  padding: 5px 10px;
  margin: 5px -10px 1px -10px;
  color: #0053bd !important;
}
/*--- close man-da5.pages custom ---*/

/* ################################################## */
/* #################################################### Custom WP-BLOCK */
/* ################################################## */
.wp-block-quote {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-top-color: rgb(255,255,255);
  border-right-color: rgb(207,207,207);
  border-bottom-color: rgb(207,207,207);
  border-left-color: rgb(255,255,255);
  border-radius: 3px 3px 3px 3px;
  padding: 10px 10px 10px 10px;
  box-shadow:
    -1px -1px 4px 2px #fff,
    1px 1px 3px 1px rgb(0 0 0 / 50%);
}

figure {
  margin: 0 0 1em;
}

.wp-block-image figure {
  margin: 0;
}
.wp-block-image .alignleft {
  float: left;
  margin-left: 1em;
  margin-top: .5em;
  margin-bottom: .5em;
}
.wp-block-image .alignright {
  float: right;
  margin-left: 1em;
  margin-top: .5em;
  margin-bottom: .5em;
}
.wp-block-image .aligncenter {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-image.aligncenter,.wp-block-image .aligncenter,.wp-block-image.alignleft,.wp-block-image .alignleft,.wp-block-image.alignright,.wp-block-image .alignright {
  display: table;
}

.wp-block-table {
  overflow-x: auto;
}
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}
.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: .5em;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
  /* backgrund-color: hsla(0,0%,50.2%,.07058823529411765); */
  background-color: var(--w-global-background-color-depth-1);
}

.has-text-align-center {
  text-align: center;
}
.has-text-align-left {
  text-align: left;
}
.has-text-align-right {
  text-align: right;
}

/*--- Open table of content (toc) ---*/
.wp-block-rank-math-toc-block {
  border-radius: 6px 6px 0 0;
  overflow: auto;
  margin-bottom: 20px;
}
/* .toc-background {
  background-repeat: space;
  background-position-x: -160px;
  background-position-y: -60px;
}*/

.wp-block-rank-math-toc-block>p {
  background-image: linear-gradient(270deg, var(--w-global-color-secondary) , rgb(207 0 0 / 0%) 30%);
  padding: 10px;
  margin: 0!important;
  font-size: 14px;
  color: var(--w-global-color-black);
  /* text-transform: uppercase; */
}
.wp-block-rank-math-toc-block>nav>ul {
  list-style-type: none;
  padding: 5px 10px;
  line-height: 1.7em;
}
.wp-block-rank-math-toc-block>nav>ul>li {
  padding: 0;
}
.wp-block-rank-math-toc-block>nav>ul>li>a {
  color: var(--w-global-color-deef339) !important;
  margin: auto;
  display: block;
  padding: 0 10px 0 0;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: inherit;
  text-overflow: ellipsis;
  border-width: 0;
  border-style: solid;
  border-color: #3674bf00;
  line-height: 33px;

  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 14px;
  font-weight: normal;

}
.wp-block-rank-math-toc-block>nav>ul>li>ul>li>a {
  color: var(--w-global-color-deef339) !important;
  margin: auto;
  display: block;
  padding-right: 18px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: inherit;
  text-overflow: ellipsis;
  /* background-image: linear-gradient(270deg, var(--w-global-color-links) , rgb(207 0 0 / 0%) 80%); */
  border-width: 0;
  border-style: solid;
  border-color: #3674bf00;
  line-height: 33px;

  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 13px;
  font-weight: normal;
}
.wp-block-rank-math-toc-block>nav>ul>li a:hover {
  color: var(--w-global-color-bg-98-white) !important;
  background-image: linear-gradient(270deg, var(--w-global-color-primary) , rgb(207 0 0 /0%) 80%);
  border-width: 0 20px 0 0;
  border-style: solid;
  border-color: #3674bf00;
  transition: 1s ease 0s all;
}
/* --- Close table of content (toc) ---*/
/* --- open Breadcrumb Style ---*/
.rank-math-breadcrumb, .rank-math-breadcrumb>p>a {
  font-family: var(--w-global-typography-text-font-family);
  font-size: 10px;
  color: var(--w-global-color-primary) !important;
}
.rank-math-breadcrumb>p {
  margin: 0 0 0 0 !important;
  line-height: var(--w-global-line-height-p);
}
/* --- Close Breadcrumb Style ---*/
/* --- Open rich snippet Style ---*/
.kk-star-ratings { font-size: 14px; }
.kksr-legend { font-size: 14px; }
/* --- Close rich snippet Style ---*/
/* --- Open FAQ Style ---*/
.rank-math-list-item{
  margin-bottom: 10px;
}
.faq-a {
  text-align: justify;
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8em;
  background-color: #EAE2E2;
  border-radius: 3px 10px 3px 3px;
  padding: 10px 20px 10px 20px;
  box-shadow: 0 0 2px 0 rgb(0 0 0/ 50%);
}
.faq-b>a {
  text-align: justify;
  font-family: var(--w-global-typography-text-font-family);
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8em;
  background-color: transparent;
  background-image: linear-gradient( 90deg, #DCEFF0 0%, #C1DFC2 100%);
  border-radius: 3px 3px 10px 3px;
  padding: 10px 20px 10px 20px;
  margin: 0 0 0 0;
  box-shadow: 0 0 2px 0 rgb(0 0 0/ 50%);
}
/* --- Close FAQ Style ---*/
/* --- Close Global man-da5.pages Style ---*//* End custom CSS */

/* --- Moblie Navbar CSS ---*/
.theme-skull-mobile-menu-box {
  display: initial;
  width: 40px;
  height: 30px;
}
.sidebar-toggle-button-checkbox[type=checkbox] {
  transition: all 0.3s;
  box-sizing: border-box;
  display: none;
}
.sidebar-toggle-button-checkbox[type=checkbox]:checked~#mobile-primary-navbar-menu-basic {
  transform: translateX(0);
}
.sidebar-toggle-button-checkbox[type=checkbox]:checked~.sidebar-toggle-button {
  position: fixed;
}
.sidebar-toggle-button {
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  z-index: 95;
  width: 40px;
  height: 30px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.line-spinner-all {
  transition: all 0.3s;
  box-sizing: border-box;
  width: 100%;
  height: 4px;
  background-color: white;
  opacity: 70%;
}
.line-spinner-middle {
  display: initial;
  margin: 5px 0;
}
.line-spinner-top {
  transition: all 0.5s;
}
.line-spinner-bottom {
  transition: all 0.5s;
}
.sidebar-toggle-button-checkbox[type=checkbox]:checked~.sidebar-toggle-button>.line-spinner-middle {
  display: none;
}
.sidebar-toggle-button-checkbox[type=checkbox]:checked~.sidebar-toggle-button>.line-spinner-top {
  transition: all 0.5s;
  box-sizing: border-box;
  position: relative;
  top: 2px;
  transform: rotate(135deg);
  background-color: #56ff88;
}
.sidebar-toggle-button-checkbox[type=checkbox]:checked~.sidebar-toggle-button>.line-spinner-bottom {
  transition: all 0.5s;
  box-sizing: border-box;
  position: relative;
  top: -2px;
  transform: rotate(-135deg);
  background-color: #56ff88;
}
#mobile-primary-navbar-menu-basic {
  position: fixed;
  overflow: scroll;
  width: 100vW;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 90;
  transform: translateX(100vW);
  transition: transform 350ms ease-in-out;
  background: linear-gradient(180deg, var(--w-global-color-secondary) -20%, var(--w-global-color-primary) 80%);
  padding-top: 50px;
  opacity: 90%;
  padding-right: 10px;
}
.mobile-primary-navbar-menu>.menu-item {
  padding-right: 50px;
}
.mobile-primary-navbar-menu>.menu-item {
  margin: 5px 0;
}
.mobile-primary-navbar-menu>.menu-item>a {
  display: block;
  padding: 10px;
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  color: #aaffc3;
  font-weight: normal;
  opacity: 90%;

  border-width: 0.4ex 0 0.0ex;
  border-image: linear-gradient(to left, #aeffa282 , rgba(0,0,0,0))1 0%;
  border-style: solid;
}

.mobile-primary-navbar-menu>.menu-item>.sub-menu>.menu-item {
  margin-right: 15px;
}
.mobile-primary-navbar-menu>.menu-item>.sub-menu>.menu-item>a {
  display: block;
  padding: 10px;
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 10px;
  color: #aaffc3;
  font-weight: normal;
  opacity: 90%;

  border-width: 0.4ex 0 0.0ex;
  border-image: linear-gradient(to left, #aeffa282 , rgba(0,0,0,0))1 0%;
  border-style: solid;
}
/*--- Mobile Navbar CSS ---*/

/*--- Single Post CSS Start ---*/
.article-single {
  width: 100%;
}
.article-single>.single-post-content>p>a {
  color: var(--w-global-color-deef339);
  border-bottom: 1px;
  border-bottom-style: solid;
  font-weight: var(--w-global-typography-primary-font-weight);
}
.information-post {
  display: block;
}
.information-post-li {
  display: inline-flex;
  flex-wrap: nowrap;
  margin: 0 0 0 20px;
  color: var(--w-global-color-primary);
  font-size: 10px;
  line-height: var(--w-global-line-height-p);
}
/* .single-post-content {
  color: var(--w-global-color-text);
  font-size: 16px;
  font-weight: 400;
} */
.single-post-content>p,.single-post-content th,.single-post-content td,.single-post-content li {
  font-size: 16px;
  font-family: var(--w-global-typography-text-font-family);
  font-weight: normal;
  line-height: 2em;
}
.single-post-content>div>figure>img {
  margin-bottom: 20px;
  box-shadow: 0 0 4px 0.8px #010201c4;
  border-radius: 1px;
}

.bookmark-post-title {
  position: sticky;
  bottom: 0;
  margin-top: 10px;
  margin-right: 10px;
}
.bookmark-post-title>a {
  transform: rotate(270deg);
  font-size: 40px;
  padding: 10px 10px 0 10px;
  border-radius: 4px;
  background-color: var(--w-global-color-secondary-50-glass);
  /* background-color: #35aff1a1; */
  color: #fff;
  filter: opacity(0.7);
  border: 1px solid var(--w-global-color-secondary-90-glass);
  line-height: 50px;
}
.category-information-post {
  font-size: 12px;
}
/*--- Single Post CSS Finish ---*/

/* ################################################## */
/* #################################################### Default Footer CSS */
/* ################################################## */
/*--- Top Post Footer Navbar Menu Style Start ---*/
.top-post-footer-navbar {
  padding: 0 40px 10px 40px;
}
.top-post-footer-menu>.menu-item>a {
  font-size: 12px;
  display: block;
  padding: 5px;
  color: var(--w-global-color-bg-98-white);
}
.top-post-footer-menu>.menu-item>a:hover {
  background-image: linear-gradient(270deg, var(--w-global-color-secondary) , rgb(207 0 0 / 0%) 100%);
  border-right: 10px solid;
  border-color: var(--w-global-color-bg-98-white);
  transition: 0.5s ease 0s all;
}
/*--- Top Post Footer Navbar Menu Style Finish ---*/
.footer-style {
  width: 100%;
  height: 100%;
  text-align: center;
  margin-top: 10px;
}
.footer-p-style {
  font-size: 10px;
  margin: 10px 0 !important;
  color: var(--w-global-color-bg-98-white)!important;
}
.footer-break-line-style {
  display: block;
  width: 30%;
  margin: 0 auto 10px;
  border-top: 2px solid var(--w-global-color-bg-98-white);
}

/* ################################################## */
/* #################################################### Default Single Post CSS */
/* ################################################## */
.main-single {
  width: 100%;
  background-color: var(--w-global-color-bg-98-white);
  padding: 10px 0;
  min-height: 100vh;
  /* display: flex;
  align-items: flex-start; */
}
.sponsor-box>p {
  font-size: 12px;
  margin: 0 auto;
}
.sticky {
  position: sticky;
  top: 0;
}

/*--- Categories Navbar CSS Start ---*/
.categories-navbar {
  position: sticky;
  top: 0;
}
.categories-navbar-menu {
  /* border: 1px solid; */
  border-radius: 4px;
  overflow: auto;
  /* max-height: 2000px; */
  white-space: nowrap;
  text-overflow: ellipsis;
}
.categories-navbar-menu>.menu-item {
  border-bottom: 1px solid var(--w-global-color-secondary-50-glass);
}
.categories-navbar-menu>.menu-item>a {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 11px;
  color: var(--w-global-color-secondary);
  font-weight: var(--w-global-typography-primary-font-weight);
  display: block;
  padding: 4px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: inherit;
  text-overflow: ellipsis;
}
.categories-navbar-menu>.menu-item>a:hover {
  border-right: 5px solid var(--w-global-color-secondary);
  color: var(--w-global-color-bg-98-white);
  background-image: linear-gradient(270deg, var(--w-global-color-primary) , #a1cf00a3 100%);
  transition: 0.2s ease 0s all;
  /* background-color: var(--w-global-color-secondary); */
  width: inherit;
  height: inherit;
}
/*--- Categoties Navbar CSS Finish ---*/

/*--- Comment Style Start ---*/
.comments-area { padding-top: 20px;}

.comments-reply-title {
  margin-bottom: 20px !important;
  font-family: var(--w-global-typography-secondary-font-family);
  font-weight: var(--w-global-typography-primary-font-weight);
  font-size: 15px;
}
.comments-notes, .comments-form-cookies-consent>label {
  font-size: 12px;
}
/* .comments-form>p:not(.comment-form-cookies-consent)>lable { */
.comments-form-comment>label, .comment-form-author>label, .comment-form-email>label {
  font-size: 12px;
  display: block;
  margin: 0 0 5px 0;
}
/* .comments-form>p>input:not([type=submit]):not([type=checkbox]) */
.comment-form-author>input, .comment-form-email>input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: calc(0.667em + 2px);
  font-size: 16px;
  color: var(--w-global-color-secondary);
  border: 1px solid;
  border-radius: 8px;
  border-color: var(--w-global-color-secondary);
}

#comment {
  width: 100%;
  max-height: 150px;
  border: 1px solid;
  border-color: var(--w-global-color-secondary);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  color: var(--w-global-color-text);
  overflow: auto;
  resize: vertical;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}
#author, #email {
  width: 100%;
  max-height: 150px;
  border: 1px solid;
  border-color: var(--w-global-color-secondary);
  border-radius: 8px;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  color: var(--w-global-color-secondary);
  display: inline-block;
  overflow: auto;
  resize: vertical;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}
.comment-form-cookies-consent {
  margin-bottom: 20px;
  margin-top: 20px;
}
.submit {
  width: 100%;
  height: 33px;
  border: 0;
  background: lemonchiffon;
  cursor: pointer;
  background-color: var(--w-global-color-text);
  color: var(--w-global-color-bg-98-white);
  border-radius: 8px;
  font-family: var(--w-global-typography-text-font-family);
}
.submit:hover {
  background-color: var(--w-global-color-secondary);
  color: var(--w-global-color-bg-98-white);
}

.comment-title {
  margin-top: 20px;
  font-family: var(--w-global-typography-secondary-font-family);
  font-weight: var(--w-global-typography-primary-font-weight);
  font-size: 14px;
}
.comment-body {
  border-width: 0.4ex 0 0.0ex;
  border-image: linear-gradient(to left, var(--w-global-color-secondary-50-glass) , rgba(0,0,0,0))1 0%;
  border-style: solid;
  /* border-top: 1px solid #ccc; */
  padding: 20px 10px;
  font-size: 12px;
  overflow: hidden;
}
.comment-meta {
  justify-content: space-between;
  display: flex;
  color: var(--w-global-color-text);
}
.comment-author {
  font-family: var(--w-global-typography-secondary-font-family);
}
.comment-metadata>a {
  font-size: 11px;
}
.comment-content>p {
  text-align: justify;
  color: var(--w-global-color-text);
  line-height: 2em;
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
}

/*--- Comment Button CSS Start ---*/
.comment-reply-link {
  background-color: var(--w-global-color-text);
  color: var(--w-global-color-bg-98-white) !important;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid var(--w-global-color-secondary);
}
.comment-reply-link:hover {
  background-color: var(--w-global-color-secondary);
  color: var(--w-global-color-bg-98-white) !important;
  border: 1px solid var(--w-global-color-secondary);
}
.comment-list>.comment>.comment-respond>.comment-reply-title {
  position: relative;
  padding: 20px 10px 0 0;
  margin-right: 25px;
  border-width: 0.4ex 0 0.0ex;
  border-style: solid;
  border-image: linear-gradient(to left, var(--w-global-color-secondary-50-glass) , rgba(0,0,0,0))1 0%;
}
.comment-list>.comment>.comment-respond>.comment-reply-title:before {
  position: absolute;
  content: "\21A9";
  font-size: 20px;
  font-weight: var(--w-global-typography-secondary-font-weight);
  left: auto;
  right: -20px;
  top: -14px;
  color: var(--w-global-color-secondary);
}
#cancel-comment-reply-link {
  font-size: 14px;
  background-color: var(--w-global-color-secondary);
  color: var(--w-global-color-bg-98-white) !important;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid var(--w-global-color-secondary);
  margin: 0 20px;
}
#cancel-comment-reply-link:hover {
  background-color: var(--w-global-color-text);
  color: var(--w-global-color-bg-98-white) !important;
  border: 1px solid var(--w-global-color-secondary);
}
.children {
  position: relative;
  padding-left: 0;
  padding-right: 25px;
}

.children:before {
  position: absolute;
  content: "\21A9";
  font-size: 20px;
  left: auto;
  right: 5px;
  top: -15px;
  color: var(--w-global-color-secondary);
}
/*--- Comment Button CSS Finish ---*/
/*--- Comment Style Finish ---*/

/* ################################################## */
/* #################################################### Default Archive Template CSS */
/* ################################################## */

/*--- Archive Template CSS Start ---*/
.col-right-category {
  width: 80%;
}
.global-archive-header {
  border-bottom: 1px solid var(--w-global-color-secondary-50-glass);
}
.global-archive-title {
  border-bottom: 1px solid var(--w-global-color-secondary-50-glass);
}
.global-archive-description {
  color: var(--w-global-color-text);
  font-family: var(--w-global-typography-text-font-family);
  font-weight: normal;
  font-size: 14px;
  line-height: 2.1em;
}
.archive-list-items{
  border: 1px solid var(--w-global-color-secondary);
  background-color: var(--w-global-color-secondary-50-glass);
  margin: 5px 0;
  overflow: hidden;
}
.archive-list-items>a {
  display: block;
  color: var(--w-global-color-primary);
  padding: 10px;
}
.archive-list-items>a>h2 {
  font: 15px var(--w-global-typography-secondary-font-family)
}
.archive-list-items:hover {
  border-right: 15px solid var(--w-global-color-bg-98-white);
  background-image: linear-gradient(270deg, var(--w-global-color-primary) , rgb(207 0 0 / 0%) 80%);
  transition: 1s ease 0s all;
}
.archive-list-items>a:hover {
  font-size: 15px;
  color: white;
  transition: 0s ease 0s all;
}
.pagination>div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.nav-links>.page-numbers:not(span) {
  display: block;
  padding: 6px 10px 4px;
  background-color: var(--w-global-color-secondary-50-glass);
  border-radius: 30px;
  margin: 0 3px;
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  color: var(--w-global-color-bg-98-white);
}
.nav-links>.current {
  display: block;
  padding: 6px 12px 4px;
  background-color: var(--w-global-color-text);
  border-radius: 30px;
  margin: 0 3px;
  color: var(--w-global-color-bg-98-white);
  font-family: var(--w-global-typography-secondary-font-family);
  font-weight: var(--w-global-typography-primary-font-weight);
}
.nav-links>.dots {
  margin: 0 5px 6px;
  font-size: 20px;
}
.nav-links.page-numbers:hover:not(.dots, .current) {
  background-color: var(--w-global-color-text);
  padding: 10px 14px 8px;
  font-weight: var(--w-global-typography-primary-font-weight);
  font-size: 14px;
}
/*--- Archive Template CSS Finish ---*/

.align-items-flex-end {
  align-content: flex-end;
  align-items: flex-end;
}


@media screen and ( max-width: 767px ) {
/*--- #################### Mobile #################### ---*/
/*--- #################### Mobile #################### ---*/
/*--- #################### Mobile #################### ---*/
/*--- Global Setting Start ---*/
.global-var-set h1 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 15px;
  font-weight: bold;
  line-height: 2.1em;
  color: var(--w-global-color-text);
}
.global-var-set h2 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 14px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h3 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h4 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h5 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: normal;
}
.global-var-set h6 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 15px;
  font-weight: normal;
}
.single-post-content>p,.single-post-content th,.single-post-content td,.single-post-content li {
  font-size: 12px;
  font-family: var(--w-global-typography-text-font-family);
  font-weight: normal;
  line-height: 2.1em;
}
/*--- Global Setting Finish ---*/
/* ################################################## */
/* #################################################### Default Header CSS */
/* ################################################## */
.col-right-head {
  display: none;
}
.col-center-head {
  width: 30%;
}
.col-left-head {
  width: 70%;
}
.primary-navbar {
  margin: 10px;
  padding: 0;
  z-index: 2;
}
#desktop-primary-navbar-menu-basic {
  display: none;
}
.site-logo-box>img {
  float: left;
  height: 40px;
  width: auto;
}
.site-logo {
  vertical-align: middle;
}

/* ################################################## */
/* #################################################### Default Single Post CSS */
/* ################################################## */
.col-right {
  display: none;
}
.col-center {
  width: 100%;
}
.col-left {
  display: none;
}
.col-right-category {
  width: 100%;
}

}

@media screen and ( min-width: 1024px ) {
/*--- #################### Desktop #################### ---*/
/*--- #################### Desktop #################### ---*/
/*--- #################### Desktop #################### ---*/
/*--- Global Setting Start ---*/
.global-var-set h1 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 21px;
  font-weight: bold;
  line-height: 2.1em;
  color: var(--w-global-color-text);
}
.global-var-set h2 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 20px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h3 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 18px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h4 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 17px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h5 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 16px;
  font-weight: normal;
}
.global-var-set h6 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 15px;
  font-weight: normal;
}
/*--- Global Setting Finish ---*/
/* ################################################## */
/* #################################################### Default Header CSS */
/* ################################################## */
.col-right-head {
  width: 20%;
}
.col-center-head {
  width: 60%;
}
.col-left-head {
  width: 20%;
}
.site-logo {
  vertical-align: middle;
}
.site-logo-box {
  width: auto;
  height: auto;
  float: left;
}
.default-search-box>form {
  padding: 0;
}
.default-search-box>form>label {
  display: inline-block;
  width: 77%;
  height: 100%;
}
.default-search-box>form>label>input {
  width: 100%;
  height: 100%;
  background-color: #fdfdfd;
  padding: 10px 5px;
  border: 0;
  border-radius: 4px;
  font: 12px var(--w-global-typography-secondary-font-family);
  color: var(--w-global-color-secondary);
}
.default-search-box>form>input {
  width: 20%;
  height: 100%;
  background-color: #fdfdfd;
  padding: 10px 5px;
  border: 0;
  border-radius: 4px;
  font: 12px var(--w-global-typography-secondary-font-family);
  color: var(--w-global-color-secondary);
  cursor: pointer;
}
.theme-skull-mobile-menu-box {
  display: none;
}
/*--- Basic Navbar Style Start ---*/
.primary-navbar {
  margin: 0 auto;
  padding: 5px 5px 0 5px;
  /* position: relative; */
  z-index: 2;
}
.primary-navbar-menu {
  max-height: 45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.primary-navbar-menu>.menu-item {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
}
.primary-navbar-menu>.menu-item>a {
  display: block;
  color: var(--w-global-color-bg-98-white);
  padding: 10px 10px;
  font: 13px var(--w-global-typography-secondary-font-family);
  /* height: inherit; */
  line-height: normal;
  border-bottom: 4px solid #ffffff00;
}
.primary-navbar-menu>.menu-item>a:hover {
  border-bottom: 4px solid var(--w-global-color-bg-98-white);
  font-weight: bold;
  transition: 0.5s ease 0s all;
}
.primary-navbar-menu>.menu-item>.sub-menu {
  display: none;
  position: absolute;
  top: auto;
  right: auto;
  min-width: 320px;
  max-width: 500px;
  background-color: var(--w-global-color-secondary-90-glass);
  overflow: hidden;
}
.primary-navbar-menu>.menu-item:hover>.sub-menu {
  display: block;
}
.primary-navbar-menu>.menu-item>.sub-menu>li {
  border-color: var(--w-global-color-secondary-90-glass);
  height: auto;
}
.primary-navbar-menu>.menu-item>.sub-menu>li>a {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font: 12px var(--w-global-typography-secondary-font-family);
  padding: 10px 10px;
  color: var(--w-global-color-bg-98-white);
}
.primary-navbar-menu>.menu-item>.sub-menu>li:hover {
  border-right: 10px solid;
  border-color: var(--w-global-color-bg-98-white);
  /* var(--w-global-color-deef339) */
  background-image: linear-gradient(270deg, var(--w-global-color-primary) , rgb(207 0 0 / 0%) 100%);
  transition: 0.5s ease 0s all;
}
/*--- Basic Navbar Style Finish ---*/

/* ################################################## */
/* #################################################### Default Single Post CSS */
/* ################################################## */
.col-right {
  width: 20%;
}
.col-center {
  width: 60%;
}
.col-left {
  width: 20%;
}
.col-right-category {
  width: 80%;
}
.mobile-sponsor {
  display: none;
}


}

@media screen and ( min-width: 767px ) and ( max-width: 1024px ) {
/*--- #################### Tablet #################### ---*/
/*--- #################### Tablet #################### ---*/
/*--- #################### Tablet #################### ---*/
/*--- Global Setting Start ---*/
.global-var-set h1 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 15px;
  font-weight: bold;
  line-height: 2.1em;
  color: var(--w-global-color-text);
}
.global-var-set h2 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 14px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h3 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h4 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: bold;
  line-height: 2.1em;
}
.global-var-set h5 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: normal;
}
.global-var-set h6 {
  font-family: var(--w-global-typography-secondary-font-family);
  font-size: 12px;
  font-weight: normal;
}
.single-post-content>p,.single-post-content th,.single-post-content td,.single-post-content li {
  font-size: 12px;
  font-family: var(--w-global-typography-text-font-family);
  font-weight: normal;
  line-height: 2em;
}
/*--- Global Setting Finish ---*/

#desktop-primary-navbar-menu-basic {
  display: none;
}
.site-logo-box>img {
  float: left;
  height: 40px;
  width: auto;
}

/* ################################################## */
/* #################################################### Default Header CSS */
/* ################################################## */
.col-right-head {
  display: none;
}
.col-center-head {
  width: 30%;
}
.primary-navbar {
  margin: 10px;
  padding: 0;
  z-index: 2;
}
.col-left-head {
  width: 70%;
}

/* ################################################## */
/* #################################################### Default Single Post CSS */
/* ################################################## */
.col-right {
  display: none;
}
.col-center {
  width: 100%;
}
.col-left {
  display: none;
}
.col-right-category {
  width: 100%;
}

}