/*
Theme Name: KingAddons
Theme URI: https://kingaddons.com
Author: King-Addons
Author URI: https://kingaddons.com
Description: King Addons WordPress Theme
Version: 2.8
Requires at least: 5.0
Requires PHP: 7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, custom-colors, featured-images, theme-options
Text Domain: kingAddons
*/

/* ------------------------------------------------------------------
[Table of contents]

1. GLOBAL VARIABLES
2. CSS RESET
3. GLOBAL COLORS
4. SEARCH
5. LAYOUT
8. POST META
9. SEARCH PAGE NAVIGATION
10. BUTTONS
11. INPUTS
12. WP IMPROVES
13. GENERAL IMPROVES
14. BLOG

*/

/* ============================================================================================================== */
/*
 * 1. GLOBAL VARIABLES
 */

/*  -------- from bootstrap.css */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    background: #000000;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

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

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

a {
    text-decoration: none;
    background-color: transparent;
    cursor: pointer !important;
}

a:hover {
    text-decoration: underline;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

label {
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

h1, .h1 {
    font-weight: 600;
    font-size: 54px;
    line-height: 1.5;
    letter-spacing: normal;
}

h2, .h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 1.5;
    letter-spacing: normal;
}

h3, .h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: normal;
}

h4, .h4 {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: normal;
}

h5, .h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 1.5;
    letter-spacing: normal;
}

h6, .h6 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: normal;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media(min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container,.container-sm,.container-md {
        max-width:720px
    }
}

@media(min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1199px
    }
}

.collapse:not(.show) {
    display: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: none;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

@media (min-width: 1200px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media(max-width: 1199px) {
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl {
        padding-right:0;
        padding-left: 0
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-inline-block {
    display: inline-block !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

/* ------------------------------------------------------------------ */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./assets/fonts/DMSans-400.woff2") format("woff2");
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./assets/fonts/DMSans-500.woff2") format("woff2");
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./assets/fonts/DMSans-600.woff2") format("woff2");
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./assets/fonts/DMSans-700.woff2") format("woff2");
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("./assets/fonts/DMSans-800.woff2") format("woff2");
}


body {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* END Fonts */
/* ============================================================================================================== */
/* ------------------------------------------------------------- */
/* Working Theme Customizer variables  - /class/class-theme-customize.php and /template-parts/header-variables.php */
:root {
    /* General */
    --accent-color: #A533FF;
    --accent-color-hover: #574FF7; /* sets the color on hover for links */
    --global-txt-color: #0f1336;

    /* Buttons */
    --button-txt-color: #ffffff;
    --button-txt-color-hover: #ffffff;
    --button-bg-color:  #A533FF;
    --button-bg-color-hover: #574FF7;

    /* Header - menu */
    --header-menu-txt-color-first: #0f1336; /* [MAIN] first - example: dark top text */
    --header-menu-txt-color-second: #ffffff; /* second - example: light top text */
    --header-menu-txt-color-inner: #ffffff; /* inner - for inner pages that have the default header with big title */

    /* Header - menu - sticky */
    --header-menu-sticky-bg-color-first: #ffffff;
    --header-menu-sticky-bg-color-second: #000000;
    --header-menu-sticky-bg-color-inner: #000000;

    /* Header - menu - CTA button */
    --header-cta-txt-color: #ffffff;
    --header-cta-txt-color-hover: #ffffff;
    --header-cta-bg-color: #6379eb;
    --header-cta-bg-color-hover: #4052ae;

    /* Header - menu - other */
    --header-title-txt-color: #ffffff;
    --header-bg-overlay-color: #000000;
    --logo-height: 40px;

    /* Footer */
    --footer-txt-color: #ffffff;
    --footer-bg-color: #050418;
}

/* ------------------------------------------------------------- */
/* Back-end variables */
/* GLOBAL */
:root {
    --global-second-txt-color: #2c2c42; /* the second text color usually is used as a grey color for not major elements */
    --global-headers-font: 'DM Sans';
    --global-txt-font: 'DM Sans';
    --global-border-color: #ebf1f2;
    --global-border-radius: 8px;
    --global-field-border-radius: 8px;
    --global-field-border-color: #e8e8e9;
    --button-border-radius: 8px;
}

/* HEADER */
:root {
    /* Header - overlay */
    --header-overlay-opacity: 0.1;

    /* Header - paddings */
    --header-padding-top: 170px;
    --header-padding-bottom: 80px;

    /* Header - MENU */
    --header-menu-f-size: 16px;
    --header-menu-f-weight: 500;
    --header-menu-font: var(--global-headers-font); /* inherit - is default */
    --header-menu-text-transform: none; /* uppercase, none */
    --header-menu-letter-spacing: normal;
    --header-menu-position: right; /* left, center, right, it has customizer setting */
    --header-sitename-font: var(--header-menu-font); /* inherit - is default */

    /* Header - MENU - dropdown */
    --header-menu-dropdown-paddings: 12px 8px;
    --header-menu-dropdown-border-radius: 3px;

    /* Header - MENU - dropdown - menu item (link) */
    --header-menu-dropdown-item-txt-color: var(--global-txt-color);
    --header-menu-dropdown-item-txt-color-hover: var(--accent-color);
    --header-menu-dropdown-item-f-size: 15px;
    --header-menu-dropdown-item-f-weight: 600;
    --header-menu-dropdown-item-font: inherit; /* inherit - is default */
    --header-menu-dropdown-item-text-transform: none; /* uppercase, none */
    --header-menu-dropdown-item-letter-spacing: normal;
    --header-menu-dropdown-item-paddings: 14px 28px 14px 18px;

    /* Header - CTA button */
    --header-cta-f-size: 17px;
    --header-cta-f-weight: 500;
    --header-cta-font: var(--header-menu-font); /* inherit - is default */
    --header-cta-border: 1px solid transparent;
    --header-cta-border-hover: 1px solid transparent;
    --header-cta-border-radius: 12px;
    --header-cta-paddings: 14px 26px;

    /* Header - TITLE */
    --header-title-f-size: 68px;
    --header-title-f-weight: 600;
    --header-title-font: var(--global-headers-font);
    --header-title-text-transform: none; /* uppercase, none */
    --header-title-letter-spacing: -0.5px;

    /* Header - Breadcrumbs */
    --breadcrumbs-txt-color:  #FFFFFFC2;
    --breadcrumbs-a-color: var(--accent-color);
    --breadcrumbs-a-color-hover: var(--header-title-txt-color);
    --breadcrumbs-f-size: 16px;
    --breadcrumbs-f-weight: 400;
    --breadcrumbs-font: var(--global-headers-font);
}

/* BLOG TILE */
:root {
    /* Blog tile - title */
    --blog-tile-title-txt-color: var(--global-txt-color);
    --blog-tile-title-txt-color-hover: var(--accent-color);
    --blog-tile-title-f-size: 34px;
    --blog-tile-title-f-weight: 500;
    --blog-tile-title-font: var(--global-headers-font);
    --blog-tile-title-text-transform: none; /* uppercase, none */
    --blog-tile-title-letter-spacing: -0.5px;
    --blog-tile-title-margins: 0 0 10px 0;

    /* Blog tile - meta */
    --blog-tile-meta-txt-color: #797987;
    --blog-tile-meta-f-size: 14px;
    --blog-tile-meta-f-weight: 500;
    --blog-tile-meta-font: var(--global-headers-font);
    --blog-tile-meta-text-transform: none; /* uppercase, none */
    --blog-tile-meta-letter-spacing: normal;

    /* Blog tile - category */
    --blog-tile-category-txt-color: var(--accent-color);
    --blog-tile-category-f-size: 12px;
    --blog-tile-category-f-weight: 600;
    --blog-tile-category-font: var(--global-headers-font);
    --blog-tile-category-text-transform: uppercase; /* uppercase, none */
    --blog-tile-category-letter-spacing: normal;

    /* Blog tile - excerpt */
    --blog-tile-excerpt-txt-color: var(--global-second-txt-color);
    --blog-tile-excerpt-f-size: 16px;
    --blog-tile-excerpt-f-weight: 400;
    --blog-tile-excerpt-display: block; /* block, none, it has customizer setting */

    /* Blog tile - order of items */
    --blog-tile-order-title: 1;
    --blog-tile-order-categories: 2;
    --blog-tile-order-excerpt: 3;
    --blog-tile-order-meta: 4;

    /* Blog tile - general */
    --blog-tile-all-txt-position: left; /* left, center */
    --blog-tile-all-txt-bg: transparent;
    --blog-tile-all-txt-paddins: 30px 0;
    --blog-tile-image-transform-hover: scale(1.1); /* none, scale(1.1) - i.e. image animation */
}

/* BLOG POST */
:root {
    /* Blog post - category */
    --blog-post-category-txt-color: var(--accent-color);
    --blog-post-category-f-size: 14px;
    --blog-post-category-f-weight: 600;
    --blog-post-category-text-transform: uppercase; /* uppercase, none */
    --blog-post-category-letter-spacing: normal;

    /* Blog post - meta */
    --blog-post-meta-txt-color: var(--global-second-txt-color);
    --blog-post-meta-f-size: 14px;
    --blog-post-meta-f-weight: 500;
    --blog-post-meta-font: var(--global-headers-font);
    --blog-post-meta-text-transform: none; /* uppercase, none */
    --blog-post-meta-letter-spacing: normal;
    --blog-post-meta-icons-display: inline; /* inline, none */

    /* Blog post - tag */
    --blog-post-tag-txt-color: var(--global-second-txt-color);
    --blog-post-tag-f-size: 16px;
    --blog-post-tag-f-weight: 500;
    --blog-post-tag-text-transform: none; /* uppercase, none */
    --blog-post-tag-letter-spacing: normal;

    /* Blog post - content (paragraph text content) */
    --blog-post-txt-color: var(--global-txt-color);
    --blog-post-txt-f-size: 16px;
    --blog-post-txt-f-weight: 400;
    --blog-post-txt-line-height: 1.7;
    --blog-post-border-content: 1px solid #ebf1f2; /* lines before and after the text content */
}

/* BLOG - SIDEBAR AND WIDGETS */
:root {
    /* Blog sidebar */
    --blog-sidebar-bg: #f5fafb; /* if has background then makes the sidebar merged */
    --blog-sidebar-border-radius: 4px;
    --blog-sidebar-border: none; /* none, 1px solid #f0f2f3 */

    /* Widget */
    --widget-border: none;
    --widget-bg-color: transparent;
    --widget-padding: 28px 32px 32px 32px; /* 28px 32px 32px 32px */
    --widget-margin-bottom: 0; /* 2rem, 0 - if zero then it makes the sidebar merged */
    --widget-txt-color: var(--global-txt-color);

    /* Widget - field - i.e. select, text input, tag (only border) */
    --widget-field-border-radius: 4px;
    --widget-field-border-color: #c8ccd8;
    --widget-field-bg-color: transparent;

    /* Widget - title */
    --widget-title-txt-color: var(--global-txt-color);
    --widget-title-f-size: 24px;
    --widget-title-f-weight: 500;
    --widget-title-font: var(--global-headers-font);
    --widget-title-text-transform: none; /* uppercase, none */
    --widget-title-letter-spacing: -0.5px;
    --widget-title-text-align: left; /* left, center */
    --widget-title-margin-bottom: 20px;
    --widget-title-padding-bottom: 0;
    --widget-title-border-bottom: none; /* none, 1px solid #f0f2f3 */
}

/* MOBILE */
:root {
    /* Mobile - menu - header */
    --mobile-menu-header-txt-color: var(--global-txt-color); /* site name and hamburger icon */
    --mobile-menu-header-bg-color: transparent;
    --mobile-menu-header-border-bottom: 1px solid rgba(0, 0, 0, 0.04); /* [NOT MAJOR] none, 1px solid rgba(0, 0, 0, 0.04) */

    /* Mobile - menu - header - position */
    --mobile-menu-header-position-hamburger: row-reverse; /* left -> row, right -> row-reverse */
    --mobile-menu-header-position-sitename: left; /* left, center */

    /* Mobile - menu (opened) */
    --mobile-menu-txt-color: var(--global-txt-color);
    --mobile-menu-bg-color: white;
    --mobile-menu-border-color: transparent;  /* [NOT MAJOR] transparent, #e8e8e9, #f0f2f3, var(--global-border-color) */
    --mobile-menu-dropdown-icon-color: var(--accent-color);
}

.header-nav-txt-second-desktop {
    --mobile-menu-header-bg-color: black;
    --mobile-menu-txt-color: white;
    --mobile-menu-bg-color: black;
}

.header-nav-txt-inner-desktop {
    --mobile-menu-header-bg-color: black;
    --mobile-menu-txt-color: white;
    --mobile-menu-bg-color: black;
}

html {
    background: #000000;
}

/* ============================================================================================================== */
/* ------------------------------------------------------------- */
/* [NOT MAJOR] Footer */
footer {
    --global-txt-color: var(--footer-txt-color);
    --global-border-color: var(--footer-txt-color);
    --widget-bg-color: transparent;
    --widget-txt-color: var(--footer-txt-color);
    --widget-field-border-color: var(--footer-txt-color);
    --widget-field-bg-color: transparent;
    --widget-title-txt-color: var(--footer-txt-color);
    --widget-title-f-size: 18px;
    --widget-title-f-weight: 600;
    --widget-title-text-transform: none; /* uppercase, none */
    --widget-title-text-align: left; /* left, center */
    --widget-title-margin-bottom: 20px;
    --widget-title-padding-bottom: 0;
    --widget-title-border-bottom: none; /* none, 1px solid #f0f2f3 */
    --custom-woo-product-price-color: var(--footer-txt-color);
    --custom-woo-product-title-color: var(--footer-txt-color);
}

.header-nav-txt-second-desktop {
    --header-menu-txt-color-first: var(--header-menu-txt-color-second);
    --mobile-menu-header-txt-color: var(--header-menu-txt-color-second);
}

.header-nav-txt-inner-desktop {
    --header-menu-txt-color-first: var(--header-menu-txt-color-inner);
    --mobile-menu-header-txt-color: var(--header-menu-txt-color-inner);
}

#pr-nav.header-nav-txt-first-desktop.navbar-fixed {
    background: var(--header-menu-sticky-bg-color-first);
}

#pr-nav.header-nav-txt-second-desktop.navbar-fixed {
    background: var(--header-menu-sticky-bg-color-second);
}

#pr-nav.header-nav-txt-inner-desktop.navbar-fixed {
    background: var(--header-menu-sticky-bg-color-inner);
}

/* --------------- */
/* [NOT MAJOR] Custom WooCommerce colors */
:root {
    /* [NOT MAJOR] the second background color usually is used as a grey color for not major elements */
    --global-second-bg-color: #f8f8f8;
    --custom-woo-product-price-color: var(--global-txt-color);
    --custom-woo-product-title-color: var(--global-txt-color);
}

/* [NOT MAJOR] settings */
:root {
    --header-menu-txt-color-hover: var(--accent-color);
    --header-current-page: var(--accent-color);
    --footer-link-color: var(--footer-txt-color);
    --header-menu-hover-bg: transparent;

    /* [USE CUSTOMIZER SETTING - Appearance -> Customize -> Tweaks ] */
    /* Blog sidebar - change side position - left, right */
    --blog-sidebar-position-flex-flow: row; /*  right -> row, left -> row-reverse */
    --blog-sidebar-position-margin: 0 0 0 20px; /* right -> 0 0 0 20px, left -> 0 20px 0 0 */
}

/* ------------------------------------------------------------- */
/* Global items */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--global-headers-font), serif;
}

