/*!
Theme Name: Pizzon
Theme URI: https://templatescoder.com/themes/pizzon-pizza-restaurant-wordpress-template/
Author: TemplatesCoder
Author URI: https://templatescoder.com
Description: Pizzon Wordpress Theme is an delicious Design Idea for website of Pizza Restaurant, Burger Shop, Cafes, Fast Food Chain, Bistro, Snack, Candy shop and much much more…
Version: 1.0.2
Tested up to: 5.9
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pizzon
Domain Path: /languages
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Pizzon is based on TemplatesCoder https://templatescoder.com, (C) 2012-2023 Automattic, Inc.
TemplatesCoder is distributed under the terms of the GNU GPL v2 or later.

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
**/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/* Sections
 */
body {
  margin: 0;
  font-family: var(--theme-font-family);
  font-size: var(--theme-font-size);
  line-height: var(--theme-line-height);
  letter-spacing: var(--theme-letter-spacing);
  font-weight: var(--theme-font-weight);
  color: var(--theme-text-color);
  background-color: var(--theme-background-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6:not('.elementor-page'){
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: var(--heading1-font-size); /*2.5rem;*/
  font-family: var(--heading1-font-family);
  font-weight: var(--heading1-font-weight);
  color: var(--heading1-text-color);
  line-height: var(--heading1-line-height);
  text-transform: var(--heading1-text-transform); 
  margin: 0;
}

h2 {
  /*font-size: 2rem;*/
  font-size: var(--heading2-font-size);
  font-family: var(--heading2-font-family);
  font-weight: var(--heading2-font-weight);
  color: var(--heading2-text-color);
  line-height: var(--heading2-line-height);
  text-transform: var(--heading2-text-transform); 
  margin: 0;
}

h3 {
  /*font-size: 1.75rem;*/
  font-size: var(--heading3-font-size);
  font-family: var(--heading3-font-family);
  font-weight: var(--heading3-font-weight);
  color: var(--heading3-text-color);
  line-height: var(--heading3-line-height);
  text-transform: var(--heading3-text-transform); 
  margin: 0;
}

h4 {
  /*font-size: 1.5rem;*/
  font-size: var(--heading4-font-size);
  font-family: var(--heading4-font-family);
  font-weight: var(--heading4-font-weight);
  color: var(--heading4-text-color);
  line-height: var(--heading4-line-height);
  text-transform: var(--heading4-text-transform); 
  margin: 0;
}

h5 {
  /*font-size: 1.25rem;*/
  font-size: var(--heading5-font-size);
  font-family: var(--heading5-font-family);
  font-weight: var(--heading5-font-weight);
  color: var(--heading5-text-color);
  line-height: var(--heading5-line-height);
  text-transform: var(--heading5-text-transform); 
  margin: 0;
}

h6 {
  /*font-size: 1rem;*/
  font-size: var(--heading6-font-size); 
  font-family: var(--heading6-font-family);
  font-weight: var(--heading6-font-weight);
  color: var(--heading6-text-color);
  line-height: var(--heading6-line-height);
  text-transform: var(--heading6-text-transform); 
  margin: 0;
}

p{
  margin-top: 0;
  margin-bottom: 0.9rem;
}

/* Grouping content
 */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  white-space: pre-wrap;
}

/* Button Style */

/*button, .elementor-button-wrapper .elementor-button, .elementor-button-wrapper .elementor-button:visited, .elementor-widget-button .elementor-button {*/

button {
  background-color:var(--theme-button-background);  
  border-color:var(--button-border-color);
  border-style:var(--button-border-type);
  border-top-width: var(--button-border-top);
  border-right-width:var(--button-border-right);
  border-bottom-width:var(--button-border-bottom);
  border-left-width:var(--button-border-left);

  font-family:var(--button-font-family); 
  font-weight:var(--button-font-weight); 
  text-align:var(--button-text-align); 
  text-transform:var(--button-text-transform); 
  font-size:var(--button-font-size); 
  line-height:var(--button-line-height); 
  letter-spacing:var(--button-letter-spacing); 
  color:var(--button-text-color); 
}

/* Text-level semantics
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: var(--theme-link-color);
}
a:hover, a:active {
  color: var(--theme-link-hover-color);
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Interactive
 */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

figcaption {
  font-size: 16px;
  color: var(--theme-text-color);
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
}

/* Misc
 */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Print
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: var(--theme-text-color) !important; /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; 
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
    border: 1px solid var(-theme-background-color);
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * Form styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
label {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.page-banner label {
    vertical-align: unset;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 1rem; /* 1 */
  line-height: 1.5; /* 1 */
  margin: 0; /* 2 */
}

input[type=text],
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=url],
select,
textarea {
  width: 100%;
  border: 1px solid var(--theme-global-border-color);
  border-radius: 3px;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
  outline: none;
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  border-color: var(theme-text-color);
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  width: auto;
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button,
[type=submit],
[type=button] {
  display: inline-block;
  font-weight: 400;
  color: var(--button-text-color);
  text-align: center;
  white-space: nowrap;
  user-select: none;
  background-color: transparent;
  border: 1px solid var(--button-border-color);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 3px;
  transition: all 0.3s;
}
button:focus,
[type=submit]:focus,
[type=button]:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
  color: var(--button-text-hover-color);
  background-color: var(--theme-button-background);
  text-decoration: none;
  outline: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
  cursor: pointer;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
  resize: vertical;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

select {
  display: block;
}

/**
 * Table styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
table {
  background-color: transparent;
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}
table th,
table td {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid var(--theme-global-border-color);
}
table th {
  font-weight: bold;
}
table thead th,
table tfoot th {
  font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 1px solid var(--theme-global-border-color);
}

table tbody + tbody {
  border-top: 2px solid var(--theme-global-border-color);
}
@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table th,
  table table td {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}

/**
 * List styling
 * DO NOT CHANGE THIS FILE!
 * To override any of the settings in this section, add your styling code in the custom directory.
 */
dl,
dt,
dd,
ol,
ul,
li {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* This line is affected in megamenu so comented */
/*ul{

  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}*/


/*ul li {
  padding: 5px 15px;
}*/

#preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow: hidden;
  background: center no-repeat var(--theme-background-color);
}

.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: var(--theme-text-color);
  letter-spacing: 1px;
  overflow: hidden;
}

.preloader label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 50px;
  font-size: 16px;
  color: var(--theme-text-color);
  letter-spacing: 1px;
}

