@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 Media Queries
--------------------------------------------------------------*/
:root {
    --inspiro-primary-color: #0bb4aa;
    --inspiro-dark-color: #101010;
    --inspiro-light-grey-color: #f2f4f6;
    --inspiro-color-background-body: #fff;
    --inspiro-color-link-hover: #000;
}

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
    height: 100%;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

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

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    -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 */
}

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #444444;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
    display: block;
    margin-top: 0;
    font-size: 14px;
}

.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

.wp-block-image.alignfull, .wp-block-image.alignwide {
    max-width: none;
}

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    width: 100%;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-wrapper:before,
.entry-wrapper:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-wrapper:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}

/* Fix compatibility with Visual Composer */
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar:after,
.navbar:before {
    content: "";
    display: inline !important;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.8;
    color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    clear: both;
    line-height: 1.4;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

h1,
h2,
h3 {
    padding-top: 0.625em;
}

h1 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
}

h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
}

h5 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
}

h6 {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

q {
    quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
    content: "";
}

/* Typography for Arabic Font */
html[lang=ar] body,
html[lang=ar] button,
html[lang=ar] input,
html[lang=ar] select,
html[lang=ar] textarea,
html[lang=ary] body,
html[lang=ary] button,
html[lang=ary] input,
html[lang=ary] select,
html[lang=ary] textarea,
html[lang=azb] body,
html[lang=azb] button,
html[lang=azb] input,
html[lang=azb] select,
html[lang=azb] textarea,
html[lang=fa-IR] body,
html[lang=fa-IR] button,
html[lang=fa-IR] input,
html[lang=fa-IR] select,
html[lang=fa-IR] textarea,
html[lang=haz] body,
html[lang=haz] button,
html[lang=haz] input,
html[lang=haz] select,
html[lang=haz] textarea,
html[lang=ps] body,
html[lang=ps] button,
html[lang=ps] input,
html[lang=ps] select,
html[lang=ps] textarea,
html[lang=ur] body,
html[lang=ur] button,
html[lang=ur] input,
html[lang=ur] select,
html[lang=ur] textarea {
    font-family: Tahoma, Arial, sans-serif;
}

html[lang=ar] h1,
html[lang=ar] h2,
html[lang=ar] h3,
html[lang=ar] h4,
html[lang=ar] h5,
html[lang=ar] h6,
html[lang=ary] h1,
html[lang=ary] h2,
html[lang=ary] h3,
html[lang=ary] h4,
html[lang=ary] h5,
html[lang=ary] h6,
html[lang=azb] h1,
html[lang=azb] h2,
html[lang=azb] h3,
html[lang=azb] h4,
html[lang=azb] h5,
html[lang=azb] h6,
html[lang=fa-IR] h1,
html[lang=fa-IR] h2,
html[lang=fa-IR] h3,
html[lang=fa-IR] h4,
html[lang=fa-IR] h5,
html[lang=fa-IR] h6,
html[lang=haz] h1,
html[lang=haz] h2,
html[lang=haz] h3,
html[lang=haz] h4,
html[lang=haz] h5,
html[lang=haz] h6,
html[lang=ps] h1,
html[lang=ps] h2,
html[lang=ps] h3,
html[lang=ps] h4,
html[lang=ps] h5,
html[lang=ps] h6,
html[lang=ur] h1,
html[lang=ur] h2,
html[lang=ur] h3,
html[lang=ur] h4,
html[lang=ur] h5,
html[lang=ur] h6 {
    font-weight: 700;
}

/* Typography for Chinese Font */
html[lang^=zh-] body,
html[lang^=zh-] button,
html[lang^=zh-] input,
html[lang^=zh-] select,
html[lang^=zh-] textarea {
    font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang=zh-CN] body,
html[lang=zh-CN] button,
html[lang=zh-CN] input,
html[lang=zh-CN] select,
html[lang=zh-CN] textarea {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^=zh-] h1,
html[lang^=zh-] h2,
html[lang^=zh-] h3,
html[lang^=zh-] h4,
html[lang^=zh-] h5,
html[lang^=zh-] h6 {
    font-weight: 700;
}

/* Typography for Cyrillic Font */
html[lang=bg-BG] body,
html[lang=bg-BG] button,
html[lang=bg-BG] input,
html[lang=bg-BG] select,
html[lang=bg-BG] textarea,
html[lang=ru-RU] body,
html[lang=ru-RU] button,
html[lang=ru-RU] input,
html[lang=ru-RU] select,
html[lang=ru-RU] textarea,
html[lang=uk] body,
html[lang=uk] button,
html[lang=uk] input,
html[lang=uk] select,
html[lang=uk] textarea {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang=bg-BG] h1,
html[lang=bg-BG] h2,
html[lang=bg-BG] h3,
html[lang=bg-BG] h4,
html[lang=bg-BG] h5,
html[lang=bg-BG] h6,
html[lang=ru-RU] h1,
html[lang=ru-RU] h2,
html[lang=ru-RU] h3,
html[lang=ru-RU] h4,
html[lang=ru-RU] h5,
html[lang=ru-RU] h6,
html[lang=uk] h1,
html[lang=uk] h2,
html[lang=uk] h3,
html[lang=uk] h4,
html[lang=uk] h5,
html[lang=uk] h6 {
    font-weight: 700;
    line-height: 1.2;
}

/* Typography for Devanagari Font */
html[lang=bn-BD] body,
html[lang=bn-BD] button,
html[lang=bn-BD] input,
html[lang=bn-BD] select,
html[lang=bn-BD] textarea,
html[lang=hi-IN] body,
html[lang=hi-IN] button,
html[lang=hi-IN] input,
html[lang=hi-IN] select,
html[lang=hi-IN] textarea,
html[lang=mr-IN] body,
html[lang=mr-IN] button,
html[lang=mr-IN] input,
html[lang=mr-IN] select,
html[lang=mr-IN] textarea {
    font-family: Arial, sans-serif;
}

html[lang=bn-BD] h1,
html[lang=bn-BD] h2,
html[lang=bn-BD] h3,
html[lang=bn-BD] h4,
html[lang=bn-BD] h5,
html[lang=bn-BD] h6,
html[lang=hi-IN] h1,
html[lang=hi-IN] h2,
html[lang=hi-IN] h3,
html[lang=hi-IN] h4,
html[lang=hi-IN] h5,
html[lang=hi-IN] h6,
html[lang=mr-IN] h1,
html[lang=mr-IN] h2,
html[lang=mr-IN] h3,
html[lang=mr-IN] h4,
html[lang=mr-IN] h5,
html[lang=mr-IN] h6 {
    font-weight: 700;
}

/* Typography for Greek Font */
html[lang=el] body,
html[lang=el] button,
html[lang=el] input,
html[lang=el] select,
html[lang=el] textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang=el] h1,
html[lang=el] h2,
html[lang=el] h3,
html[lang=el] h4,
html[lang=el] h5,
html[lang=el] h6 {
    font-weight: 700;
    line-height: 1.3;
}

/* Typography for Gujarati Font */
html[lang=gu-IN] body,
html[lang=gu-IN] button,
html[lang=gu-IN] input,
html[lang=gu-IN] select,
html[lang=gu-IN] textarea {
    font-family: Arial, sans-serif;
}

html[lang=gu-IN] h1,
html[lang=gu-IN] h2,
html[lang=gu-IN] h3,
html[lang=gu-IN] h4,
html[lang=gu-IN] h5,
html[lang=gu-IN] h6 {
    font-weight: 700;
}

/* Typography for Hebrew Font */
html[lang=he-IL] body,
html[lang=he-IL] button,
html[lang=he-IL] input,
html[lang=he-IL] select,
html[lang=he-IL] textarea {
    font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang=he-IL] h1,
html[lang=he-IL] h2,
html[lang=he-IL] h3,
html[lang=he-IL] h4,
html[lang=he-IL] h5,
html[lang=he-IL] h6 {
    font-weight: 700;
}

/* Typography for Japanese Font */
html[lang=ja] body,
html[lang=ja] button,
html[lang=ja] input,
html[lang=ja] select,
html[lang=ja] textarea {
    font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang=ja] h1,
html[lang=ja] h2,
html[lang=ja] h3,
html[lang=ja] h4,
html[lang=ja] h5,
html[lang=ja] h6 {
    font-weight: 700;
}

/* Typography for Korean font */
html[lang=ko-KR] body,
html[lang=ko-KR] button,
html[lang=ko-KR] input,
html[lang=ko-KR] select,
html[lang=ko-KR] textarea {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang=ko-KR] h1,
html[lang=ko-KR] h2,
html[lang=ko-KR] h3,
html[lang=ko-KR] h4,
html[lang=ko-KR] h5,
html[lang=ko-KR] h6 {
    font-weight: 600;
}

/* Typography for Thai Font */
html[lang=th] h1,
html[lang=th] h2,
html[lang=th] h3,
html[lang=th] h4,
html[lang=th] h5,
html[lang=th] h6 {
    line-height: 1.65;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang=th] body,