.blog-tile article:not(.has-post-thumbnail) .blog-tile-content {
    padding-top: 0;
}

@media (min-width: 1200px) {
    .primary-menu-inner {
        width: 100%;
        max-width: 1570px;
        padding: 27px 0;
    }

    #pr-nav.navbar-fixed .primary-menu-inner {
        padding: 15px 0;
        transition: all 100ms;
    }
}

/* Header title on inner pages */
h1.header-title {
    color: var(--header-title-txt-color);
    font-family: var(--header-title-font), serif;
    font-size: var(--header-title-f-size);
    font-weight: var(--header-title-f-weight);
    text-transform: var(--header-title-text-transform);
    letter-spacing: var(--header-title-letter-spacing);
    text-align: center;
    line-height: 1.6;
    margin: 0;
}

/* --------------- */
/* Top menu links style */
.navbar-dark .navbar-nav .nav-link {
    font-size: var(--header-menu-f-size);
    font-weight: var(--header-menu-f-weight);
    font-family: var(--header-menu-font), serif;
    text-transform: var(--header-menu-text-transform);
    letter-spacing: var(--header-menu-letter-spacing);
    border-radius: 0;
    line-height: 1.5;
}

.primary-menu .dropdown-item,
.primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle {
    font-family: var(--header-menu-dropdown-item-font), serif;
}

/* Dropdown menu. Desktop. */
@media (min-width: 1200px) {
    .dropdown-menu {
        background-color: #fff;
        border: none;
        /*noinspection CssNonIntegerLengthInPixels*/
        box-shadow: 0 7px 14px 0.36px rgba(0, 0, 0, .04);
        border-radius: var(--header-menu-dropdown-border-radius);
        padding: var(--header-menu-dropdown-paddings);
    }

    /* Current page of dropdown menu */
    .dropdown-menu .current-menu-item .dropdown-item {
        color: var(--accent-color);
    }

    .primary-menu .dropdown-item,
    .primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle {
        color: var(--header-menu-dropdown-item-txt-color);
        font-size: var(--header-menu-dropdown-item-f-size);
        font-weight: var(--header-menu-dropdown-item-f-weight);
        padding: var(--header-menu-dropdown-item-paddings);
        text-transform: var(--header-menu-dropdown-item-text-transform);
        letter-spacing: var(--header-menu-dropdown-item-letter-spacing);
        border-radius: 0;
        line-height: 1.5;
        transition: all 0s;
    }

    /* Hover on dropdown menu item */
    .dropdown-item:hover,
    .dropdown-item:active,
    .primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle.nav-link:hover,
    .primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle.nav-link:hover::after,
    .primary-menu.navbar .dropdown-menu .nav-item.f-drop-tr-open .dropdown-toggle.nav-link,
    .primary-menu.navbar .dropdown-menu .nav-item.f-drop-tr-open .dropdown-toggle.nav-link::after {
        background-color: transparent;
        color: var(--header-menu-dropdown-item-txt-color-hover) !important;
    }

    .primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle.nav-link,
    .primary-menu.navbar .dropdown-menu .nav-item .dropdown-toggle.nav-link::after {
        color: var(--header-menu-dropdown-item-txt-color) !important;
    }

    .dropdown-item > span {
        padding: 3px 0;
    }
}

.primary-menu .dropdown-toggle::after {
    color: var(--accent-color);
}

/* --------------- */
/* Header CTA button */
#pr-nav .header-cta .elementor-button {
    color: var(--header-cta-txt-color);
    font-size: var(--header-cta-f-size);
    font-weight: var(--header-cta-f-weight);
    font-family: var(--header-cta-font), serif;
    background: var(--header-cta-bg-color);
    border: var(--header-cta-border);
    border-radius: var(--header-cta-border-radius);
    padding: var(--header-cta-paddings);
    /* background: linear-gradient(45deg, #5B03FF, #9B62FF); */
    background-image: linear-gradient(120deg, #A20BD8 0%, #FF4040 100%);
    border-style: none;
    transition: all 450ms;
}

#pr-nav .header-cta .elementor-button:hover {
    color: var(--header-cta-txt-color-hover);
    background: var(--header-cta-bg-color-hover);
    border: var(--header-cta-border-hover);
    border-style: none;
    /* background: linear-gradient(45deg, #5B03FF, #9B62FF); */
    background-image: linear-gradient(120deg, #A20BD8 0%, #FF4040 100%);
    opacity: 0.8;
}

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

/* Sidebar widgets */
main .widget {
    color: var(--widget-txt-color);
    margin: 0 0 var(--widget-margin-bottom) 0;
    background-color: var(--widget-bg-color);
    padding: var(--widget-padding);
    border: var(--widget-border);
    border-radius: var(--global-border-radius);
    position: relative;
    box-shadow: none;
}

.widget-title {
    color: var(--widget-title-txt-color);
    font-size: var(--widget-title-f-size);
    font-weight: var(--widget-title-f-weight);
    font-family: var(--widget-title-font), serif;
    text-transform: var(--widget-title-text-transform);
    text-align: var(--widget-title-text-align);
    padding-bottom: var(--widget-title-padding-bottom);
    border-bottom: var(--widget-title-border-bottom);
    margin-top: 0;
    margin-bottom: var(--widget-title-margin-bottom);
    line-height: 1.5;
    letter-spacing: var(--widget-title-letter-spacing);
}

@media (min-width: 1200px) {
    main .widget {
        margin: 0 0 var(--widget-margin-bottom) 0;
    }
}

@media (max-width: 1199px) {
    .widget-title {
        font-size: 18px;
    }
}

/* --------------- */
/* Blog */

/* Blog - sidebar */
.blog-sidebar {
    padding: 0;
    margin: 0;
}

.blog-sidebar-inner {
    margin: var(--blog-sidebar-position-margin);
}

.blog-sidebar-widgets {
    background: var(--blog-sidebar-bg);
    border-radius: var(--blog-sidebar-border-radius);
    border: var(--blog-sidebar-border);
    padding: 0;
    margin: 0;
}

@media (min-width: 1200px) {
    .blog-post-row,
    .blog-general {
        flex-flow: var(--blog-sidebar-position-flex-flow);
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .blog-post .blog-sidebar {
        margin-top: 20px;
    }
}

/* Blog - sidebar - mobile */
@media (max-width: 1199px) {
    .blog-sidebar-inner {
        margin: 0 10px;
    }
}

/* Blog tile */
.blog-tile {
    background: transparent;
    overflow: hidden;
    margin: 0 1.5rem 14px 1.5rem;
}

.blog-tile .entry-title {
    line-height: 1.25;
    font-size: var(--blog-tile-title-f-size);
    font-weight: var(--blog-tile-title-f-weight);
    font-family: var(--blog-tile-title-font), serif;
    text-align: var(--blog-tile-all-txt-position);
    text-transform: var(--blog-tile-title-text-transform);
    letter-spacing: var(--blog-tile-title-letter-spacing);
    margin: var(--blog-tile-title-margins);
}

@media (max-width: 1199px) {
    .blog-tile {
        margin: 0 15px 15px 15px;
    }

    .blog-tile .entry-title {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .post .blog-tile-content {
        margin: 0;
    }
}

.blog-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--blog-tile-all-txt-paddins);
    background: var(--blog-tile-all-txt-bg);
    z-index: 10;
}

.blog-tile header {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.blog-tile .entry-title-link {
    order: var(--blog-tile-order-title);
}

.blog-tile .entry-categories {
    order: var(--blog-tile-order-categories);
}

.blog-tile .entry-excerpt {
    order: var(--blog-tile-order-excerpt);
}

.blog-tile .entry-meta {
    order: var(--blog-tile-order-meta);
}

/*noinspection CssNonIntegerLengthInPixels*/
.blog-tile .entry-categories-inner a {
    color: var(--blog-tile-category-txt-color);
    font-size: var(--blog-tile-category-f-size);
    font-weight: var(--blog-tile-category-f-weight);
    font-family: var(--blog-tile-category-font), serif;
    text-transform: var(--blog-tile-category-text-transform);
    letter-spacing: var(--blog-tile-category-letter-spacing);
    margin-bottom: 0.5rem;
}

/* Blog post */
/*noinspection CssNonIntegerLengthInPixels*/
.single-post .entry-categories-inner,
.single-post .entry-categories-inner a {
    color: var(--blog-post-category-txt-color);
    font-size: var(--blog-post-category-f-size);
    font-weight: var(--blog-post-category-f-weight);
    text-transform: var(--blog-post-category-text-transform);
    letter-spacing: var(--blog-post-category-letter-spacing);
    line-height: 1.4;
    transition: all 0.1s;
    background: transparent;
    border-radius: 0;
}

.post-meta .meta-icon {
    display: var(--blog-post-meta-icons-display);
}

/* Blog tile and post meta icon */
.meta-icon svg {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

/* Blog post meta tags icon */
.post-tags .meta-icon svg {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.post .meta-text,
.post .post-meta a {
    color: var(--blog-post-meta-txt-color);
    font-size: var(--blog-post-meta-f-size);
    font-weight: var(--blog-post-meta-f-weight);
    font-family: var(--blog-post-meta-font), serif;
    text-transform: var(--blog-post-meta-text-transform);
    letter-spacing: var(--blog-post-meta-letter-spacing);
}

/* Single post tags */
.post-meta .post-tags a {
    color: var(--blog-post-tag-txt-color);
    font-size: var(--blog-post-tag-f-size);
    font-weight: var(--blog-post-tag-f-weight);
    text-transform: var(--blog-post-tag-text-transform);
    letter-spacing: var(--blog-post-tag-letter-spacing);
}

.blog-tile .meta-text,
.blog-tile .post-meta a {
    color: var(--blog-tile-meta-txt-color);
    font-size: var(--blog-tile-meta-f-size);
    font-weight: var(--blog-tile-meta-f-weight);
    font-family: var(--blog-tile-meta-font), serif;
    text-transform: var(--blog-tile-meta-text-transform);
    letter-spacing: var(--blog-tile-meta-letter-spacing);
}

.blog-post .entry-content {
    color: var(--blog-post-txt-color);
    font-size: var(--blog-post-txt-f-size);
    font-weight: var(--blog-post-txt-f-weight);
    line-height: var(--blog-post-txt-line-height);
}

/* --------------- */
/* Footer */
footer {
    color: var(--global-txt-color);
}

/* --------------- */
/* Mobile dropdown */
@media (max-width: 1199px) {
    :root {
        --header-cta-paddings: 15px 22px;
    }

    .dropdown-toggle {
        pointer-events: none;
    }

    .dropdown-toggle span {
        pointer-events: all;
    }

    .dropdown-toggle::after {
        pointer-events: all;
        border: none;
        left: unset;
        width: 34px;
        height: 34px;
        line-height: 28px;
        text-align: center;
        font-size: 34px;
        content: "+";
        font-family: sans-serif;
        font-weight: 300;
        right: 0;
        top: 0;
        transform: none;
        position: absolute;
        padding: 34px;
        margin: 0;
        display: flex;
        align-items: center;
        vertical-align: unset;
        justify-content: center;
        border-left: 1px solid var(--mobile-menu-border-color);
        border-right: 1px solid var(--mobile-menu-border-color);
    }

    .dropdown:hover > .dropdown-toggle::after {
        transform: none;
    }

    .primary-menu .dropdown-toggle::after {
        color: var(--mobile-menu-dropdown-icon-color);
    }

    .primary-menu .navbar-collapse .navbar-nav .nav-link,
    .primary-menu .dropdown-menu .dropdown-item {
        display: flex;
        border-top: 1px solid var(--mobile-menu-border-color);
        padding: 0;
        justify-content: center;
        position: relative;
    }

    .navbar-dark .navbar-nav .nav-item span {
        padding: 20px 0;
        width: 100%;
    }

    .primary-menu .dropdown-menu .dropdown-item {
        color: var(--mobile-menu-txt-color);
    }

    .primary-menu .dropdown-menu .current_page_item .dropdown-item {
        color: var(--accent-color);
    }

    #primary-menu,
    .navbar-dark .navbar-nav .nav-link {
        font-size: 18px;
        text-transform: none;
    }

    /* Mobile menu */
    #pr-nav {
        background: var(--mobile-menu-header-bg-color);
        border-bottom: var(--mobile-menu-header-border-bottom);
    }

    #pr-nav .custom-logo-link h5 {
        transition: color 500ms;
        color: var(--mobile-menu-header-txt-color);
    }

    #pr-nav .animated-icon1 span {
        background: var(--mobile-menu-header-txt-color);
    }

    /* Mobile menu - opened */
    #pr-nav.open-pr-nav-bg {
        background: var(--mobile-menu-bg-color);
    }

    #pr-nav.open-pr-nav-bg .custom-logo-link h5 {
        color: var(--mobile-menu-txt-color);
    }

    #pr-nav.open-pr-nav-bg .animated-icon1 span {
        background: var(--mobile-menu-txt-color);
    }
}