.d-none {display: none !important;}

/*--------------------------------------------------------------
  == Breadcrumb
  --------------------------------------------------------------*/
.woocommerce .woocommerce-breadcrumb a {
  background-color: transparent;
  text-decoration: none;
  color: var(--theme-button-background);
}

.woocommerce .woocommerce-breadcrumb a:hover, .woocommerce .woocommerce-breadcrumb a:active {
  color: var(--theme-text-color);
}
.woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):hover, .woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.site-navigation ul {
    padding: 0;
    margin: 0;
}
.site-navigation ul li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}
.site-navigation ul li:first-child {
    padding-left: 0;
}
.site-navigation ul li:last-child {
    padding-right: 0;
}
.blog-part .blog-list-box .blog-list-content ul.blog-date li {
    display: inline-block;
    list-style: none;
    padding: 0 10px;
}
.blog-part .blog-list-box .blog-list-content ul.blog-date li:first-child {
  padding-left: 0;
}
.blog-part .blog-list-box .blog-list-content ul.blog-date li:last-child {
  padding-right: 0;
}
.blog-detail-content ul li {
    display: inline-block;
    list-style: none;
    padding: 0px 10px;
}
.blog-detail-content ul li:first-child {
    padding-left: 0;
}
.blog-detail-content ul li:last-child {
    padding-right: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
      background-color: var(--theme-accent-color);
}

/*---------------------- Default WP Design ----------------------- */
.tmpcoder-site-header {
    height: 76px;
    position: fixed;
    /*top: 0;*/
    left: 0;
    right: 0;
    background-color: var(--theme-secondary-color);
    color: var(--theme-global-color-1);
    z-index: 10;
}
.site-header .site-branding h1 {
    margin: 0;
    color: var(--theme-global-color-4);
    transition: all 400ms ease;
}
.site-header .site-branding a:hover h1 {
    color: var(--theme-primary-color);
}
.site-header .site-navigation ul li a {
    color: var(--theme-global-color-4);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px
}
.site-header .site-navigation ul li a:hover, .site-header .site-navigation ul li.current_page_item a {
    color: var(--theme-primary-color);
}
.wp-mobile-toggle-wrap {
    display: none;
}
.wp-mobile-toggle {
    border-color: var(--theme-global-color-1);
    width: 24px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    display: inline-block;
    cursor: pointer;
    border-style: solid;
    text-align: center;
}
.wp-mobile-toggle-line {
    background-color: var(--theme-global-color-4);
    height: 2px;
    margin-bottom: 5px;
    display: block;
    width: 100%;    
}
.pizzon-default-theme .site-main {
    padding-top: 76px;
}