html[lang=th] button,
html[lang=th] input,
html[lang=th] select,
html[lang=th] textarea {
    line-height: 1.8;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */
html[lang=ar] *,
html[lang=ary] *,
html[lang=azb] *,
html[lang=haz] *,
html[lang=ps] *,
html[lang^=zh-] *,
html[lang=bg-BG] *,
html[lang=ru-RU] *,
html[lang=uk] *,
html[lang=bn-BD] *,
html[lang=hi-IN] *,
html[lang=mr-IN] *,
html[lang=el] *,
html[lang=gu-IN] *,
html[lang=he-IL] *,
html[lang=ja] *,
html[lang=ko-KR] *,
html[lang=th] * {
    letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
input,
textarea {
    font-family: "Inter", sans-serif;
    color: #444;
}

label {
    margin-bottom: 5px;
    display: block;
}

input, textarea {
    padding: 11px 10px;
    font-size: 16px;
    font-size: 1rem;
    background: white;
    border: 2px solid rgba(68, 68, 68, 0.19);
    width: auto;
    border-radius: 0;
}

input[type=text],
input[type=phone],
textarea {
    box-sizing: border-box;
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

input:focus, textarea:focus {
    border-color: var(--inspiro-primary-color);
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

.wpzabb-post-grid-more,
.button,
.btn,
.more-link,
.more_link,
.side-nav .search-form .search-submit {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 10px 25px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #444;
    border: 2px solid rgba(68, 68, 68, 0.19);
    background-image: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.more-link,
.more_link {
    color: #444 !important;
}

.button:hover,
.btn:hover,
.side-nav .search-form .search-submit:hover,
.site-footer .search-form .search-submit:hover,
.infinite-scroll #infinite-handle span:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}

.btn-primary,
.side-nav .search-form .search-submit,
.site-footer .search-form .search-submit {
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
button, input[type=button], input[type=reset], input[type=submit] {
    font-family: "Montserrat", sans-serif;
    display: inline;
    width: auto;
    padding: 12px 25px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    color: #444;
    border: 2px solid rgba(68, 68, 68, 0.19);
    background-image: none;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background: none;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background: none;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.search-form button.search-submit:hover,
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}

/* Read More button */
.wp-block-read-more {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.wp-block-read-more:hover {
    color: #fff !important;
    border-color: var(--inspiro-dark-color);
    background-color: var(--inspiro-dark-color);
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/
hr {
    background-color: #eee;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/
ul,
ol {
    margin: 0 1em 1.5em 0;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-right: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    list-style-type: none;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: right;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th,
td,
th:first-child,
td:first-child {
    padding-right: 0;
}

th:last-child,
td:last-child {
    padding-left: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/
a {
    transition: all 0.1s ease-in;
    text-decoration: none;
    color: var(--inspiro-primary-color);
}
a:hover {
    text-decoration: none;
    color: var(--inspiro-color-link-hover);
}

.entry-content a {
    text-decoration: underline;
    text-underline-offset: 0.125em;
}
.entry-content a:hover {
    text-decoration: none;
}

body.elementor-page .entry-content a,
body.fl-builder .entry-content a,
body.woocommerce-page .entry-content a {
    text-decoration: none;
}

/* Hover effects */
.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    transition: color 0.1s ease-in;
}

a.wp-block-latest-posts__post-title,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
    text-decoration: none;
    transition: color 0.1s ease-in;
}

.entry-summary a:hover,
.comment-content a:hover,
.widget a:hover,
.site-footer .widget-area a:hover,
.posts-navigation a:hover,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:hover,
.widget_authors a:hover strong,
.entry-title a:hover,
.page-links a:hover .page-number,
.entry-footer a:hover,
a:hover .nav-title,
.entry-meta a:hover {
    color: var(--inspiro-color-link-hover);
}

.side-nav a:hover,
.site-footer .footer-widgets a:hover {
    color: #fff;
}

.components-button:hover {
    color: #fff;
    background: var(--inspiro-primary-color);
}

.entry-content .more-link,
.entry-content .more_link,
.entry-summary .more-link,
.entry-summary .more_link {
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.entry-content .more-link:hover,
.entry-content .more_link:hover,
.entry-summary .more-link:hover,
.entry-summary .more_link:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}

.page-links {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 1.25em 0 1.875em;
    clear: right;
}
.page-links .page-number,
.page-links .post-page-numbers {
    color: #767676;
    display: inline-block;
    padding: 0.5em 1em;
}
.page-links .page-number.current,
.page-links .post-page-numbers.current {
    color: #222;
}
.page-links a {
    display: inline-block;
}
.page-links a .page-number {
    color: #222;
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
    box-shadow: none;
}

.post-navigation a:hover .icon {
    color: #000;
}

.wp-block-cover p a {
    text-decoration: none;
}
.wp-block-cover p a:hover {
    opacity: 0.8;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
    margin-bottom: 1.875em;
}
.post-thumbnail a {
    display: inline-block;
    font-size: 0;
}
.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    transition: opacity 0.2s;
}
.post-thumbnail a:hover img, .post-thumbnail a:focus img {
    opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 99;
}
.sf-menu li {
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    display: block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    right: 100%;
}

.navbar {
    position: relative;
    z-index: 200;
    color: #fff;
    background: #101010;
    padding: 18px 0;
    transition: all 0.5s ease-in-out;
}
.navbar:before, .navbar:after {
    content: "";
    display: table;
}
.navbar:after {
    clear: both;
}
.navbar a {
    color: inherit;
}
.navbar .header-inner {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.navbar .header-inner:before, .navbar .header-inner:after {
    display: none;
}
.navbar .header-inner .navbar-secondary {
    display: none;
}
.navbar .header-inner.wpz_layout_full {
    width: 100%;
    max-width: 100%;
    padding-right: 1.25em;
    padding-left: 1.25em;
}
.navbar .header-logo-wrapper {
    margin-left: 0.625em;
    max-width: 50%;
}
.navbar .header-logo-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: right;
}
.navbar .header-navigation-wrapper {
    flex: 1;
    justify-content: flex-end;
}
.navbar .header-navigation-wrapper,
.navbar .header-widgets-wrapper {
    align-items: center;
    display: flex;
}
.navbar .wpz_menu_left .header-navigation-wrapper {
    justify-content: flex-start;
}
.navbar .wpz_menu_center .header-navigation-wrapper {
    justify-content: center;
}
.navbar .wpz_menu_hamburger .header-navigation-wrapper {
    display: none;
}

.has-header-image .navbar,
.has-header-video .navbar {
    position: absolute;
    width: 100%;
    background: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 1%, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#00000000", GradientType=0);
}

.navbar-toggle {
    display: none;
    position: relative;
    margin: 0;
    margin-right: 0.9375em;
    padding-right: 0;
    padding-left: 0;
    width: 40px;
    border-color: transparent;
    background: transparent;
}

.inspiro--with-page-nav .navbar-toggle {
    display: block;
}

.navbar-toggle:hover {
    border-color: transparent;
    background-color: transparent;
}

.navbar-toggle .icon-bar {
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    transition: all 0.2s ease-in-out;
}

.navbar-toggle .icon-bar:nth-child(3) {
    width: 17px;
}

.navbar-toggle:hover .icon-bar {
    width: 17px;
}

.navbar-toggle:hover .icon-bar:nth-child(3) {
    width: 22px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

/* hamburger animation */
.navbar-toggle .icon-bar {
    transition: width 0.13s ease-out, transform 0.13s ease-out, opacity 0.13s ease-out;
}

/* hamburger when side-nav is opened */
.side-nav-open .navbar-toggle .icon-bar:nth-child(2) {
    transform: rotateZ(45deg) translate3d(5px, 5px, 0);
    width: 28px;
}

.side-nav-open .navbar-toggle .icon-bar:nth-child(3) {
    transform: translateX(0);
    opacity: 0;
}

.side-nav-open .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotateZ(-45deg) translate3d(5px, -5px, 0);
    width: 28px;
}

.navbar-nav {
    display: flex;
    font-weight: 400;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.navbar-nav > li {
    margin: 0 0.9375em;
}
.navbar-nav > li > ul:before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 50%;
    margin-right: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid var(--inspiro-primary-color);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.navbar-nav > li.current-menu-item > a, .navbar-nav > li.current_page_item > a, .navbar-nav > li.current-menu-parent > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.navbar-nav a {
    padding: 0.3125em 0 0.1875em;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: 0.2s ease border-color, 0.2s ease color;
}
.navbar-nav > li > a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    color: inherit;
    opacity: 0.8;
}
.navbar-nav .menu-item-has-children .svg-icon {
    margin-right: 0.25em;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-top;
    fill: #fff;
}
.navbar-nav ul .menu-item-has-children .svg-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0.625em;
    top: 50%;
    fill: #fff;
    transform: rotate(90deg) translateX(-50%);
}

.inspiro--with-page-nav .navbar-nav > li:last-child {
    margin-left: 0;
}

/* Sidebar */
.site {
    position: relative;
    transition: transform 0.18s ease;
}

.side-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: -70px;
    overflow: hidden;
    width: 380px;
    z-index: -1;
    visibility: hidden;
    transform-style: preserve-3d;
    -webkit-overflow-scrolling: touch;
}
.side-nav .navbar-nav {
    display: none;
    margin-bottom: 40px;
    padding: 0;
}
.side-nav .widget_block,
.side-nav .widget {
    margin-bottom: 40px;
    max-width: 100%;
}
.side-nav .widget_block:last-child,
.side-nav .widget:last-child {
    margin-bottom: 0;
}
.side-nav .widget_block .wp-block-group__inner-container > h2,
.side-nav .widget_block .wp-block-search__label,
.side-nav .widget_block .title,
.side-nav .widget .wp-block-group__inner-container > h2,
.side-nav .widget .wp-block-search__label,
.side-nav .widget .title {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
}
.side-nav .wp-block-group > .wp-block-group__inner-container {
    padding: 0;
}

.side-nav-transitioning .side-nav {
    visibility: visible;
}

.side-nav-overlay {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 600;
}

.side-nav-transitioning,
.side-nav-open .side-nav-overlay {
    display: block;
    left: 380px;
    z-index: 900;
    cursor: e-resize;
}

.side-nav__scrollable-container {
    position: relative;
    padding-bottom: 70px;
    /* .side-nav's bottom value */
    height: 100%;
    overflow: auto;
    background-color: #101010;
    color: #78787f;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    transform: translateX(-380px);
    transition: transform 0.18s ease;
}
.side-nav__scrollable-container h2, .side-nav__scrollable-container h3, .side-nav__scrollable-container h1, .side-nav__scrollable-container h4, .side-nav__scrollable-container h5, .side-nav__scrollable-container h6 {
    color: #fff;
}

.side-nav__scrollable-container::-webkit-scrollbar {
    display: none;
}

.side-nav__wrap {
    position: relative;
    padding: 60px 30px;
}
.side-nav__wrap .navbar-toggle {
    margin: 5px 0 0;
    padding-left: 0;
}

.side-nav__close-button {
    display: none;
}
.side-nav__close-button:before, .side-nav__close-button:after {
    content: "";
    display: table;
}
.side-nav__close-button:after {
    clear: both;
}

.admin-bar .side-nav__wrap {
    padding-top: 62px;
}

body.side-nav-open {
    height: 100%;
}
body.side-nav-open .site {
    z-index: 300;
    transform: translateX(380px);
}
body.side-nav-open .side-nav {
    visibility: visible;
    z-index: 600;
}
body.side-nav-open .side-nav__scrollable-container {
    transform: translateX(0);
}
body.side-nav-open.has-header-image .custom-header-media img {
    position: absolute;
}
body.side-nav-open.has-header-video .custom-header-media video,
body.side-nav-open.has-header-video .custom-header-media iframe {
    position: absolute;
}

.sb-search {
    position: relative;
    margin: 0;
    margin-right: 0.625em;
    z-index: 200;
}
.sb-search #searchform > label {
    align-items: stretch;
    display: flex;
    font-size: inherit;
    margin: 0;
    width: 100%;
}
.sb-search .sb-search-input {
    position: relative;
    width: 20px;
    padding: 2% 2%;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 42px;
    font-weight: 200;
    color: #fff;
    display: none;
    border: none;
    border-radius: 0;
    background: #000;
    opacity: 0.9;
    width: 96%;
    transition: all 0.6s ease;
    animation: fade-in-almost 0.3s ease-out;
}
.sb-search::-webkit-input-placeholder {
    color: #828282;
}
.sb-search:-moz-placeholder {
    color: #828282;
}
.sb-search::-moz-placeholder {
    color: #828282;
}
.sb-search:-ms-input-placeholder {
    color: #828282;
}
.sb-search input[type=search].sb-search-input {
    -webkit-appearance: none;
}
.sb-search .sb-search-button-open,
.sb-search .sb-search-button-close {
    background-color: transparent;
    border: none;
    padding: 0.625em;
}
.sb-search .sb-search-button-open .sb-icon-search,
.sb-search .sb-search-button-close .sb-icon-search {
    display: flex;
    justify-content: center;
    z-index: 90;
    transition: opacity 0.3s ease;
}
.sb-search .sb-search-button-open .sb-icon-search:hover,
.sb-search .sb-search-button-close .sb-icon-search:hover {
    opacity: 0.7;
}
.sb-search .sb-search-button-open .sb-icon-search .svg-icon,
.sb-search .sb-search-button-close .sb-icon-search .svg-icon {
    width: 18px;
    height: 30px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    fill: #fff;
}
.sb-search .sb-search-button-close {
    display: none;
}
.sb-search.sb-search-open .sb-search-input {
    display: block;
    padding: 15px 2%;
    transition: all 0.6s ease;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    text-align: center;
    outline: none;
}
.sb-search.sb-search-open .sb-search-button-open {
    display: none;
}
.sb-search.sb-search-open .sb-search-button-close {
    display: block;
    left: 2%;
    top: 25px;
    position: fixed;
    z-index: 999;
}
.sb-search.sb-search-open .sb-search-button-close .sb-icon-search {
    background: none;
    opacity: 0.8;
    animation: fade-in-almost 0.3s ease-out;
}
.sb-search.sb-search-open .sb-search-button-close .sb-icon-search:hover {
    opacity: 1;
}
.sb-search.sb-search-open .sb-search-submit {
    z-index: 90;
}

.no-js .sb-search .sb-icon-search {
    background: none;
    z-index: 11;
    left: 2%;
    top: 25px;
    position: fixed;
    z-index: 999;
    opacity: 0.8;
    animation: fade-in-almost 0.3s ease-out;
}

.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/* Header Social Icons */
.header_social {
    float: left;
    text-align: left;
    margin: 0 10px 0 0;
}
.header_social .widget {
    margin: 0;
}
.header_social .widget .title {
    display: none;
}
.header_social .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas {
    margin: 0;
}
.header_social .widget .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.375em 0;
}
.header_social .zoom-social-icons-list--without-canvas .socicon {
    transition: 0.3s ease all;
}
.header_social .zoom-social-icons-list .socicon:hover {
    opacity: 0.8;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    margin: 0;
    padding: 0;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

#page {
    position: relative;
    word-wrap: break-word;
}

.wrap,
.inner-wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    padding-right: 1.875em;
    padding-left: 1.875em;
}
.wrap:before, .wrap:after,
.inner-wrap:before,
.inner-wrap:after {
    content: "";
    display: table;
}
.wrap:after,
.inner-wrap:after {
    clear: both;
}

:root :where(a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--secondary);
    text-decoration: none;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
.site-header {
    width: 100%;
}

/* Compatibility with WP admin bar */
.admin-bar:not(.side-nav-open) .headroom {
    top: 32px;
}

.headroom--not-top {
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.headroom--not-top .navbar {
    background: rgba(0, 0, 0, 0.9);
    padding: 12px 0;
}

body.wp-custom-logo .headroom--not-top .custom-logo-link img {
    transition: all 0.2s ease-in-out;
    max-height: 70px;
    width: auto;
}

.site-header.headroom {
    width: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
}
.site-header.headroom--not-top {
    position: fixed;
    top: 0;
    border: none;
}

.has-header-image.inspiro-front-page .headroom--not-top .navbar, .has-header-image.home.blog .headroom--not-top .navbar,
.has-header-video.inspiro-front-page .headroom--not-top .navbar,
.has-header-video.home.blog .headroom--not-top .navbar {
    background: rgba(0, 0, 0, 0.9);
    padding: 12px 0;
}

/* Site branding */
.site-branding {
    padding: 1em 0;
    position: relative;
    z-index: 3;
    text-align: center;
}
.site-branding a {
    text-decoration: none;
    transition: opacity 0.2s;
}
.site-branding a:hover, .site-branding a:focus {
    opacity: 0.7;
}

.site-title {
    clear: none;
    font-size: 80px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    margin-bottom: 40px;
    position: relative;
}
.site-title:after {
    content: "";
    position: absolute;
    width: 310px;
    border-bottom: 2px solid rgba(201, 201, 201, 0.4);
    bottom: 0px;
    right: 50%;
    margin-right: -155px;
}
.site-title,
.site-title a {
    color: #222;
    opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

.site-branding-text .edit-link a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.site-branding-text .edit-link a:hover {
    opacity: 0.7;
}

body.has-header-image .site-title,
body.has-header-image .site-title a, body.has-header-video .site-title,
body.has-header-video .site-title a {
    color: #fff;
}

.site-description {
    color: #666;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 auto;
    max-width: 950px;
}

body.has-header-image .site-description, body.has-header-video .site-description {
    color: #fff;
    opacity: 0.8;
}

.custom-header-button {
    margin-top: 3.125em;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    border-color: inherit;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
    font-weight: normal;
}
.custom-header-button:hover {
    opacity: 1;
    color: #fff;
    background-color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}

body.has-header-image .custom-header-button, body.has-header-video .custom-header-button {
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
body.has-header-image .custom-header-button:hover, body.has-header-video .custom-header-button:hover {
    opacity: 1;
}

.custom-logo-link {
    display: inline-block;
    padding: 0;
    max-width: 350px;
    transition: max-width 0.2s ease-in-out;
}
.custom-logo-link h1 {
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 80px;
    width: auto;
}
.custom-logo-link a:hover,
.custom-logo-link a:focus {
    text-decoration: none;
    opacity: 0.9;
    color: #fff;
}

.custom-logo-text {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    max-width: 350px;
}

body.wp-custom-logo .custom-logo-link a {
    font-size: 0;
}

body:not(.wp-custom-logo) a.custom-logo-text {
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    text-transform: uppercase;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-height: 200px;
    max-width: 100%;
}
body:not(.title-tagline-hidden) .site-branding-text {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.custom-header {
    position: relative;
    background-color: #000;
}

.has-header-image.inspiro-front-page .site-branding, .has-header-image.home.blog .site-branding,
.has-header-video.inspiro-front-page .site-branding,
.has-header-video.home.blog .site-branding {
    position: absolute;
    right: 50%;
    top: 45%;
    width: 100%;
    opacity: 0;
    transform: translate(50%, -50%);
    transition: top 0.3s linear, opacity 0.3s ease-in;
}
.has-header-image.inspiro-front-page.inspiro-page-ready .site-branding, .has-header-image.home.blog.inspiro-page-ready .site-branding,
.has-header-video.inspiro-front-page.inspiro-page-ready .site-branding,
.has-header-video.home.blog.inspiro-page-ready .site-branding {
    opacity: 1;
    top: 50%;
}
.has-header-image.inspiro-front-page .custom-header, .has-header-image.home.blog .custom-header,
.has-header-video.inspiro-front-page .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: 100vh;
    max-height: 100vh;
    max-height: -webkit-fill-available;
    width: 100%;
    overflow: hidden;
}

.custom-header-media {
    bottom: 0;
    right: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh; /* fall-back */
    min-height: -webkit-fill-available;
    min-height: fill-available;
}
.custom-header-media:after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    right: 0;
    position: absolute;
    left: 0;
    z-index: 2;
}
.custom-header-media.hide_overlay:after {
    display: none;
}

.has-header-image .custom-header-media:before,
.has-header-video .custom-header-media:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.has-header-image .custom-header-media.hide_overlay:before,
.has-header-video .custom-header-media.hide_overlay:before {
    display: none;
}

.has-header-image .custom-header-media img {
    height: auto;
    right: 50%;
    height: 100%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
    width: auto;
    top: 50%;
    padding-bottom: 1px; /* Prevent header from extending beyond the footer */
    transform: translateX(50%) translateY(-50%);
}

.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
    right: 50%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
    top: 50%;
    padding-bottom: 1px; /* Prevent header from extending beyond the footer */
    transform: translateX(50%) translateY(-50%);
    margin-bottom: 0;
}
.has-header-video .custom-header-media video {
    height: 100%;
}
.has-header-video .custom-header-media iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.wp-custom-header {
    height: 100%;
}
.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
    background-color: rgba(34, 34, 34, 0.5);
    color: rgba(255, 255, 255, 0.6);
    width: 45px;
    height: 45px;
    overflow: hidden;
    padding: 0;
    border: none;
    position: absolute;
    left: 1.875em;
    bottom: 3.75em;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    z-index: 3;
}
.wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus {
    border: none;
    background-color: rgba(34, 34, 34, 0.8);
    color: #fff;
}
.wp-custom-header .wp-custom-header-video-button .svg-icon {
    margin-top: 6px;
    max-height: 1.375em;
    fill: #fff;
}

.has-header-image:not(.inspiro-front-page):not(.home) .custom-header-media img {
    bottom: 0;
    position: absolute;
    top: auto;
    transform: translateX(50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports (object-fit: cover) {
    .has-header-image .custom-header-media img,
    .has-header-video .custom-header-media video,
    .has-header-image:not(.inspiro-front-page):not(.home) .custom-header-media img {
        height: 100%;
        right: 0;
        object-fit: cover;
        top: 0;
        transform: none;
        width: 100%;
    }
}
/* Scroll to content */
/* Effect used for #scroll-to-content */
@keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}
#scroll-to-content {
    display: block;
    position: absolute;
    right: 50%;
    bottom: 20px;
    z-index: 5;
    cursor: pointer;
    height: 1.5em;
    width: 3.5em;
    font-size: 16px;
    font-size: 1rem;
    overflow: hidden;
    opacity: 0.5;
    transform: translateX(50%);
    animation: pulsate 1.5s ease-out infinite;
}
#scroll-to-content:before {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    border: 2px solid #fff;
    transform: rotate(-45deg);
}
#scroll-to-content:hover {
    opacity: 1;
}

/* Hides div in Customizer preview when header images or videos change. */
body:not(.has-header-image):not(.has-header-video) .custom-header-media,
body:not(.has-header-image):not(.has-header-video) #scroll-to-content {
    display: none;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/
/* Front Page - Recent Posts */
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/
.site-content-contain {
    position: relative;
}

.page-template-homepage-builder-bb .site-content,
.page-template-full-width-no-title .site-content,
.page-template-full-width-transparent .site-content {
    padding-top: 0 !important;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/
/* Post Landing Page */
.sticky {
    position: relative;
    padding: 2em 1.25em;
    border: 2px rgba(68, 68, 68, 0.19) dashed;
    margin-bottom: 3.75em;
}

.post:not(.sticky) .svg-icon-thumb-tack {
    display: none;
}

.sticky .svg-icon-thumb-tack {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    right: 50%;
    top: -16px;
    padding: 5px;
    transform: translateX(50%);
    fill: var(--inspiro-primary-color);
    background-color: #fff;
}

.home.blog .page-title:after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    background: rgba(68, 68, 68, 0.19);
    margin: 40px auto 48px;
}
.home.blog .entry-title {
    margin-top: 0;
    color: #222;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    text-align: right;
}
.home.blog .entry-meta {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
    padding: 0;
}
.home.blog .entry-meta a {
    border-bottom: 1px solid rgba(68, 68, 68, 0.19);
    padding-bottom: 2px;
}

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

.entry-title {
    color: #222;
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 700;
}
.entry-title:not(:first-child) {
    padding-top: 0;
}
.entry-title a {
    color: #000;
    text-decoration: none;
    margin-right: -2px;
}
.entry-title a:hover {
    color: var(--inspiro-primary-color);
    text-decoration: none;
}

.entry-meta {
    color: #999;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 20px;
}
.entry-meta span {
    display: inline;
}
.entry-meta span + span:before {
    content: " /  ";
    color: #b6babb;
    margin: 0 5px;
    font-style: normal;
    opacity: 0.5;
}
.entry-meta a {
    color: #222;
}

.post-display-content-none .entry-meta {
    margin-bottom: 0;
}

.entry-content {
    line-height: 1.9;
}
.entry-content p {
    margin-bottom: 20px;
    word-wrap: break-word;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: 700;
}
.entry-content .wp-block-image img,
.entry-content img.alignnone,
.entry-content img.aligncenter,
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content img.attachment-fullsize {
    max-width: 100%;
    height: auto;
}
.entry-content ul,
.entry-content ol {
    margin-bottom: 25px;
}
.entry-content li ul:not(.wp-block-gallery),
.entry-content li ol {
    margin-bottom: 0;
    margin-right: 30px;
}
.entry-content .wp-block-gallery {
    margin-right: 0;
}
.entry-content li {
    list-style-position: inside;
}
.entry-content ul li {
    list-style-type: square;
}
.entry-content ol li {
    list-style-type: decimal;
}
.entry-content .shortcode-unorderedlist ul li,
.entry-content .shortcode-unorderedlist ul li ul {
    list-style-type: none;
}
.entry-content blockquote {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    max-width: 100%;
    font-style: italic;
}
.entry-content blockquote:before, .entry-content blockquote:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 50px auto;
    background: rgba(0, 0, 0, 0.1);
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.pagination,
.comments-pagination {
    padding: 3.125em 0;
    text-align: center;
}
.pagination:empty,
.comments-pagination:empty {
    display: none;
}
.pagination .page-numbers,
.comments-pagination .page-numbers {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Montserrat", sans-serif;
    line-height: 40px;
    padding: 0.625em 0.9375em;
    color: #444;
    transition: 0.2s ease all;
}
.pagination .page-numbers:not(.dots):hover, .pagination .page-numbers.current,
.comments-pagination .page-numbers:not(.dots):hover,
.comments-pagination .page-numbers.current {
    text-decoration: none;
    color: var(--inspiro-primary-color);
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    width: 48%;
}

/* Blog landing, search, archives */
body:not(.has-archive-description):not(.has-header-image) .page-title:after, body:not(.has-archive-description):not(.has-header-image).page .entry-title:after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    background: rgba(68, 68, 68, 0.19);
    margin: 40px auto 48px;
}