/* --------------- */
/* WooCommerce */
.woocommerce #primary {
    max-width: 1180px;
    padding: 0 24px;
    margin: auto;
}

.woocommerce #sidebar {
    display: none;
}

/* end GLOBAL VARIABLES */
/* ============================================================================================================== */
/*
 * 2. CSS RESET
 */

/**
 * 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 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    /*noinspection CssUnknownProperty*/
    -webkit-text-decoration-skip: objects;
    transition: all 215ms;
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

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

/**
 * 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 style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/* Forms
   ========================================================================== */
/**
 * 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.
 */
button,
select {
    text-transform: none;
}

/**
 * Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4.
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -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;
}

/**
 * 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 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

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

/**
 * 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 */
}

html {
    height: 100%;
}

/**
 * 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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

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

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

fieldset {
    margin: 0;
    padding: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    border: 0;
}

legend {
    margin: 0;
    padding: 0;
    display: block;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
}

body,
input,
textarea,
select,
button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
}

body {
    color: var(--global-txt-color);
    overflow-x: hidden;
    min-height: 100vh;
    margin: auto;
}

ol {
    padding-left: 0;
}

ul {
    padding: 0;
}

ul ul,
ol ol {
    padding-left: 1rem;
}

button,
input {
    outline: none;
}

a {
    color: var(--accent-color);
}

a:hover {
    color: var(--accent-color-hover);
}

:focus {
    outline: none;
}

main,
#primary {
    z-index: 1;
}

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

/* Fix blurry images in latest Chrome */
img {
    /*noinspection CssInvalidPropertyValue*/
    image-rendering: -webkit-optimize-contrast;
}

input:not([type="radio"], [type="checkbox"]),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:required {
    box-shadow: none;
}

ins {
    text-decoration: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 1.2rem !important;
    background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat calc(100% - 0.5rem) center;
}

/* end CSS RESET */
/* ============================================================================================================== */
/*
 * 3. GLOBAL COLORS
 */

h1 {
    color: var(--global-txt-color);
}

/* Uses theme customizer's color */
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .star-rating span::before {
    color: var(--accent-color);
}

/* Hover light */
.cart-contents:hover svg,
.magic-search .input-field:hover svg.search-icon,
.woocommerce .woocommerce-breadcrumb a:hover,
.footer-menu li a:hover,
.post-meta a:hover,
.entry-categories-inner a:hover,
.header-info a:hover {
    color: var(--accent-color) !important;
}

.header-info a {
    color: var(--global-txt-color);
}

.entry-categories-inner a {
    color: var(--accent-color);
}

#site-footer .widget-content .search-form .search-field,
#site-footer .widget .woocommerce-product-search .search-field {
    background: transparent;
    border-color: var(--widget-field-border-color);
}

#site-footer .widget-content .search-form .search-field,
#site-footer .widget .woocommerce-product-search .search-field,
#site-footer .widget .woocommerce-product-search button,
#site-footer .widget-content .search-form .search-submit {
    height: 45px;
}

#site-footer .tagcloud a,
#site-footer .tagged_as a {
    color: var(--global-txt-color);
    border: 1px solid var(--global-border-color);
}

#site-footer .comment-author-link a {
    color: var(--global-txt-color);
    border: none;
    background: transparent;
    padding: 0 !important;
}

#site-footer .product_list_widget li a {
    color: var(--global-txt-color);
}

#site-footer .recentcomments {
    margin-bottom: 1rem;
}

#site-footer .product_list_widget li a:hover,
#site-footer .comment-author-link a:hover,
#site-footer .tagcloud a:hover,
#site-footer .tagged_as a:hover {
    color: var(--accent-color);
}

#site-footer #wp-calendar {
    color: var(--footer-txt-color);
}

/* end GLOBAL COLORS */
/* ============================================================================================================== */
/*
 * 4. SEARCH
 */

.magic-search form {
    width: 100%;
    margin: 0;
}

.magic-search form .inner-form .row .input-field {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.magic-search form .inner-form .row .input-field input {
    width: 43px;
    border: 0;
    display: block;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    letter-spacing: normal;
}

.navbar-collapse.collapsing .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder,
.navbar-collapse.show .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder,
.magic-search form .inner-form .row .input-field.first input.isFocus::-webkit-input-placeholder {
    opacity: 1;
}

@media (min-width: 1200px) {
    .navbar-collapse.collapsing .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder,
    .navbar-collapse.show .magic-search form .inner-form .row .input-field.first input::-webkit-input-placeholder,
    .magic-search form .inner-form .row .input-field.first input.isFocus::-webkit-input-placeholder {
        padding-left: 3px;
    }
}

.magic-search form .inner-form .row .input-field input.placeholder {
    color: #adb5bd;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
}

/* Code duplicated because of issues */
/* noinspection DuplicatedCode */
.magic-search form .inner-form .row .input-field input:-moz-placeholder {
    opacity: 0;
    color: #adb5bd;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
}

.magic-search form .inner-form .row .input-field input.isFocus:-moz-placeholder {
    -webkit-transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1.2s, 1.4s;
    transition-duration: 1.2s, 1.4s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Code duplicated because of issues */
/* noinspection DuplicatedCode */
.magic-search form .inner-form .row .input-field input::-webkit-input-placeholder {
    opacity: 0;
    color: #adb5bd;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
}

.magic-search form .inner-form .row .input-field input.isFocus::-webkit-input-placeholder {
    -webkit-transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 1.2s, 1.4s;
    transition-duration: 1.2s, 1.4s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.magic-search form .inner-form .row .input-field input:hover,
.magic-search form .inner-form .row .input-field input:focus {
    box-shadow: none;
    outline: 0;
    background: var(--header-menu-hover-bg);
}

.magic-search:hover #inputFocus:not(.isFocus),
.magic-search:hover input {
    background: var(--header-menu-hover-bg);
}

/* Code duplicated because of issues */
/* noinspection DuplicatedCode */
.magic-search form .inner-form .row .input-field.first .clear {
    height: 43px;
    padding: 0 0.75rem;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: transparent;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.magic-search form .inner-form .row .input-field.first .clear svg {
    fill: rgba(110, 110, 115, 0.7);
    width: 1.375rem;
    height: 1.1875rem;
}

.magic-search svg.search-icon {
    width: 1.375rem;
    height: 1.1875rem;
    position: absolute;
    left: 0.7rem;
    top: 0.8rem;
    color: var(--global-txt-color);
    fill: currentColor;
    cursor: pointer;
    z-index: 4;
    transition: all 215ms ease;
}

.magic-search.focus-search .input-field:hover svg.search-icon,
.magic-search.focus-search .input-field svg.search-icon {
    color: #6e6e73 !important;
    transition: all 0.215s ease;
    cursor: default;
}

.magic-search form .inner-form .row .input-field.first .clear:hover,
.magic-search form .inner-form .row .input-field.first .clear:focus {
    box-shadow: none;
    outline: 0;
}

.magic-search form .inner-form .row .input-field.first input {
    padding: 0.75rem;
    border-radius: 0;
    height: 43px;
    transition: all 0.325s ease;
}

.navbar-collapse.collapsing .magic-search form .inner-form .row .input-field.first input,
.navbar-collapse.show .magic-search form .inner-form .row .input-field.first input {
    width: 100% !important;
    background-color: #f5f5f7;
    color: #161C2D;
    padding-right: 43px;
}

.magic-search form .inner-form .row .input-field.first input.isFocus {
    padding-left: 41px;
    padding-right: 43px;
    width: 350px;
    background-color: white;
    color: #161C2D;
    border: 1px solid #f4f4f4;
    /*noinspection CssOverwrittenProperties*/
    border-color: #f4f4f4 !important;
}

.magic-search form .inner-form .row .input-field.first input.isFocus:hover,
.magic-search form .inner-form .row .input-field.first input.isFocus:focus {
    border-color: #f4f4f4;
}

/* Code duplicated because of issues */
/* noinspection DuplicatedCode */
.magic-search form .inner-form .row .input-field.first input.isFocus ~ .clear {
    opacity: 1;
    -webkit-transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, -webkit-transform;
    /*noinspection CssOverwrittenProperties*/
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.2s, 1.4s;
    transition-duration: 0.2s, 1.4s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.navbar-collapse.show .magic-search form .inner-form .row .input-field {
    width: 100%;
}

.animated-icon1 {
    width: 26px;
    height: 12px;
    position: relative;
    margin: 0;
    cursor: pointer;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transition: all .1806s linear;
}

.animated-icon1 span:nth-child(1) {
    top: 0;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
    width: 50%;
}

.animated-icon1.open span:nth-child(1) {
    top: 3px;
}

.animated-icon1.open span:nth-child(2) {
    top: 7px;
    width: 100%;
}

/* end SEARCH */
/* ============================================================================================================== */
/*
 * 5. LAYOUT STYLES
 */

.container-xl.blog-post {
    max-width: 1570px;
}

.pr-color {
    color: var(--accent-color);
}

.container-narrow {
    margin: auto;
}

.container-narrow,
.container-narrow .blog-tile,
.blog .container.container-narrow {
    max-width: 1180px;
}

.narrow-wrap {
    max-width: 768px;
}

.inner-header {
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    max-width: 1570px;
}

@media (max-width: 1199px) {
    :root .search-results #main-header {
        margin-bottom: 0;
    }

    .woocommerce ul.products li.product .button {
        display: none;
    }
}

.custom-logo {
    width: auto;
}

.header-cart-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-header-bg {
    background-color: var(--header-bg-overlay-color);
}

/*noinspection CssUnknownTarget*/
#main-header {
    overflow: hidden;
    border-bottom: unset;
    background-size: cover;
    background-position: center;
}

/*noinspection CssUnknownProperty*/
#main-header:before {
    background-color: var(--header-bg-overlay-color);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    zoom: 1;
    opacity: var(--header-overlay-opacity);
    content: "";
}

#main-header,
#site-footer {
    position: relative;
}

#magic-search .search-submit {
    display: none;
}

.onsale .onsale-svg {
    height: 100%;
}

@media (max-width: 1199px) {
    .header-info {
        margin-top: 1rem;
    }

    :root #main-header {
        margin-bottom: 32px;
        padding-bottom: 40px;
    }
}

@media (max-width: 570px) {
    :root #main-header {
        padding-top: 94px;
        margin-top: -54px;
    }
}

@media (min-width: 571px) and (max-width: 1199px) {
    :root #main-header {
        padding-top: 114px;
        margin-top: -74px;
    }
}

@media (min-width: 1200px) {
    :root #main-header {
        margin-bottom: 50px;
        padding-top: var(--header-padding-top);
        padding-bottom: var(--header-padding-bottom);
    }
}

/*noinspection CssUnknownTarget*/
.footer-bg {
    background-color: var(--footer-bg-color);
    position: relative;
}

.post-meta path {
    fill: var(--accent-color);
}

#pr-nav {
    z-index: 9;
}

.magic-search #inputFocus:not(.isFocus) {
    z-index: 3;
}

.breadcrumbs {
    text-align: center;
    color: var(--breadcrumbs-txt-color);
    font-size: var(--breadcrumbs-f-size);
    line-height: 1em;
    margin-top: 25px;
}

.breadcrumbs span {
    font-weight: var(--breadcrumbs-f-weight);
    font-family: var(--breadcrumbs-font), serif;
}

@media (max-width: 1199px) {
    .breadcrumbs {
        margin-top: 15px;
    }
}

.breadcrumbs a {
    color: var(--breadcrumbs-a-color);
    transition: all .45s;
    white-space: nowrap;
    margin-bottom: 1rem;
}

.breadcrumbs a:hover {
    color: var(--breadcrumbs-a-color-hover);
}

.breadcrumbs span[typeof="ListItem"] {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1.5rem;
}

