/*!
Theme Name: Mozzy - Ignition
Theme URI: https://www.cssigniter.com/themes/mozzy/
Author: CSSIgniter
Author URI: https://www.cssigniter.com/
Description: Portfolio/Business Theme for WordPress
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ignition-mozzy
RequiresIgnition: 2.7.0
*/

/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. Theme Variables
.. General / Base
.. Forms
.. Header
.. Main Navigation
.. Archives
.. Pagination
.. Widgets
.. Blocks
.. Footer
.. Editor Palette
.. Theme Colors
*/

/* -----------------------------------------
	Base CSS Custom Properties (Variables)
----------------------------------------- */

:root {
  --ignition-mozzy-letter-spacing-base: -.04em;
}

/* -----------------------------------------
 Base theme styles
----------------------------------------- */

/* Main
========================================= */

.main {
  padding: 80px 0;
}

/* Content
========================================= */

.entry-content > * {
  margin-bottom: 30px;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 20px;
}

> .entry-content:last-child {
  margin-bottom: 0;
}

.entry-content .entry-title {
  margin-bottom: 0;
}

.entry-content > p > a {
  text-decoration: underline;
}

/* Buttons
========================================= */

.btn,
.button,
.gutenbee-block-button-link,
.wp-block-button__link,
.ci-item-filter,
input[type="submit"],
input[type="reset"],
button[type="submit"] {
  padding: 10px 30px;
  border-radius: 0;
}

/* -----------------------------------------
 Forms
----------------------------------------- */

label,
.label {
  font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="color"],
textarea,
select {
  font-size: 14px;
  border-radius: 0;
}

/* -----------------------------------------
 Header
----------------------------------------- */

/* Top bar
========================================= */

.head-intro {
  font-size: 13px;
}

.head-intro-inner {
  padding: 15px 0;
}

/* Mast head
========================================= */

.head-mast {
  font-size: 16px;
}

.head-content-slot a:hover {
  color: inherit;
}

/* Branding
========================================= */

.site-logo {
  letter-spacing: var(--ignition-mozzy-letter-spacing-base);
}

/* Page hero
========================================= */

.page-hero {
  padding: 100px 0;
}

.page-hero-content .page-hero-title {
  margin: 0;
}

.page-hero-subtitle {
  margin: 5px 0 0;
  line-height: 1.45;
}

/* Page title (in content)
========================================= */

.page-title-wrap {
  margin-bottom: 50px;
}

.page-subtitle {
  margin: 5px 0 0;
  line-height: 1.45;
}

.page-title-description,
.page-subtitle,
.page-hero-subtitle {
  font-size: 1rem;
}

/* Responsive fine-tune
========================================= */

/* -----------------------------------------
	Navigation
----------------------------------------- */

/* Main Navigation
========================================= */

.navigation-main ul {
  padding: 10px 0;
  border-radius: 0;
  min-width: 220px;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}

.navigation-main ul ul {
  top: -10px;
}

.navigation-main a {
  font-size: 1em;
}

.navigation-main > li > a {
  padding: 10px 0;
  margin: 0 10px;
  position: relative;
  color: currentColor;
}

.navigation-main li li a {
  padding: 10px 15px;
  font-size: .9375em;
  font-weight: var(--ignition-font-weight-normal);
}

.navigation-main .nav-button > a {
  padding-top: 9px;
  padding-bottom: 9px;
}

/* Mobile Navigation
========================================= */

.mobile-nav-trigger {
  font-size: 14px;
}

/* -----------------------------------------
 Archive Styles
----------------------------------------- */

.entry-header {
  margin-bottom: 20px;
}

.entry-item-content {
  text-align: left;
}

.entry-item-title a,
.entry-title a {
  color: currentColor;
}

.entry-item-title + .entry-item-excerpt {
  margin-top: -30px;
}

.entry-item-excerpt {
  font-size: 15px;
}

.entry-meta {
  font-size: 14px;
}

.entry-item-title + .entry-item-excerpt {
  margin-top: -20px;
}

.entry-item-title + .entry-meta {
  margin: -20px 0 20px;
}

.comment-notes,
.form-allowed-tags,
.entry-author-desc {
  font-size: inherit;
}