.blog .page-title,
.search .page-title,
.archive .page-title {
    margin-top: 2em;
}
.blog .page-title span,
.search .page-title span,
.archive .page-title span {
    text-transform: none;
}

.blog .site-main > article:not(.sticky),
.archive .site-main > article:not(.sticky),
.search .site-main > article:not(.sticky) {
    padding-bottom: 3.75em;
}
.blog .site-main > article:not(.sticky):after,
.archive .site-main > article:not(.sticky):after,
.search .site-main > article:not(.sticky):after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    background: rgba(68, 68, 68, 0.19);
    margin: 50px auto 0;
}

body:not(.inspiro-front-page) .entry-header,
body:not(.inspiro-front-page) .entry-content,
body:not(.inspiro-front-page) #comments {
    margin-right: auto;
    margin-left: auto;
}

body:not(.inspiro-front-page) .entry-header {
    padding-top: 0;
}

body:not(.page-layout-sidebar-right) #primary {
    max-width: calc(1200px + 20px);
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px;
}
body:not(.page-layout-sidebar-right) #primary .entry-header .inner-wrap,
body:not(.page-layout-sidebar-right) #primary .entry-content {
    padding-right: 0;
    padding-left: 0;
}
body:not(.page-layout-sidebar-right).blog #primary, body:not(.page-layout-sidebar-right).archive #primary, body:not(.page-layout-sidebar-right).search #primary {
    max-width: calc(950px + 20px);
}
body:not(.page-layout-sidebar-right).blog .site-main article, body:not(.page-layout-sidebar-right).archive .site-main article, body:not(.page-layout-sidebar-right).search .site-main article {
    text-align: center;
}
body:not(.page-layout-sidebar-right).blog .site-main article .entry-title, body:not(.page-layout-sidebar-right).archive .site-main article .entry-title, body:not(.page-layout-sidebar-right).search .site-main article .entry-title {
    text-align: center;
}