@media (min-width: 1200px) {
    :root {
        --mobile-grey-color: #fafafa;
    }

    .custom-logo {
        max-height: var(--logo-height);
    }

    #pr-nav {
        margin-top: 0;
        position: absolute;
        width: 100%;
        background: transparent;
        transition: all 0ms;
    }

    /*noinspection CssUnknownProperty*/
    #pr-nav.navbar-fixed {
        margin-top: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-120%);
        transform: translateY(-120%);
    }

    #pr-nav.navbar-fixed.navbar-fixed-anim {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        opacity: 1;
    }

    /*noinspection CssUnknownProperty*/
    .admin-bar #pr-nav.navbar-fixed.navbar-fixed-show {
        -webkit-transform: translateY(32px);
        transform: translateY(32px);
    }

    /*noinspection CssUnknownProperty*/
    #pr-nav.navbar-fixed.navbar-fixed-show {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    #pr-nav.navbar-fixed .header-cta .elementor-button,
    #pr-nav.navbar-fixed .nav-link {
        font-size: 16px;
        letter-spacing: normal;
        font-weight: 500;
    }

    #pr-nav.navbar-fixed .custom-logo-link h5 {
        font-size: 24px;
        letter-spacing: normal;
    }

    .magic-search {
        padding: 0 1rem;
        margin-right: 0.5rem;
        width: 43px;
    }

    /* For box-shadow */
    .magic-search #inputFocus:not(.isFocus) {
        color: transparent;
        background: transparent;
    }

    /* For box-shadow */
    .cart-contents {
        padding: 0.594rem;
        transition: all 0.215s ease;
    }

    .navbar-expand-lg .navbar-nav {
        width: 100%;
        justify-content: var(--header-menu-position);
        margin-left: 40px;
        margin-right: 20px;
    }

    .header-icons {
        height: 34px;
    }

    .primary-menu.navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        margin-top: 0;
        overflow: inherit;
    }

    .primary-menu.navbar .nav-item:hover .nav-link,
    .primary-menu.navbar .nav-item:hover .nav-link::after {
        color: var(--accent-color);
    }

    .primary-menu.navbar .dropdown-menu {
        top: 200%;
        overflow: hidden;
    }

    .primary-menu.navbar .nav-item:hover > .dropdown-menu {
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

    .primary-menu.navbar .nav-item .dropdown-menu .dropdown-menu {
        margin-left: 100%;
        top: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 25px;
        padding-left: 25px;
    }

    .footer-menu li {
        padding-left: 1rem;
        padding-right: 1rem;
        line-height: 1.7rem;
    }

    .navbar-dark .navbar-nav .nav-link {
        display: flex;
        align-items: center;
        transition: color 300ms;
    }

    .primary-sub-menu.navbar-light .navbar-nav .nav-link,
    .primary-menu .dropdown-item,
    .header-info a,
    .header-address path,
    .primary-menu .dropdown-toggle::after,
    .ngg-navigation span.current,
    .ngg-navigation a.page-numbers,
    .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
        transition: all 215ms;
    }

    /* Change color for header's top level menu titles on desktop */
    .navbar-dark .navbar-nav .nav-link {
        color: var(--header-menu-txt-color-first) !important;
    }

    /* Change color for header's additional info blocks on desktop */
    .header-info a {
        color: var(--header-menu-txt-color-first) !important;
    }

    /* Change *hover* color for header's top level menu titles and additional info blocks on desktop */
    .navbar-dark .navbar-nav .nav-link:hover,
    .primary-menu.navbar .nav-item:hover .nav-link,
    .primary-menu.navbar .nav-item:hover .nav-link::after,
    .header-info a:hover {
        color: var(--header-menu-txt-color-hover) !important;
        background: transparent;
    }

    /* Change color for header's icons for additional info blocks on desktop */
    .header-address path {
        fill: var(--header-menu-txt-color-first);
    }

    /* Change *hover* color for header's icons for additional info blocks on desktop */
    .header-address a:hover path {
        fill: var(--header-menu-txt-color-hover);
    }
}

.bi-three-dots-vertical {
    width: 1.5rem;
    height: 1.5rem;
}

#site-footer .widget {
    padding-bottom: 2rem;
}

.navbar-expand .navbar-nav .nav-link {
    margin: 0.5rem 1rem;
    padding: 0;
}

.primary-sub-menu.navbar-light .navbar-nav .nav-link,
.footer-top li a {
    font-weight: 400;
}

.primary-sub-menu.navbar-light .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link {
    padding-top: 6px;
    padding-bottom: 6px;
}

.footer-top a,
.footer-top p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
}

.footer-top .widget-content ul li a {
    font-size: 16px;
    letter-spacing: normal;
    color: var(--footer-link-color);
    font-weight: 500;
}

.widget_product_categories .dropdown_product_cat,
.widget_product_categories .select2 {
    max-width: 20rem;
}

.woocommerce .widget_layered_nav_filters ul li a::before,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
    color: var(--accent-color);
    vertical-align: middle;
    height: 19px;
    display: inline-block;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--button-bg-color);
}

@media (min-width: 576px) {
    .primary-sub-menu {
        height: 5rem;
    }
}

.bg-grey {
    background-color: var(--mobile-grey-color);
}

.header-icons {
    display: none;
    align-items: center;
}

.custom-logo-link {
    transition: all 0.215s;
    display: block;
}

.custom-logo-link h5 {
    color: var(--header-menu-txt-color-first);
    font-size: 28px;
    font-weight: 800;
    font-family: var(--header-sitename-font), serif;
    letter-spacing: normal;
}

@media (max-width: 1199px) {
    :root {
        --mobile-grey-color: #fafafa;
    }

    .custom-logo {
        max-height: 1.8rem;
    }

    h1,
    h1.header-title {
        font-size: 42px;
        line-height: 1.4;
        letter-spacing: normal;
    }

    h2 {
        font-size: 36px;
        line-height: 1.4;
        letter-spacing: normal;
    }

    .magic-search {
        padding: 1rem;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: var(--mobile-menu-txt-color) !important;
    }

    .nav-link {
        display: flex;
        align-items: center;
    }

    #magic-search .input-field svg.search-icon {
        color: #6e6e73 !important;
        transition: all 0.215s ease;
    }

    .navbar-collapse .magic-search form .inner-form .row .input-field {
        width: 100%;
    }

    #primary-menu {
        padding-top: 1rem;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .form-inline.search-nav {
        margin-top: 1rem;
        padding: 1rem 0;
        border-top: 1px solid #424245;
        width: 100%;
    }

    #mobile-toggle {
        height: 2.5625rem;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
        position: absolute;
    }

    .form-inline.search-nav .form-control {
        width: 100%;
    }

    .footer-bottom {
        flex-flow: column-reverse;
    }

    .footer-menu li {
        padding-right: 1rem;
        line-height: 1.5rem;
    }

    .navbar-collapse {
        display: grid;
        justify-content: unset !important;
        transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    }

    .header-icons {
        order: -2;
    }

    .top-wrap {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-flow: var(--mobile-menu-header-position-hamburger);
    }

    .cart-contents {
        padding: 0.594rem;
    }

    .cart-contents:hover {
        background: var(--global-second-bg-color);
    }

    /* Mobile dropdown menu */
    .primary-menu .dropdown-menu {
        border: none;
        padding: 0;
        margin: 0;
    }

    .magic-search form .inner-form .row .input-field.first input {
        padding-left: 43px;
    }

    .primary-menu .navbar-collapse.show .navbar-nav .nav-link,
    .primary-menu .navbar-collapse.show .header-icons,
    .primary-menu .navbar-collapse.show .header-info,
    .primary-menu .dropdown-menu.show {
        opacity: 1;
    }

    .magic-search form .inner-form .row .input-field.first input {
        width: 100% !important;
    }

    .magic-search .justify-content-end {
        justify-content: flex-start !important;
    }

    .custom-logo-link {
        flex-grow: 1;
        text-align: center;
        margin-right: 0;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: var(--mobile-menu-header-position-sitename);
        min-height: 41px;
    }

    #pr-nav {
        transition: background 300ms;
        padding: 1rem;
    }

    #pr-nav.open-pr-nav {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        align-items: flex-start;
        z-index: 999;
    }

    .header-cart-icon {
        text-align: center;
        width: 65px;
    }

    .header-cart-icon a:hover {
        border-radius: 0;
    }

    #magic-search {
        width: 100%;
    }

    .footer-bottom .footer-menu {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        margin-bottom: 0;
    }

    .footer-copyright {
        text-align: center;
    }
}

/* Mobile */
@media (max-width: 570px) {
    h1.header-title {
        font-size: 28px;
        line-height: 1.4;
    }

    #pr-nav {
        padding: 6px 1rem;
    }

    .custom-logo-link h5 {
        font-weight: 800;
        font-size: 21px;
        letter-spacing: normal;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .sidebar-shop {
        max-width: 768px;
        margin: 1.5rem auto auto;
    }
}

@media (max-width: 768px) {
    .woocommerce .content-shop .woocommerce-pagination,
    .woocommerce .content-shop .products {
        max-width: 415px;
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar-shop {
        max-width: 445px;
        margin-left: auto;
        margin-right: auto;
    }
}

.search.search-no-results .archive-header-inner.section-inner {
    margin-bottom: 1rem !important;
}

@media (max-width: 1199px) {
    .search.search-no-results #site-content {
        padding: 2rem 2rem 1rem 2rem !important;
        margin-bottom: 4rem;
        margin-top: 2rem;
    }

    .blog-post {
        max-width: 720px;
    }
}

.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message {
    margin-bottom: 1.5rem;
}

.woocommerce div.product .product-header form.cart .group_table td {
    vertical-align: middle !important;
}

.woocommerce .quantity .qty {
    padding: 8px;
    max-height: 37px;
}

/* Fix mobile header position if admin menu was enabled */
@media (min-width: 783px) and (max-width: 1199px) {
    .admin-bar #pr-nav.open-pr-nav {
        margin-top: 32px;
    }
}

@media (max-width: 782px) {
    .admin-bar #pr-nav.open-pr-nav {
        margin-top: 46px;
    }
}

.blog-tile-wave {
    margin-bottom: 1.5rem;
    margin-top: 1.25rem;
    border-top: var(--blog-post-border-content);
}

.post-meta-single-bottom .blog-tile-wave {
    margin-top: 1.5rem;
}

.single-product .product_meta .blog-tile-wave {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.blog-tile-wave.product-variable-top-wave {
    margin-bottom: 2rem;
}

.product-sum-top-wave {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.product-sum-btm-wave {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.f-bg-wave {
    fill: var(--footer-bg-color);
}

.archive .post-meta-single-bottom .blog-tile-wave {
    display: none;
}

.footer-copyright {
    color: var(--widget-title-txt-color);
    font-family: var(--global-headers-font), serif;
    opacity: 0.6;
}

.footer-copyright,
.footer-menu li a {
    font-size: 13px;
    letter-spacing: normal;
}

.footer-top {
    margin-bottom: 1rem;
    padding-bottom: 0;
}

.footer-top-underline {
    border-bottom: 1px solid var(--footer-txt-color);
    padding-top: 0.5rem;
    opacity: 0.1;
}

.footer-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .footer-top {
        margin-top: 4rem;
    }
}

@media (max-width: 1199px) {
    .footer-top {
        margin-top: 2rem;
    }

    .footer-top,
    .footer-bottom {
        max-width: 690px;
        margin-left: auto;
        margin-right: auto;
    }
}

.footer-menu-wrapper {
    margin-bottom: 1rem;
}

.footer-menu,
.widget_nav_menu ul {
    padding: 0;
}

.footer-menu li {
    float: left;
}

.footer-menu li a {
    color: var(--widget-title-txt-color);
}

#clear {
    display: flex;
    align-items: center;
}

a:hover {
    text-decoration: none;
}

nav ul {
    list-style: none;
}

#recentcomments {
    list-style: none;
}

#site-footer .widget_nav_menu ul.menu,
#site-footer .widget_pages ul,
#site-footer .widget_recent_comments ul,
#site-footer .widget_categories ul {
    column-count: 1;
}

@media (max-width: 1199px) {
    #footer-wave {
        background: var(--footer-bg-color);
    }
}

@media (min-width: 1200px) {
    #footer-wave {
        background: var(--footer-bg-color);
    }
}

.woocommerce-account .addresses .title .edit {
    float: left;
    padding: 0.75rem;
    line-height: 1;
    margin-bottom: 1rem;
    background: transparent;
    border-radius: var(--global-border-radius);
    border: 1px solid var(--global-border-color)
}

#cancel-comment-reply-link {
    margin-left: 1rem;
    font-size: 12px;
    border: 1px solid var(--accent-color);
    border-radius: 0;
    padding: 5px 10px;
    transition: all 0.215s;
    font-weight: 500;
    font-family: inherit;
    letter-spacing: normal;
}

#cancel-comment-reply-link:hover {
    background-color: var(--accent-color);
    color: #FFFFFF;
}

.comments-wrapper .styled-separator {
    display: none;
}

/* Social Icons color */
.fill-children-current-color,
.fill-children-current-color * {
    fill: #ffffff;
}

.footer-social a {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    background-color: currentColor;
    transition: all 0.215s ease;
    display: flex;
    justify-content: center;
    color: var(--button-bg-color);
}

.social-menu {
    display: flex;
    flex-wrap: wrap;
}

.social-menu svg {
    width: 1.25rem;
    height: 1.25rem;
    align-self: center;
}

.footer-top ul li {
    margin-bottom: 1.5rem;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    /*noinspection CssUnknownProperty*/
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}