/* Media entry overrides
=================================== */

/* Overlay item styles
=================================== */

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) {
  position: relative;
  text-align: left;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: .5;
  transition: opacity .18s ease;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media):hover::before {
  opacity: .8;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .woocommerce-loop-product__title,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .woocommerce-loop-product__link,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .price,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-meta,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-title,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-excerpt {
  color: var(--ignition-colors-white);
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  color: var(--ignition-colors-white);
  z-index: 3;
  text-align: left;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-content a {
  color: currentColor;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) img,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .price,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-thumb,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-thumb,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-meta,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-excerpt {
  margin-bottom: 0;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-thumb,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-thumb {
  line-height: 0;
}

.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .entry-item-excerpt,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .button,
.is-style-ignition-mozzy-item-overlay .entry-item:not(.entry-item-media) .btn-entry-more {
  display: none;
}

/* Single custom post meta
=================================== */

.entry-list-meta {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 20px;
  list-style: none;
  color: var(--ignition-colors-white);
}

.entry-list-meta-item {
  padding: 10px;
  width: 33.3333%;
}

.entry-list-meta-label {
  display: block;
  font-size: 10px;
  font-weight: var(--ignition-font-weight-bold);
  text-transform: uppercase;
}

.entry-list-meta-value {
  display: block;
  font-size: 16px;
  line-height: 1.4em;
}

/* -----------------------------------------
 Pagination
----------------------------------------- */

.navigation a,
.navigation .page-numbers,
.woocommerce-pagination a,
.woocommerce-pagination .page-numbers {
  padding: 8px 18px;
  font-size: 14px !important;
}

.page-links .page-number {
  padding: 8px 18px;
  font-size: 14px !important;
}

/* -----------------------------------------
 Widgets
----------------------------------------- */

/* General
=================================== */

.widget {
  padding-bottom: 0;
  border-bottom: 0;
}

.widget-title {
  margin-bottom: 25px;
  padding-top: 25px;
  border-top: solid 3px;
}

/* Navigation Menus
=================================== */

.sidebar .widget_ignition-page-children-menu .menu li,
.sidebar .widget_nav_menu .menu:not([id*="social"]) li {
  margin-bottom: 0;
}

.sidebar .widget_ignition-page-children-menu .menu li > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) li > a {
  background-color: var(--ignition-colors-grey);
  border-left: 3px solid;
  padding: 18px;
  margin-bottom: 1px;
  border-bottom: none;
  border-radius: 0;
  font-weight: 700;
  transition: all 0.2s ease;
  display: block;
}

.sidebar .widget_ignition-page-children-menu .menu li > a:hover,
.sidebar .widget_nav_menu .menu:not([id*="social"]) li > a:hover {
  text-decoration: none;
}

.sidebar .widget_ignition-page-children-menu .menu .sub-menu,
.sidebar .widget_ignition-page-children-menu .menu .children,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .sub-menu,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .children {
  margin-top: 0;
}

.sidebar .widget_ignition-page-children-menu .menu .current-menu-item > a,
.sidebar .widget_ignition-page-children-menu .menu .current_page_item > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .current-menu-item > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .current_page_item > a {
  position: relative;
}

/* Ignite Post Type Items
========================================= */

.footer .ignition-widget-item-title a {
  color: currentColor;
}

.footer .ignition-widget-item-title a:hover {
  color: var(--ignition-primary-color);
}

/* -----------------------------------------
  WordPress Blocks general styles
----------------------------------------- */

/* Latest Posts block
=================================== */

.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__post-date {
  font-size: 15px;
}

/* Pullquote block
=================================== */

.wp-block-pullquote.is-style-solid-color {
  font-size: 1rem;
  line-height: 1.33;
  position: relative;
  padding: 30px 30px 30px 80px;
  border: 0;
}

.wp-block-pullquote.is-style-solid-color::before {
  content: "\00201C";
  font-style: normal;
  font-size: 4rem;
  line-height: 0;
  position: absolute;
  left: 30px;
  top: 57px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  margin: 0;
  max-width: 100%;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: var(--ignition-font-weight-normal);
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
  font-size: .875rem;
  font-weight: var(--ignition-font-weight-normal);
}

/* Quote block
=================================== */

.wp-block-quote {
  font-size: 1rem;
  line-height: 1.33;
  position: relative;
  padding: 30px 30px 30px 80px;
  border: 0;
  background-color: var(--ignition-colors-grey);
}

.wp-block-quote::before {
  content: "\00201C";
  font-style: normal;
  font-size: 4rem;
  line-height: 0;
  position: absolute;
  left: 30px;
  top: 57px;
}

.wp-block-quote p {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: var(--ignition-font-weight-normal);
}

.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.wp-block-quote cite {
  font-size: .875rem;
  font-weight: var(--ignition-font-weight-normal);
}

.wp-block-quote.is-style-large {
  padding: 30px 30px 30px 80px;
}

.wp-block-quote.is-style-large p {
  font-size: 20px;
}

.wp-block-quote.has-text-align-center {
  padding: 30px;
}

.wp-block-quote.has-text-align-center::before {
  display: block;
  position: static;
  margin-top: 30px;
  margin-bottom: 15px;
}

.wp-block-quote.has-text-align-right {
  padding: 30px 80px 30px 30px;
}

.wp-block-quote.has-text-align-right::before {
  left: auto;
  right: 30px;
  top: 30px;
  transform: rotate(180deg);
}

/* Table block
=================================== */

.wp-block-table.is-style-ignition-mozzy-table {
  border: 0;
}

.wp-block-table.is-style-ignition-mozzy-table thead {
  color: var(--ignition-colors-white);
}

.wp-block-table.is-style-ignition-mozzy-table tbody tr:nth-child(odd) {
  background: none;
}

.wp-block-table.is-style-ignition-mozzy-table tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

.wp-block-table.is-style-ignition-mozzy-table .has-background thead {
  background: rgba(0, 0, 0, 0.05);
}

.wp-block-table.is-style-ignition-mozzy-table .has-background tfoot {
  background: none;
}

.wp-block-table.is-style-ignition-mozzy-table .has-background tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}

/* -----------------------------------------
  Gutenbee Plugin Blocks
----------------------------------------- */

/* Paragraph Block
=================================== */

.has-drop-cap:not(:focus)::first-letter {
  padding: 0 .55rem 0 0;
  font-size: 3.4rem;
  line-height: .9;
}

/* -----------------------------------------
 Footer
----------------------------------------- */

.footer {
  border-top: 1px solid;
}

.footer .btn,
.footer .button,
.footer [type="submit"] {
  color: currentColor;
  border-color: currentColor;
}

.footer-info {
  border-top: 1px solid;
  font-size: 13px;
}

/* -----------------------------------------
	Theme editor palette colors
----------------------------------------- */

:root .has-theme-primary-color {
  color: #898989;
}

:root .has-theme-primary-background-color {
  background-color: #898989;
}

:root .has-theme-dark-gray-color {
  color: #212121;
}

:root .has-theme-dark-gray-background-color {
  background-color: #212121;
}

:root .has-theme-medium-gray-color {
  color: #444444;
}

:root .has-theme-medium-gray-background-color {
  background-color: #444444;
}

:root .has-theme-light-gray-color {
  color: #dddddd;
}

:root .has-theme-light-gray-background-color {
  background-color: #dddddd;
}

:root .has-theme-white-color {
  color: #ffffff;
}

:root .has-theme-white-background-color {
  background-color: #ffffff;
}

:root .has-theme-black-color {
  color: #000000;
}

:root .has-theme-black-background-color {
  background-color: #000000;
}

/* -----------------------------------------
 Theme color overrides
----------------------------------------- */

/* Global - Primary Color
========================================= */

.ignition-widget-item-title a:hover,
.wp-block-pullquote.is-style-solid-color::before,
.wp-block-quote::before,
.has-drop-cap:not(:focus)::first-letter {
  color: var(--ignition-primary-color);
}

.is-style-ignition-mozzy-item-overlay .entry-item::before,
.wp-block-table.is-style-ignition-mozzy-table thead,
.entry-list-meta {
  background-color: var(--ignition-primary-color);
}

.navigation-main li li:hover > a,
.navigation-main li li > a:focus,
.navigation-main li .current-menu-item > a,
.navigation-main li .current-menu-parent > a,
.navigation-main li .current-menu-ancestor > a,
.navigation-main li .current_page_item > a,
.navigation-main li .current_page_ancestor > a,
.header-mini-cart-trigger .header-mini-cart-count {
  background-color: var(--ignition-primary-color);
  color: var(--ignition-colors-white);
}

/* Global - Text Color
========================================= */

.ignition-widget-item-title a,
.ignition-breadcrumbs a {
  color: var(--ignition-text-color);
}

.sidebar .widget_ignition-page-children-menu .menu .current_page_item > a,
.sidebar .widget_ignition-page-children-menu .menu li > a:hover,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .current_page_item > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) .current-menu-item > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) li > a:hover {
  border-color: var(--ignition-text-color);
}