.blog .entry-meta a,
.archive .entry-meta a,
.search .entry-meta a {
    border-bottom: 1px solid rgba(68, 68, 68, 0.19);
    padding-bottom: 2px;
}
.blog .entry-meta a:hover,
.archive .entry-meta a:hover,
.search .entry-meta a:hover {
    color: var(--inspiro-primary-color);
}

.taxonomy-description {
    color: #666;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
}
.taxonomy-description p {
    margin: 0;
}

body.has-archive-description:not(.has-header-image) .taxonomy-description:after {
    content: "";
    display: block;
    width: 130px;
    height: 1px;
    background: rgba(68, 68, 68, 0.19);
    margin: 40px auto 48px;
}

/*
 * Alignment Styles - Originally from TT2.
 * These rules are temporary, and should not
 * be relied on or modified too heavily by
 * themes or plugins that build on foodie-blocks.
 * These are meant to be a precursor to a
 * global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
---------------------------------------------*/
body {
    --wp--custom--spacing--outer: 30px;
}

body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-site-blocks {
    padding-right: var(--wp--custom--spacing--outer);
    padding-left: var(--wp--custom--spacing--outer);
}

.block-editor-block-list__layout.is-root-container > .alignfull,
.is-root-container > .wp-block-cover,
.is-root-container > .wp-block-group.has-background,
.is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background {
    margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
    width: unset;
}

/* More tag */
.entry-content .more-link,
.entry-content .more_link {
    font-weight: bold;
    display: table;
    text-align: center;
    margin: 10px auto 0;
}

.entry-summary .link-more {
    margin-bottom: 0;
}

/* Single Post */
.single.has-sidebar.page-layout-sidebar-right .entry-header .inner-wrap,
.single .entry-wrapper {
    max-width: 1200px;
    margin: 3.75em auto;
    padding-right: 1.875em;
    padding-left: 1.875em;
}

.single.has-sidebar.page-layout-sidebar-right .entry-header .inner-wrap {
    margin-top: 2.8125em;
    margin-bottom: 0;
}

.page .entry-content,
.page:not(.inspiro-front-page) .entry-footer {
    margin: 2.8125em auto;
    max-width: 1200px;
    padding-right: 1.875em;
    padding-left: 1.875em;
}

.single .entry-header .inner-wrap,
.single .entry-content,
.single .entry-footer {
    margin: 2.8125em auto;
    max-width: calc(950px + 20px);
    padding-right: 1.875em;
    padding-left: 1.875em;
}

.page .entry-content,
.single .entry-content {
    margin-bottom: 0;
}

.page-template-no-title .entry-content {
    margin: 0 auto;
}