.footer-top .footer-social li {
    margin: 0 0.75rem 0.75rem 0;
}

.footer-inner {
    position: relative;
    z-index: 2;
    padding-top: 1rem;
    padding-bottom: 0;
}

.social-icons a:focus,
.social-icons a:hover {
    transform: scale(1.1);
    text-decoration: none;
    color: var(--button-bg-color-hover) !important;
}

#site-footer .gallery-icon img {
    border: none !important;
}

#site-footer .gallery-icon {
    margin-right: 1rem;
    display: flex;
}

#site-footer .gallery-item {
    margin-top: 0 !important;
    margin-bottom: 1.5rem;
}

#site-footer {
    overflow: hidden;
}

.footer-top .textwidget > h1:nth-child(1),
.footer-top .textwidget > h2:nth-child(1),
.footer-top .textwidget > h3:nth-child(1),
.footer-top .textwidget > h4:nth-child(1),
.footer-top .textwidget > h5:nth-child(1),
.footer-top .textwidget > h6:nth-child(1) {
    margin-top: 0;
}

.rssSummary {
    padding-bottom: 0.5rem;
    font-size: 14px;
    letter-spacing: normal;
}

.rss-date {
    opacity: 0.5;
    font-size: 14px;
    margin-bottom: 0.5rem;
    display: block;
    letter-spacing: normal;
}

.widget-title .rsswidget {
    font-size: 20px;
    letter-spacing: normal;
}

.widget-content ul li a.rsswidget {
    margin: 0 0 0.5rem;
    display: block;
}

.widget_rss li:first-child {
    border-top: 1px dashed;
    padding-top: 1.5rem;
}

.widget_rss li {
    border-bottom: 1px dashed;
    margin-bottom: 1.5rem;
    box-sizing: content-box;
    padding-bottom: 1rem;
}

.wp-calendar-table caption {
    caption-side: top;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: var(--accent-color);
    font-size: 16px;
    background: transparent;
    padding: 0.5rem;
    margin-bottom: 1rem;
    width: auto;
    border-radius: var(--global-border-radius);
    letter-spacing: normal;
    line-height: 1.5;
}

.calendar_wrap thead *,
.calendar_wrap tbody * {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: normal;
}

.calendar_wrap * {
    line-height: 19px;
}

.calendar_wrap .wp-calendar-nav {
    font-size: 15px;
    letter-spacing: normal;
}

.wp-calendar-table * {
    text-align: center;
}

.calendar_wrap nav a {
    font-weight: 400;
}

.wp-calendar-table th {
    padding: 6px;
    font-weight: 800;
}

.wp-calendar-table td {
    padding: 6px;
    border-radius: 0;
}

.wp-calendar-table td:not(.pad):hover,
.wp-calendar-table #today {
    background: transparent;
    border-radius: var(--global-border-radius);
    cursor: default;
    color: var(--accent-color);
}

.widget-content ul {
    margin-bottom: 0;
    list-style-position: inside;
}

.widget-content span.product-title {
    font-weight: 500;
}

#site-footer .calendar_wrap {
    padding: 0;
    background: transparent;
    border-radius: 0;
}

@media (min-width: 769px) and (max-width: 1199px) {
    .calendar_wrap .wp-calendar-table {
        width: 43vw;
    }
}

@media (min-width: 440px) and (max-width: 1199px) {
    .calendar_wrap .wp-calendar-table {
        margin: auto;
        height: 27vw;
        max-width: unset;
    }

    #site-footer .calendar_wrap .wp-calendar-table {
        width: 46vw;
    }
}

@media (max-width: 1199px) {
    .calendar_wrap {
        border: none;
        border-radius: 0;
        padding: 2rem;
        margin: auto;
    }

    #site-footer .calendar_wrap {
        background: transparent;
        border: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .calendar_wrap {
        width: 53vw;
    }

    #site-footer .calendar_wrap {
        width: auto;
    }

    .wp-calendar-table caption {
        font-size: 18px;
        padding: 1rem;
        margin-bottom: 1.5rem;
        letter-spacing: normal;
    }
}

.footer-top .calendar_wrap a {
    color: var(--accent-color);
}

.widget-content ul li a {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 17px;
    color: var(--widget-txt-color);
    letter-spacing: normal;
}

main .widget-content ul li.recentcomments > a {
    color: var(--accent-color);
    font-weight: 500;
}

main .widget-content ul li.recentcomments > a:hover,
.widget-content ul li a:hover,
.widget_text a:hover {
    color: var(--accent-color);
}

.widget select {
    cursor: pointer;
}

.widget select,
.widget_product_categories select,
.widget_categories select {
    width: 100%;
    padding: 10px 22px;
    border-radius: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-overflow: ellipsis;
    border: 1px solid var(--widget-field-border-color);
    letter-spacing: normal;
}

/* Disable Woocommerce select */
.widget select,
.widget_product_categories select,
.widget_product_categories #product_cat {
    clip: unset !important;
    width: 100% !important;
    height: unset !important;
    position: relative !important;
    padding: 12px 22px !important;
    margin: unset !important;
    overflow: unset !important;
    background-color: var(--widget-field-bg-color);
    color: var(--widget-txt-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid var(--widget-field-border-color) !important;
    transition: all 300ms ease;
    border-radius: var(--widget-field-border-radius);
}

/* Hover select */
.widget select:hover,
.widget_product_categories select:hover,
.widget_product_categories #product_cat:hover {
    color: var(--accent-color);
}

.widget_product_categories .select2 {
    display: none;
}

.widget-content .search-form label {
    margin-bottom: 0.5rem;
    width: 64%;
    float: left;
}

.widget-content .search-form .search-field {
    width: 80%;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 19px;
    border-radius: var(--widget-field-border-radius);
    height: 41px;
    border-color: var(--widget-field-border-color);
    letter-spacing: normal;
    background: var(--widget-field-bg-color);
}

.widget-content .search-form .search-submit {
    width: 43%;
    margin-left: -10%;
    font-size: 14px;
    line-height: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--button-bg-color);
    color: var(--button-txt-color);
    height: 41px;
    border: none;
    font-weight: 600;
    letter-spacing: normal;
    border-radius: var(--button-border-radius);
}

.widget-content .search-form .search-submit:hover,
.widget .woocommerce-product-search button:hover {
    background-color: var(--button-bg-color-hover);
    color: var(--button-txt-color-hover);
}

.widget .woocommerce-product-search .search-field {
    margin-bottom: 0.5rem;
    width: 58%;
    float: left;
    padding: 10px 22px;
    font-size: 14px;
    line-height: 19px;
    border-radius: var(--widget-field-border-radius);
    height: 41px;
    background: var(--widget-field-bg-color);
    border-color: var(--widget-field-border-color);
    letter-spacing: normal;
}

.widget .woocommerce-product-search .search-field:hover,
.widget-content .search-form .search-field:hover,
.widget .woocommerce-product-search .search-field:focus,
.widget-content .search-form .search-field:focus {
    border-color: var(--accent-color);
    background: var(--widget-field-bg-color);
}

.widget .woocommerce-product-search button {
    width: 38%;
    margin-left: -10%;
    font-size: 14px;
    line-height: 19px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--button-bg-color);
    color: var(--button-txt-color);
    height: 41px;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    text-overflow: ellipsis;
    transition: all 0.45s;
    letter-spacing: normal;
}

.woocommerce-product-search {
    display: flex;
    justify-content: space-between;
}

.woocommerce-cart-form {
    position: relative;
}

/* Accordion */
.elementor-accordion .elementor-tab-content {
    border-top: none !important;
}