.tmpcoder-blog-list {
    margin-bottom: 50px;
}
.tmpcoder-blog-list .blog-list-img {
    overflow: hidden;
    margin-bottom: 24px;
}
.tmpcoder-blog-list .blog-list-img a {
    box-shadow: none;
    text-decoration: none;
    display: block;
    line-height: normal;
}
.tmpcoder-blog-list .wp-post-image {
    transition-duration: .3s;
    transition-property: transform;
}
.tmpcoder-blog-list .wp-post-image:active,
.tmpcoder-blog-list .wp-post-image:focus,
.tmpcoder-blog-list .wp-post-image:hover {
    transform: scale(1.1);
}
.blog-list-content .entry-title {
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-list-content .entry-title a {
    text-decoration: none;
}
.blog-meta-options {
    padding: 0;
    margin-bottom: 5px;
}
.blog-meta-options .post-categories {
    padding: 0;
    list-style: none;
    display: inline-block;
}
.blog-meta-options .post-meta-item {
    /* border-right: 1px solid #000; */
    padding-right: 10px;
}
.blog-meta-options .post-meta-item:last-child {
    border-right: none;
    padding-right: 0;
}
.blog-meta-options .byline  {
    text-transform: capitalize;
}
.comments-area .title-comments {
    margin-bottom: 0;
}
.comment-respond .comment-reply-title {
    margin-bottom: 20px;
}
.comment-form input[type="text"], .comment-form textarea {
  border: 1px solid #000;
}

.blog-part .blog-list-content .blog-date {padding:0;}
.sidebar-part .blog-sidebar-default ul {padding-left: 18px;}
.sidebar-part .blog-sidebar-default ol {padding: 0}
.sidebar-part .blog-sidebar-default .wp-block-latest-posts {padding: 0}
.sidebar-part .blog-sidebar-default .wp-block-heading {margin-bottom: 10px}

.site-footer .footer-copyright-text {
    width: 49%;
    float: left;
}
.site-footer .site-navigation {
    display: inline-block;
    width: 49%;
    float: right;
    text-align: right;
}

body.pizzon-default-theme main#content {
    max-width: 100%;
}
body.pizzon-default-theme header.page-header {
    background: #000;
    padding: 150px 0px;
    text-align: center;
}
body.pizzon-default-theme header.page-header .entry-title {
    margin: 0;
    text-align: center;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
body.pizzon-default-theme header.page-header .entry-title span {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}
body.pizzon-default-theme .page-content {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 0px 100px 0px;
    display: flex;
    flex-wrap: wrap;
}
body.pizzon-default-theme .page-content > * {
    width: 100%;
}
body.pizzon-default-theme .blog-part {
    width: 75%;
    order: 2;
    padding-left: 15px;
}
body.pizzon-default-theme .sidebar-part {
    width: 25%;
    order: 1;
    padding-right: 15px;
}
body.pizzon-default-theme .wp-block-search__inside-wrapper input {
    color: var(--theme-text-color);
    background-color: var(--theme-global-color-4);
    border-color: var(--theme-global-border-color);
    font-family: "PT Sans Narrow", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    border-width: 1px 0px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 13px 15px 13px 15px;
}
body.pizzon-default-theme .wp-block-search__inside-wrapper input:focus {
    border-color: var(--theme-primary-color);
}
body.pizzon-default-theme .wp-block-search__inside-wrapper .wp-block-search__button {
    color: var(--button-text-hover-color);
    background-color: var(--theme-button-background);
    border-color: var(--button-border-color);
    min-width: 60px;
    font-family: "PT Sans Narrow", Sans-serif;
    font-weight: 400;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0;
    padding: 5px 8px;
}
body.pizzon-default-theme .wp-block-search__inside-wrapper .wp-block-search__button:hover {
    background-color: var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
}
body.pizzon-default-theme .wp-block-search .wp-block-search__label {
    display: none;
}
body.pizzon-default-theme .sidebar-part .wp-block-heading {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    padding-bottom: 10px;
}
body.pizzon-default-theme .sidebar-part .widget_block {
    padding-bottom: 30px;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-posts__list li {
    padding: 13px 0px;
    border-top: 1px solid var(--theme-global-border-color);
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-posts__list li:last-child {
    padding-bottom: 0;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-posts__list li a {
    color: var(--theme-global-color-1);
    text-decoration: unset;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-posts__list li a:hover {
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .sidebar-part ul, body.pizzon-default-theme .sidebar-part ol {
      padding: 0; margin: 0;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-comments li,
body.pizzon-default-theme .sidebar-part .wp-block-archives-list li,
body.pizzon-default-theme .sidebar-part .wp-block-categories-list li {
    padding: 13px 0px;
    border-top: 1px solid var(--theme-global-border-color);
    margin: 0;
    list-style: none;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-comments li:last-child,
body.pizzon-default-theme .sidebar-part .wp-block-archives-list li:last-child,
body.pizzon-default-theme .sidebar-part .wp-block-categories-list li:last-child {
  padding-bottom: 0;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-comments li a,
body.pizzon-default-theme .sidebar-part .wp-block-archives-list li a,
body.pizzon-default-theme .sidebar-part .wp-block-categories-list li a,
body.pizzon-default-theme .sidebar-part .wp-block-latest-comments li article {
    color: var(--theme-global-color-1);
    text-decoration: unset;
}
body.pizzon-default-theme .sidebar-part .wp-block-latest-comments li a:hover,
body.pizzon-default-theme .sidebar-part .wp-block-archives-list li a:hover,
body.pizzon-default-theme .sidebar-part .wp-block-categories-list li a:hover {
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .blog-list-box ul.blog-date li a {
    color: var(--theme-text-color);
    text-decoration: unset;
}
body.pizzon-default-theme .blog-list-box ul.blog-date li {
    font-size: 16px;
}
body.pizzon-default-theme .blog-list-box ul.blog-date li a:hover {
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .blog-part .blog-list-content .entry-title {
    color: var(--heading1-text-color);
    margin: 0;
    padding-bottom: 15px;
    letter-spacing: 1px;
}
body.pizzon-default-theme .blog-part .blog-list-content .entry-title .blog-list-title {
    color: var(--heading1-text-color);
}
body.pizzon-default-theme .blog-part .blog-list-content .blog-des {
    font-size: 16px;
    color: var(--theme-global-color-1);
}
body.pizzon-default-theme .blog-part .blog-list-content .read-more {
    font-size: 16px;
    text-transform: uppercase;
}
body.pizzon-default-theme .blog-part .page-numbers {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
body.pizzon-default-theme .blog-part .page-numbers li {
    list-style: none;
    padding: 0px 4px;
}
body.pizzon-default-theme .blog-part .page-numbers li > * {
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--theme-global-border-color);
    font-size: 16px;
    color: var(--theme-global-color-1);
    text-decoration: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 5px;
    position: relative;
}
body.pizzon-default-theme .blog-part .page-numbers li > *.current, body.pizzon-default-theme .blog-part .page-numbers li > *:hover {
    background: var(--theme-secondary-color);
    color: var(--theme-global-color-4);
}
body.pizzon-default-theme .blog-part .page-numbers li > a.next:before {
    content: "\f105";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
}
body.pizzon-default-theme .blog-part .page-numbers li > a.next:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 12px;
    border: solid var(--theme-global-color-1);
    border-width: 0 2px 2px 0;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}
body.pizzon-default-theme .blog-part .page-numbers li > a.prev:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 16px;
    border: solid var(--theme-global-color-1);
    border-width: 2px 0px 0px 2px;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
}
body.pizzon-default-theme .blog-part .page-numbers li > a.next:hover:before {
    border: solid var(--theme-global-color-4);
    border-width: 0 2px 2px 0;
}
body.pizzon-default-theme .blog-part .page-numbers li > a.prev:hover:before {
    border: solid var(--theme-global-color-4);
    border-width: 2px 0px 0px 2px;
}
body.pizzon-default-theme header.page-header label {
    color: var(--theme-global-color-4);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
}
body.pizzon-default-theme header.page-header a {
    color: var(--theme-global-color-4);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
}
body.pizzon-default-theme header.page-header span {
    color: var(--theme-global-color-4);
    font-size: 16px;
    position: relative;
    top: 3px;
    padding: 0px 8px;
    display: inline-block;
}
body.pizzon-default-theme header.page-header a:hover {
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .blog-detail-img {
    width: 100%;
        padding-bottom: 20px;
}
body.pizzon-default-theme .blog-detail-content .blog-meta-options li {
    font-size: 16px;
    color: var(--theme-text-color);
}
body.pizzon-default-theme .blog-detail-content .blog-meta-options li a {
    color: var(--theme-text-color);
    text-decoration: unset;
}
body.pizzon-default-theme .blog-detail-content .blog-meta-options li a:hover {
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .blog-detail-content h3 {
    margin: 0;
    padding-bottom: 15px;
}
body.pizzon-default-theme .blog-detail-content {
    font-size: 16px;
    color: var(--theme-global-color-1);
}
body.pizzon-default-theme .wp-post-tags .wp-tag-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-right: 10px;
}
body.pizzon-default-theme .wp-post-tags .btn.button {
    border: 1px solid var(--theme-global-border-color);
    color: var(--theme-global-color-1);
    font-size: 14px;
    padding: 8px 30px;
    display: inline-block;
    border-radius: 30px;
    text-decoration: unset;
    margin-right: 12px;
}
body.pizzon-default-theme .wp-post-tags .btn.button:hover {
    background: var(--theme-primary-color);
    color: var(--theme-global-color-4);
    border: 1px solid var(--theme-primary-color);
}
body.pizzon-default-theme .post-authr-box {
    padding-top: 40px;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box {
    background: #F5F5F5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 30px;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-image {
    width: 150px;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-image img {
    display: block;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-text {
    width: calc(100% - 150px);
    padding-left: 30px;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px;
}
body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-bio {
    margin-bottom: 0;
    color: var(--theme-global-color-1);
    font-size: 16px;
}
body.pizzon-default-theme .wp-post-tags {
    padding-top: 20px;
}
body.pizzon-default-theme .comments-area {
    width: 100%;
    padding-top: 50px;
}
body.pizzon-default-theme .comments-area .title-comments {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-style: none;
    border-bottom: 1px solid var(--theme-global-border-color);
    padding-bottom: 15px;
}
body.pizzon-default-theme .comments-area .comment-list li .says {
    display: none;
}
body.pizzon-default-theme .comments-area .comment-list li cite {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--heading1-text-color);
    font-style: normal;
}
body.pizzon-default-theme .comments-area .comment-list li cite a {
    color: var(--heading1-text-color);
    text-decoration: unset;
}
body.pizzon-default-theme .comments-area .comment-list li cite a:hover {
  color: var(--theme-primary-color);
}
body.pizzon-default-theme .comments-area .comment-list li .commentmetadata {
    font-size: 14px;
    padding-top: 3px;
    margin-bottom: 10px !important;
}
body.pizzon-default-theme .comments-area .comment-list li .commentmetadata a {
    color: var(--theme-global-color-1);
    text-decoration: unset;
}
body.pizzon-default-theme .comments-area .comment-list li p {
    color: var(--theme-global-color-1);
    font-size: 16px;
}
body.pizzon-default-theme .comments-area .comment-list li .reply .comment-reply-link {
    border: 1px solid var(--theme-primary-color);
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-duration: 0.6s;
    padding: 8px 25px 8px 25px;
    margin: 5px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 40px 40px 40px 40px;
    text-decoration: unset;
    background: var(--theme-primary-color);
    color: var(--theme-global-color-4);
}
body.pizzon-default-theme .comments-area .comment-list li .reply .comment-reply-link:hover {
    background: var(--theme-global-color-4);
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .comments-area .comment-list li img.avatar {
    border-radius: unset !important;
    width: 60px;
}
body.pizzon-default-theme .comments-area .comment-list li .comment-body {
    padding-left: 75px !important;
    border-color: var(--theme-global-border-color) !important;
}
body.pizzon-default-theme .comments-area .comment-list li:last-child .comment-body {
    border-bottom: unset !important;
    padding-bottom: 0 !important;
}
body.pizzon-default-theme .comment-respond {
    padding-top: 0px;
}
body.pizzon-default-theme .comment-respond .comment-reply-title {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-style: none;
}
body.pizzon-default-theme .comment-respond form label {
    color: var(--theme-accent-color);
    padding-bottom: 5px;
}
body.pizzon-default-theme .comment-respond form textarea, body.pizzon-default-theme .comment-respond form input {
    border-color: var(--theme-global-border-color);
}
body.pizzon-default-theme .comment-respond form textarea:focus, body.pizzon-default-theme .comment-respond form input:focus {
    border-color: var(--theme-primary-color);
}
body.pizzon-default-theme .comment-respond form {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}
body.pizzon-default-theme .comment-respond form > * {
    padding: 0px 15px;
    width: 100%;
}
body.pizzon-default-theme .comment-respond form .comment-form-author,
body.pizzon-default-theme .comment-respond form .comment-form-email,
body.pizzon-default-theme .comment-respond form .comment-form-url {
    width: 33.33%;
}
body.pizzon-default-theme .comment-respond form .form-submit input {
    border: 1px solid var(--theme-primary-color);
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-duration: 0.6s;
    padding: 14px 25px 14px 25px;
    margin: 5px 0px 0px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 40px 40px 40px 40px;
    text-decoration: unset;
    background: var(--theme-primary-color);
    color: var(--theme-global-color-4);
    font-weight: 700;
}
body.pizzon-default-theme .comment-respond form .form-submit input:hover {
    background: var(--theme-global-color-4);
    color: var(--theme-primary-color);
}
body.pizzon-default-theme .comment-respond form .form-submit {
    margin-bottom: 0;
}
body.page-template-default:not(.elementor-page) main#content {
  max-width: 100%;
}
body.page-template-default:not(.elementor-page) main#content > .page-header {
  padding: 150px 0px;
  background: var(--theme-secondary-color);
  margin-bottom: 30px;
}
body.page-template-default:not(.elementor-page) main#content > article {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 50px;
}
.site-footer {
    max-width: 100% !important;
    background-color: var(--theme-secondary-color);
    color: var(--theme-global-color-4);
}
.site-footer p {
    margin: 0;
}
.site-footer .footer-copyright-text {
    letter-spacing: 1px;
}
.site-footer .footer-copyright-text a {
    color: var(--theme-link-color);
}
.site-footer .footer-copyright-text a:hover {
    text-decoration: underline;
}
.site-footer ul li a {
    color: var(--theme-global-color-4);
    letter-spacing: 1px;
}
.site-footer ul li a:hover {
    color: var(--theme-primary-color);
}
.site-header .site-navigation ul ul.children {
    position: absolute;
    background: var(--theme-global-color-4);
    padding: 10px 0px 10px 0px;
    border-style: solid;
    border-width: 3px 0px 0px 0px;
    border-color: var(--theme-primary-color);
    top: calc(100% + 20px);
    visibility: hidden;
    opacity: 0;
    transition: all 400ms ease;
}
.site-header .site-navigation ul ul.children li {
    display: block;
    width: 100%;
    padding: 0;
}
.site-header .site-navigation ul ul.children li a {
    color: var(--theme-text-color);
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.site-header .site-navigation ul ul.children li a:hover {
    color: var(--theme-primary-color);
}
.site-header .site-navigation ul ul.children li a:before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 10px!important;
    display: inline-block;
    background: var(--theme-primary-color);
    position: relative;
    top: -2px;
}
.site-header .site-navigation ul li:hover ul.children {
    top: calc(100% + 0px);
    visibility: visible;
    opacity: 1;
}
body.error404 .page-content {
    text-align: center;
    font-size: 16px;
}
body.error404 .page-content p {
    margin: 0;
}
.tmpcoder-cart-inner .tmpcoder-cart-icon svg {
    display: block;
}
body.pizzon-default-theme .blog-part .blog-list-content .entry-title .blog-list-title:hover {
    color: var(--theme-primary-color);
}

.tmpcoder-checkout-notice .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-error, .tmpcoder-checkout-notice .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-message {
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  body.pizzon-default-theme .page-content, body.pizzon-default-theme header.page-header .entry-title {
    max-width: 800px;
  }
}

@media (max-width: 1024px) {
  .wp-mobile-toggle-wrap {
    display: block;
  }
  .site-footer .footer-copyright-text {
    width: 100%;
    float: left;
    order: 2;
    text-align: center;
  }
  .site-footer:not(.footer-stacked) .footer-inner .site-navigation {
    max-width: 100%;
    order: 1;
    padding-bottom: 10px;
  }
  .site-footer .site-navigation ul {
    text-align: center;
  }
  .tmpcoder-site-header .wp-mobile-toggle .wp-mobile-toggle-line:last-child {
    margin-bottom: 0;
  }
  .wp-mobile-toggle-wrap .wp-mobile-toggle {
    display: block;
  }
  .tmpcoder-site-header {
    height: unset;
  }
  .pizzon-default-theme .site-main {
    padding-top: 57px;
  }
  .site-header .site-navigation .menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--theme-primary-color);
  }
  .site-header .site-navigation .menu > ul > li {
    display: block;
    padding: 0;
  }
  .site-header .site-navigation .menu > ul > li > a {
    padding: 12px 15px;
    display: block;
  }
  .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
  }
  .site-header .site-navigation .menu > ul > li.page_item_has_children {
    position: relative;
  }
  .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener:before, .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener:after {
    position: absolute;
    background: var(--theme-global-color-4);
    content: "";
    transition: all 400ms ease;
  }
  .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 100%;
  }

  .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener:before {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 2px;
  }
  .site-header .site-navigation .menu > ul > li.page_item_has_children span.opener.show:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .site-header .site-navigation ul li ul.children {
    position: unset;
    background: unset;
    padding: 0;
    border: unset;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: unset;
  }
  .site-header .site-navigation ul li ul.children li a {
    color: var(--theme-global-color-4);
  }
  .site-header .site-navigation .menu > ul > li a:hover,
  .site-header .site-navigation .menu > ul > li.current_page_item > a,
  .site-header .site-navigation ul ul.children li.current_page_item a,
  .site-header .site-navigation ul ul.children li a:hover,
  .site-header .site-navigation .menu > ul > li.current_page_parent > a {
    color: var(--theme-text-color);
  }
  .site-header {
    position: unset;
  }
  .site-header .site-navigation .menu ul {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  body.pizzon-default-theme .page-content {
    max-width: 600px;
    padding: 70px 0px 70px 0px;
  }
  .site-header .site-navigation .menu ul {
    max-width: 630px;
  }
  body.pizzon-default-theme header.page-header .entry-title {
    max-width: 600px;
  }
  body.pizzon-default-theme .blog-part {
    width: 100%;
    order: 1;
    padding-left: 0px;
    padding-bottom: 30px;
  }
  body.pizzon-default-theme .sidebar-part {
    width: 100%;
    order: 2;
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  body.pizzon-default-theme .page-content {
    max-width: 500px;
    padding: 50px 10px 50px 10px;
  }
  body.pizzon-default-theme header.page-header .entry-title {
    max-width: 500px;
  }
  body.pizzon-default-theme header.page-header .entry-title {
    font-size: 30px;
    line-height: 38px;
  }
  body.pizzon-default-theme header.page-header {
      background: #000;
      padding: 50px 0px;
  }
  body.pizzon-default-theme main#content {
    padding-right: 0px;
    padding-left: 0px;
  }
  body.pizzon-default-theme header.page-header .entry-title span {
    color: #fff;
    font-size: 34px;
  }
  body.pizzon-default-theme .wp-post-tags .btn.button {
    margin-bottom: 10px;
  }
  body.pizzon-default-theme .post-authr-box .tmpcoder-author-box {
    padding: 20px 20px;
  }
  body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-image {
    width: 50px;
  }
  body.pizzon-default-theme .post-authr-box .tmpcoder-author-box-text {
    width: calc(100% - 50px);
    padding-left: 15px;
  }
  body.pizzon-default-theme .post-authr-box .tmpcoder-author-box {
    align-items: flex-start;
  }
  body.pizzon-default-theme .wp-post-tags {
    padding-top: 10px;
  }
  body.pizzon-default-theme .post-authr-box {
    padding-top: 20px;
  }
  body.pizzon-default-theme .comments-area .title-comments {
    font-size: 20px;
  }
  body.pizzon-default-theme .comments-area .comment-list li .comment-body {
    padding: 15px 0 !important;
    padding-left: 70px !important;
  }
  body.pizzon-default-theme .comments-area .comment-list li:last-child .comment-body .comment-author img {
    position: absolute !important;
    top: 20px;
  }
  body.pizzon-default-theme .comment-respond .comment-reply-title {
    font-size: 20px;
  }
  body.pizzon-default-theme .comment-respond form .comment-form-author, body.pizzon-default-theme .comment-respond form .comment-form-email, body.pizzon-default-theme .comment-respond form .comment-form-url {
    width: 100%;
  }
  .site-header .site-navigation .menu ul {
    max-width: 530px;
  }
}

@media (max-width: 575px) {
  .site-header .site-navigation .menu ul {
    max-width: 100%;
  }
}
/*---------------------- Default WP Design end ----------------------- */