.page .full-width .entry-content,
.single .full-width .entry-content {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page .entry-cover-image,
.single .entry-cover-image {
    position: relative;
    height: 450px;
    overflow: hidden;
}
.page .entry-cover-image.cover_fullscreen,
.single .entry-cover-image.cover_fullscreen {
    height: 100vh;
    max-height: 100vh;
    max-height: -webkit-fill-available;
}
.page .entry-cover-image:after,
.single .entry-cover-image:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
}
.page .entry-cover-image .entry-header,
.single .entry-cover-image .entry-header {
    position: absolute;
    bottom: 5%;
    width: 100%;
    z-index: 5;
}
.page .entry-cover-image .entry-header .inner-wrap,
.single .entry-cover-image .entry-header .inner-wrap {
    margin-bottom: 0;
}
.page .entry-cover-image .entry-header .entry-title,
.single .entry-cover-image .entry-header .entry-title {
    color: #fff;
    font-size: 45px;
    font-size: 2.8125rem;
    text-transform: none;
    font-weight: 600;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    font-family: inherit;
}
.page .entry-cover-image .entry-header .entry-meta,
.single .entry-cover-image .entry-header .entry-meta {
    color: #fff;
    opacity: 0.8;
    font-size: 16px;
    font-size: 1rem;
}
.page .entry-cover-image .entry-header .entry-meta a,
.single .entry-cover-image .entry-header .entry-meta a {
    color: inherit;
    font-weight: 600;
}
.page .entry-cover-image .entry-header .entry-meta a:hover,
.single .entry-cover-image .entry-header .entry-meta a:hover {
    color: var(--inspiro-primary-color);
}
.page .entry-cover-image .single-featured-image-header,
.single .entry-cover-image .single-featured-image-header {
    position: relative;
    height: 100%;
}
.page .entry-cover-image .single-featured-image-header img,
.single .entry-cover-image .single-featured-image-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page.page-layout-full-width article:not(.has-post-thumbnail) .inner-wrap,
.single.page-layout-full-width article:not(.has-post-thumbnail) .inner-wrap {
    max-width: calc(950px + 20px);
}
.page .entry-meta,
.single .entry-meta {
    margin-bottom: 0;
}

/* Gutenberg */
.entry-content > .alignfull {
    margin-right: calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);
    width: 100vw;
    max-width: 100vw;
}
.entry-content .alignfull .wp-block-cover__inner-container,
.entry-content .alignfull .wp-block-group__inner-container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2em;
    padding-left: 2em;
}
.entry-content > .wp-block-group,
.entry-content > .wp-block-cover,
.entry-content > .wp-block-columns {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.entry-content > .wp-block-group.alignfull.is-layout-flow,
.entry-content > .wp-block-cover.alignfull.is-layout-flow,
.entry-content > .wp-block-columns.alignfull.is-layout-flow {
    padding-left: 0;
    padding-right: 0;
}

.single-featured-image-header img {
    display: block;
    margin: auto;
}

.wp-block-button a {
    transition: background-color 0.3s ease;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.wp-block-button a:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.wp-element-button, .wp-block-button__link {
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link {
    padding: 0.667em 1.333em;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,
.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover {
    color: #ffffff;
    background-color: #101010;
    border-color: #101010;
}

.builder-wrap > .wp-block-gallery,
.builder-wrap > p,
.builder-wrap > p.has-text-align-center {
    margin: 2.8125em auto;
    max-width: 970px;
    padding-right: 2em;
    padding-left: 2em;
}

.wp-block-group > .wp-block-group__inner-container {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2em;
    padding-left: 2em;
}

.wp-block-post {
    list-style-type: none !important;
}
.wp-block-post .wp-block-post-title {
    font-size: 1.3em;
}
.wp-block-post .wp-block-post-title a {
    text-decoration: none !important;
    color: #000;
}
.wp-block-post .wp-block-post-title a:hover {
    color: var(--inspiro-primary-color);
}
.wp-block-post .more-link {
    font-weight: 700;
    display: table;
    text-align: right;
    margin: 10px 0;
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    .page .entry-cover-image,
    .single .entry-cover-image,
    .single-featured-image-header {
        height: 400px;
    }
}
.wp-block-latest-posts li,
.wc-block-grid__product.wc-block-grid__product {
    list-style-type: none !important;
}

/* Entry footer */
.entry-footer {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    color: #666;
}
.entry-footer .tags-links {
    font-size: 14px;
    font-size: 0.875rem;
}
.entry-footer .tags-links .separator {
    margin: 0 0 0 5px;
    color: #aaa;
}
.entry-footer .post-author .section-title {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    margin-bottom: 3em;
}
.entry-footer .post-author img {
    margin: 0 0 20px;
    border-radius: 50%;
}
.entry-footer .post-author img + span {
    margin: 0 0 5px;
    display: block;
    text-transform: uppercase;
}
.entry-footer .post-author a {
    font-size: 18px;
    font-size: 1.125rem;
    color: #222;
    line-height: 1.8;
}
.entry-footer .post-author a:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
}
.entry-footer .tags-links,
.entry-footer .post-author {
    margin: 0 0 1.875em 0;
}
.entry-footer .section-title {
    margin-top: 3.125em;
    margin-bottom: 1.25em;
    color: #666;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.entry-footer .section-title:before {
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    background: rgba(68, 68, 68, 0.19);
    margin: 0 auto 3em;
}
.entry-footer > *:first-child .section-title {
    margin-top: 0;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.format-quote blockquote {
    color: #333;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    overflow: visible;
    position: relative;
}

.format-quote blockquote .icon {
    display: block;
    height: 20px;
    right: -1.25em;
    position: absolute;
    top: 0.4em;
    transform: scale(-1, 1);
    width: 20px;
}

/* Post Navigation */
.previous-post-cover {
    margin: 60px auto 0;
    background: #0f1010;
    color: #fff;
    text-align: center;
}
.previous-post-cover a {
    display: block;
}
.previous-post-cover a:hover {
    text-decoration: none;
}
.previous-post-cover .previous-info {
    margin: 0;
    z-index: 1;
    padding: 10% 5%;
    min-height: 250px;
    position: relative;
}
.previous-post-cover .previous-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.6;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    transition: 0.2s ease all;
}
.previous-post-cover:hover .previous-cover {
    opacity: 0.4;
}
.previous-post-cover .previous-content {
    position: relative;
    z-index: 50;
    max-width: 1200px;
    margin: 0 auto;
}
.previous-post-cover .previous-content .nav-subtitle {
    font-weight: 700;
    margin: 0 0 15px;
    color: #fff;
    opacity: 0.7;
    display: block;
    font-size: 16px;
    font-size: 1rem;
}
.previous-post-cover .previous-content .nav-title {
    color: #fff;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.4;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.2s ease;
}
.previous-post-cover .previous-content .nav-title:hover {
    border-bottom: 1px solid #fff;
}

/* Jetpack Related Posts */
h4.jp-relatedposts-post-title {
    margin: 10px 0 5px !important;
    font-weight: bold;
    position: relative;
}

.single #jp-relatedposts {
    margin-bottom: 0;
}
.single #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}
.single #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a {
    color: #171615;
    font-weight: bold;
}
.single #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
}
.single #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    text-decoration: none;
}
.single #jp-relatedposts h3.jp-relatedposts-headline {
    display: block;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    float: none;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}
.single #jp-relatedposts h3.jp-relatedposts-headline em {
    font-weight: normal;
}
.single #jp-relatedposts h3.jp-relatedposts-headline em:before {
    display: none;
}
.single #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    opacity: 1;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/
/* Pages */
.page-title,
.page .entry-title {
    margin-top: 0;
    color: #222;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.page #comments {
    padding-right: 0;
    padding-left: 0;
}

/* 404 page */
.error404 .content-area,
.search .content-area {
    padding-top: 3em;
    padding-bottom: 3em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
    margin-bottom: 3em;
}

.wpzoom-blocks_portfolio-block .wpz-portfolio-button__link {
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    transition: 0.2s ease all;
}

.portfolio-dark.wpzoom-blocks_portfolio-block .wpz-portfolio-button__link {
    background: none;
    border: 2px solid #fff !important;
}
.portfolio-dark.wpzoom-blocks_portfolio-block .wpz-portfolio-button__link:focus, .portfolio-dark.wpzoom-blocks_portfolio-block .wpz-portfolio-button__link:hover {
    background: #fff;
    color: #000 !important;
    border-color: #fff;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/
.site-footer {
    background: #101010;
    color: #78787f;
}
.site-footer.has-footer-widgets .inner-wrap {
    padding-bottom: 0;
}
.site-footer .footer-widgets {
    padding-top: 30px;
}

.home .site-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer-separator {
    background: rgba(255, 255, 255, 0.1);
    height: 1px;
    width: 100%;
    border: none;
    margin-bottom: 0;
}

/* Site info */
.site-info {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1.875em 0;
    margin: 0;
}
.site-info a {
    color: #fff;
}
.site-info a:hover {
    color: var(--inspiro-primary-color);
}
.site-info p {
    margin: 0;
}
.site-info .copyright {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.site-info .copyright span:nth-child(1) {
    flex: 0 0 50%;
    text-align: right;
}
.site-info .copyright span:nth-child(2) {
    flex: 0 0 50%;
    text-align: left;
}

/* Social navigation */
.social-navigation {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
}
.social-navigation ul {
    list-style: none;
    margin-bottom: 0;
    margin-right: 0;
}
.social-navigation li {
    display: inline;
}
.social-navigation a {
    background-color: #767676;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin: 0 0 0.5em 1em;
    text-align: center;
    width: 40px;
}
.social-navigation a:hover, .social-navigation a:focus {
    background-color: #333;
}
.social-navigation .icon {
    height: 16px;
    top: 12px;
    width: 16px;
    vertical-align: top;
}

/* Footer widgets */
.site-footer .footer-widgets .title {
    color: #fff;
}
.site-footer .footer-widgets .widget_block > h2 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
}
.site-footer .footer-widgets .widget_block > .title {
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/
#comments {
    clear: both;
    max-width: calc(950px + 20px);
    margin: 0 auto;
    padding: 0 10px;
}

#comments > h3,
#respond > h3 {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-top: 40px;
    margin-bottom: 80px;
    font-family: "Montserrat", sans-serif;
}
#comments > h3:after,
#respond > h3:after {
    width: 130px;
    content: " ";
    border-bottom: 1px solid rgba(68, 68, 68, 0.19);
    bottom: -40px;
    right: 0;
    position: absolute;
}