.elementor-accordion .elementor-accordion-item {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Elementor fix tablet reverse */
/* Issue: https://github.com/elementor/elementor/issues/12925 */
@media (min-width: 768px) and (max-width: 1199px) {
    .elementor-reverse-tablet > .elementor-container > .elementor-row > :first-child {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(2) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(3) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(4) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(5) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(6) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(7) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(8) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(9) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .elementor-reverse-tablet > .elementor-container > .elementor-row > :nth-child(10) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

blockquote {
    font-style: italic;
    font-weight: 600;
    margin: 2rem 0;
    position: relative;
    border: 1px solid var(--global-border-color);
    border-radius: var(--global-border-radius);
    padding: 2rem 2rem 1rem 2rem;
    background: transparent;
}

blockquote:before {
    content: '';
    background-color: var(--accent-color);
    -webkit-mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 40 36" xmlns="http://www.w3.org/2000/svg"><path d="M36.25 0.5H26.25C24.1797 0.5 22.5 2.17969 22.5 4.25V14.25C22.5 16.3203 24.1797 18 26.25 18H32.5V23C32.5 25.7578 30.2578 28 27.5 28H26.875C25.8359 28 25 28.8359 25 29.875V33.625C25 34.6641 25.8359 35.5 26.875 35.5H27.5C34.4062 35.5 40 29.9062 40 23V4.25C40 2.17969 38.3203 0.5 36.25 0.5ZM13.75 0.5H3.75C1.67969 0.5 0 2.17969 0 4.25V14.25C0 16.3203 1.67969 18 3.75 18H10V23C10 25.7578 7.75781 28 5 28H4.375C3.33594 28 2.5 28.8359 2.5 29.875V33.625C2.5 34.6641 3.33594 35.5 4.375 35.5H5C11.9062 35.5 17.5 29.9062 17.5 23V4.25C17.5 2.17969 15.8203 0.5 13.75 0.5Z"/></svg>') no-repeat 100% 0;
    mask: url('data:image/svg+xml;utf8, <svg viewBox="0 0 40 36" xmlns="http://www.w3.org/2000/svg"><path d="M36.25 0.5H26.25C24.1797 0.5 22.5 2.17969 22.5 4.25V14.25C22.5 16.3203 24.1797 18 26.25 18H32.5V23C32.5 25.7578 30.2578 28 27.5 28H26.875C25.8359 28 25 28.8359 25 29.875V33.625C25 34.6641 25.8359 35.5 26.875 35.5H27.5C34.4062 35.5 40 29.9062 40 23V4.25C40 2.17969 38.3203 0.5 36.25 0.5ZM13.75 0.5H3.75C1.67969 0.5 0 2.17969 0 4.25V14.25C0 16.3203 1.67969 18 3.75 18H10V23C10 25.7578 7.75781 28 5 28H4.375C3.33594 28 2.5 28.8359 2.5 29.875V33.625C2.5 34.6641 3.33594 35.5 4.375 35.5H5C11.9062 35.5 17.5 29.9062 17.5 23V4.25C17.5 2.17969 15.8203 0.5 13.75 0.5Z"/></svg>') no-repeat 100% 0;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

/* Tags */
.posted_in a,
.tagcloud a,
.tagged_as a {
    padding: 6px 12px;
    border-radius: var(--global-border-radius);
    background-color: transparent;
    margin-bottom: 7px;
    display: inline-block;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 19px;
    letter-spacing: normal !important;
    transition: all .45s;
    border: 1px solid var(--global-border-color);
    color: var(--global-txt-color);
}

.woocommerce .summary .posted_in a,
.woocommerce .summary .tagged_as a {
    border: none;
    background-color: transparent;
    padding: 0;
    font-weight: 600;
}

.widget .posted_in a,
.widget .tagcloud a,
.widget .tagged_as a {
    color: var(--widget-txt-color);
    border: 1px solid var(--widget-field-border-color);
    border-radius: var(--widget-field-border-radius);
    background-color: var(--widget-field-bg-color);
}

.posted_in a:hover,
.tagcloud a:hover,
.tagged_as a:hover,
.recentcomments a.url:hover {
    color: var(--accent-color);
}

.tagcloud a::before,
.tagged_as a::before {
    content: '#';
}

.nextend-arrow {
    min-width: 33px !important;
    min-height: 33px !important;
    transition: all 0.215s !important;
    border: 1px solid var(--global-border-color);
}

.product_meta .posted_in {
    margin-bottom: 1rem;
}

.product_list_widget .woocommerce-Price-amount.amount,
.widget_shopping_cart .quantity {
    color: var(--accent-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
}

.widget_recently_viewed_products .woocommerce-Price-amount.amount,
.widget_shopping_cart .quantity {
    margin-left: 60px;
}

.widget_recently_viewed_products .woocommerce-Price-amount.amount {
    display: inline-block;
}

.widget_shopping_cart .quantity {
    display: block;
}

.widget.widget_recent_entries img {
    border-radius: 0;
    width: 30%;
    max-height: 64px;
    object-fit: cover;
    margin-right: 1rem
}

.widget_pages ul li,
.widget_categories ul li,
.widget.widget_recent_entries li {
    margin-bottom: 1rem;
}

.widget.widget_recent_entries li {
    list-style: none;
}

.widget li::marker {
    color: var(--widget-txt-color);
}

.widget .children {
    padding-left: 1rem;
    padding-top: 1rem;
}

.widget.widget_recent_entries .widget-content li a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.widget.widget_recent_entries li a .post-title {
    margin-top: 0;
    font-size: 16px;
    display: flex;
    font-weight: 400;
    transition: all 215ms;
    letter-spacing: normal;
    width: 70%;
    align-items: center;
}

.widget.widget_recent_entries li a .post-title + .post-date {
    display: block;
}

.widget_recent_entries span.post-date {
    font-size: 14px;
    font-weight: 500;
    color: #6d7c90;
    letter-spacing: normal;
    display: block;
}

.widget.widget_recent_entries li:last-child {
    margin-bottom: 0;
}

.widget_archive li {
    margin-bottom: 0.5rem;
}

.widget_archive ul {
    margin-bottom: 0;
}

.widget ul li:last-child {
    margin-bottom: 0 !important;
}

.w-post-placeholder {
    display: none;
    border-radius: 0;
    background: #cacfd7;
    height: 140px;
}

@media (max-width: 1199px) {
    .w-post-placeholder {
        max-height: 21vh;
        height: 42vw;
    }
}

.header-info {
    display: flex;
    font-size: 12px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: 500;
}

.header-address {
    align-items: center;
    vertical-align: middle;
    display: flex;
}

.header-address a {
    display: flex;
    align-items: center;
}

.header-address a:hover {
    background: transparent;
}

.header-phone {
    text-align: center;
}

@media (min-width: 1200px) {
    .header-address {
        min-height: 62px;
    }

    .header-info {
        align-items: center;
        padding-right: 2.15rem;
        padding-left: 1.5rem;
        max-height: 35px;
    }

    .header-address p {
        width: 10rem;
        margin: 0 0 0 10px;
    }

    .header-phone {
        margin-left: 15px;
    }

    .header-phone p {
        margin-bottom: 0;
    }
}

@media (max-width: 1199px) {
    .header-address path {
        fill: var(--global-txt-color);
    }

    .header-address a:hover path {
        fill: var(--accent-color);
    }

    .header-address a {
        margin-right: 1rem;
    }

    .header-address p {
        margin: 0 0.5rem;
    }

    .header-info {
        order: -1;
        margin-bottom: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .header-info-empty {
        order: -1;
        margin-top: 1rem;
    }

    .header-phone {
        display: flex;
        align-items: center;
    }

    .header-phone a {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .header-phone p {
        margin: auto;
    }

    .h-call-us {
        padding: 0 0.5rem;
    }

    .wp-calendar-nav {
        width: 40vw;
        margin: 1rem auto auto auto;
        text-align: center;
    }

    .calendar_wrap * {
        font-size: 15px;
        letter-spacing: normal;
    }
}

@media (min-width: 1200px) {
    .wp-calendar-nav {
        text-align: center;
    }
}

@media (max-width: 414px) {
    .header-address svg {
        flex-basis: 31px;
    }
}

@media (max-width: 408px) {
    .calendar_wrap {
        padding: 1.5rem 1rem;
    }
}

@media (min-width: 1200px) {
    .wp-calendar-table td,
    .wp-calendar-table th {
        padding: 9px;
    }
}

@media (min-width: 1200px) and (max-width: 1540px) {
    #pr-nav {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .custom-logo {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .header-icons,
    .header-info {
        margin-right: 2rem;
        margin-left: 0;
    }

    #primary-menu > li:nth-last-child(3) .dropdown-menu,
    #primary-menu > li:nth-last-child(2) .dropdown-menu,
    #primary-menu > li:last-child .dropdown-menu {
        width: 255px;
    }

    #primary-menu > li:nth-last-child(2) .dropdown-menu {
        left: 0;
    }

    #primary-menu > li:last-child .dropdown-menu {
        left: -110px;
    }

    #primary-menu > li:nth-last-child(3) .dropdown-menu .dropdown-item,
    #primary-menu > li:nth-last-child(2) .dropdown-menu .dropdown-item,
    #primary-menu > li:last-child .dropdown-menu .dropdown-item {
        white-space: normal;
    }
}

.entry-categories-inner a {
    font-weight: bold;
}

.wrap-entry-categories-inner:before,
.widget-title:before,
.single-product .product_meta > span:before,
form[name="checkout"] h3:before,
.ngg-album-compact h4 .ngg-album-desc:before,
.wpcf7-form .theme-contact-form h6:before,
.blog-tile .entry-categories-inner:before,
.comments-header .comment-reply-title:before,
.woocommerce-tabs h2:before,
.related.products h2:before,
.upsells.products h2:before,
.woocommerce div.product form.cart .variations label:before,
#review_form .comment-reply-title:before,
.woocommerce ul.product_list_widget li .reviewer:before,
.woocommerce-result-count:before,
.cart_totals h2:before,
.h5-styled:before {
    content: '|';
    width: 8px;
    display: none;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: normal;
    color: var(--accent-color);
    margin-right: 0.25rem;
}

.ngg-album-compact h4 .ngg-album-desc:before {
    margin-right: 0.5rem;
}

.comments-header .comment-reply-title:before,
.wpcf7-form .theme-contact-form h6:before,
#review_form .comment-reply-title:before,
.single-product .product_meta > span::before {
    margin-right: 0.5rem;
    font-size: 21px;
}

.related.products h6:before,
.upsells.products h6:before {
    margin-right: 12px;
    font-size: 19px;
}

.woocommerce-tabs h2:before {
    margin-right: 1rem;
    font-size: 24px;
}

.woocommerce-tabs h2.woocommerce-Reviews-title:before {
    margin-right: 0.5rem;
}

.woocommerce-Tabs-panel--description p {
    line-height: 1.7em;
}

#review_form .comment-reply-title:before {
    align-items: center;
    display: none;
}

.woocommerce .comment-form-rating p.stars a:hover {
    color: var(--accent-color);
}

.h5-styled:before {
    font-size: 24px;
    margin-right: 14px;
}

.cart_totals h2:before {
    font-size: 24px;
    width: 20px;
    margin-right: 5px;
}

.wrap-entry-categories-inner:before {
    font-size: 16px;
}

.woocommerce ul.product_list_widget li .reviewer:before {
    width: 9px;
    font-size: 12px;
    margin-right: 0;
    font-weight: 600;
}

.widget .children li,
.widget.widget_nav_menu .sub-menu {
    margin-left: 1rem;
}

#site-footer .widget .children li a:before {
    color: var(--widget-title-txt-color);
}

.single-product .product_meta > span::before {
    font-size: 16px;
    letter-spacing: normal;
}

.widget.widget_nav_menu .sub-menu {
    margin-top: 0.5rem;
}

.widget.widget_nav_menu .sub-menu li {
    margin-bottom: 0.5rem;
}

.widget.widget_nav_menu .sub-menu a {
    font-size: 14px;
    letter-spacing: normal;
}

.woocommerce-result-count:before {
    font-size: 15px;
    letter-spacing: normal;
}

.widget.widget_nav_menu .sub-menu .sub-menu {
    margin-left: 1rem;
}

.template-narrow-box article .entry-content {
    padding: 3rem;
    position: relative;
    background: #ffffff;
}

@media (max-width: 1199px) {
    .template-narrow-box article .entry-content {
        padding: 1rem;
    }

    #bg-header,
    #bg-footer {
        width: 1199px;
    }
}

#bg-footer * {
    fill: var(--footer-bg-color);
}

#tab-description.woocommerce-Tabs-panel h5 {
    display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: #ffffff;
    padding: 1rem 2rem 1rem 2rem;
    border: none;
    position: relative;
    margin-bottom: 2rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
    color: var(--accent-color);
    margin-right: 0.25rem;
    font-weight: 700;
}

.blog-tile .entry-categories-inner:before {
    font-size: 14px;
}

.widget-title:before {
    margin-right: 0.5rem;
    font-size: 14px;
}

form[name="checkout"] h4:before {
    margin-right: 0.5rem;
    font-size: 18px;
    letter-spacing: normal;
}

.single-post article,
.section-inner {
    position: relative;
}

.blog-tile-content .entry-excerpt p {
    /*noinspection CssUnknownProperty*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    font-size: var(--blog-tile-excerpt-f-size);
    font-weight: var(--blog-tile-excerpt-f-weight);
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--blog-tile-excerpt-txt-color);
}

.blog-tile-content .entry-excerpt {
    display: var(--blog-tile-excerpt-display);
    text-align: var(--blog-tile-all-txt-position);
    max-height: 5rem;
}

.blog-tile {
    max-width: 1180px;
}

.blog .container {
    max-width: 1570px;
}

.comments-header.section-inner {
    padding-top: 2rem;
}

.blog-tile-empty-placeholder {
    overflow: hidden;
    border-radius: var(--global-border-radius);
}

.blog-tile .featured-media:hover img {
    transform: var(--blog-tile-image-transform-hover);
}

.blog-tile .featured-media img {
    transition: .6s;
}

/* end LAYOUT */
/* ============================================================================================================== */

/* ============================================================================================================== */
/*
 * 8. POST META
 */

.post-meta {
    list-style: none;
    display: flex;
    flex-flow: wrap;
}

.single-post .post-meta-single-top .post-meta {
    margin-bottom: 1rem;
}

.single-post .post-meta-single-bottom .post-meta {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.post-meta li {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.post-tags.meta-wrapper {
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 1.7;
}

.meta-text,
.post-meta a {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
}

.single-post .post-inner {
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.single-post .blog-post .featured-media {
    margin-bottom: 1rem;
}

.page .container-lg.py-2.py-sm-0 > .featured-media img {
    border-radius: 0;
    margin-bottom: 2rem;
}

/* end POST META */
/* ============================================================================================================== */
/*
 * 9. SEARCH PAGE NAVIGATION
 */

.post-page-numbers,
.page-numbers {
    margin-right: 0.5rem;
    text-align: center;
    padding: 0.5rem 1rem;
    border-radius: var(--global-border-radius);
    border: 1px solid var(--global-border-color);
    letter-spacing: normal;
    font-size: 16px;
}

a.page-numbers {
    background: transparent;
}

.post-page-numbers {
    margin-bottom: 0.5rem;
    display: inline-block;
}

.prev.page-numbers.placeholder,
.page-numbers.dots {
    background: transparent;
}

.post-page-numbers.current,
.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: transparent;
    font-weight: 500;
}

a.post-page-numbers:hover,
a.page-numbers:hover {
    background: transparent;
}

.archive #site-content,
.search #site-content {
    padding: 0;
}

.archive-header-inner {
    margin-bottom: 3rem;
}

@media (max-width: 1199px) {
    .archive #site-content,
    .search #site-content {
        max-width: 90%;
        padding: 2rem;
    }

    .archive-header-inner {
        margin-bottom: 2rem;
    }
}

.archive #site-content .post-meta-single-top .post-meta,
.search #site-content .post-meta-single-top .post-meta {
    margin-bottom: 0;
}

.archive #site-content .post-meta-single-top .post-meta .post-date,
.search #site-content .post-meta-single-top .post-meta .post-date {
    display: none;
}

.archive #site-content .post-meta-single-bottom .blog-tile-wave,
.search #site-content .post-meta-single-bottom .blog-tile-wave {
    display: none;
}

/* end SEARCH PAGE NAVIGATION */
/* ============================================================================================================== */
/*
 * 10. BUTTONS
 */

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.form-submit #submit,
.wpcf7-submit,
.post-password-form input[type="submit"],
body .elementor-button.elementor-size-xl,
body .elementor-button.elementor-size-lg,
body .elementor-button.elementor-size-md,
body .elementor-button.elementor-size-sm,
body .elementor-button.elementor-size-xs {
    color: var(--button-txt-color);
    min-width: 3.25rem;
    padding: 0.5em 1.25em;
    text-align: center;
    border-radius: var(--button-border-radius);
    font-weight: 500;
    text-shadow: none !important;
    line-height: 22px;
    transition: all .45s;
    background: var(--button-bg-color);
    box-shadow: none;
    border: none;
}

body .elementor-button.elementor-size-xl,
body .elementor-button.elementor-size-lg,
body .elementor-button.elementor-size-md,
body .elementor-button.elementor-size-sm,
body .elementor-button.elementor-size-xs {
    background: var(--button-bg-color);
}

/* Disables transitions on touch screens */
@media (hover: none) {
    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce .cart .button,
    .woocommerce .cart input.button,
    .woocommerce #respond input#submit.disabled,
    .woocommerce #respond input#submit:disabled,
    .woocommerce #respond input#submit:disabled[disabled],
    .woocommerce a.button.disabled,
    .woocommerce a.button:disabled,
    .woocommerce a.button:disabled[disabled],
    .woocommerce button.button.disabled,
    .woocommerce button.button:disabled,
    .woocommerce button.button:disabled[disabled],
    .woocommerce input.button.disabled,
    .woocommerce input.button:disabled,
    .woocommerce input.button:disabled[disabled],
    .woocommerce button.button.alt.disabled,
    .woocommerce button.button.alt.disabled:hover,
    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce ul.products li.product .button:before,
    .woocommerce div.product form.cart .reset_variations,
    .recentcomments a.url,
    .form-submit #submit,
    .wpcf7-submit,
    .post-password-form input[type="submit"],
    .tagcloud a,
    .tagged_as a,
    .previous-post .title-nav-prev,
    .next-post .title-nav-next,
    .previous-post path,
    .next-post path,
    .widget .woocommerce-product-search button,
    body .elementor-button.elementor-size-xl,
    body .elementor-button.elementor-size-lg,
    body .elementor-button.elementor-size-md,
    body .elementor-button.elementor-size-sm,
    body .elementor-button.elementor-size-xs,
    #cancel-comment-reply-link {
        transition: none !important;
    }
}

/* Light button */
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.form-submit #submit:hover,
.wpcf7-submit:hover,
.post-password-form input[type="submit"]:hover {
    color: var(--button-txt-color-hover);
    background-color: var(--button-bg-color-hover) !important;
}

body .elementor-button:hover,
body .elementor-button:focus {
    color: var(--button-txt-color-hover);
    background-color: var(--button-bg-color-hover);
    box-shadow: none;
}