/* Global - Secondary Text Color
========================================= */

.entry-meta,
.ignition-breadcrumbs,
.entry-item-excerpt,
blockquote cite,
.entry-item-product .price,
li.wc-block-grid__product .wc-block-grid__product-price,
li.product .price,
[class^="wp-block"] > figcaption,
.wp-block-image figcaption,
.wp-block-gutenbee-image figcaption,
.wp-block-latest-comments .wp-block-latest-comments__comment-date,
.wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-latest-posts .wp-block-latest-posts__post-date,
.contact-form label > span,
.comment-metadata,
.form-allowed-tags,
.comment-notes,
.widget .rss-date,
.widget .post-date,
.wp-block-quote cite {
  color: var(--ignition-secondary-text-color);
}

/* Global - Border Color
========================================= */

.entry-header,
.sidebar .widget_ignition-page-children-menu .menu li > a,
.sidebar .widget_nav_menu .menu:not([id*="social"]) li > a {
  border-color: var(--ignition-border-color);
}

/* Top Bar / Default Colors
========================================= */

.header-normal .head-intro {
  border-bottom: 3px solid var(--ignition-top-bar-border-color);
}

.header-normal .head-intro-inner::after {
  border-bottom: 0;
}

.header-normal .head-mast {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

/* Footer - Border Color
========================================= */

.footer,
.footer .widget-title {
  border-color: var(--ignition-footer-border-color);
}

@media (min-width: 768px) {
  .entry-item-media .entry-thumb {
    flex: none;
    margin-bottom: 0;
    margin-right: 30px;
    max-width: calc(33.333333% - 20px);
  }
}

@media (min-width: 992px) {
  .justify-content-center .page-title-content {
    width: 100%;
  }
}

@media (min-width: 1230px) {
  .entry-item-media .entry-thumb {
    max-width: calc(33.333333% - 20px);
  }
}

@media (max-width: 991px) {
  .main {
    padding: 60px 0;
  }

  .page-hero {
    padding: 50px 0;
  }

  .page-hero-content .page-hero-title {
    font-size: 48px;
  }

  .page-title-content .page-title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .page-hero-content .page-hero-title {
    font-size: 42px;
  }

  .page-title-content .page-title {
    font-size: 42px;
  }

  .head-mast-inner {
    margin-left: -5px;
    margin-right: -5px;
  }

  .head-mast-inner .head-mini-cart-wrap {
    margin: 0;
  }

  .entry-list-meta {
    flex-wrap: wrap;
    padding: 10px;
  }

  .entry-list-meta-item {
    width: 100%;
  }

  .wp-block-table thead {
    display: none;
  }

  .wp-block-table tbody tr {
    padding: 10px 15px;
    display: block;
    margin-top: -1px;
  }

  .wp-block-table tbody td {
    display: block;
    padding: 0;
    font-size: 15px;
  }

  .wp-block-table tbody td:first-child {
    font-size: 16px;
    font-weight: var(--ignition-font-weight-bold);
    padding: 0 0 5px;
  }

  .wp-block-table tbody .td-label {
    display: inline-block;
    margin-right: 3px;
    font-weight: var(--ignition-font-weight-bold);
    opacity: .8;
  }
}

@media (max-width: 575px) {
  .page-hero-content {
    text-align: center;
  }

  .page-hero-content .woocommerce-breadcrumb {
    justify-content: center;
  }

  .head-mast-inner .head-content-slot-item {
    margin-left: 20px;
  }
}