#respond {
    margin-bottom: 5.3125em;
}
#respond h3 {
    margin-top: 100px;
}
#respond .form_fields p {
    margin-bottom: 15px;
}
#respond textarea {
    width: 100%;
}
#respond label {
    display: block;
}
#respond #submit {
    width: auto;
}
#respond #submit:hover {
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}
#respond code {
    white-space: pre-wrap;
}

.comment-notes {
    margin-bottom: 20px;
    font-style: italic;
}

.commentlist {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.commentlist li {
    list-style-type: none;
}
.commentlist .children {
    margin-right: 50px;
}
.commentlist .comment {
    margin-bottom: 80px;
    position: relative;
}
.commentlist .comment:after {
    width: 130px;
    content: " ";
    border-bottom: 1px solid rgba(68, 68, 68, 0.19);
    bottom: -40px;
    right: 0;
    position: absolute;
}

.comment-author:before, .comment-author:after {
    content: "";
    display: table;
}
.comment-author:after {
    clear: both;
}
.comment-author .avatar {
    float: right;
    border-radius: 50%;
    margin-left: 22px;
    margin-bottom: 27px;
}
.comment-author .fn,
.comment-author .fn a {
    color: #222;
    font-size: 20px;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
}
.comment-author .fn a:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
}
.comment-author .comment-meta,
.comment-author .comment-meta a {
    color: #78787f;
    font-size: 16px;
    font-size: 1rem;
}
.comment-author .comment-meta a:hover {
    color: var(--inspiro-primary-color);
}

.comment-body {
    margin-bottom: 40px;
}

.form-allowed-tags {
    display: none;
}

#respond .comment-form-cookies-consent label {
    display: inline;
    margin-right: 10px;
    text-transform: none;
    font-family: inherit;
    font-size: 14px;
    font-size: 0.875rem;
}

.bypostauthor {
    padding: 2em;
    margin-bottom: 1em;
}
.bypostauthor .bypostauthor {
    background: transparent;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.bypostauthor li {
    background: transparent;
    margin-bottom: 0;
    padding: 0 2em 0 0;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
#secondary {
    padding: 1em 0 2em;
}

.widget_block,
.widget {
    margin-bottom: 40px;
}
.widget_block .wp-block-group__inner-container > h2,
.widget_block .wp-block-search__label,
.widget_block .title,
.widget .wp-block-group__inner-container > h2,
.widget .wp-block-search__label,
.widget .title {
    margin: 0 0 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}
.widget_block ul,
.widget ul {
    clear: both;
    margin: 0;
    padding: 0;
}
.widget_block ul li,
.widget ul li {
    list-style-type: none;
}
.widget_block ul ul,
.widget ul ul {
    margin: 0;
    padding: 0;
    border-top: none;
}
.widget_block ul ul li,
.widget ul ul li {
    border: none;
}
.widget_block .wp-block-group > .wp-block-group__inner-container,
.widget .wp-block-group > .wp-block-group__inner-container {
    padding: 0;
}

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

/* widget forms */
.widget select {
    width: 100%;
}

/* widget lists */
.widget ul {
    list-style: none;
    margin: 0;
}

.widget ul li,
.widget ol li {
    padding: 0.0625em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-right: 24px;
    padding-right: 1.5rem;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Gravatar */
.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Gallery widget */
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/* Search */
.wp-block-search,
.search-form {
    position: relative;
}
.wp-block-search input,
.wp-block-search button,
.search-form input,
.search-form button {
    height: 40px;
    background: transparent;
    border: 2px solid #565555;
    box-sizing: border-box;
    border-radius: 0;
    transition: 0.2s ease all;
}
.wp-block-search input:focus,
.wp-block-search button:focus,
.search-form input:focus,
.search-form button:focus {
    border-color: var(--inspiro-primary-color);
}
.wp-block-search .wp-block-search__input,
.wp-block-search .search-field,
.search-form .wp-block-search__input,
.search-form .search-field {
    width: 100%;
    padding: 0px 10px 0 100px;
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit,
.search-form .wp-block-search__button,
.search-form .search-submit {
    padding: 0 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.wp-block-search .wp-block-search__button .svg-icon,
.wp-block-search .search-submit .svg-icon,
.search-form .wp-block-search__button .svg-icon,
.search-form .search-submit .svg-icon {
    display: none;
}
.wp-block-search .wp-block-search__label,
.search-form .wp-block-search__label {
    display: block;
}

.site-footer .wp-block-search__input,
.site-footer .search-form .search-field,
.side-nav .wp-block-search__input,
.side-nav .search-form .search-field {
    color: #eee;
}

.site-footer .wp-block-search__button,
.site-footer .search-form .search-submit,
.side-nav .wp-block-search__button,
.side-nav .search-form .search-submit {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    display: inline-block;
    padding: 0.625em 1.5625em;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-size: 0.75rem;
    color: var(--inspiro-primary-color);
    border: 2px solid var(--inspiro-primary-color);
    background-image: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.site-footer .wp-block-search__button:hover,
.site-footer .search-form .search-submit:hover,
.side-nav .wp-block-search__button:hover,
.side-nav .search-form .search-submit:hover {
    text-decoration: none;
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
}
.site-footer .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,
.side-nav .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: 2px solid #565555;
}
.site-footer .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
.side-nav .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    bottom: 6px;
    left: 5px;
}

/* Tag cloud widget */
.tagcloud ul li {
    float: right;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 0 0 4px;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    box-shadow: none;
    display: block;
    padding: 4px 10px 5px;
    position: relative;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    border-color: #bbb;
    box-shadow: none;
    text-decoration: none;
}

/* Text widget */
.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 1.5em 1.5em 0;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 1.5em 0 0;
}

.widget_text ul li li {
    padding-right: 0;
    padding-left: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li + li {
    margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
    float: left;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
    display: block;
}

/* Calendar widget */
.widget_calendar .wp-calendar-table {
    margin-bottom: 0;
}

.widget_calendar .wp-calendar-nav {
    display: table;
    width: 100%;
    margin: 0 0 1.5em;
    padding: 0.4em 0;
}

.widget_calendar .wp-calendar-nav span {
    display: table-cell;
}

.widget_calendar .wp-calendar-nav-prev,
.widget_calendar .wp-calendar-nav-next {
    width: 40%;
}

.widget_calendar th,
.widget_calendar td,
.widget_calendar .wp-calendar-nav span {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}

/* Instagram Widget */
.zoom-instagram-widget li img {
    transition: opacity 0.2s ease;
}
.zoom-instagram-widget li img:hover {
    opacity: 0.6;
}

.site-widgetized-section .widgets .widget {
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    margin-left: 0;
}

.section-footer .zoom-instagram-widget {
    overflow: hidden;
    margin: 0;
    position: relative;
}
.section-footer .zoom-instagram-widget .title {
    display: none;
}
.section-footer .zoom-instagram-widget .zoom-instagram-widget__items {
    width: 5000px;
    overflow: hidden;
}
.section-footer .zoom-instagram-widget .zoom-instagram-widget__items .zoom-instagram-widget__item {
    margin: 0 !important;
    padding: 0 !important;
}
.section-footer .zoom-instagram-widget li img:hover {
    opacity: 0.9;
}
.section-footer .zoom-instagram-widget .zoom-instagram-widget__follow-me {
    margin-top: 1px;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.section-footer .zoom-instagram-widget a.ig-b-v-24 {
    color: #fff !important;
    border: none;
    font-weight: 600 !important;
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    line-height: 1.5em;
    padding: 10px 18px;
    font-size: 12px;
    text-transform: uppercase;
    background: #101010;
    display: inline-block;
    margin: 0;
    letter-spacing: 2px !important;
}
.section-footer .zoom-instagram-widget a.ig-b-v-24:hover {
    color: var(--inspiro-primary-color) !important;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
    float: none;
    margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

audio:focus,
video:focus {
    outline: thin dotted;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
    margin-bottom: 0;
}

.entry-content .aligncenter:not(.wp-block-gallery),
div.aligncenter:not(.wp-block-gallery),
figure.aligncenter:not(.wp-block-gallery) {
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.alignleft,
.entry-content .alignleft {
    float: right;
    margin-left: 20px;
}

.alignright,
.entry-content .alignright {
    float: left;
    margin-right: 20px;
}

.fullimg,
.fullimg figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    max-width: none;
}

.fullimg img,
.fullimg figure img {
    width: 100% !important;
    height: auto;
    margin-bottom: 20px;
}

/* Caption */
.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.wp-caption .wp-caption-text {
    color: #8c888c;
    font-size: 16px;
    font-size: 1rem;
    margin: 0.9375em 0;
    font-style: italic;
}
.wp-caption.aligncenter {
    margin: 0 auto 15px;
}

.entry-content .wp-caption {
    width: auto;
    text-align: center;
}
.entry-content .wp-caption img {
    background: none;
    border: 0 none;
}
.entry-content .fullimg .wp-caption.aligncenter {
    margin-bottom: 0;
}
.entry-content .fullimg .aligncenter {
    margin-bottom: 0;
}
.entry-content .fullimg p {
    margin-bottom: 0;
}

/* Media Elements */
.mejs-container {
    margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
    background: transparent;
    border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
    border-color: #eee;
    color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    color: #333;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
    border-bottom: 1px dotted #eee;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #767676;
    color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
    color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
    background: #222;
    border-color: #333;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
    background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
    color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
    color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
    color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
    background-color: #333;
}
.site-content .wp-playlist-dark .wp-playlist-item {
    border-bottom: 1px dotted #555;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #aaa;
    color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
    color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
    padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
    font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
    font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}
.site-content .wp-playlist-item {
    padding: 0 0.3125em;
    cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
    border-bottom: none;
}
.site-content .wp-playlist-item a {
    padding: 0.3125em 0;
    border-bottom: none;
}
.site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover {
    box-shadow: none;
    background: transparent;
}
.site-content .wp-playlist-item-length {
    top: 5px;
}

/* SVG Icons base styles */
.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative; /* Align more nicely with capital letters */
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
/* Galleries */
.entry-content .tiled-gallery {
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.entry-content .tiled-gallery .gallery {
    clear: both;
    text-align: center;
    max-width: 100%;
}
.entry-content .tiled-gallery .gallery a:hover {
    opacity: 0.6;
    transition: opacity 0.25s ease-in-out;
}

.gallery-item {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 0 0 1em;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: calc(100% / 1);
    max-width: calc(100% / 1);
}

.gallery-columns-2 .gallery-item {
    width: calc(100% / 2);
    max-width: calc(100% / 2);
}

.gallery-columns-3 .gallery-item {
    width: calc(100% / 3);
    max-width: calc(100% / 3);
}

.gallery-columns-4 .gallery-item {
    width: calc(100% / 4);
    max-width: calc(100% / 4);
}

.gallery-columns-5 .gallery-item {
    width: calc(100% / 5);
    max-width: calc(100% / 5);
}

.gallery-columns-6 .gallery-item {
    width: calc(100% / 6);
    max-width: calc(100% / 6);
}

.gallery-columns-7 .gallery-item {
    width: calc(100% / 7);
    max-width: calc(100% / 7);
}

.gallery-columns-8 .gallery-item {
    width: calc(100% / 8);
    max-width: calc(100% / 8);
}

.gallery-columns-9 .gallery-item {
    width: calc(100% / 9);
    max-width: calc(100% / 9);
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    transition: filter 0.2s ease-in;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    filter: opacity(60%);
}

.gallery-icon img {
    margin: 0 auto;
}

.gallery-caption {
    color: #8c888c;
    margin: 15px 0;
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.entry-content ul.blocks-gallery-grid {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/
.inspiro-customizer.has-header-image .custom-header, .inspiro-customizer.has-header-video .custom-header {
    padding-top: 0 !important;
}

/*--------------------------------------------------------------
18.0 WooCommerce
--------------------------------------------------------------*/
.woocommerce-tabs h2,
.product .related h2 {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
}

.product .related h2 {
    text-align: center;
    margin-bottom: 30px;
}

.product .related > h2:before {
    display: block;
    content: " ";
    width: 130px;
    height: 1px;
    background: #E6E6E6;
    margin: 40px auto 48px;
}

.woocommerce #comments {
    max-width: 100%;
    padding: 0;
}

.woocommerce #comments > h2 {
    font-size: 24px;
    margin: 40px 0 80px;
}

.woocommerce .commentlist li {
    list-style-type: none;
}

.woocommerce #reviews #comments ol.commentlist li::after {
    display: none;
}

#main .woocommerce #respond h3 {
    text-transform: none;
    margin: 40px 0 80px;
    text-transform: uppercase;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
#main .woocommerce-page #content input.button {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 11px 25px;
    color: #444;
    border: 2px solid #444;
    background-image: none;
    background: #fff;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
    color: var(--inspiro-primary-color);
    border-color: var(--inspiro-primary-color);
    background: rgba(11, 180, 170, 0.05);
}

#main .payment_methods li {
    list-style-type: none;
}

.payment_methods label {
    display: inline-block;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-family: "Montserrat", sans-serif;
    color: var(--inspiro-primary-color);
}

.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price {
    font-family: "Montserrat", sans-serif;
    color: var(--inspiro-primary-color);
}

.woocommerce #content div.product form.cart,
.woocommerce div.product form.cart,
.woocommerce-page #content div.product form.cart,
.woocommerce-page div.product form.cart {
    margin-top: 15px;
}

.woocommerce div.product form.cart .button,
.woocommerce-page div.product form.cart .button,
.woocommerce #content div.product form.cart .button,
.woocommerce-page #content div.product form.cart .button,
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
#main .woocommerce-page #content input.button.alt {
    color: #000;
    border-color: #000;
    background: none;
    padding: 11px 25px;
}

.woocommerce button.button.alt.disabled:hover {
    background: #000;
    color: #fff;
}

.woocommerce div.product form.cart .button:hover,
.woocommerce-page div.product form.cart .button:hover,
.woocommerce-page #main a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #main input.button:hover,
.woocommerce button.button.alt:hover {
    border-color: var(--inspiro-primary-color);
    background-color: transparent;
    color: var(--inspiro-primary-color);
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce div.product div.images img,
.woocommerce #content div.product div.images img,
.woocommerce-page div.product div.images img,
#main .woocommerce-page #content div.product div.images img {
    box-shadow: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: center !important;
}

.woocommerce .related li.first,
.woocommerce-page .related li.first {
    clear: none !important;
}

.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
    display: inline-block !important;
}

.woocommerce .related ul.products li.product:last-child,
.woocommerce .related ul li.product:last-child,
.woocommerce .upsells.products ul.products li.product:last-child,
.woocommerce .upsells.products ul li.product:last-child,
.woocommerce-page .related ul.products li.product:last-child,
.woocommerce-page .related ul li.product:last-child,
.woocommerce-page .upsells.products ul.products li.product:last-child,
.woocommerce-page .upsells.products ul li.product:last-child {
    margin-left: 0 !important;
}

.woocommerce .quantity .plus,
#main .woocommerce .quantity .minus {
    text-shadow: none;
    background: #C4C4C9;
    box-shadow: none;
    color: #222;
    border: none;
    outline: none;
    height: 18px !important;
}