#pr-nav .header-cta .elementor-button {
    box-shadow: none;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 1;
}

@media (max-width: 1199px) {
    #pr-nav .header-cta .elementor-button {
        margin-bottom: 1rem;
        width: 100%;
    }

    .header-cta {
        margin: 20px auto auto;
        width: 100%;
    }
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.post-password-form input[type="submit"] {
    font-size: 16px;
    letter-spacing: normal;
    border-radius: var(--button-border-radius);
}

.form-submit #submit,
.wpcf7-submit {
    font-size: 14px;
    letter-spacing: normal;
    border-radius: var(--button-border-radius);
}

.woocommerce .summary .button {
    font-size: 15px;
    letter-spacing: normal;
    margin-bottom: 1rem;
    border-radius: 0;
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    color: var(--button-txt-color-hover);
}

.woocommerce ul.products li.product .button {
    margin: 0;
    padding: 9px 15px;
    font-size: 11px;
    font-weight: 600;
    min-width: 8.5rem;
    max-width: fit-content;
    text-transform: uppercase;
    letter-spacing: normal;
    border-radius: 6px;
    position: absolute;
    top: 7.7rem;
    opacity: 0;
    display: none;
}

.woocommerce ul.products li.product:hover .button {
    opacity: 1;
}

.woocommerce div.product form.cart .button {
    border-radius: var(--global-border-radius);
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}

a.checkout-button.button.alt {
    font-size: 16px;
    padding: 0.8125em 1.8875em;
    max-width: 250px;
    letter-spacing: normal;
}

.woocommerce .cart .button[name="update_cart"] {
    padding: 0.8125em 1.8875em !important;
    max-width: 250px;
}

body .blog-tile-content .elementor-button.elementor-size-md {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
}

.blog-tile-content > a {
    width: fit-content;
    margin-top: -0.75rem;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    margin-bottom: 0.5rem;
}

.woocommerce-MyAccount-navigation ul {
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .woocommerce-MyAccount-navigation {
        max-width: calc(30% - 1.5rem);
    }
}

@media (min-width: 769px) {
    a.checkout-button.button.alt {
        float: right;
    }

    .woocommerce-MyAccount-content form h3:first-child {
        margin-top: 0;
    }
}

.woocommerce-MyAccount-content legend {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.u-columns.woocommerce-Addresses {
    padding-top: 0.5rem;
}

.woocommerce-address-fields__field-wrapper {
    margin-bottom: 2rem;
}

#place_order {
    font-size: 18px;
    margin-left: auto;
    padding: 0.75em 1.5em;
}

button[name="save_account_details"] {
    margin-top: 1.5rem !important;
}

.woocommerce form .form-row.woo-bottom-f-row {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* end BUTTONS */
/* ============================================================================================================== */
/*
 * 11. INPUTS
 */

input,
textarea {
    padding: 0.75rem 1rem;
    font-size: 16px;
    letter-spacing: normal;
}

input,
textarea,
.select2-container--default .select2-selection--single {
    transition: all .215s ease;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--accent-color) !important;
}

input,
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.select2-container--default .select2-selection--single {
    border-radius: var(--global-field-border-radius);
    line-height: 1.23536;
    font-weight: 400;
    text-overflow: ellipsis;
    border: 1px solid var(--global-field-border-color);
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    border-radius: 0;
}

.select2-container--default .select2-selection--single[aria-expanded="true"] {
    border-radius: var(--global-field-border-radius);
}

textarea {
    border-radius: var(--global-field-border-radius);
    padding: 22px;
    line-height: 1.23536;
    font-weight: 400;
    text-overflow: ellipsis;
    border: 1px solid var(--global-field-border-color);
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
#coupon_code {
    float: unset;
    max-width: 100%;
    width: unset;
    font-size: 14px;
    letter-spacing: normal;
}


.woocommerce table.shop_table td.product-remove {
    padding: 2rem 1.5rem 2rem 2rem;
}

@media (max-width: 768px) {
    .woocommerce table.cart td.actions .coupon {
        margin-top: 1rem;
    }

    .woocommerce .cart .button[name="update_cart"] {
        margin: 1rem auto;
    }

    .woocommerce-Address-title h4 {
        width: 100%;
    }

    .checkout-button.button.alt {
        margin: auto;
    }

    .woocommerce table.shop_table td.product-remove {
        padding: 1.5rem;
    }

    .woocommerce-cart-form tbody tr:first-child .product-remove {
        padding-top: 0 !important;
    }

    .woocommerce div.product form.cart .variations td.label {
        padding-left: 0.25rem;
    }

    .woocommerce div.product form.cart .variations .value {
        padding-right: 0.25rem;
    }
}

.woocommerce-cart table.cart th {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: normal;
    color: var(--global-txt-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.woocommerce-cart-form__cart-item a {
    color: var(--global-txt-color);
}

.woocommerce-cart-form__cart-item a:hover {
    color: var(--accent-color);
}

.cart-subtotal th {
    font-weight: normal;
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: normal;
    color: var(--global-txt-color);
    padding: 0.8rem 0.8rem;
}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: normal;
    padding-top: 1rem;
}

.woocommerce-cart table.cart .product-thumbnail {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total th,
.woocommerce-cart .cart-collaterals .cart_totals table .order-total td {
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: normal;
    background: transparent;
}

form[name="checkout"] h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: normal;
}

.woocommerce-cart .cart-collaterals .cart_totals table .cart-subtotal th {
    font-weight: normal;
}

.woocommerce-Address-title h4 {
    margin-top: 0 !important;
}

.order-total span.woocommerce-Price-amount.amount {
    color: var(--accent-color) !important;
}

#order_comments {
    min-width: 15rem;
    min-height: 5rem;
}

#order_review .product-quantity {
    font-weight: 600;
}

.woocommerce-input-wrapper {
    flex-grow: 1;
}

.woocommerce div.product form.cart .variations select {
    margin-right: 0;
    margin-bottom: 0.5rem;
    padding-right: 1.5rem;
    min-width: 100%;
    float: left;
}

.woocommerce div.product form.cart .variations label {
    color: var(--global-txt-color);
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    font-family: inherit;
    letter-spacing: normal;
}

.woocommerce div.product form.cart .reset_variations {
    margin-bottom: 1rem;
    display: block !important;
    float: left;
    margin-top: 1rem;
    text-align: center;
    font-weight: 600;
    visibility: visible;
    width: 100px;
    border-radius: 0;
    padding: 5px 15px;
    line-height: 22px;
    letter-spacing: normal;
    font-size: 14px;
    transition: all .45s;
}

.woocommerce-variation-price .price {
    background: var(--global-second-bg-color);
    padding: 1rem;
    border-radius: 0;
    margin-bottom: 1rem;
    display: inline-block;
    color: var(--accent-color) !important;
}


.woocommerce div.product form.cart .variations {
    margin-bottom: 0.5rem;
}

.woocommerce div.product form.cart .variations td.label {
    padding-right: 0.5rem;
    padding-top: 12px;
    width: 35%;
}

.woocommerce div.product form.cart .variations .value {
    width: 65%;
}

/* Woocommerce selector */
.select2-container .select2-selection--single {
    height: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-search--dropdown .select2-search__field {
    line-height: 1.5rem;
}

.widget_product_categories .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0.25rem !important;
}

.widget_product_categories .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid var(--global-field-border-color);
    border-radius: var(--global-field-border-radius);
    line-height: 1rem;
}

.widget_product_categories .select2-search--dropdown .select2-search__field {
    line-height: 1rem !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .select2-search--dropdown .select2-search__field {
    line-height: 2.875rem;
    padding: 0 1rem;
    color: var(--global-txt-color);
}

.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.875rem;
    padding-left: 20px;
}

.woocommerce-MyAccount-content .select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce-MyAccount-content .select2-search--dropdown .select2-search__field {
    line-height: 2rem !important;
    padding-left: 20px !important;
}

.select2-container--open .select2-dropdown--below {
    border-left-color: var(--accent-color) !important;
    border-right-color: var(--accent-color) !important;
    border-bottom-color: var(--accent-color) !important;
}

.select2-container--open .select2-dropdown--above {
    border-left-color: var(--accent-color) !important;
    border-right-color: var(--accent-color) !important;
    border-top-color: var(--accent-color) !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-color: var(--accent-color);
}

.woocommerce-checkout label[for="billing_state"],
.woocommerce-checkout label[for="billing_country"] {
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3rem !important;
    position: absolute !important;
    top: 0 !important;
    right: 1rem;
    width: 1rem !important;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e5e5e5;
}

.woocommerce form .form-row label {
    margin-right: 1rem;
    color: var(--global-txt-color);
    font-weight: 500;
    margin-bottom: 0.65rem;
    margin-top: 0.5rem;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    letter-spacing: normal;
}

.woocommerce form.woocommerce-checkout .form-row label {
    width: 100%;
}

.woocommerce-privacy-policy-text {
    font-size: 14px;
    line-height: 19px;
    color: var(--global-txt-color);
    opacity: 0.8;
    font-weight: 500;
    margin-bottom: 1.5rem;
    letter-spacing: normal;
}

.woocommerce form .form-row {
    padding: 3px 0;
}

.woocommerce form.woocommerce-checkout .form-row {
    margin: 0.5rem 0 1rem;
}

.woocommerce form .form-row .required {
    color: var(--accent-color);
    font-weight: 400;
}

.btn-right {
    text-align: right;
    width: 100%;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin-right: 0;
}

.login-btn {
    display: inline-flex;
    text-align: right;
    flex-grow: 1;
    flex-flow: row-reverse;
}

.lost_password {
    line-height: 19px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    line-height: 19px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    letter-spacing: normal;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span {
    margin-left: 0.5rem;
    font-weight: 400;
}

/* end INPUTS */
/* ============================================================================================================== */
/*
 * 12. WP IMPROVES
 */

.gallery-caption {
    font-size: 14px;
    margin-right: 1rem;
    margin-top: 0.25rem;
    color: #6d7c90;
    letter-spacing: normal;
}

.bypostauthor {
    font-size: inherit;
}

@media (min-width: 1921px) {
    .hide-on-ultra-wide {
        display: none;
    }
}

.comment-author .fn {
    font-weight: 600;
}

.comments-closed {
    margin-bottom: 0;
    text-align: center;
    font-style: italic;
}

.wp-block-cover p:not(.has-text-color) a:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

figcaption,
cite,
.wp-block-pullquote cite,
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd {
    color: #6d7c90;
}

.blocks-gallery-grid figcaption,
.wp-block-gallery figcaption {
    font-size: 15px;
    margin-bottom: 1rem;
    letter-spacing: normal;
}

.wp-caption {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 0 !important;
}

.wp-block-image figcaption {
    font-size: 15px;
    margin-top: .65rem;
    margin-bottom: 0;
    letter-spacing: normal;
}

.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd {
    font-size: 15px;
    margin-top: .65rem;
    letter-spacing: normal;
}

.wp-block-video figcaption {
    font-size: 15px;
    margin-bottom: 0;
    letter-spacing: normal;
}

cite {
    font-size: 15px;
    padding-top: 0.5rem;
    display: inline-block;
    letter-spacing: normal;
}

blockquote cite {
    padding-top: 0;
    padding-bottom: 0.5rem;
}

blockquote {
    border-left: 3px solid var(--accent-color);
}

.wp-block-pullquote blockquote {
    border-right: 3px solid var(--accent-color);
}

.alignleft {
    display: inline-block;
    float: left;
    margin-right: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.alignright {
    display: inline-block;
    float: right;
    margin-left: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0.5em auto 1.5em;
    text-align: center;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.entry-content ul li,
.entry-content ol li {
    margin-top: 0.25em;
    list-style-position: inside;
}

.wp-block-button {
    margin-bottom: 1rem;
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding: 2rem 2rem 1rem 2rem;
}

.wp-block-cover {
    margin-bottom: 1rem;
}

.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2,
.wp-block-cover {
    color: white;
}

/* end WP IMPROVES */
/* ============================================================================================================== */
/*
 * 13. GENERAL IMPROVES
 */

/* Page's featured media */
.featured-media img {
    object-fit: cover;
    width: 100%;
}

.intro-text {
    background: transparent;
    padding: 2rem 2rem 1rem 2rem;
    border: 1px solid var(--global-border-color);
    border-radius: var(--global-border-radius);
    margin-bottom: 0.5rem;
    display: inline-block;
    line-height: 1.7;
}

.woocommerce-product-details__short-description {
    width: 100%;
    margin: 0;
    display: inline-block;
    padding: 0.5rem 0 0.5rem 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 1rem 0.75rem;
    font-weight: 600;
    color: var(--accent-color);
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    font-weight: 600;
}

@media (min-width: 769px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        margin-bottom: 0.5rem;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
        background: var(--global-second-bg-color);
        border-radius: var(--global-border-radius);
    }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
    padding-left: 0;
}

.posted_in,
.tagged_as {
    width: 100%;
    display: block;
}

.comment .avatar {
    margin-right: 1rem;
    max-height: 3rem;
    width: auto;
    border-radius: 100%;
}

.comment:not(.depth-1) {
    border-left: 1px solid #d8d5d0;
    padding-left: 1.5rem;
}

.comment-body {
    padding: 20px 0;
    background: transparent;
    margin: 15px 10px 15px 0;
    border-top: 1px solid var(--global-border-color);
}

.comment-content ul,
.comment-content ol,
.comment-content dl {
    padding-left: 20px;
}

.comment-author .fn {
    border-radius: 4px;
    font-family: var(--global-headers-font), serif;
}

.comment.depth-2 {
    margin-left: 15px;
}

.comment-metadata {
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
}

.comment-form-comment label {
    display: block;
}

.comment-reply-title {
    margin: 0 0 1rem 0;
    display: inline-block;
    font-size: 24px;
    letter-spacing: normal;
}

#respond .comment-reply-title {
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    font-size: 22px;
    display: flex;
    flex-wrap: wrap-reverse;
    letter-spacing: normal;
}

#respond .comment-reply-title small {
    margin-left: auto;
}

.comments-wrapper {
    padding: 3rem;
    margin: 2rem 0 0 0;
}

.single-post .comments-wrapper {
    padding: 0;
}

.woocommerce-cart .return-to-shop {
    text-align: center;
}

@media (min-width: 576px) {
    .woocommerce-cart .return-to-shop {
        margin-top: 3rem;
        margin-bottom: 0;
    }

    .page .comments-wrapper.section-inner {
        margin: 2rem 0 0 0;
    }

    /* To fix large spaces comes from WooCommerce*/
    .container-product,
    .container-shop,
    .woocommerce-cart #site-content {
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .page .comments-wrapper.section-inner {
        margin: 2rem 0 1rem 0;
    }
}

@media (max-width: 1400px) {
    .cart-empty.woocommerce-info {
        margin-top: 2rem;
    }
}

.comment-author a span {
    padding: 5px 14px;
    border-radius: 0;
    background-color: #e3e3e3;
    color: var(--accent-color);
    font-weight: bold;
    transition: all 0.45s;
}

.comment-author a span:hover {
    background-color: var(--accent-color);
    color: #ffffff;
}

.next-post {
    float: right;
}

.recentcomments a.url {
    font-weight: 600;
    color: var(--accent-color);
    padding: 3px 8px !important;
    border-radius: 0;
    background-color: var(--global-second-bg-color);
    display: inline-block !important;
    margin-bottom: 5px !important;
    transition: all .45s;
}

.recentcomments {
    margin-bottom: 1rem;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: normal;
}

.wpb_wrapper .wpb_gmaps_widget .wpb_wrapper {
    background-color: #e5e5e5;
    padding: 1px;
    border-radius: 0;
    overflow: hidden;
}

textarea#comment {
    min-width: 100%;
    width: 100%;
}

.comment-form-comment label {
    margin-bottom: 1rem;
}

#commentform label {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0.65rem;
    display: inline-block;
    font-weight: 500;
    letter-spacing: normal;
}

#shipping_method li {
    align-items: baseline;
    display: flex;
}

#shipping_state {
    width: 100%;
}

.woocommerce .comment-form-rating p.stars a::before {
    font-size: 24px;
    letter-spacing: normal;
}

.woocommerce .comment-form-rating p.stars a {
    height: 2rem;
    width: 1.5rem;
}

.comment-form-rating {
    padding: 0;
    border-radius: 0;
    margin-bottom: 1.5rem;
}

.comment-footer-meta {
    font-size: 16px;
    color: var(--global-second-txt-color);
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
}

.comment-content {
    margin-bottom: 1rem;
    line-height: 1.7;
}

.archive-subtitle {
    border-radius: var(--global-border-radius);
    border: 1px solid var(--global-border-color);
    color: var(--global-txt-color);
    font-weight: 400;
    padding: 2rem 2rem 1rem 2rem;
}

.search main article:first-child .entry-title,
.archive main article:first-child .entry-title {
    margin-top: 0;
}

.search .entry-title a,
.archive .entry-title a {
    transition: all 0.215s;
    font-weight: 600;
    font-size: 26px;
    color: var(--global-txt-color);
    letter-spacing: normal;
}

.search .entry-title a:hover,
.archive .entry-title a:hover {
    color: var(--accent-color);
}

.search .entry-title {
    margin-top: 1.5rem;
}

hr.dark-grey {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.search .entry-categories-inner {
    margin-top: 1rem;
}

.entry-categories-inner {
    color: var(--global-second-txt-color);
    font-weight: bold;
    margin-bottom: 16px;
}


.blog-tile .entry-categories-inner {
    font-weight: 600;
    text-align: var(--blog-tile-all-txt-position);
}

@media (min-width: 1200px) {
    .blog-tile .entry-categories-inner {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        /*noinspection CssUnknownProperty*/
        -webkit-line-clamp: 2;
        /*max-height: 51px;*/
    }
}

.single-post .entry-categories-inner {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0.5rem 0.75rem 0.5rem 0;
}

.archive .entry-categories-inner,
.archive .entry-categories-inner a {
    color: var(--global-txt-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: normal;
    transition: all 0.1s;
}

.search .entry-categories-inner,
.archive .entry-categories-inner {
    margin-top: 1rem;
    display: none;
}

.archive-separator {
    border-top: 1px solid var(--global-border-color);
    margin-top: 1.5rem;
}

.header-title,
.woocommerce-loop-product__title,
.product-title,
.entry-title,
.entry-categories-inner a {
    word-break: break-word;
}

.h-site-description {
    display: block;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 18px;
    color: var(--header-title-txt-color);
    line-height: 1.4em;
    max-width: 800px;
    margin: 1rem auto 0 auto;
}

/* end GENERAL IMPROVES */
/* ============================================================================================================== */
/*
 * 14. BLOG
 */

.blog-tile .entry-title-link {
    color: var(--blog-tile-title-txt-color);
    transition: all 300ms ease;
}

.blog-tile .entry-title-link:hover {
    color: var(--blog-tile-title-txt-color-hover);
}

.blog-tile .post-meta {
    margin-bottom: 0.5rem;
    justify-content: var(--blog-tile-all-txt-position);
}

.blog-tile .featured-media img {
    object-fit: cover;
}

.blog-tile article {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
}

.blog-tile article.sticky:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyMy45MzYgNDIzLjkzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGNpcmNsZSByPSIyMTEuOTY4IiBjeD0iMjExLjk2OCIgY3k9IjIxMS45NjgiIGZpbGw9IiNmZmZmZmYiIHNoYXBlPSJjaXJjbGUiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+PC9jaXJjbGU+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42NCwwLDAsMC42NCw3Ni4zMDg0ODM1ODE1NDI5OSw3Ni4zMDg0ODA4MzQ5NjA5MykiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMjcuNjgsMEg5Ni4yNTZjLTIyLjUyOCwwLTQwLjk2LDE4LjQzMi00MC45Niw0MC45NnYzNTcuMzc2YzAsOS43MjgsNS42MzIsMTguOTQ0LDE0LjMzNiwyMy4wNAoJCQljOS4yMTYsNC4wOTYsMTkuNDU2LDMuMDcyLDI3LjEzNi0zLjA3MmwwLjUxMi0wLjUxMmwxMTQuNjg4LTk2Ljc2OGwxMTQuNjg4LDk2Ljc2OGwwLjUxMiwwLjUxMgoJCQljNC42MDgsMy41ODQsMTAuMjQsNS42MzIsMTUuODcyLDUuNjMyYzMuNTg0LDAsNy42OC0xLjAyNCwxMS4yNjQtMy4wNzJjOC43MDQtNC4wOTYsMTQuMzM2LTEzLjMxMiwxNC4zMzYtMjMuMDRWNDAuOTYKCQkJQzM2OC42NCwxOC40MzIsMzUwLjIwOCwwLDMyNy42OCwweiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjwvZz48L3N2Zz4=);
    margin-top: 12px;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}

article.has-post-thumbnail .blog-tile-content {
    border: none;
}

.blog-tile-placeholder {
    background: var(--global-second-bg-color);
}

.post-sticky.meta-wrapper {
    display: none;
}

.blog-tile .featured-media img,
.blog-tile-placeholder,
.blog-tile .featured-media img,
.blog-tile-placeholder {
    border-radius: var(--global-border-radius);
}

@media (min-width: 1200px) {
    .two-col .blog-tile .featured-media img,
    .two-col .blog-tile-placeholder {
        height: 20rem;
    }

    .three-col .blog-tile .featured-media img,
    .three-col .blog-tile-placeholder,
    .two-col-sidebar .blog-tile .featured-media img,
    .two-col-sidebar .blog-tile-placeholder {
        height: 19rem;
    }

    .two-col .blog-tile-placeholder,
    .two-col-sidebar .blog-tile-placeholder,
    .three-col .blog-tile-placeholder {
        background: url(assets/img/placeholder.png);
        background-size: cover;
    }

    .two-col .blog-tile .entry-title,
    .two-col-sidebar .blog-tile .entry-title,
    .three-col .blog-tile .entry-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .two-col .blog-tile .entry-title {
        /*noinspection CssUnknownProperty*/
        -webkit-line-clamp: 2;
        max-height: 2.5em;
    }

    .two-col-sidebar .blog-tile .entry-title,
    .three-col .blog-tile .entry-title {
        /*noinspection CssUnknownProperty*/
        -webkit-line-clamp: 2;
        max-height: 2.5em;
    }

    .blog .pagination-wrapper {
        margin-bottom: 0;
    }
}

.peerduck-recent-posts .blog-tile .entry-title {
    margin-bottom: 1rem;
    line-height: 1.25;
}

.comments-pagination {
    margin-top: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .blog-tile .featured-media img {
        height: 15rem;
    }

    .prev.page-numbers {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }

    .next.page-numbers {
        width: 100%;
        display: block;
        margin-top: 1rem;
    }
}

.blog .pagination-wrapper {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--global-border-color);
}

@media (max-width: 1199px) {
    .blog .pagination-wrapper {
        margin-bottom: 2rem;
    }
}

.blog .pagination-wrapper hr {
    border-top: 1px solid transparent;
}

.pagination-wrapper .nav-links {
    margin: 0;
}

.archive .pagination-wrapper .nav-links,
.search .pagination-wrapper .nav-links {
    padding-top: 2rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.14);
    margin-top: 2rem;
}

.splitting-nav {
    border: 1px solid var(--global-border-color);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem 1.5rem;
    border-radius: 0;
    background: #fff;
    position: relative;
    text-align: center;
}

.splitting-nav .label {
    margin-right: 1rem;
}

.blog-tile-content button {
    font-size: 14px;
    letter-spacing: normal;
}

.pagination-single-inner {
    display: flex;
    justify-content: space-between;
}

.pagination-single-inner a {
    width: 100%;
    border: none;
    position: relative;
}

.pagination-single-inner .next-post {
    text-align: right;
}

.previous-post .arrow svg, .next-post .arrow svg {
    width: 14px;
    height: 14px;
}

.author-bio {
    padding: 3rem 3rem 2rem 3rem;
    margin: 0 0 2rem 0;
    display: flex;
}

.title-nav-prev {
    color: var(--global-second-txt-color);
    margin-left: 0.5rem;
}

.title-nav-next {
    color: var(--global-second-txt-color);
    margin-right: 0.5rem;
}

/*noinspection CssNonIntegerLengthInPixels*/
.title-nav-prev,
.title-nav-next {
    font-size: 14px;
    line-height: 29px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.previous-post,
.next-post {
    display: flex;
    align-items: center;
}

.previous-post .arrow,
.next-post .arrow {
    display: flex;
}

.previous-post {
    justify-content: flex-start;
}

.next-post {
    justify-content: flex-end;
    margin-left: 2rem;
}

.only-one .next-post,
.only-one .previous-post {
    margin-right: 0;
    margin-left: 0;
}

.previous-post .title-nav-prev,
.next-post .title-nav-next,
.previous-post path,
.next-post path {
    transition: all 0.45s;
}

.previous-post:hover .title-nav-prev,
.next-post:hover .title-nav-next {
    color: var(--accent-color);
}

.previous-post path {
    fill: var(--global-second-txt-color);
}

.next-post path {
    fill: var(--global-second-txt-color);
}

.previous-post:hover path,
.next-post:hover path {
    fill: var(--accent-color);
}

@media (min-width: 1200px) {
    .previous-post:hover .title-nav-prev {
        margin-left: 0.75rem;
    }

    .next-post:hover .title-nav-next {
        margin-right: 0.75rem;
    }
}


@media (max-width: 570px) {
    .pagination-single svg {
        width: 16px;
    }

    .title-nav-prev,
    .title-nav-next {
        font-size: 14px;
        letter-spacing: normal;
        line-height: 19px;
    }

    .title-nav-prev {
        margin-left: 15px;
    }

    .title-nav-next {
        margin-right: 15px;
    }

    .pagination-single-inner .next-post {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: 1rem;
    }
}

.elementor-widget-text-editor p {
    font-family: inherit;
}

.author-title-wrapper {
    width: 8rem;
}

.author-avatar img {
    border-radius: var(--global-border-radius);
}

.author-title {
    text-align: center;
    color: var(--global-txt-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    font-family: var(--global-headers-font), serif;
    letter-spacing: normal;
}

.author-description {
    flex-basis: 100%;
}

.author-description p {
    color: #1C4132;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.7;
    margin-top: -0.45em;
}

.author-description .author-link {
    font-size: 15px;
    letter-spacing: normal;
}

@media (min-width: 769px) {
    .author-title-wrapper {
        margin-right: 2rem;
    }
}

@media (max-width: 768px) {
    .author-title-wrapper {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .author-bio {
        flex-flow: wrap;
        padding: 3rem;
    }
}

/* end BLOG */
/* ============================================================================================================== */

.elementor-text-editor ul li,
.elementor-text-editor ol li {
    padding-bottom: 0.5em;
}