.woocommerce .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce-page #content .quantity input.qty {
    padding: 0 !important;
    border: 2px solid #E2E2E2 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 38px !important;
}

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover {
    background: var(--inspiro-primary-color) !important;
    color: #fff !important;
}

.woocommerce .quantity .plus {
    border-radius: 0 !important;
}

.woocommerce .quantity .minus {
    border-radius: 0 !important;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: #222;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
    background: #F2F3F3 !important;
    box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before {
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after {
    display: none !important;
}

.woocommerce a.button.added:before,
.woocommerce button.button.added:before,
.woocommerce input.button.added:before,
.woocommerce-page a.button.added:before,
.woocommerce-page button.button.added:before,
.woocommerce-pagination {
    margin-bottom: 25px;
}

.woocommerce-pagination .page-numbers,
.woocommerce-pagination .page-numbers li {
    border: none !important;
    background: none !important;
}

.woocommerce-pagination .current,
.woocommerce-pagination .page-numbers:hover {
    color: var(--inspiro-primary-color) !important;
}

.single-product .summary table.variations .label {
    padding: 0 0 10px;
}

.woocommerce-page h1.entry-title {
    border-bottom: none !important;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a,
.woocommerce-page ul.cart_list li a,
.woocommerce-page ul.product_list_widget li a {
    font-weight: normal !important;
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before,
.woocommerce-page .woocommerce-error::before,
.woocommerce-page .woocommerce-info::before,
.woocommerce-page .woocommerce-message::before {
    height: auto !important;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #a3a3a3;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--inspiro-primary-color);
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding-top: 4px;
    padding-bottom: 4px;
    width: auto;
    font-size: 14px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
    border-color: var(--inspiro-primary-color);
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    width: 100%;
}

.woocommerce form .shipping-calculator-form p {
    padding: 3px;
}

.woocommerce a.remove {
    line-height: 1.2;
}

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

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    margin: 0 5px;
    border-color: #DEE3E7;
    background: #F7F8FA;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-color: #DEE3E7;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
    display: none;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-top-color: #eee;
}

.woocommerce-message::before {
    color: var(--inspiro-primary-color);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #f7f6f7;
    border-radius: 0;
    border: 2px solid #eee;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: #e8e8e8;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #e8e8e8;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 32px 30px 10px;
    margin-bottom: 50px;
    border-radius: 5px;
    background: #f2f4f6;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #000;
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--inspiro-primary-color);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--inspiro-primary-color);
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
@media (min-width: 75em) {
    .wp-block-query.alignwide,
    .single .entry-content .alignwide {
        margin-right: -125px;
        margin-left: -125px;
        max-width: 1200px;
        width: 1200px;
    }
}
@media (min-width: 64.0625em) {
    .navbar-nav ul {
        right: 50%;
        width: 220px;
        margin-top: 15px;
        border-top: 2px solid var(--inspiro-primary-color);
        background: #101010;
        transform: translate(50%, 0);
    }
    .navbar-nav ul li {
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
    .navbar-nav ul li.current-menu-item a, .navbar-nav ul li.current_page_item a, .navbar-nav ul li.current-menu-parent a {
        border-bottom: none;
        color: #fff;
    }
    .navbar-nav ul a {
        color: #b0b0b0;
        padding: 8px 15px;
        border-bottom: none;
    }
    .navbar-nav ul a:hover {
        border-bottom: none;
        color: #fff;
    }
    .navbar-nav ul ul {
        left: 100%;
        margin-top: -3px;
        transform: translate(0, 0);
    }
    .navbar-nav > li > a.sf-with-ul:hover {
        border-bottom: 1px solid rgba(255, 255, 255, 0);
    }
}
@media screen and (min-width: 48em) {
    .single h1.entry-title {
        font-size: 42px;
        font-size: 2.625rem;
    }
    /* Layout */
    .inner-wrap {
        max-width: 1200px;
    }
    .page-layout-sidebar-right.has-sidebar:not(.error404) #primary, .page-layout-sidebar-right.has-sidebar:not(.search) #primary, .page-layout-sidebar-right.has-sidebar:not(.archive) #primary {
        float: right;
        width: 75%;
        padding-left: 4%;
    }
    .page-layout-sidebar-right.has-sidebar #secondary {
        float: left;
        padding: 0 4% 1.25em 0;
        width: 25%;
        margin-bottom: 2em;
        border-right: 1px solid rgba(68, 68, 68, 0.19);
    }
    .page-layout-sidebar-right.has-sidebar.page .entry-wrapper .entry-content, .page-layout-sidebar-right.has-sidebar.single .entry-wrapper .entry-content {
        float: right;
        width: 75%;
        max-width: 100%;
        padding-left: 4%;
        padding-right: 0;
        margin: 0;
    }
    .error404 #primary,
    .search #primary,
    .archive #primary {
        float: none;
    }
    /* Site Branding */
    .site-branding {
        margin-bottom: 0;
    }
    .has-header-image.inspiro-front-page .custom-header,
    .has-header-video.inspiro-front-page .custom-header,
    .has-header-image.home.blog .custom-header,
    .has-header-video.home.blog .custom-header {
        display: block;
        height: auto;
    }
    .custom-header-media {
        height: 165px;
        position: relative;
    }
    .inspiro-front-page.has-header-image .custom-header-media, .inspiro-front-page.has-header-video .custom-header-media {
        height: 0;
        position: relative;
    }
    .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 0;
        position: relative;
    }
    .has-header-image:not(.inspiro-front-page):not(.home) .custom-header,
    .has-header-video:not(.inspiro-front-page):not(.home) .custom-header {
        height: 450px;
    }
    .has-header-image:not(.inspiro-front-page):not(.home) .site-branding,
    .has-header-video:not(.inspiro-front-page):not(.home) .site-branding {
        position: absolute;
        text-align: right;
        bottom: 30px;
        right: 0;
        width: 100%;
    }
    .has-header-image:not(.inspiro-front-page):not(.home) .custom-header-media,
    .has-header-video:not(.inspiro-front-page):not(.home) .custom-header-media {
        bottom: 0;
        height: auto;
        right: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    /* Front Page */
    .inspiro-front-page.has-header-image .site-branding, .inspiro-front-page.has-header-video .site-branding {
        margin-bottom: 70px;
    }
    .page-template-default.home .entry-title {
        margin-top: 40px;
    }
    .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding {
        margin-bottom: 70px;
    }
    .inspiro-front-page.has-header-image .custom-header-media, .inspiro-front-page.has-header-video .custom-header-media {
        height: 1200px;
        height: 100vh;
        max-height: 100%;
        overflow: hidden;
    }
    .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 1200px;
        height: 100vh;
        max-height: 100%;
        overflow: hidden;
    }
    .inspiro-front-page.has-header-image .custom-header-media:after, .inspiro-front-page.has-header-video .custom-header-media:after {
        height: 33%;
    }
    .home.blog.has-header-image .custom-header-media:after, .home.blog.has-header-video .custom-header-media:after {
        height: 33%;
    }
    .admin-bar.inspiro-front-page.has-header-image .custom-header-media, .admin-bar.inspiro-front-page.has-header-video .custom-header-media {
        height: calc(100vh - 32px);
    }
    .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
        height: calc(100vh - 32px);
    }
    /* Secondary */
    #secondary {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.6;
    }
    /* Footer */
    .site-footer {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.6;
    }
    .site-footer .footer-widgets {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .site-footer .widget-columns-1 .widget-column {
        flex: 0 0 calc(100% / 1);
    }
    .site-footer .widget-columns-2 .widget-column {
        flex: 0 0 calc(100% / 2);
    }
    .site-footer .widget-columns-3 .widget-column {
        flex: 0 0 calc(100% / 3);
    }
    .site-footer .widget-columns-4 .widget-column {
        flex: 0 0 calc(100% / 4);
    }
    .site-footer .widget-column {
        padding-left: 2.5em;
    }
    .site-footer .widget-column:last-child {
        padding-left: 0;
    }
    #respond input[type=text] {
        width: 40%;
    }
}
@media screen and (max-width: 30em) {
    /* Compatibility with WP admin bar */
    .admin-bar:not(.side-nav-open) .headroom {
        top: 32px;
    }
    /* Footer */
    .site-footer {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
    }
    .site-footer .widget-columns-1 .widget-column {
        flex: 0 0 50%;
    }
    .site-footer .widget-columns-2 .widget-column {
        flex: 0 0 50%;
    }
    .site-footer .widget-columns-3 .widget-column {
        flex: 0 0 50%;
    }
    .site-footer .widget-columns-4 .widget-column {
        flex: 0 0 50%;
    }
}
@media screen and (max-width: 64em) {
    .side-nav .navbar-nav {
        display: block;
        margin-right: 0;
        position: relative;
    }
    .side-nav .navbar-nav ul {
        display: none;
        margin-right: 20px;
    }
    .side-nav .navbar-nav li a:hover,
    .side-nav .navbar-nav li a:active {
        color: #fff;
    }
    .side-nav .navbar-nav li.menu-item-has-children > a .svg-icon {
        float: left;
        fill: #999;
        height: 26px;
        width: 26px;
        margin: 4px 10px 0 0;
        transition: 0.1s ease color, 0.5s ease transform;
    }
    .side-nav .navbar-nav li.menu-item-has-children > a .svg-icon:hover, .side-nav .navbar-nav li.menu-item-has-children > a .svg-icon:active {
        fill: #fff;
    }
    .side-nav .navbar-nav li.menu-item-has-children.open > a .svg-icon {
        transform: rotate(-180deg);
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        display: none;
    }
    .navbar-nav {
        float: none;
    }
    .navbar-nav a:hover,
    .navbar-nav > li > a:hover {
        border: none;
    }
    .navbar-nav > li > a.sf-with-ul:hover {
        border-bottom: none;
    }
    .navbar-nav > li.current-menu-item > a, .navbar-nav > li.current_page_item > a, .navbar-nav > li.current-menu-parent > a {
        color: var(--inspiro-primary-color);
    }
    .navbar-nav li {
        display: block;
        position: relative;
        float: none;
        margin: 10px 0;
        padding: 0 0 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .navbar-nav li a {
        border: none !important;
        padding: 4px 0;
        margin: 7px 0;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
    }
    .navbar-nav li li a {
        color: #ccc;
    }
    .navbar-nav ul:before {
        display: none;
    }
    .navbar-nav ul li {
        border: none;
        padding: 0;
        margin: 7px 0;
    }
    .navbar-nav ul li a {
        text-transform: none;
        font-weight: normal;
        font-size: 14px;
    }
    .navbar-nav ul ul {
        right: 0;
    }
    .current-menu-item a,
    .current_page_item a,
    .current-menu-parent a {
        border-bottom: none;
    }
    .site-title {
        font-size: 56px;
        font-size: 3.5rem;
    }
    .site-description {
        font-size: 18px;
        font-size: 1.125rem;
    }
    .previous-post-cover .previous-content .nav-title {
        font-size: 30px;
        font-size: 1.875rem;
    }
    #comments,
    .page #comments,
    .page .entry-header .inner-wrap,
    .page .entry-content,
    .page:not(.inspiro-front-page) .entry-footer,
    .single .entry-header .inner-wrap,
    .single .entry-content,
    .single .entry-footer {
        padding: 0 4%;
    }
    .single .entry-wrapper .entry-content {
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
    }
    .navbar .header-inner.wpz_layout_full,
    .wrap,
    .inner-wrap {
        padding-left: 4%;
        padding-right: 4%;
    }
    body:not(.page-layout-sidebar-right) #primary {
        padding-right: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 48.875em) {
    /* Compatibility with WP admin bar */
    .admin-bar:not(.side-nav-open) .headroom {
        top: 46px;
    }
    .admin-bar #header {
        margin-top: 46px;
    }
    .admin-bar .side-nav__wrap {
        padding-top: 76px;
    }
    .side-nav__wrap .navbar-toggle {
        margin: 0;
        margin-bottom: 15px;
    }
    .site-title {
        font-size: 42px;
        font-size: 2.625rem;
    }
    .custom-header-button {
        font-size: 14px;
        font-size: 0.875rem;
    }
    .side-nav .widget .title {
        font-size: 20px;
        font-size: 1.25rem;
    }
    .page .entry-cover-image .entry-header .entry-title,
    .single .entry-cover-image .entry-header .entry-title {
        font-size: 32px;
        font-size: 2rem;
    }
    .previous-post-cover .previous-content .nav-title {
        font-size: 24px;
        font-size: 1.5rem;
    }
    /* Make sure play/pause button can be clicked on smaller screens */
    .wp-custom-header .wp-custom-header-video-button {
        z-index: 10;
    }
}
@media screen and (max-width: 40em) {
    body:not(.wp-custom-logo) a.custom-logo-text {
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 0;
        line-height: 2em;
    }
    .clean_skin_wrap_post h3 {
        font-size: 16px;
    }
    .wpz-hero-home {
        flex-direction: column;
    }
    .site-title {
        font-size: 24px;
        font-size: 1.5rem;
        padding-bottom: 0;
        margin-bottom: 10px;
    }
    .site-title:after {
        display: none;
    }
    .site-description {
        font-size: 16px;
        font-size: 1rem;
        text-shadow: none;
    }
    .custom-header-button {
        font-size: 12px;
        font-size: 0.75rem;
    }
    .page .entry-content,
    .single .entry-content {
        margin-top: 20px;
    }
    .page .entry-cover-image .entry-header .entry-title,
    .single .entry-cover-image .entry-header .entry-title {
        font-size: 24px;
        font-size: 1.5rem;
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.5;
    }
    .widget_wpzoom-instagram li:nth-child(3n+3) {
        margin-left: 15px;
    }
    .side-nav__close-button {
        display: block;
    }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(2) {
        transform: rotateZ(40deg) translate3d(-4px, 17px, 0);
        width: 12px;
    }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(3) {
        transform: translateX(-3px);
        opacity: 1;
    }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(4) {
        transform: rotateZ(-40deg) translate3d(-4px, -17px, 0);
        width: 12px;
    }
    .side-nav__wrap {
        padding-top: 20px;
    }
    .site-info {
        font-size: 14px;
        font-size: 0.875rem;
    }
    .site-info .copyright span:nth-child(1) {
        margin-bottom: 10px;
    }
    .site-info .copyright span:nth-child(1),
    .site-info .copyright span:nth-child(2) {
        flex: 100%;
        text-align: center;
    }
    .previous-post-cover .previous-info {
        min-height: 200px;
    }
    .header_social {
        display: none;
    }
    .sb-search .sb-icon-search .svg-icon {
        height: 14px;
        margin: 14px 0;
    }
}
@media screen and (max-width: 37.5em) {
    .admin-bar #header.headroom--not-top {
        margin-top: 0;
    }
}
@media screen and (max-width: 600px) {
    /* Compatibility with WP admin bar */
    .admin-bar:not(.side-nav-open) .headroom {
        top: 46px;
    }
    .admin-bar:not(.side-nav-open) .site-header.headroom--not-top {
        top: 0;
    }
}
@media screen and (max-width: 30em) {
    .site-header.headroom--not-top {
        top: 0;
    }
    .side-nav {
        width: 320px;
    }
    .side-nav-transitioning,
    .side-nav-open .side-nav-overlay {
        left: 320px;
    }
    .side-nav__scrollable-container {
        transform: translateX(-320px);
    }
    body.side-nav-open .site {
        transform: translateX(320px);
    }
}