@charset "UTF-8";
/*!
Theme Name: Kosi
Theme URI: https://demo.leebrosus.com/kosi/
Author: Duy Nguyen
Author URI: https://leebrosus.com/
Description: Kosi - Furniture WooCommerce WordPress Theme is a clean, modern & minimal furniture theme with 14+ exclusive homepage designs and many other internal pages. This theme is dedicated for eCommerce websites such as furniture shops, furniture stores, interior design companies, architecture or electronics stores.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kosi
Tags: architecture, clean, creative, ecommerce, electronics, fashion, furniture, interior design, minimal, modern, multipurpose, portfolio, responsive, shop, store
*/
@font-face {
font-family: "Kosi-body";
src: url("assets/fonts/custom/Kosi-bodyItalic.eot");
src: url("assets/fonts/custom/Kosi-bodyItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-bodyItalic.woff2") format("woff2"), url("assets/fonts/custom/Kosi-bodyItalic.woff") format("woff"), url("assets/fonts/custom/Kosi-bodyItalic.svg#Kosi-bodyItalic") format("svg");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Kosi-body";
src: url("assets/fonts/custom/Kosi-bodyRegular.eot");
src: url("assets/fonts/custom/Kosi-bodyRegular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-bodyRegular.woff2") format("woff2"), url("assets/fonts/custom/Kosi-bodyRegular.woff") format("woff"), url("assets/fonts/custom/Kosi-bodyRegular.svg#Kosi-bodyRegular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Kosi-body";
src: url("assets/fonts/custom/Kosi-body600.eot");
src: url("assets/fonts/custom/Kosi-body600.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-body600.woff2") format("woff2"), url("assets/fonts/custom/Kosi-body600.woff") format("woff"), url("assets/fonts/custom/Kosi-body600.svg#Kosi-body600") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Kosi-body";
src: url("assets/fonts/custom/Kosi-bodyItalic.eot");
src: url("assets/fonts/custom/Kosi-bodyItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-bodyItalic.woff2") format("woff2"), url("assets/fonts/custom/Kosi-bodyItalic.woff") format("woff"), url("assets/fonts/custom/Kosi-bodyItalic.svg#Kosi-bodyItalic") format("svg");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Kosi-heading";
src: url("assets/fonts/custom/Kosi-headingBold.eot");
src: url("assets/fonts/custom/Kosi-headingBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-headingBold.woff2") format("woff2"), url("assets/fonts/custom/Kosi-headingBold.woff") format("woff"), url("assets/fonts/custom/Kosi-headingBold.svg#Kosi-headingBold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Kosi-heading";
src: url("assets/fonts/custom/Kosi-headingRegular.eot");
src: url("assets/fonts/custom/Kosi-headingRegular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-headingRegular.woff2") format("woff2"), url("assets/fonts/custom/Kosi-headingRegular.woff") format("woff"), url("assets/fonts/custom/Kosi-headingRegular.svg#Kosi-headingRegular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Kosi-heading";
src: url("assets/fonts/custom/Kosi-headingSemiBold.eot");
src: url("assets/fonts/custom/Kosi-headingSemiBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/custom/Kosi-headingSemiBold.woff2") format("woff2"), url("assets/fonts/custom/Kosi-headingSemiBold.woff") format("woff"), url("assets/fonts/custom/Kosi-headingSemiBold.svg#Kosi-headingSemiBold") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@keyframes kosi-loading {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes kosi-loading {
100% {
-webkit-transform: rotate(360deg);
}
}
@font-face {
font-family: "kosi-icon";
src: url("./assets/fonts/kosi-icon.eot");
src: url("./assets/fonts/kosi-icon.eot?#iefix") format("eot"), url("./assets/fonts/kosi-icon.woff2") format("woff2"), url("./assets/fonts/kosi-icon.woff") format("woff"), url("./assets/fonts/kosi-icon.ttf") format("truetype"), url("./assets/fonts/kosi-icon.svg#kosi-icon") format("svg");
font-display: swap;
}
[class*=kosi-icon-] {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
1.1 Typography
1.2 Global styles
1.3 Icons
2.0 Header
2.1 Main Naivgation
2.2 Breadcrumb
3.0 Main content area
3.1 Content (posts etc)
4.0 Footer
5.0 Alignment
6.0 Accessiblity
7.0 Clearing
8.0 Tables
9.0 404 Styles
10.0 Comments
11.0 Forms
12.0 Media
12.1 Galleries
13.0 Captions
14.0 Pagination
15.0 Widgets
16.0 Utilities
--------------------------------------------------------------*/
/*-------------------------------------------------------------
1.0 Normalize
normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
::selection {
text-shadow: none;
color: #fff;
background: var(--primary_hover);
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: var(--accent);
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
box-sizing: content-box;
/* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.bypostauthor {
display: block;
}
.sticky {
box-sizing: border-box;
}
/*-------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/
:root {
--primary: #CD8F5C;
--primary_hover: #bc753a;
--text: #585858;
--accent: #111111;
--light: #767676;
--dark: #000;
--border: #EEEEEE;
--background: #ffffff;
--background_light: #f5f5f5;
--container: 1440px;
}
body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body,
button,
input,
textarea {
font-size: 16px;
color: var(--text);
font-family: "Kosi-body", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.5;
font-weight: 400;
}
.elementor-button {
line-height: 1.5;
}
select {
color: initial;
font-family: "Kosi-body", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
max-width: 100%;
}
h1,
h2,
.elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
h3,
h4,
h5,
h6,
#secondary .widget .wp-block-group__inner-container h2,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
#secondary .widget .widget-title,
#secondary .widget .widgettitle,
.kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .widgettitle {
clear: both;
margin: 0 0 0.6180469716em;
color: var(--accent);
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 600;
}
.comment-body .comment-text h1,
.comment-body .comment-text h2,
.comment-body .comment-text .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .comment-body .comment-text .kosi-woocommerce-title,
.comment-body .comment-text h3,
.comment-body .comment-text h4,
.comment-body .comment-text h5,
.comment-body .comment-text h6,
.comment-body .comment-text #secondary .widget .wp-block-group__inner-container h2,
#secondary .widget .wp-block-group__inner-container .comment-body .comment-text h2,
.comment-body .comment-text #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .comment-body .comment-text .kosi-woocommerce-title,
.comment-body .comment-text .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .comment-body .comment-text .kosi-woocommerce-title,
.comment-body .comment-text #secondary .widget .widget-title,
#secondary .widget .comment-body .comment-text .widget-title,
.comment-body .comment-text #secondary .widget .widgettitle,
#secondary .widget .comment-body .comment-text .widgettitle,
.comment-body .comment-text .kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .comment-body .comment-text h2,
.comment-body .comment-text .kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .comment-body .comment-text .kosi-woocommerce-title,
.comment-body .comment-text .elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .comment-body .comment-text .kosi-woocommerce-title,
.comment-body .comment-text .kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .comment-body .comment-text .widget-title,
.comment-body .comment-text .kosi-canvas-filter .widget .widgettitle,
.kosi-canvas-filter .widget .comment-body .comment-text .widgettitle {
padding: 1em 0 0;
}
h1 + h2, .elementor-widget-kosi-breadcrumb h1 + .kosi-woocommerce-title,
h2 + h2,
.elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + h2,
.elementor-widget-kosi-breadcrumb h2 + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + .kosi-woocommerce-title,
h3 + h2,
.elementor-widget-kosi-breadcrumb h3 + .kosi-woocommerce-title,
h4 + h2,
.elementor-widget-kosi-breadcrumb h4 + .kosi-woocommerce-title,
h5 + h2,
.elementor-widget-kosi-breadcrumb h5 + .kosi-woocommerce-title,
h6 + h2,
#secondary .widget .wp-block-group__inner-container h2 + h2,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + h2,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title + h2,
#secondary .widget .widget-title + h2,
#secondary .widget .widgettitle + h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container h2 + h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + h2,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title + h2,
.kosi-canvas-filter .widget .widget-title + h2,
.kosi-canvas-filter .widget .widgettitle + h2,
.elementor-widget-kosi-breadcrumb h6 + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container h2 + .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb h2 + .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .widget-title + .kosi-woocommerce-title,
#secondary .widget .elementor-widget-kosi-breadcrumb .widget-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .widgettitle + .kosi-woocommerce-title,
#secondary .widget .elementor-widget-kosi-breadcrumb .widgettitle + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container h2 + .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb h2 + .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .widget-title + .kosi-woocommerce-title,
.kosi-canvas-filter .widget .elementor-widget-kosi-breadcrumb .widget-title + .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .widgettitle + .kosi-woocommerce-title,
.kosi-canvas-filter .widget .elementor-widget-kosi-breadcrumb .widgettitle + .kosi-woocommerce-title {
margin-top: 1em;
}
h1,
.h1,
.alpha {
font-size: 48px;
line-height: 1.16666667;
}
@media (max-width: 567px) {
h1,
.h1,
.alpha {
font-size: 40px;
}
}
h2, .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.h2,
.beta {
font-size: 40px;
line-height: 1.2;
}
@media (max-width: 567px) {
h2, .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.h2,
.beta {
font-size: 32px;
}
}
h3,
.h3,
.gamma {
font-size: 34px;
line-height: 1.2352941176;
}
@media (max-width: 567px) {
h3,
.h3,
.gamma {
font-size: 30px;
}
}
h4,
.h4,
.delta {
font-size: 28px;
line-height: 1.2857142857;
}
@media (max-width: 567px) {
h4,
.h4,
.delta {
font-size: 26px;
}
}
h5,
.h5 {
font-size: 22px;
line-height: 1.3636363636;
}
h6, #secondary .widget .wp-block-group__inner-container h2, #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
#secondary .widget .widget-title,
#secondary .widget .widgettitle,
.kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .widgettitle,
.h6 {
font-size: 18px;
line-height: 1.3333333333;
}
.alpha,
.beta,
.gamma,
.delta {
display: block;
}
p + h2, .elementor-widget-kosi-breadcrumb p + .kosi-woocommerce-title, p + header h2, p + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb p + header .kosi-woocommerce-title, p + h3, p + h4,
ul + h2,
.elementor-widget-kosi-breadcrumb ul + .kosi-woocommerce-title,
ul + header h2,
ul + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb ul + header .kosi-woocommerce-title,
ul + h3,
ul + h4,
ol + h2,
.elementor-widget-kosi-breadcrumb ol + .kosi-woocommerce-title,
ol + header h2,
ol + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb ol + header .kosi-woocommerce-title,
ol + h3,
ol + h4,
table + h2,
.elementor-widget-kosi-breadcrumb table + .kosi-woocommerce-title,
table + header h2,
table + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb table + header .kosi-woocommerce-title,
table + h3,
table + h4,
blockquote + h2,
.elementor-widget-kosi-breadcrumb blockquote + .kosi-woocommerce-title,
blockquote + header h2,
blockquote + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb blockquote + header .kosi-woocommerce-title,
blockquote + h3,
blockquote + h4,
form + h2,
.elementor-widget-kosi-breadcrumb form + .kosi-woocommerce-title,
form + header h2,
form + header .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb form + header .kosi-woocommerce-title,
form + h3,
form + h4 {
margin-top: 1em;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0 0 1em;
}
p {
margin: 0 0 1em;
}
ul,
ol {
margin: 0 0 1em 3em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.41575em;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
font-size: 24px;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: var(--accent);
font-style: italic;
}
blockquote p {
position: relative;
}
blockquote p:first-child:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
color: var(--primary);
font-style: normal;
font-size: 40px;
font-weight: 700;
position: absolute;
top: 10px;
left: -60px;
text-shadow: none;
z-index: -1;
}
blockquote p:last-child {
margin-bottom: 0;
}
.wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
border-color: var(--primary);
padding-right: 30px;
}
address {
margin: 0 0 1em;
}
pre {
background: rgba(0, 0, 0, 0.1);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.618em;
padding: 1.618em;
overflow: auto;
max-width: 100%;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
background-color: rgba(0, 0, 0, 0.05);
padding: 0.202em 0.5407911001em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
text-decoration: none;
font-weight: 700;
background: transparent;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.41575em;
width: 100%;
}
img {
height: auto;
max-width: 100%;
display: block;
}
a:not(.button) {
color: var(--primary);
text-decoration: none;
}
a:not(.button):hover {
color: var(--primary_hover);
}
:focus {
outline: none;
}
.kosi-cute * {
font-family: "Comic Sans MS", sans-serif;
}
/*-------------------------------------------------------------
1.2 Global styles
--------------------------------------------------------------*/
* {
box-sizing: border-box;
}
.site {
overflow-x: hidden;
}
.site-content,
.header-widget-region {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bg-primary {
background-color: var(--primary);
}
.shape-primary .elementor-shape-fill {
fill: var(--primary);
}
.color-primary {
color: var(--primary);
}
.outline-primary {
outline-color: var(--primary);
}
.bd-primary {
border-color: var(--primary);
}
.bd-t-primary {
border-top-color: var(--primary);
}
.bd-b-primary {
border-bottom-color: var(--primary);
}
.bd-r-primary {
border-right-color: var(--primary);
}
.bd-l-primary {
border-left-color: var(--primary);
}
.bg-primary_hover {
background-color: var(--primary_hover);
}
.shape-primary_hover .elementor-shape-fill {
fill: var(--primary_hover);
}
.color-primary_hover {
color: var(--primary_hover);
}
.outline-primary_hover {
outline-color: var(--primary_hover);
}
.bd-primary_hover {
border-color: var(--primary_hover);
}
.bd-t-primary_hover {
border-top-color: var(--primary_hover);
}
.bd-b-primary_hover {
border-bottom-color: var(--primary_hover);
}
.bd-r-primary_hover {
border-right-color: var(--primary_hover);
}
.bd-l-primary_hover {
border-left-color: var(--primary_hover);
}
.bg-secondary {
background-color: var(--secondary);
}
.shape-secondary .elementor-shape-fill {
fill: var(--secondary);
}
.color-secondary {
color: var(--secondary);
}
.outline-secondary {
outline-color: var(--secondary);
}
.bd-secondary {
border-color: var(--secondary);
}
.bd-t-secondary {
border-top-color: var(--secondary);
}
.bd-b-secondary {
border-bottom-color: var(--secondary);
}
.bd-r-secondary {
border-right-color: var(--secondary);
}
.bd-l-secondary {
border-left-color: var(--secondary);
}
.bg-secondary_hover {
background-color: var(--secondary_hover);
}
.shape-secondary_hover .elementor-shape-fill {
fill: var(--secondary_hover);
}
.color-secondary_hover {
color: var(--secondary_hover);
}
.outline-secondary_hover {
outline-color: var(--secondary_hover);
}
.bd-secondary_hover {
border-color: var(--secondary_hover);
}
.bd-t-secondary_hover {
border-top-color: var(--secondary_hover);
}
.bd-b-secondary_hover {
border-bottom-color: var(--secondary_hover);
}
.bd-r-secondary_hover {
border-right-color: var(--secondary_hover);
}
.bd-l-secondary_hover {
border-left-color: var(--secondary_hover);
}
.bg-body {
background-color: var(--text);
}
.shape-body .elementor-shape-fill {
fill: var(--text);
}
.color-body {
color: var(--text);
}
.outline-body {
outline-color: var(--text);
}
.bd-body {
border-color: var(--text);
}
.bd-t-body {
border-top-color: var(--text);
}
.bd-b-body {
border-bottom-color: var(--text);
}
.bd-r-body {
border-right-color: var(--text);
}
.bd-l-body {
border-left-color: var(--text);
}
.bg-heading {
background-color: var(--accent);
}
.shape-heading .elementor-shape-fill {
fill: var(--accent);
}
.color-heading {
color: var(--accent);
}
.outline-heading {
outline-color: var(--accent);
}
.bd-heading {
border-color: var(--accent);
}
.bd-t-heading {
border-top-color: var(--accent);
}
.bd-b-heading {
border-bottom-color: var(--accent);
}
.bd-r-heading {
border-right-color: var(--accent);
}
.bd-l-heading {
border-left-color: var(--accent);
}
.bg-light {
background-color: var(--light);
}
.shape-light .elementor-shape-fill {
fill: var(--light);
}
.color-light {
color: var(--light);
}
.outline-light {
outline-color: var(--light);
}
.bd-light {
border-color: var(--light);
}
.bd-t-light {
border-top-color: var(--light);
}
.bd-b-light {
border-bottom-color: var(--light);
}
.bd-r-light {
border-right-color: var(--light);
}
.bd-l-light {
border-left-color: var(--light);
}
.bg-dark {
background-color: var(--dark);
}
.shape-dark .elementor-shape-fill {
fill: var(--dark);
}
.color-dark {
color: var(--dark);
}
.outline-dark {
outline-color: var(--dark);
}
.bd-dark {
border-color: var(--dark);
}
.bd-t-dark {
border-top-color: var(--dark);
}
.bd-b-dark {
border-bottom-color: var(--dark);
}
.bd-r-dark {
border-right-color: var(--dark);
}
.bd-l-dark {
border-left-color: var(--dark);
}
.bg-border {
background-color: var(--border);
}
.shape-border .elementor-shape-fill {
fill: var(--border);
}
.color-border {
color: var(--border);
}
.outline-border {
outline-color: var(--border);
}
.bd-border {
border-color: var(--border);
}
.bd-t-border {
border-top-color: var(--border);
}
.bd-b-border {
border-bottom-color: var(--border);
}
.bd-r-border {
border-right-color: var(--border);
}
.bd-l-border {
border-left-color: var(--border);
}
.bg-background {
background-color: var(--background);
}
.shape-background .elementor-shape-fill {
fill: var(--background);
}
.color-background {
color: var(--background);
}
.outline-background {
outline-color: var(--background);
}
.bd-background {
border-color: var(--background);
}
.bd-t-background {
border-top-color: var(--background);
}
.bd-b-background {
border-bottom-color: var(--background);
}
.bd-r-background {
border-right-color: var(--background);
}
.bd-l-background {
border-left-color: var(--background);
}
.lazyloaded {
transition: all 0.3s !important;
}
#page .site-content {
margin-top: 4.235801032em;
margin-bottom: 2.2906835em;
}
@media (max-width: 767px) {
#page .site-content {
margin-top: 1.41575em;
margin-bottom: 1.41575em;
}
}
body.home #page .site-content, body.page-template-template-homepage #page .site-content {
margin-top: 0;
}
body.home #page .kosi-breadcrumb {
display: none;
}
.hp-move-up {
animation-name: opalMoveUp;
-moz-animation-name: opalMoveUp;
-webkit-animation-name: opalMoveUp;
}
@-webkit-keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes opalMoveUp {
from {
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.hp-move-down {
animation-name: opalMoveDown;
-moz-animation-name: opalMoveDown;
-webkit-animation-name: opalMoveDown;
}
@-webkit-keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes opalMoveDown {
from {
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.hp-move-left {
animation-name: opalMoveLeft;
-moz-animation-name: opalMoveLeft;
-webkit-animation-name: opalMoveLeft;
}
@-webkit-keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes opalMoveLeft {
from {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.hp-move-right {
animation-name: opalMoveRight;
-moz-animation-name: opalMoveRight;
-webkit-animation-name: opalMoveRight;
}
@-webkit-keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-ms-keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes opalMoveRight {
from {
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
to {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.hp-scale-up {
animation-name: opalScaleUp;
-moz-animation-name: opalScaleUp;
-webkit-animation-name: opalScaleUp;
}
@-webkit-keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-ms-keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes opalScaleUp {
from {
opacity: 0;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
to {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
[data-elementor-columns] {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
[data-elementor-columns] .column-item {
padding-left: 20px;
padding-right: 20px;
}
[data-elementor-columns-mobile="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns-mobile="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns-mobile="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns-mobile="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns-mobile="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns-mobile="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
@media (min-width: 768px) {
[data-elementor-columns-tablet="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns-tablet="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns-tablet="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns-tablet="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns-tablet="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns-tablet="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
@media (min-width: 1024px) {
[data-elementor-columns="1"] .column-item {
flex: 0 0 100%;
max-width: 100%;
}
[data-elementor-columns="2"] .column-item {
flex: 0 0 50%;
max-width: 50%;
}
[data-elementor-columns="3"] .column-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
[data-elementor-columns="4"] .column-item {
flex: 0 0 25%;
max-width: 25%;
}
[data-elementor-columns="5"] .column-item {
flex: 0 0 20%;
max-width: 20%;
}
[data-elementor-columns="6"] .column-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
max-width: var(--container);
}
@media (min-width: 768px) and (max-width: 1380px) {
.container {
padding-left: 30px;
padding-right: 30px;
width: auto;
}
}
.container.no-padding {
padding: 0;
}
@media (max-width: 1200px) {
.container.no-padding.padding-mobile {
padding-left: 20px;
padding-right: 20px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
[class*=" column-"], [class^=column-] {
padding-left: 20px;
padding-right: 20px;
}
.column-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.column-tablet-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-tablet-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-tablet-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-tablet-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-tablet-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-tablet-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-tablet-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-tablet-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-tablet-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-tablet-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-tablet-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-tablet-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1024px) {
.column-desktop-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.column-desktop-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.column-desktop-3 {
flex: 0 0 25%;
max-width: 25%;
}
.column-desktop-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.column-desktop-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.column-desktop-6 {
flex: 0 0 50%;
max-width: 50%;
}
.column-desktop-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.column-desktop-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.column-desktop-9 {
flex: 0 0 75%;
max-width: 75%;
}
.column-desktop-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.column-desktop-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.column-desktop-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.hide {
display: none !important;
}
@media (min-width: 768px) {
.tablet-hide {
display: none !important;
}
}
@media (min-width: 1024px) {
.desktop-hide {
display: none !important;
}
}
@media (max-width: 767px) {
.tablet-hide-down {
display: none !important;
}
}
@media (max-width: 1023px) {
.desktop-hide-down {
display: none !important;
}
}
/*-------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
.site-header {
margin-bottom: 2.617924em;
border-bottom: 1px solid;
border-color: var(--border);
}
.header-wrap {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1024px) {
.header-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.site-branding {
margin-bottom: 0;
margin-right: 2.2906835em;
display: block;
clear: both;
}
@media (max-width: 1023px) {
.site-branding {
float: left;
position: relative;
z-index: 4;
max-width: calc(100% - 120px);
}
}
.site-branding .custom-logo-link + .site-branding-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.site-branding img {
height: auto;
}
.site-branding .site-title {
font-size: 2em;
letter-spacing: -1px;
margin: 0;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 700;
}
.site-branding .site-description {
font-size: 0.875em;
display: none;
}
@media (min-width: 1024px) {
.site-branding .site-description {
display: block;
}
}
.site-branding .logo {
margin: 0;
}
/*-------------------------------------------------------------
2.1 Main Naivgation
--------------------------------------------------------------*/
/**
* General Menu Styles
*/
button.menu-toggle {
cursor: pointer;
text-align: left;
position: relative;
border: 2px solid transparent;
box-shadow: none;
border-radius: 0;
background-image: none;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
display: block;
margin-left: auto;
}
@media (min-width: 1024px) {
button.menu-toggle {
display: none;
}
}
button.menu-toggle:hover {
background-image: none;
}
button.menu-toggle span:before {
transition: all, ease, 0.2s;
}
button.menu-toggle:before, button.menu-toggle:after,
button.menu-toggle span:before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: all, ease, 0.2s;
border-radius: 3px;
background-color: #fff;
}
button.menu-toggle:before {
transform: translateY(-4px);
}
button.menu-toggle:after {
transform: translateY(4px);
}
.toggled button.menu-toggle::before, .toggled button.menu-toggle::after {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
ul.menu li.current-menu-item > a, ul.menu li.current-menu-ancestor > a, ul.menu li.current-menu-parent > a {
color: var(--primary);
}
.site-navigation, .main-navigation {
position: relative;
}
.site-navigation div.menu, .main-navigation div.menu {
display: none;
}
.site-navigation div.menu:last-child, .main-navigation div.menu:last-child {
display: block;
}
.site-navigation .menu, .main-navigation .menu {
clear: both;
}
.site-navigation ul, .main-navigation ul {
list-style: none;
}
.site-navigation ul.menu, .main-navigation ul.menu {
margin-left: 0;
margin-bottom: 0;
}
.site-navigation ul.menu ul, .main-navigation ul.menu ul {
display: block;
margin-left: 1.41575em;
margin-bottom: 0;
}
.site-navigation ul li, .main-navigation ul li {
display: block;
position: relative;
text-align: left;
}
.site-navigation ul li.menu-item.current-menu-parent > a, .site-navigation ul li.menu-item.current-menu-item > a, .site-navigation ul li.menu-item.current-menu-ancestor > a, .main-navigation ul li.menu-item.current-menu-parent > a, .main-navigation ul li.menu-item.current-menu-item > a, .main-navigation ul li.menu-item.current-menu-ancestor > a {
color: var(--primary);
}
.site-navigation ul li.menu-item.current-menu-parent > a > span, .site-navigation ul li.menu-item.current-menu-item > a > span, .site-navigation ul li.menu-item.current-menu-ancestor > a > span, .main-navigation ul li.menu-item.current-menu-parent > a > span, .main-navigation ul li.menu-item.current-menu-item > a > span, .main-navigation ul li.menu-item.current-menu-ancestor > a > span {
border-color: var(--primary);
}
.site-navigation ul li.menu-item.current-menu-parent > a > span:before, .site-navigation ul li.menu-item.current-menu-item > a > span:before, .site-navigation ul li.menu-item.current-menu-ancestor > a > span:before, .main-navigation ul li.menu-item.current-menu-parent > a > span:before, .main-navigation ul li.menu-item.current-menu-item > a > span:before, .main-navigation ul li.menu-item.current-menu-ancestor > a > span:before {
width: 100%;
}
.site-navigation ul li.menu-item .sub-menu .menu-item:hover > a, .main-navigation ul li.menu-item .sub-menu .menu-item:hover > a {
color: var(--primary);
padding-left: 40px;
background-color: rgba(0, 0, 0, 0.035);
}
.site-navigation ul li.menu-item .sub-menu .menu-item:hover > a:before, .main-navigation ul li.menu-item .sub-menu .menu-item:hover > a:before {
content: "";
width: 9px;
height: 1px;
background: #cdaa7c;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 25px;
}
.site-navigation ul li a, .main-navigation ul li a {
color: var(--accent);
padding: 0.6180469716em;
display: block;
}
.site-navigation ul li a:hover, .main-navigation ul li a:hover {
color: var(--primary);
}
.site-navigation.toggled .primary-navigation ul.menu, .main-navigation.toggled .primary-navigation ul.menu {
max-height: 999px;
}
.site-navigation .dropdown-toggle, .main-navigation .dropdown-toggle {
background: transparent;
position: absolute;
top: 0;
right: 0;
display: block;
padding: 0.7em 1.4em;
color: inherit;
border-radius: 0;
}
.site-navigation .dropdown-toggle::after, .main-navigation .dropdown-toggle::after {
content: "";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
}
.site-navigation .dropdown-toggle:focus, .main-navigation .dropdown-toggle:focus {
outline: none;
}
.site-navigation .dropdown-toggle:hover, .main-navigation .dropdown-toggle:hover {
background: transparent;
}
.site-navigation .dropdown-toggle.toggled-on:after, .main-navigation .dropdown-toggle.toggled-on:after {
content: "";
}
@media (min-width: 1024px) {
.site-navigation .dropdown-toggle, .main-navigation .dropdown-toggle {
display: none;
}
}
@media (max-width: 1023px) {
.site-navigation .primary-navigation ul {
max-height: 0;
overflow: hidden;
transition: all ease 0.4s;
}
.site-navigation .primary-navigation ul.show {
max-height: 999px;
}
}
@media (min-width: 1024px) {
.site-navigation div.menu {
display: block;
}
.site-navigation ul li {
display: inline-block;
position: relative;
text-align: left;
}
.site-navigation ul li:hover > ul, .site-navigation ul li.focus > ul {
left: 1.1em;
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.site-navigation ul li:hover > ul li > ul, .site-navigation ul li.focus > ul li > ul {
top: 0;
left: 110%;
/* 1 */
opacity: 0;
visibility: hidden;
}
.site-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .site-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.site-navigation ul li:hover > ul li:hover > ul, .site-navigation ul li:hover > ul li.focus > ul, .site-navigation ul li.focus > ul li:hover > ul, .site-navigation ul li.focus > ul li.focus > ul {
left: 100%;
top: 0;
display: block;
opacity: 1;
visibility: visible;
}
.site-navigation ul ul.sub-menu {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: 80px;
/* 1 */
opacity: 0;
visibility: hidden;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
padding: 15px 0;
background-color: #fff;
pointer-events: none;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.site-navigation ul ul.sub-menu.sub-menu--is-touch-device {
display: none;
left: 0;
}
.site-navigation ul ul.sub-menu li {
display: block;
min-width: 260px;
}
.site-navigation ul.menu {
max-height: none;
overflow: visible;
margin-left: -1.1em;
transition: none;
}
.site-navigation ul.menu > li > a {
padding: 1.1em 1.8em;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.site-navigation ul.menu > li > a > span {
position: relative;
transition: all 0.3s ease;
}
.site-navigation ul.menu > li > a > span:before {
position: absolute;
content: "";
width: 0;
height: 2px;
left: 0;
bottom: -4px;
background-color: var(--primary);
transition: all 0.3s ease;
}
.site-navigation ul.menu > li > a:hover > span:before {
width: 100%;
}
.site-navigation ul.menu > li.menu-item-has-children:hover::after, .site-navigation ul.menu > li.page_item_has_children:hover::after {
display: block;
}
.site-navigation ul.menu > li.menu-item-has-children > a:after, .site-navigation ul.menu > li.page_item_has_children > a:after, .site-navigation ul.menu > li.has-mega-menu > a:after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
margin-left: 0.7em;
font-size: 8px;
font-weight: 700;
-ms-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.site-navigation ul.menu > li:last-child > a {
padding-right: 0;
}
.site-navigation ul.menu ul.sub-menu {
margin: 0;
}
.site-navigation ul.menu ul.sub-menu li.menu-item a {
position: relative;
padding: 8px 20px 8px 25px;
font-size: 14px;
line-height: 1.5;
color: var(--text);
transition: all 0.2s ease;
}
.site-navigation ul.menu ul.sub-menu li.menu-item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.site-navigation ul.menu ul.sub-menu li.menu-item.current-menu-parent > a, .site-navigation ul.menu ul.sub-menu li.menu-item.current-menu-item > a, .site-navigation ul.menu ul.sub-menu li.menu-item.current-menu-ancestor > a {
color: var(--primary);
background-color: rgba(0, 0, 0, 0.035);
}
.site-navigation ul.menu ul.sub-menu ul {
margin: 0;
}
.site-navigation ul.menu ul.sub-menu li.menu-item-has-children > a::after, .site-navigation ul.menu ul.sub-menu li.page_item_has_children > a::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
float: right;
margin-left: 10px;
font-size: 8px;
font-weight: 700;
line-height: 2.5;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
/*-------------------------------------------------------------
2.2 Breadcrumb
--------------------------------------------------------------*/
.breadcrumb-wrap {
display: var(--page-title-display);
}
.home .main-breadcrumb {
display: none;
}
.elementor-widget-kosi-heading-title {
text-align: center;
}
.elementor-widget-kosi-heading-title .kosi-title {
font-size: 48px;
font-weight: 700;
line-height: 1;
margin-bottom: 10px;
color: var(--accent);
text-align: center;
}
.hidden-kosi-title-yes .kosi-woocommerce-title {
display: none;
}
.single-product .hidden-kosi-title-single-yes .kosi-woocommerce-title, .single-post .hidden-kosi-title-single-yes .kosi-woocommerce-title {
display: none;
}
.elementor-widget-kosi-breadcrumb .kosi-woocommerce-title {
margin-bottom: 15px;
color: var(--accent);
}
.elementor-widget-kosi-breadcrumb .woocommerce-breadcrumb {
margin-bottom: 0;
color: var(--accent);
}
.elementor-widget-kosi-breadcrumb .woocommerce-breadcrumb a {
color: var(--text);
}
.elementor-widget-kosi-breadcrumb .woocommerce-breadcrumb a:first-child:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
vertical-align: baseline;
}
.elementor-widget-kosi-breadcrumb .woocommerce-breadcrumb a:hover {
color: var(--primary);
}
.elementor-widget-kosi-breadcrumb .woocommerce-breadcrumb .separator:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
margin: 0 8px;
}
.hidden-bodoni-title-yes .bodoni-woocommerce-title {
display: none;
}
.single-product .hidden-bodoni-title-single-yes .bodoni-woocommerce-title, .single-post .hidden-bodoni-title-single-yes .bodoni-woocommerce-title {
display: none;
}
.hidden-bodoni-breadcrumb-yes .woocommerce-breadcrumb {
display: none;
}
/*-------------------------------------------------------------
3.0 Main content area
--------------------------------------------------------------*/
.site-content {
outline: none;
}
@media (min-width: 1024px) {
.content-area {
width: 100%;
float: left;
}
.kosi-content-has-sidebar .content-area {
width: calc(100% - 380px);
}
.kosi-sidebar-left .content-area {
float: right;
}
.widget-area {
width: 320px;
float: right;
}
.kosi-sidebar-left .widget-area {
float: left;
}
.left-sidebar .content-area {
float: right;
}
.left-sidebar .widget-area {
float: left;
}
.content-area,
.widget-area {
margin-bottom: 2.2906835em;
}
.kosi-archive-product-full .container.site-main {
max-width: 1830px;
padding-left: 30px;
padding-right: 30px;
}
}
/*-------------------------------------------------------------
3.1 Content (post etc)
--------------------------------------------------------------*/
.blog .hentry, .archive .hentry, .search .hentry {
margin: 0 0 60px;
padding-bottom: 60px;
border-bottom: 1px solid var(--border);
}
.blog .hentry:last-child, .archive .hentry:last-child, .search .hentry:last-child {
padding-bottom: 0;
border: 0;
}
.hentry .entry-title {
margin-bottom: 10px;
}
.hentry .entry-header .posted-on,
.hentry .entry-header .post-comments,
.hentry .entry-header .byline {
color: var(--light);
}
.hentry .entry-header .post-author {
color: var(--light);
}
.hentry .entry-taxonomy {
margin: 1.618em 0;
margin-bottom: 2em;
}
.hentry.type-page .entry-header {
border-bottom: 0;
margin-bottom: 0;
}
.hentry strong,
.hentry dt {
color: var(--accent);
}
.sticky .entry-title::before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
margin-right: 0.5407911001em;
}
.entry-footer {
margin-top: 26px;
display: flex;
justify-content: space-between;
align-items: center;
}
a.more-link {
color: var(--accent);
display: inline-block;
font-weight: 600;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
box-shadow: inset 0px -2px 0;
padding: 0 0 4px;
}
.post-thumbnail {
position: relative;
margin-bottom: 18px;
}
.archive .page-header, .search .page-header, .blog .page-header {
margin-bottom: 70px;
}
.page .page-header {
margin-bottom: 30px;
}
.page .page-header .entry-title {
font-size: 40px;
}
.kosi-content-has-sidebar .page-header {
text-align: left;
}
.entry-title {
font-size: 30px;
line-height: 1.6;
font-weight: 600;
margin-bottom: 10px;
}
.page-header .entry-title {
font-size: 40px;
}
.entry-title a {
color: var(--accent);
}
.entry-title a:hover {
color: var(--primary);
}
.entry-meta {
color: var(--light);
font-size: 15px;
font-weight: 400;
}
.entry-meta > span:not(:first-child):before {
content: "-";
padding: 0 5px;
}
.entry-meta a {
color: var(--light);
}
.entry-meta a:hover {
color: var(--accent);
text-decoration: underline;
}
.entry-meta .author_name:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
vertical-align: baseline;
}
.entry-meta .posted-on a:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
vertical-align: baseline;
margin: 0 4px;
}
.entry-meta .meta-categories [class*=kosi-icon-] {
vertical-align: baseline;
}
.tag-links a {
font-size: 16px;
line-height: 24px;
display: inline-block;
padding: 3px 10px;
margin-bottom: 10px;
margin-right: 7px;
background: var(--border);
border-radius: 3px;
color: var(--text);
}
.tag-links a:hover {
color: #fff;
background: var(--primary_hover);
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1em;
}
.page .post-tags {
margin-bottom: 80px;
}
.single .hentry .page-header {
margin-bottom: 30px;
}
.single .hentry .entry-title {
font-size: 30px;
margin-top: 10px;
margin-bottom: 12px;
}
.single .hentry .entry-meta {
font-size: 15px;
}
.single .post-tags, .single .entry-content {
margin-bottom: 30px;
}
.single .post-thumbnail {
margin-bottom: 37px;
}
.single.single-post .content-area {
margin-bottom: 0 !important;
}
.single.single-post .entry-content p {
margin-bottom: 1.65em;
}
.site-main {
margin-top: 60px;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.site-main {
margin-top: 30px;
margin-bottom: 40px;
}
}
.blog-style-grid .entry-content > p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-style-grid .entry-title {
line-height: 1.2;
}
.blog-style-grid .entry-meta {
margin-bottom: 5px;
}
.blog-style-grid .hentry {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.post-style-list {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.blog .post-style-list {
margin-bottom: 30px;
}
.post-style-list .post-thumbnail {
width: calc(50% - 15px);
margin-bottom: 0;
}
.post-style-list .post-thumbnail + .post-list-caption {
width: calc(50% - 15px);
}
.post-style-list .post-thumbnail a {
display: block;
position: relative;
padding-top: 100%;
}
.post-style-list .post-thumbnail a img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
.search .page-content > article {
margin-bottom: 60px;
}
.author-wrapper {
margin: 110px auto 50px;
position: relative;
text-align: center;
padding: 75px 65px 32px;
background-color: #fff;
box-shadow: 0 0.3rem 2.9rem 0 rgba(0, 0, 0, 0.1);
}
.author-wrapper img {
border-radius: 100%;
position: absolute;
width: 110px;
left: 50%;
margin-left: -55px;
border: 2px solid #fff;
top: -55px;
box-shadow: 0 0.2rem 1.9rem 0 rgba(0, 0, 0, 0.12);
}
.author-wrapper .about-heading {
font-size: 14px;
text-transform: none;
color: var(--light);
display: block;
margin-bottom: 3px;
font-style: italic;
font-weight: 300;
}
.author-wrapper .author-name {
text-transform: uppercase;
font-size: 22px;
letter-spacing: 3px;
color: #000;
font-weight: 600;
padding-left: 3px;
margin-bottom: 14px;
}
.single-product .kosi-social-share {
margin-top: 8px;
}
.kosi-social-share .social-title {
font-size: 16px;
color: var(--accent);
}
.kosi-social-share a {
display: inline-block;
padding: 0 5px;
color: var(--text);
}
.kosi-social-share a i {
vertical-align: sub;
}
.post-password-form input[type=submit] {
padding-bottom: 0.565em;
padding-top: 0.565em;
}
.skeleton-body .skeleton-item {
position: relative;
overflow: hidden;
width: 100%;
}
.skeleton-body .skeleton-item:before {
content: "";
display: block;
width: 100%;
background-repeat: no-repeat;
background-image: linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0), linear-gradient(var(--background_light) 100%, transparent 0);
}
.skeleton-body .skeleton-item:after {
content: "";
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
animation: skeletonloading 1.5s infinite;
}
.skeleton-body .skeleton-product:before {
padding-top: calc(100% + 120px);
background-size: 100% 80%, 55% 15px, 85% 20px, 55% 15px;
background-position: left 0, left calc(80% + 25px), left calc(80% + 55px), left calc(80% + 85px);
}
.skeleton-body .skeleton-widget:before {
height: 315px;
background-size: 100% 30px, 70% 20px, 50% 20px, 80% 20px, 40% 20px, 30% 20px, 50% 20px;
background-position: left 10px, left 65px, left 105px, left 145px, left 185px, left 225px, left 265px;
}
.skeleton-body .skeleton-post-grid-style-1:before {
padding-top: 80%;
background-size: 100% calc(100% - 70px), 55% 15px, 85% 25px;
background-position: left 0, left calc(100% - 40px), left calc(100% - 5px);
}
.skeleton-body .skeleton-post-grid-style-2:before {
padding-top: 80%;
background-size: 100% calc(100% - 100px), 55% 15px, 85% 20px, 55% 15px;
background-position: center 0, center calc(100% - 70px), center calc(100% - 40px), center 100%;
}
.skeleton-body .skeleton-single-product-summary:nth-child(even):before {
margin-bottom: 2rem;
min-height: 285px;
background-size: 50% 25px, 24% 20px, 34% 30px, 100% 90px, 30% 30px, 52% 30px, 30% 30px, 52% 30px;
background-position: left 0, left 35px, left 65px, left 105px, left 215px, calc(31% * 100 / (100 - 52)) 215px, left 255px, calc(31% * 100 / (100 - 52)) 255px;
}
.skeleton-body .skeleton-single-product-summary:nth-child(odd):before {
margin-bottom: 2rem;
min-height: 185px;
background-size: 30% 30px, 52% 30px, 50% 30px, 40% 30px, 49% 35px, 49% 35px;
background-position: left 0, calc(31% * 100 / (100 - 52)) 0, left 50px, calc(51% * 100 / (100 - 40)) 50px, left 100px, 100% 100px;
}
.skeleton-body .skeleton-single-product-image:before {
padding-top: 125%;
background-size: 100% 78%, 18% 16%, 18% 16%, 18% 16%, 18% 16%;
background-position: left 0, 0 95%, calc(20% * 100 / (100 - 18)) 95%, calc(40% * 100 / (100 - 18)) 95%, calc(60% * 100 / (100 - 18)) 95%;
}
.woocommerce-product-gallery-slider .skeleton-body .skeleton-single-product-image:before {
padding-top: 119%;
width: 100vw;
background-size: 100% 100%;
background-position: left 0;
}
.skeleton-body .skeleton-blog-thumbnail:before {
padding-bottom: 57%;
background-size: 100% 100%;
background-position: left 0;
}
@keyframes skeletonloading {
from {
transform: skewX(-45deg) translateX(-80%);
}
to {
transform: skewX(-45deg) translateX(80%);
}
}
/**
* Front-end + editor styles
*/
.single-post .hentry .entry-content,
.single-post .editor-styles-wrapper {
line-height: 1.8;
/* Text + Media block */
/* Blockquote Large Style 2 */
/* Pullquote */
/* Regular pullquote aligned left or right */
/* Pullquote solid color style */
/* Pullquote wide and fullwidth */
}
.single-post .hentry .entry-content p a:not(.wp-block-button__link):not(.button),
.single-post .hentry .entry-content table a,
.single-post .hentry .entry-content dl a,
.single-post .hentry .entry-content .wp-block-latest-posts a,
.single-post .hentry .entry-content .wp-block-categories a,
.single-post .hentry .entry-content .wp-block-archives a,
.single-post .hentry .entry-content .wp-block-latest-comments__comment-author,
.single-post .hentry .entry-content .wp-block-latest-comments__comment-link,
.single-post .editor-styles-wrapper p a:not(.wp-block-button__link):not(.button),
.single-post .editor-styles-wrapper table a,
.single-post .editor-styles-wrapper dl a,
.single-post .editor-styles-wrapper .wp-block-latest-posts a,
.single-post .editor-styles-wrapper .wp-block-categories a,
.single-post .editor-styles-wrapper .wp-block-archives a,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-author,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-link {
color: var(--accent);
box-shadow: inset 0 -1px 0 var(--primary);
font-weight: 500;
}
.single-post .hentry .entry-content p a:not(.wp-block-button__link):not(.button):hover,
.single-post .hentry .entry-content table a:hover,
.single-post .hentry .entry-content dl a:hover,
.single-post .hentry .entry-content .wp-block-latest-posts a:hover,
.single-post .hentry .entry-content .wp-block-categories a:hover,
.single-post .hentry .entry-content .wp-block-archives a:hover,
.single-post .hentry .entry-content .wp-block-latest-comments__comment-author:hover,
.single-post .hentry .entry-content .wp-block-latest-comments__comment-link:hover,
.single-post .editor-styles-wrapper p a:not(.wp-block-button__link):not(.button):hover,
.single-post .editor-styles-wrapper table a:hover,
.single-post .editor-styles-wrapper dl a:hover,
.single-post .editor-styles-wrapper .wp-block-latest-posts a:hover,
.single-post .editor-styles-wrapper .wp-block-categories a:hover,
.single-post .editor-styles-wrapper .wp-block-archives a:hover,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-author:hover,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-link:hover {
color: var(--primary);
}
.single-post .hentry .entry-content .wp-block-latest-posts__post-date,
.single-post .hentry .entry-content .wp-block-latest-posts__post-author,
.single-post .hentry .entry-content .wp-block-latest-comments__comment-date,
.single-post .editor-styles-wrapper .wp-block-latest-posts__post-date,
.single-post .editor-styles-wrapper .wp-block-latest-posts__post-author,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-date {
display: block;
font-size: 12px;
color: var(--light);
font-style: italic;
}
.single-post .hentry .entry-content .wp-block-latest-posts.wp-block-latest-posts__list,
.single-post .editor-styles-wrapper .wp-block-latest-posts.wp-block-latest-posts__list {
list-style: disc;
}
.single-post .hentry .entry-content .wp-block-media-text,
.single-post .editor-styles-wrapper .wp-block-media-text {
margin: 40px 0;
}
.single-post .hentry .entry-content p.has-drop-cap:not(:focus)::first-letter,
.single-post .editor-styles-wrapper p.has-drop-cap:not(:focus)::first-letter {
font-size: 100px;
margin: 12px 20px 10px 0;
line-height: 0.618;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 500;
color: var(--accent);
}
@media (max-width: 567px) {
.single-post .hentry .entry-content p.has-drop-cap:not(:focus)::first-letter,
.single-post .editor-styles-wrapper p.has-drop-cap:not(:focus)::first-letter {
font-size: 75px;
}
}
.single-post .hentry .entry-content ul,
.single-post .hentry .entry-content ol,
.single-post .editor-styles-wrapper ul,
.single-post .editor-styles-wrapper ol {
margin: 1.7em 0 1.7em 40px;
}
.single-post .hentry .entry-content ul ul, .single-post .hentry .entry-content ul ol,
.single-post .hentry .entry-content ol ul,
.single-post .hentry .entry-content ol ol,
.single-post .editor-styles-wrapper ul ul,
.single-post .editor-styles-wrapper ul ol,
.single-post .editor-styles-wrapper ol ul,
.single-post .editor-styles-wrapper ol ol {
margin: 0 0 0 40px;
}
.single-post .hentry .entry-content ul.wp-block-gallery,
.single-post .editor-styles-wrapper ul.wp-block-gallery {
margin: 40px 0 14px;
}
.single-post .hentry .entry-content ul.blocks-gallery-grid,
.single-post .hentry .entry-content ol.wp-block-latest-comments,
.single-post .hentry .entry-content ul.wc-block-grid__products,
.single-post .editor-styles-wrapper ul.blocks-gallery-grid,
.single-post .editor-styles-wrapper ol.wp-block-latest-comments,
.single-post .editor-styles-wrapper ul.wc-block-grid__products {
margin: 0;
}
.single-post .hentry .entry-content ul.blocks-gallery-grid + .blocks-gallery-caption,
.single-post .hentry .entry-content ol.wp-block-latest-comments + .blocks-gallery-caption,
.single-post .hentry .entry-content ul.wc-block-grid__products + .blocks-gallery-caption,
.single-post .editor-styles-wrapper ul.blocks-gallery-grid + .blocks-gallery-caption,
.single-post .editor-styles-wrapper ol.wp-block-latest-comments + .blocks-gallery-caption,
.single-post .editor-styles-wrapper ul.wc-block-grid__products + .blocks-gallery-caption {
margin-top: -5px;
margin-bottom: 15px;
}
.single-post .hentry .entry-content ul li,
.single-post .hentry .entry-content ol li,
.single-post .editor-styles-wrapper ul li,
.single-post .editor-styles-wrapper ol li {
margin-bottom: 4px;
padding-left: 6px;
}
.single-post .hentry .entry-content ul.blocks-gallery-grid li,
.single-post .hentry .entry-content ol.wp-block-latest-comments li,
.single-post .hentry .entry-content ul.wc-block-grid__products li,
.single-post .editor-styles-wrapper ul.blocks-gallery-grid li,
.single-post .editor-styles-wrapper ol.wp-block-latest-comments li,
.single-post .editor-styles-wrapper ul.wc-block-grid__products li {
padding-left: 0;
}
.single-post .hentry .entry-content ul.wc-block-grid__products li,
.single-post .editor-styles-wrapper ul.wc-block-grid__products li {
list-style: none;
}
.single-post .hentry .entry-content dt,
.single-post .editor-styles-wrapper dt {
font-weight: bold;
}
.single-post .hentry .entry-content dd,
.single-post .editor-styles-wrapper dd {
margin: 0;
padding: 0 0 0.5em 0;
}
.single-post .hentry .entry-content .wp-block-media-text,
.single-post .editor-styles-wrapper .wp-block-media-text {
margin: 40px 0;
}
.single-post .hentry .entry-content .wp-block-media-text__content p,
.single-post .editor-styles-wrapper .wp-block-media-text__content p {
margin-bottom: 20px;
}
.single-post .hentry .entry-content .wp-block-media-text__content p:last-child,
.single-post .editor-styles-wrapper .wp-block-media-text__content p:last-child {
margin-bottom: 0;
}
.single-post .hentry .entry-content .wp-block-media-text__content :first-child,
.single-post .editor-styles-wrapper .wp-block-media-text__content :first-child {
margin-top: 0;
}
.single-post .hentry .entry-content .wp-block-cover, .single-post .hentry .entry-content .wp-block-cover-image,
.single-post .editor-styles-wrapper .wp-block-cover,
.single-post .editor-styles-wrapper .wp-block-cover-image {
min-height: 300px;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover-text, .single-post .hentry .entry-content .wp-block-cover-image .wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover-image .wp-block-cover-text {
font-size: 22px !important;
}
.single-post .hentry .entry-content .has-small-font-size,
.single-post .editor-styles-wrapper .has-small-font-size {
font-size: 0.875em;
}
.single-post .hentry .entry-content .has-medium-font-size,
.single-post .editor-styles-wrapper .has-medium-font-size {
font-size: 1.41575em;
}
.single-post .hentry .entry-content .has-large-font-size,
.single-post .editor-styles-wrapper .has-large-font-size {
font-size: 1.618em;
}
.single-post .hentry .entry-content .has-huge-font-size,
.single-post .editor-styles-wrapper .has-huge-font-size {
font-size: 2.2906835em;
}
.single-post .hentry .entry-content .wp-block-audio,
.single-post .editor-styles-wrapper .wp-block-audio {
margin-bottom: 1.41575em;
width: 100%;
}
.single-post .hentry .entry-content .wp-block-audio audio,
.single-post .editor-styles-wrapper .wp-block-audio audio {
width: 100%;
}
.single-post .hentry .entry-content .wp-block-audio.alignleft audio, .single-post .hentry .entry-content .wp-block-audio.alignright audio,
.single-post .editor-styles-wrapper .wp-block-audio.alignleft audio,
.single-post .editor-styles-wrapper .wp-block-audio.alignright audio {
max-width: 284px;
}
.single-post .hentry .entry-content .wp-block-audio.aligncenter,
.single-post .editor-styles-wrapper .wp-block-audio.aligncenter {
margin: 0 auto 1.41575em;
max-width: 48.3870967742%;
}
.single-post .hentry .entry-content .wp-block-video,
.single-post .editor-styles-wrapper .wp-block-video {
margin-bottom: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-video video,
.single-post .editor-styles-wrapper .wp-block-video video {
width: 100%;
}
.single-post .hentry .entry-content .wp-block-button,
.single-post .editor-styles-wrapper .wp-block-button {
margin-bottom: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-button .wp-block-button__link,
.single-post .editor-styles-wrapper .wp-block-button .wp-block-button__link {
font-size: 1em;
line-height: 1.618;
border: 0;
cursor: pointer;
padding: calc(1.07em - 2px) 3.2em;
text-decoration: none;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
font-weight: 700;
}
.single-post .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link, .single-post .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus, .single-post .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active, .single-post .hentry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover,
.single-post .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link,
.single-post .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:focus,
.single-post .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:active,
.single-post .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:hover {
background: transparent;
border: 2px solid currentColor;
}
.single-post .hentry .entry-content .wp-block-latest-posts li,
.single-post .editor-styles-wrapper .wp-block-latest-posts li {
margin: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.has-dates li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.has-dates li {
margin: 0 0 1em;
}
.single-post .hentry .entry-content .wp-block-latest-posts.is-grid,
.single-post .editor-styles-wrapper .wp-block-latest-posts.is-grid {
margin: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.is-grid li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.is-grid li {
margin: 0 1em 0 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.is-grid.has-dates li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.is-grid.has-dates li {
margin-bottom: 1em;
}
@media (min-width: 600px) {
.single-post .hentry .entry-content .wp-block-latest-posts.columns-2 li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-2 li {
margin-right: 3.2258064516%;
width: 48.3870967742%;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-2 li:nth-of-type(2n),
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-2 li:nth-of-type(2n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-3 li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-3 li {
margin-right: 3.2258064516%;
width: 31.1827956989%;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-3 li:nth-of-type(3n),
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-3 li:nth-of-type(3n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-4 li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-4 li {
margin-right: 3.2258064516%;
width: 22.5806451613%;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-4 li:nth-of-type(4n),
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-4 li:nth-of-type(4n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-5 li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-5 li {
margin-right: 3.2258064516%;
width: 17.4193548387%;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-5 li:nth-of-type(5n),
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-5 li:nth-of-type(5n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-6 li,
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-6 li {
margin-right: 3.2258064516%;
width: 13.9784946237%;
}
.single-post .hentry .entry-content .wp-block-latest-posts.columns-6 li:nth-of-type(6n),
.single-post .editor-styles-wrapper .wp-block-latest-posts.columns-6 li:nth-of-type(6n) {
margin-right: 0;
}
}
.single-post .hentry .entry-content .wp-block-pullquote,
.single-post .editor-styles-wrapper .wp-block-pullquote {
margin: 35px 0;
border: 1px solid;
border-color: #e5e5e5;
overflow: hidden;
position: relative;
padding: 40px;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft, .single-post .hentry .entry-content .wp-block-pullquote.alignright,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright {
padding: 45px 25px;
margin: 8px 30px 20px 0;
max-width: 290px;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft p, .single-post .hentry .entry-content .wp-block-pullquote.alignright p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright p {
font-size: 20px;
line-height: 31px;
margin-bottom: 20px !important;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft {
margin-left: -10%;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignright,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright {
margin-right: -10%;
}
.single-post .hentry .entry-content .wp-block-pullquote blockquote,
.single-post .editor-styles-wrapper .wp-block-pullquote blockquote {
float: none;
max-width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.single-post .hentry .entry-content .wp-block-pullquote blockquote p,
.single-post .editor-styles-wrapper .wp-block-pullquote blockquote p {
margin-bottom: 20px;
font-size: 24px;
line-height: 34px;
position: relative;
font-style: italic;
z-index: 2;
}
.single-post .hentry .entry-content .wp-block-pullquote blockquote p:before,
.single-post .editor-styles-wrapper .wp-block-pullquote blockquote p:before {
display: none;
}
.single-post .hentry .entry-content .wp-block-pullquote blockquote cite,
.single-post .editor-styles-wrapper .wp-block-pullquote blockquote cite {
display: block;
font-size: 12px;
letter-spacing: 1.5px;
font-weight: 500;
text-transform: uppercase;
z-index: 2;
}
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
margin: 35px 0;
border: 1px solid;
border-color: #e5e5e5;
overflow: hidden;
position: relative;
padding: 40px;
}
.single-post .hentry .entry-content .wp-block-quote p,
.single-post .hentry .entry-content .wp-block-quote.is-large p,
.single-post .hentry .entry-content .wp-block-quote.is-style-large p,
.single-post .editor-styles-wrapper .wp-block-quote p,
.single-post .editor-styles-wrapper .wp-block-quote.is-large p,
.single-post .editor-styles-wrapper .wp-block-quote.is-style-large p {
font-size: 27px;
line-height: 40px;
color: #000;
position: relative;
font-style: italic;
}
.single-post .hentry .entry-content .wp-block-quote.is-large p,
.single-post .hentry .entry-content .wp-block-quote.is-style-large p,
.single-post .editor-styles-wrapper .wp-block-quote.is-large p,
.single-post .editor-styles-wrapper .wp-block-quote.is-style-large p {
font-size: 28px;
line-height: 40px;
font-style: italic;
}
.single-post .hentry .entry-content .wp-block-quote p a,
.single-post .hentry .entry-content .wp-block-pullquote p a,
.single-post .editor-styles-wrapper .wp-block-quote p a,
.single-post .editor-styles-wrapper .wp-block-pullquote p a {
text-decoration: underline;
box-shadow: none;
}
.single-post .hentry .entry-content .wp-block-quote p a:hover,
.single-post .hentry .entry-content .wp-block-pullquote p a:hover,
.single-post .editor-styles-wrapper .wp-block-quote p a:hover,
.single-post .editor-styles-wrapper .wp-block-pullquote p a:hover {
box-shadow: none;
}
.single-post .hentry .entry-content blockquote.wp-block-quote,
.single-post .editor-styles-wrapper blockquote.wp-block-quote {
border: none;
padding: 20px 60px 50px;
margin: 0;
}
.single-post .hentry .entry-content blockquote.wp-block-quote a,
.single-post .editor-styles-wrapper blockquote.wp-block-quote a {
box-shadow: none;
}
.single-post .hentry .entry-content blockquote.wp-block-quote.has-text-align-right p:first-child:before,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.has-text-align-right p:first-child:before {
right: -60px;
left: inherit;
transform: scaleX(-1);
}
.single-post .hentry .entry-content blockquote.wp-block-quote p:last-child,
.single-post .hentry .entry-content blockquote p:last-child,
.single-post .editor-styles-wrapper blockquote.wp-block-quote p:last-child,
.single-post .editor-styles-wrapper blockquote p:last-child {
margin-bottom: 0;
}
.single-post .hentry .entry-content blockquote.wp-block-quote cite,
.single-post .hentry .entry-content .wp-block-pullquote blockquote cite,
.single-post .editor-styles-wrapper blockquote.wp-block-quote cite,
.single-post .editor-styles-wrapper .wp-block-pullquote blockquote cite {
display: block;
font-size: 12px;
letter-spacing: 1.5px;
font-weight: 500;
text-transform: uppercase;
z-index: 2;
}
.single-post .hentry .entry-content .wp-block-quote.is-large cite,
.single-post .hentry .entry-content .wp-block-quote.is-large footer,
.single-post .hentry .entry-content .wp-block-quote.is-style-large cite,
.single-post .hentry .entry-content .wp-block-quote.is-style-large footer,
.single-post .editor-styles-wrapper .wp-block-quote.is-large cite,
.single-post .editor-styles-wrapper .wp-block-quote.is-large footer,
.single-post .editor-styles-wrapper .wp-block-quote.is-style-large cite,
.single-post .editor-styles-wrapper .wp-block-quote.is-style-large footer {
text-align: left;
}
.single-post .hentry .entry-content blockquote.wp-block-quote cite,
.single-post .editor-styles-wrapper blockquote.wp-block-quote cite {
margin-top: -20px;
}
.single-post .hentry .entry-content blockquote.wp-block-quote cite img,
.single-post .editor-styles-wrapper blockquote.wp-block-quote cite img {
width: 50px !important;
height: 50px !important;
border-radius: 50%;
object-fit: cover;
display: inline-block;
margin-right: 15px;
vertical-align: middle;
box-shadow: 0 0.2rem 1.9rem 0 rgba(0, 0, 0, 0.08);
border: 2px solid #fff;
}
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large {
background: #f78a74;
padding: 60px 65px 55px;
margin-bottom: 40px;
position: relative;
margin-top: 40px;
overflow: hidden;
font-weight: 600;
}
@media (max-width: 567px) {
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large {
padding: 30px;
}
}
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large p,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large p {
z-index: 2;
color: #fff;
}
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large p a,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large p a {
color: #fff;
text-decoration: underline;
}
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large p:first-child:before,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large p:first-child:before {
font-size: 500px;
font-style: normal;
position: absolute;
color: #ff9885;
left: -100px;
top: -125px;
z-index: -1;
}
.single-post .hentry .entry-content blockquote.wp-block-quote.is-style-large cite,
.single-post .editor-styles-wrapper blockquote.wp-block-quote.is-style-large cite {
z-index: 2;
position: relative;
color: #fff;
}
.single-post .hentry .entry-content .wp-block-pullquote, .single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color,
.single-post .editor-styles-wrapper .wp-block-pullquote,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color {
margin: 35px 0;
border: 1px solid;
border-color: #e5e5e5;
overflow: hidden;
position: relative;
padding: 40px;
}
.single-post .hentry .entry-content .wp-block-pullquote p,
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color blockquote p,
.single-post .editor-styles-wrapper .wp-block-pullquote p,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote p {
margin-bottom: 20px;
font-size: 24px;
line-height: 34px;
position: relative;
font-style: italic;
z-index: 2;
}
.single-post .hentry .entry-content .wp-block-pullquote p:last-child,
.single-post .editor-styles-wrapper .wp-block-pullquote p:last-child {
margin-bottom: 0;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft,
.single-post .hentry .entry-content .wp-block-pullquote.alignright,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright {
padding: 45px 25px;
margin: 8px 0 20px;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft p,
.single-post .hentry .entry-content .wp-block-pullquote.alignright p,
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft p,
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color.alignright p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright p,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color.alignleft p,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color.alignright p {
font-size: 20px;
line-height: 31px;
}
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color blockquote,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: center;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignwide p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignwide p {
font-size: 34px;
line-height: 1.45;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignfull p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignfull p {
font-size: 42px;
line-height: 1.5;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignfull,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignfull {
padding: 4em 8em;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignfull p,
.single-post .hentry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull blockquote p,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignfull p,
.single-post .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color.alignfull blockquote p {
margin-bottom: 30px;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignleft,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignleft {
margin-right: 35px;
}
.single-post .hentry .entry-content .wp-block-pullquote.alignright,
.single-post .editor-styles-wrapper .wp-block-pullquote.alignright {
margin-left: 35px;
}
.single-post .hentry .entry-content .wp-block-image figure,
.single-post .editor-styles-wrapper .wp-block-image figure {
margin-bottom: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-image .alignleft,
.single-post .editor-styles-wrapper .wp-block-image .alignleft {
margin-right: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-image .alignright,
.single-post .editor-styles-wrapper .wp-block-image .alignright {
margin-left: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-image figcaption,
.single-post .editor-styles-wrapper .wp-block-image figcaption {
margin: 0;
padding: 0.875em 0;
font-size: 0.875em;
font-style: italic;
}
.single-post .hentry .entry-content figure.wp-block-image,
.single-post .editor-styles-wrapper figure.wp-block-image {
margin: 0 0 1.41575em;
}
.single-post .hentry .entry-content div.wp-block-image,
.single-post .editor-styles-wrapper div.wp-block-image {
display: inline;
}
.single-post .hentry .entry-content .wp-block-cover, .single-post .hentry .entry-content .wp-block-cover-image,
.single-post .editor-styles-wrapper .wp-block-cover,
.single-post .editor-styles-wrapper .wp-block-cover-image {
min-height: 300px;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover-text, .single-post .hentry .entry-content .wp-block-cover-image .wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover-image .wp-block-cover-text {
font-size: 22px !important;
}
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text {
font-size: 1.618em;
font-weight: 300;
line-height: 1.618;
padding: 1em;
width: calc(100vw - 1em);
max-width: calc(100vw - 1em);
color: #fff;
z-index: 1;
}
@media (min-width: 568px) {
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text {
padding: 1em;
font-size: 2.2906835em;
width: calc(8 * (100vw / 12));
max-width: calc(8 * (100vw / 12));
}
}
@media (min-width: 768px) {
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text {
font-size: 2.2906835em;
width: calc(6 * (100vw / 12));
max-width: calc(6 * (100vw / 12));
}
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
padding: 2.617924em 1em;
width: calc(100vw - 1em);
max-width: calc(100vw - 1em);
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container *:nth-last-child(-n+1),
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container *:nth-last-child(-n+1) {
margin-bottom: 0;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h1,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h5,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h6,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container h2,
#secondary .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widget-title,
#secondary .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widgettitle,
#secondary .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widgettitle,
.kosi-canvas-filter .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h1,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h5,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h6,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container h2,
#secondary .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widget-title,
#secondary .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widgettitle,
#secondary .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widgettitle,
.kosi-canvas-filter .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widgettitle {
padding: 0;
margin-left: auto;
margin-right: auto;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h1,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h1 {
font-size: 3.706325903em;
margin-bottom: 0.2360828548em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2, .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title {
font-size: 2.617924em;
margin-bottom: 0.3342343017em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3 {
font-size: 2.2906835em;
margin-bottom: 0.3819820591em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4 {
font-size: 1.618em;
margin-bottom: 0.5407911001em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h5,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h5 {
font-size: 1.41575em;
margin-bottom: 0.6180469716em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h6, .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container h2, #secondary .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2, .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title, .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widget-title,
#secondary .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widgettitle,
#secondary .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widgettitle,
.kosi-canvas-filter .widget .single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h6,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container h2,
#secondary .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
#secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widget-title,
#secondary .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container #secondary .widget .widgettitle,
#secondary .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widgettitle,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widget-title,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .kosi-canvas-filter .widget .widgettitle,
.kosi-canvas-filter .widget .single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .widgettitle {
font-size: 1.41575em;
margin-bottom: 0.6180469716em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container p:not(.has-small-font-size):not(.has-medium-font-size):not(.has-large-font-size):not(.has-huge-font-size),
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container p:not(.has-small-font-size):not(.has-medium-font-size):not(.has-large-font-size):not(.has-huge-font-size) {
font-size: 1.1em;
}
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container p:not(.has-text-color),
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container p:not(.has-text-color) {
color: #fff;
}
@media (min-width: 568px) {
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
width: calc(8 * (100vw / 12));
max-width: calc(8 * (100vw / 12));
}
}
@media (min-width: 768px) {
.single-post .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.single-post .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
width: calc(6 * (100vw / 12));
max-width: calc(6 * (100vw / 12));
padding-top: 6.8535260698em;
padding-bottom: 6.8535260698em;
}
}
.single-post .hentry .entry-content .wp-block-gallery,
.single-post .editor-styles-wrapper .wp-block-gallery {
margin: 0 0 1.41575em;
}
.single-post .hentry .entry-content .wp-block-gallery.alignleft,
.single-post .editor-styles-wrapper .wp-block-gallery.alignleft {
margin-right: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-gallery.alignright,
.single-post .editor-styles-wrapper .wp-block-gallery.alignright {
margin-left: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image,
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item {
width: 48.3870967742%;
margin: 0 3.2258064516% 3.2258064516% 0;
flex-grow: 1;
}
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item:nth-of-type(even),
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item:nth-of-type(even),
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item figcaption,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image figcaption,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 1em;
padding: 2.2906835em 1.41575em 0.6180469716em;
}
@media (min-width: 600px) {
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image,
.single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item {
margin: 0 3.2258064516% 3.2258064516% 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 48.3870967742%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 31.1827956989%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 22.5806451613%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 17.4193548387%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 13.9784946237%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 11.5207373272%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item:last-child {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image, .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item {
margin-right: 3.2258064516%;
width: 9.6774193548%;
}
.single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image:last-child, .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image:last-child,
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
.single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery .blocks-gallery-item {
margin-bottom: 1.5873015873%;
margin-right: 1.5873015873%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 49.2063492063%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-2 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-2 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 32.2751322751%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-3 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-3 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 23.8095238095%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-4 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-4 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 18.7301587302%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-5 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-5 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 15.3439153439%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-6 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-6 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 12.925170068%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-7 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-7 .blocks-gallery-item:last-child {
margin-right: 0;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item {
margin-right: 1.5873015873%;
width: 11.1111111111%;
}
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-image:last-child, body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .hentry .entry-content .wp-block-gallery.columns-8 .blocks-gallery-item:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-image:last-child,
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
body:not(.page-template-template-fullwidth-php):not(.kosi-full-width-content) .single-post .editor-styles-wrapper .wp-block-gallery.columns-8 .blocks-gallery-item:last-child {
margin-right: 0;
}
}
.single-post .hentry .entry-content .wp-block-separator,
.single-post .editor-styles-wrapper .wp-block-separator {
margin: 45px auto;
background-color: var(--border);
height: 2px;
border: 0;
clear: both;
}
.single-post .hentry .entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.single-post .editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 10%;
}
.single-post .hentry .entry-content .wp-block-embed-twitter,
.single-post .editor-styles-wrapper .wp-block-embed-twitter {
overflow: hidden;
}
.single-post .hentry .entry-content .wp-block-table,
.single-post .editor-styles-wrapper .wp-block-table {
border-collapse: separate;
}
.single-post .hentry .entry-content .wp-block-table td,
.single-post .hentry .entry-content .wp-block-table th,
.single-post .editor-styles-wrapper .wp-block-table td,
.single-post .editor-styles-wrapper .wp-block-table th {
border: 0;
padding: 1em 1.41575em;
word-break: normal;
}
.single-post .hentry .entry-content .wp-block-table thead th,
.single-post .editor-styles-wrapper .wp-block-table thead th {
padding: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-file,
.single-post .editor-styles-wrapper .wp-block-file {
margin-bottom: 1.41575em;
}
.single-post .hentry .entry-content .wp-block-file .wp-block-file__button,
.single-post .editor-styles-wrapper .wp-block-file .wp-block-file__button {
font-size: 0.875em;
line-height: 1.618;
border: 0;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
opacity: 1;
}
.single-post .hentry .entry-content .wp-block-code,
.single-post .hentry .entry-content .wp-block-preformatted pre,
.single-post .editor-styles-wrapper .wp-block-code,
.single-post .editor-styles-wrapper .wp-block-preformatted pre {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 1em;
}
.single-post .hentry .entry-content .wp-block-code,
.single-post .editor-styles-wrapper .wp-block-code {
border: none;
border-radius: 0;
padding: 1.618em;
}
.single-post .hentry .entry-content .wp-block-columns,
.single-post .editor-styles-wrapper .wp-block-columns {
margin-bottom: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column,
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column {
margin-bottom: 1em;
}
@media (min-width: 600px) {
.single-post .hentry .entry-content .wp-block-columns .wp-block-column,
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column {
padding-left: 0;
padding-right: 3.2258064516%;
margin-left: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child),
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column:nth-of-type(even),
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column:nth-of-type(even) {
padding-right: 0;
}
}
@media (min-width: 782px) {
.single-post .hentry .entry-content .wp-block-columns.has-2-columns .wp-block-column:nth-of-type(2n),
.single-post .editor-styles-wrapper .wp-block-columns.has-2-columns .wp-block-column:nth-of-type(2n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns.has-3-columns .wp-block-column:nth-of-type(3n),
.single-post .editor-styles-wrapper .wp-block-columns.has-3-columns .wp-block-column:nth-of-type(3n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns.has-4-columns .wp-block-column:nth-of-type(4n),
.single-post .editor-styles-wrapper .wp-block-columns.has-4-columns .wp-block-column:nth-of-type(4n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns.has-5-columns .wp-block-column:nth-of-type(5n),
.single-post .editor-styles-wrapper .wp-block-columns.has-5-columns .wp-block-column:nth-of-type(5n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns.has-6-columns .wp-block-column:nth-of-type(6n),
.single-post .editor-styles-wrapper .wp-block-columns.has-6-columns .wp-block-column:nth-of-type(6n) {
margin-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column,
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column {
padding-right: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column:not(:first-child),
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:first-child) {
padding-left: 0;
}
.single-post .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child),
.single-post .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
padding-right: 0;
margin-right: 3.2258064516%;
}
}
.single-post .hentry .entry-content .wp-block-rss a,
.single-post .hentry .entry-content .wp-block-latest-comments a,
.single-post .hentry .entry-content .wp-block-tag-cloud a,
.single-post .editor-styles-wrapper .wp-block-rss a,
.single-post .editor-styles-wrapper .wp-block-latest-comments a,
.single-post .editor-styles-wrapper .wp-block-tag-cloud a {
color: var(--accent);
}
.single-post .hentry .entry-content .wp-block-rss a:hover,
.single-post .hentry .entry-content .wp-block-latest-comments a:hover,
.single-post .hentry .entry-content .wp-block-tag-cloud a:hover,
.single-post .editor-styles-wrapper .wp-block-rss a:hover,
.single-post .editor-styles-wrapper .wp-block-latest-comments a:hover,
.single-post .editor-styles-wrapper .wp-block-tag-cloud a:hover {
color: var(--primary);
}
.single-post .hentry .entry-content .wp-block-latest-comments,
.single-post .editor-styles-wrapper .wp-block-latest-comments {
margin: 0 0 1.41575em;
}
.single-post .hentry .entry-content .wp-block-latest-comments__comment-avatar,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-avatar {
margin-top: 0.3819820591em;
}
.single-post .hentry .entry-content .wp-block-latest-comments__comment,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment {
font-size: 1em;
margin: 0 0 1em;
}
.single-post .hentry .entry-content .wp-block-latest-comments__comment-date,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-date {
font-size: 0.875em;
}
.single-post .hentry .entry-content .wp-block-latest-comments__comment-excerpt p,
.single-post .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
margin: 0.5407911001em 0 1em;
font-size: 1em;
line-height: 1.618;
}
.single-post .hentry .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.single-post .hentry .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.single-post .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.single-post .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.706325903em;
}
.single-post .hentry .entry-content .wp-block-latest-comments:not(.has-avatars):not(.has-dates):not(.has-excerpts) .wp-block-latest-comments__comment,
.single-post .editor-styles-wrapper .wp-block-latest-comments:not(.has-avatars):not(.has-dates):not(.has-excerpts) .wp-block-latest-comments__comment {
margin: 0;
line-height: 1.618;
}
.single-post .hentry .entry-content .wp-block-latest-comments br,
.single-post .editor-styles-wrapper .wp-block-latest-comments br {
display: inline;
content: "";
}
.single-post .hentry .entry-content .wp-block-cover-text,
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text,
.single-post .hentry .entry-content .wp-block-cover-image-text,
.single-post .hentry .entry-content section.wp-block-cover-image h2,
.single-post .hentry .entry-content section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content section.wp-block-cover-image .kosi-woocommerce-title,
.single-post .editor-styles-wrapper .wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text,
.single-post .editor-styles-wrapper .wp-block-cover-image-text,
.single-post .editor-styles-wrapper section.wp-block-cover-image h2,
.single-post .editor-styles-wrapper section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper section.wp-block-cover-image .kosi-woocommerce-title {
color: #fff;
}
.single-post .hentry .entry-content .wp-block-cover-text a,
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text a,
.single-post .hentry .entry-content .wp-block-cover-image-text a,
.single-post .hentry .entry-content section.wp-block-cover-image h2 a,
.single-post .hentry .entry-content section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content section.wp-block-cover-image .kosi-woocommerce-title a,
.single-post .editor-styles-wrapper .wp-block-cover-text a,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text a,
.single-post .editor-styles-wrapper .wp-block-cover-image-text a,
.single-post .editor-styles-wrapper section.wp-block-cover-image h2 a,
.single-post .editor-styles-wrapper section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper section.wp-block-cover-image .kosi-woocommerce-title a {
color: #fff;
box-shadow: inset 0 -1px 0 #fff;
}
.single-post .hentry .entry-content .wp-block-cover-text a:active, .single-post .hentry .entry-content .wp-block-cover-text a:focus, .single-post .hentry .entry-content .wp-block-cover-text a:hover,
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text a:active,
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text a:focus,
.single-post .hentry .entry-content .wp-block-cover p.wp-block-cover-text a:hover,
.single-post .hentry .entry-content .wp-block-cover-image-text a:active,
.single-post .hentry .entry-content .wp-block-cover-image-text a:focus,
.single-post .hentry .entry-content .wp-block-cover-image-text a:hover,
.single-post .hentry .entry-content section.wp-block-cover-image h2 a:active,
.single-post .hentry .entry-content section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:active,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content section.wp-block-cover-image .kosi-woocommerce-title a:active,
.single-post .hentry .entry-content section.wp-block-cover-image h2 a:focus,
.single-post .hentry .entry-content section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:focus,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content section.wp-block-cover-image .kosi-woocommerce-title a:focus,
.single-post .hentry .entry-content section.wp-block-cover-image h2 a:hover,
.single-post .hentry .entry-content section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:hover,
.elementor-widget-kosi-breadcrumb .single-post .hentry .entry-content section.wp-block-cover-image .kosi-woocommerce-title a:hover,
.single-post .editor-styles-wrapper .wp-block-cover-text a:active,
.single-post .editor-styles-wrapper .wp-block-cover-text a:focus,
.single-post .editor-styles-wrapper .wp-block-cover-text a:hover,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text a:active,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text a:focus,
.single-post .editor-styles-wrapper .wp-block-cover p.wp-block-cover-text a:hover,
.single-post .editor-styles-wrapper .wp-block-cover-image-text a:active,
.single-post .editor-styles-wrapper .wp-block-cover-image-text a:focus,
.single-post .editor-styles-wrapper .wp-block-cover-image-text a:hover,
.single-post .editor-styles-wrapper section.wp-block-cover-image h2 a:active,
.single-post .editor-styles-wrapper section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:active,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper section.wp-block-cover-image .kosi-woocommerce-title a:active,
.single-post .editor-styles-wrapper section.wp-block-cover-image h2 a:focus,
.single-post .editor-styles-wrapper section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:focus,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper section.wp-block-cover-image .kosi-woocommerce-title a:focus,
.single-post .editor-styles-wrapper section.wp-block-cover-image h2 a:hover,
.single-post .editor-styles-wrapper section.wp-block-cover-image .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a:hover,
.elementor-widget-kosi-breadcrumb .single-post .editor-styles-wrapper section.wp-block-cover-image .kosi-woocommerce-title a:hover {
box-shadow: none;
color: #fff;
}
body:not(.kosi-content-has-sidebar):not(.elementor-page).single-post .hentry .entry-content .alignwide {
margin-left: calc(25% - 25vw);
width: calc(50vw + 50%);
max-width: calc(50vw + 50%);
}
body:not(.kosi-content-has-sidebar):not(.elementor-page).single-post .hentry .entry-content .alignfull {
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
body:not(.kosi-content-has-sidebar):not(.elementor-page) .editor-styles-wrapper .alignwide {
margin-left: calc(25% - 25vw);
width: calc(50vw + 50%);
max-width: calc(50vw + 50%);
}
body:not(.kosi-content-has-sidebar):not(.elementor-page) .editor-styles-wrapper .alignfull {
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
.wp-block-cover-image {
margin-bottom: 1em;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-search .wp-block-search__button {
border: none;
}
.wp-block-search .wp-block-search__label {
display: none;
}
/*-------------------------------------------------------------
4.0 Footer
--------------------------------------------------------------*/
.site-footer .copyright-bar {
background-color: var(--dark);
}
.site-footer .site-info {
color: #fff;
padding: 1.618em 0;
text-align: center;
}
.scrollup {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 999;
font-size: 18px !important;
padding: 0;
width: 55px;
height: 55px;
line-height: 55px;
transform: scale(0);
border-radius: 50%;
background: var(--primary);
color: #fff !important;
text-align: center;
transition: all 500ms ease;
}
.scrollup:hover {
background: var(--primary_hover);
}
.scrollup.active {
transform: scale(1);
}
/*-------------------------------------------------------------
5.0 Alignment
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.618em;
margin-bottom: 1em;
clear: both;
}
.alignright {
display: inline;
float: right;
margin-left: 1.618em;
margin-bottom: 1em;
clear: both;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
margin-bottom: 1em;
}
/*-------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 0;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-weight: bold;
height: auto;
left: 0;
line-height: normal;
padding: 1em 1.618em;
text-decoration: none;
top: 0;
width: auto;
z-index: 100000;
/* Above WP toolbar */
outline: none;
}
/*-------------------------------------------------------------
7.0 Clearing
--------------------------------------------------------------*/
.clear::before, .clear::after,
.entry-content::before,
.entry-content::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 {
content: "";
display: table;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
clear: both;
}
/*-------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/
table {
border-spacing: 0;
width: 100%;
border-collapse: collapse;
}
table caption {
padding: 10px 0;
font-weight: 600;
background: var(--primary);
color: #fff;
}
table td,
table th {
padding: 1em 1.41575em;
text-align: left;
vertical-align: top;
word-break: break-all;
}
table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}
table th {
font-weight: 600;
color: var(--accent);
}
table thead th {
padding: 1.41575em;
vertical-align: middle;
}
table tbody h2, table tbody .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb table tbody .kosi-woocommerce-title {
font-size: 1em;
letter-spacing: normal;
font-weight: normal;
}
table tbody h2 a, table tbody .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title a, .elementor-widget-kosi-breadcrumb table tbody .kosi-woocommerce-title a {
font-weight: normal;
}
.entry-content table:not(.shop_table) td,
.entry-content table:not(.shop_table) th {
border: 1px solid;
border-color: var(--border);
}
/*-------------------------------------------------------------
9.0 404 Styles
--------------------------------------------------------------*/
.error404.elementor-default .site-main {
border-top: 1px solid var(--border);
}
.error404 .content-wrap {
text-align: center;
}
.error404 .site-main {
margin: 0;
padding-top: 60px;
padding-bottom: 80px;
}
@media (min-width: 1024px) {
.error404 .site-main {
padding-top: 100px;
padding-bottom: 120px;
}
}
.error404 .page-title {
font-size: 130px;
font-weight: 700;
margin-bottom: 0;
}
.error404 .sub-title {
color: #000;
margin-bottom: 18px;
}
.error404 .error-text {
color: #585858;
max-width: 600px;
margin-bottom: 45px;
margin-left: auto;
margin-right: auto;
}
.error404 .return-home {
font-size: 14px;
text-transform: capitalize;
padding: 1em 3em;
color: #fff;
background-color: var(--primary);
}
.error404 .return-home:hover {
background-color: var(--primary_hover);
}
/*-------------------------------------------------------------
10.0 Comments
--------------------------------------------------------------*/
#comments {
position: relative;
padding-top: 60px;
}
#comments .comment-content p a:not(.wp-block-button__link):not(.button),
#comments .comment-content table a,
#comments .comment-content dl a {
color: var(--accent);
box-shadow: inset 0 -1px 0 var(--primary);
font-weight: 500;
}
#comments .comment-content p a:not(.wp-block-button__link):not(.button):hover,
#comments .comment-content table a:hover,
#comments .comment-content dl a:hover {
color: var(--primary);
}
.royate-content-has-sidebar #comments .title-comments {
text-align: left;
}
#comments .comment-list-wrap {
margin-bottom: 2.2906835em;
}
#comments .comment-form p {
margin-bottom: 1em;
}
#comments .comment-form .comment-form-author,
#comments .comment-form .comment-form-email,
#comments .comment-form .comment-form-url {
margin-bottom: 30px;
}
#comments .comment-form label[for=comment], #comments .comment-form label[for=author], #comments .comment-form label[for=email], #comments .comment-form label[for=url] {
display: inherit;
margin-bottom: 0.3em;
}
#comments .comment-form .comment-notes, #comments .comment-form .logged-in-as, #comments .comment-form .comment-form-cookies-consent, #comments .comment-form .comment-form-comment {
margin-bottom: 25px;
}
#comments .comment-form .comment-notes a, #comments .comment-form .logged-in-as a, #comments .comment-form .comment-form-cookies-consent a, #comments .comment-form .comment-form-comment a {
text-decoration: underline;
color: var(--text);
}
#comments .comment-form .comment-notes a:hover, #comments .comment-form .logged-in-as a:hover, #comments .comment-form .comment-form-cookies-consent a:hover, #comments .comment-form .comment-form-comment a:hover {
color: var(--primary);
}
#comments .title-comment {
font-size: 18px;
text-transform: uppercase;
color: #000;
margin-bottom: 40px;
display: flex;
justify-content: center;
align-items: center;
}
#comments .title-comment:before, #comments .title-comment:after {
content: "";
border-bottom: 1px solid;
border-color: var(--border);
flex: 1;
}
#comments .title-comment:before {
margin-right: 30px;
}
#comments .title-comment:after {
margin-left: 30px;
}
#comments .comment-notes {
flex: 0 0 100%;
max-width: 100%;
}
#comments .comment-form-comment {
order: 2;
flex: 0 0 100%;
max-width: 100%;
}
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url {
order: 1;
padding: 0 15px;
}
#comments .comment-form-cookies-consent {
order: 2;
flex: 0 0 100%;
max-width: 100%;
}
#comments .form-submit {
order: 3;
}
#comments .comment-list {
position: relative;
list-style: none;
margin: 0;
}
#comments .comment-list > li:last-child .comment-body {
margin-bottom: 0;
}
#comments .comment-list .comment-body {
min-height: 100px;
margin-bottom: 40px;
padding-bottom: 35px;
border-bottom: 1px solid;
border-color: var(--border);
}
#comments .comment-list .comment-body::before, #comments .comment-list .comment-body::after {
content: "";
display: table;
}
#comments .comment-list .comment-body::after {
clear: both;
}
@media (min-width: 1024px) {
#comments .comment-list .comment-body {
padding-left: 85px;
}
}
#comments .comment-list .trackback .comment-body, #comments .comment-list .pingback .comment-body {
padding-left: 0;
}
#comments .comment-list .comment-meta {
position: relative;
margin-bottom: 12px;
}
#comments .comment-list .comment-meta .avatar {
width: 60px;
height: auto;
border-radius: 50%;
margin-bottom: 10px;
box-shadow: 0 0.2rem 1.9rem 0 rgba(0, 0, 0, 0.08);
border: 2px solid #fff;
}
@media (min-width: 1024px) {
#comments .comment-list .comment-meta .avatar {
position: absolute;
left: -85px;
top: 0;
}
}
#comments .comment-list .comment-meta .comment-author {
display: inline-block;
margin-right: 20px;
}
#comments .comment-list .comment-meta a.comment-date {
color: var(--light);
display: block;
font-size: 13px;
text-transform: none;
font-style: italic;
}
#comments .comment-list .comment-meta a.comment-date:hover {
color: var(--primary);
}
#comments .comment-list .comment-meta cite {
color: var(--accent);
font-style: normal;
font-weight: 600;
}
#comments .comment-list .comment-meta cite a {
color: var(--accent);
}
#comments .comment-list .comment-meta cite a:hover {
color: var(--primary);
}
#comments .comment-list .reply {
margin-top: 5px;
text-transform: uppercase;
}
#comments .comment-list .reply::before, #comments .comment-list .reply::after {
content: "";
display: table;
}
#comments .comment-list .reply::after {
clear: both;
}
#comments .comment-list .reply a {
color: var(--accent);
display: inline-block;
margin-right: 1em;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
#comments .comment-list .reply a:last-child {
margin-right: 0;
}
#comments .comment-list .reply a.comment-reply-link:before {
content: "";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-right: 5px;
line-height: inherit;
vertical-align: top;
}
#comments .comment-list .reply a.comment-edit-link:before {
content: "";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
margin-right: 5px;
line-height: inherit;
vertical-align: top;
}
#comments .comment-list .children {
list-style: none;
}
#comments .comment-list #respond {
padding: 1.41575em 1.618em 1em;
margin-top: 24px;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.0125);
border: 1px solid;
border-color: var(--border);
width: 100%;
margin-right: 0;
}
#comments table th,
#comments table td {
border: 1px solid;
border-color: var(--border);
}
#commentform {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
#commentform > p, #commentform .comment-form-rating {
padding: 0 15px;
width: 100%;
}
.comment-content a {
word-wrap: break-word;
}
#respond {
position: relative;
}
#respond .comment-form-comment label,
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label {
margin-bottom: 2px;
line-height: 2;
font-weight: 600;
color: var(--accent);
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1024px) {
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
width: 100%;
}
#respond .form-submit,
#respond form {
margin-bottom: 0;
}
#respond #reply-title {
color: var(--accent);
font-size: 18px;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 600;
line-height: 50px;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 0.5407911001em;
right: 0.5407911001em;
display: block;
height: 1em;
width: 1em;
overflow: hidden;
line-height: 1;
font-size: 1.5em;
text-align: center;
transition: transform, ease, 0.3s;
}
#respond #cancel-comment-reply-link::before {
content: "";
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
display: block;
}
#respond #cancel-comment-reply-link:hover {
transform: scale(1.3);
}
#respond.loading {
opacity: 0.8;
}
#respond.loading::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
@media (max-width: 767px) {
#comments {
padding-top: 40px;
padding-bottom: 40px;
}
#comments .comment-list .comment-body {
margin-bottom: 20px;
}
#comments .comment-list .comment-content {
padding-bottom: 10px;
}
#comments .comment-list .comment-meta {
margin-bottom: 5px;
}
#comments .comment-list #reply-title {
font-size: 18px;
}
.comment-list-wrap .comment-meta .avatar {
display: none !important;
}
.comment-list-wrap + #respond {
margin-top: 40px;
}
}
/*-------------------------------------------------------------
11.0 Forms
--------------------------------------------------------------*/
form {
margin-bottom: 1.618em;
}
button,
input,
select,
textarea {
font-size: 16px;
/* Corrects font size not being inherited in all browsers */
margin: 0;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */
/* stylelint-disable */
*vertical-align: middle;
/* Improves appearance and consistency in all browsers */
/* stylelint-enable */
}
button,
input[type=button],
input[type=reset],
input[type=submit],
.button {
border: none;
background-color: var(--accent);
border-color: var(--accent);
color: #fff;
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
padding: 16px 42px;
text-decoration: none;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
overflow: hidden;
position: relative;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 600;
}
button:hover, button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button:hover,
.button:focus {
background-color: var(--primary);
border-color: var(--primary);
}
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading {
opacity: 0.5;
position: relative;
}
button.loading::before,
input[type=button].loading::before,
input[type=reset].loading::before,
input[type=submit].loading::before,
.button.loading::before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small,
.button.small {
padding: 0.5407911001em 0.875em;
font-size: 0.875em;
}
button.disabled, button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled,
.button.disabled,
.button:disabled {
opacity: 0.5 !important;
cursor: not-allowed;
}
button.disabled:hover, button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover {
opacity: 0.5 !important;
}
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
background-color: var(--primary);
}
input[type=checkbox],
input[type=radio] {
padding: 0;
/* Addresses excess padding in IE8/9 */
}
input[type=checkbox] + label,
input[type=radio] + label {
margin: 0 0 0 0.3819820591em;
}
input[type=search]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
input[type=search] {
box-sizing: border-box;
}
input[type=search]::placeholder {
color: #616161;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea,
.input-text {
padding: 18px 1em;
background-color: var(--background);
color: var(--text);
border-width: 1px;
border-style: solid;
border-color: var(--border);
-webkit-appearance: none;
box-sizing: border-box;
font-weight: normal;
border-radius: 0;
outline: 0;
transition: all ease-in-out 0.3s;
font-size: 15px;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
.input-text::placeholder {
color: var(--text);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
border-color: var(--accent);
}
.form-light input[type=text],
.form-light input[type=number],
.form-light input[type=email],
.form-light input[type=tel],
.form-light input[type=url],
.form-light input[type=password],
.form-light input[type=search],
.form-light textarea,
.form-light .input-text {
color: #fff;
}
.form-light input[type=text]::placeholder,
.form-light input[type=number]::placeholder,
.form-light input[type=email]::placeholder,
.form-light input[type=tel]::placeholder,
.form-light input[type=url]::placeholder,
.form-light input[type=password]::placeholder,
.form-light input[type=search]::placeholder,
.form-light textarea::placeholder,
.form-light .input-text::placeholder {
color: #fff;
}
select {
padding: 0.63em 28px 0.63em 1.41575em;
}
select:not([size]):not([multiple]) {
color: var(--text);
background-color: var(--background);
border: 1px solid;
border-color: var(--border);
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
width: 100%;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-size: 16px 12px;
border-radius: 0;
}
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
vertical-align: top;
/* Improves readability and alignment in all browsers */
width: 100%;
}
label {
font-weight: 400;
}
label.inline input {
width: auto;
}
fieldset {
padding: 1.618em;
padding-top: 1em;
margin: 0;
margin-bottom: 1.618em;
margin-top: 1.618em;
border-color: var(--border);
}
fieldset legend {
font-weight: 700;
color: var(--accent);
padding: 0.6180469716em 1em;
margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s ease;
-moz-transition: opacity 0.5s 0.5s ease;
transition: opacity 0.5s 0.5s ease;
opacity: 0;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-timepicker-standard {
z-index: 99 !important;
}
/*-------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
display: inline-block;
border-radius: 0;
}
/*-------------------------------------------------------------
12.1 Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.41575em;
}
.gallery::before, .gallery::after {
content: "";
display: table;
}
.gallery::after {
clear: both;
}
.gallery .gallery-item {
float: left;
}
.gallery .gallery-item .gallery-icon a {
display: block;
}
.gallery .gallery-item .gallery-icon img {
border: none;
height: auto;
margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
text-align: center;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.666666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.285714286%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.111111111%;
}
/*-------------------------------------------------------------
12.2 Embeds
--------------------------------------------------------------*/
embed,
iframe,
object,
video {
max-width: 100%;
}
/*-------------------------------------------------------------
13.0 Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid #E0E0E0;
padding: 0.5407911001em 0;
font-size: 0.875em;
color: var(--light);
}
/*-------------------------------------------------------------
14.0 Pagination
--------------------------------------------------------------*/
.site-main nav.navigation {
clear: both;
}
.site-main nav.navigation::before, .site-main nav.navigation::after {
content: "";
display: table;
}
.site-main nav.navigation::after {
clear: both;
}
nav.post-navigation .nav-links {
position: relative;
display: flex;
}
@media (max-width: 567px) {
nav.post-navigation .nav-links {
display: block;
}
}
nav.post-navigation .nav-previous,
nav.post-navigation .nav-next {
padding-top: 30px;
padding-bottom: 30px;
}
nav.post-navigation .nav-previous a,
nav.post-navigation .nav-next a {
display: flex;
align-items: center;
color: var(--accent);
font-size: 16px;
}
nav.post-navigation .nav-previous a:hover .nav-content,
nav.post-navigation .nav-next a:hover .nav-content {
color: var(--primary);
}
nav.post-navigation .nav-previous .title,
nav.post-navigation .nav-next .title {
margin-bottom: 4px;
line-height: 1.3;
display: block;
font-weight: 600;
}
nav.post-navigation .nav-previous .reader-text,
nav.post-navigation .nav-next .reader-text {
display: block;
font-size: 11px;
color: var(--light);
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 1.5px;
}
nav.post-navigation .nav-previous {
float: left;
width: 50%;
padding-right: 15px;
}
nav.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
padding-left: 15px;
}
nav.post-navigation .nav-next a {
justify-content: flex-end;
}
.pagination ul.page-numbers::before, .pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::before,
.woocommerce-pagination ul.page-numbers::after {
content: "";
display: table;
}
.pagination ul.page-numbers::after,
.woocommerce-pagination ul.page-numbers::after {
clear: both;
}
.pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
list-style: none;
margin: 0 -6px;
display: flex;
width: 100%;
justify-content: center;
}
.kosi-content-has-sidebar .pagination ul.page-numbers,
.kosi-content-has-sidebar .woocommerce-pagination ul.page-numbers {
justify-content: flex-start;
}
.pagination ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
display: inline-block;
margin: 0 6px;
}
.pagination ul.page-numbers li .page-numbers,
.woocommerce-pagination ul.page-numbers li .page-numbers {
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
color: var(--text);
border-radius: 3px;
font-size: 12px;
font-weight: 700;
background: var(--border);
}
.pagination ul.page-numbers li .page-numbers i,
.woocommerce-pagination ul.page-numbers li .page-numbers i {
font-size: 19px;
margin-top: -3px;
}
.pagination ul.page-numbers li .page-numbers:hover, .pagination ul.page-numbers li .page-numbers.current,
.woocommerce-pagination ul.page-numbers li .page-numbers:hover,
.woocommerce-pagination ul.page-numbers li .page-numbers.current {
background-color: var(--primary);
color: #fff;
}
.pagination ul.page-numbers li .page-numbers.next, .pagination ul.page-numbers li .page-numbers.prev,
.woocommerce-pagination ul.page-numbers li .page-numbers.next,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.pagination ul.page-numbers li .page-numbers.next i,
.woocommerce-pagination ul.page-numbers li .page-numbers.next i {
margin-left: 5px;
}
.pagination ul.page-numbers li .page-numbers.prev i,
.woocommerce-pagination ul.page-numbers li .page-numbers.prev i {
margin-right: 5px;
}
.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
transform: rotateY(180deg);
}
.post-nav-links,
.page-links {
padding-top: 20px;
}
.post-nav-links > *,
.page-links > * {
box-sizing: content-box;
min-width: 34px;
min-height: 34px;
line-height: 34px;
text-align: center;
font-size: 14px;
font-weight: bold;
display: inline-block;
color: var(--accent);
background: #EEE;
border-radius: 3px;
}
.post-nav-links > *:hover,
.page-links > *:hover {
background-color: var(--primary);
color: #fff !important;
}
.post-nav-links > *.current,
.page-links > *.current {
background-color: var(--primary);
color: #fff !important;
}
/*-------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/
@media (max-width: 1023px) {
#secondary {
display: none;
}
}
#secondary .widget,
.kosi-canvas-filter .widget {
margin-bottom: 45px;
}
#secondary .widget .wp-block-group__inner-container h2, #secondary .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title, .elementor-widget-kosi-breadcrumb #secondary .widget .wp-block-group__inner-container .kosi-woocommerce-title,
#secondary .widget .widget-title,
#secondary .widget .widgettitle,
.kosi-canvas-filter .widget .wp-block-group__inner-container h2,
.kosi-canvas-filter .widget .wp-block-group__inner-container .elementor-widget-kosi-breadcrumb .kosi-woocommerce-title,
.elementor-widget-kosi-breadcrumb .kosi-canvas-filter .widget .wp-block-group__inner-container .kosi-woocommerce-title,
.kosi-canvas-filter .widget .widget-title,
.kosi-canvas-filter .widget .widgettitle {
margin-bottom: 20px;
}
.widget select {
max-width: 100%;
}
.widget .widget-title,
.widget .widgettitle {
color: var(--accent);
margin-bottom: 25px;
}
.widget.widget_recent_entries li {
display: flex;
align-items: center;
flex-direction: row;
border-bottom-color: var(--border);
}
.widget.widget_recent_entries li:first-child {
padding-top: 0;
}
.widget.widget_recent_entries li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.widget.widget_recent_entries .recent-posts-thumbnail {
flex: 0 0 auto;
overflow: hidden;
}
.widget.widget_recent_entries .recent-posts-thumbnail img {
margin-right: 1em;
width: 80px;
height: 80px;
object-fit: cover;
}
.widget.widget_recent_entries .recent-posts-info {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.widget.widget_recent_entries .post-title {
font-size: 15px;
display: block;
font-weight: 600;
color: var(--accent);
margin-bottom: 0;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
letter-spacing: 0.03em;
}
.widget.widget_recent_entries .post-title:hover {
color: var(--primary);
}
.widget.widget_recent_entries .post-title span {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.widget.widget_recent_entries .post-date,
.widget.widget_recent_entries .post-comments {
font-size: 13px;
color: var(--light);
margin-bottom: 3px;
}
.widget ul {
margin-left: 0;
list-style: none;
}
.widget ul ul {
margin-left: 1.41575em;
margin-top: 1em;
margin-bottom: 0;
}
.widget ul ul li:last-child {
padding-bottom: 0;
}
.widget ul li {
list-style: none;
line-height: 1.41575em;
margin-bottom: 1em;
}
.widget ul li:first-child {
padding-top: 0;
}
.widget ul li:last-child {
border-bottom: 0;
}
.widget ul .children {
margin-top: 1em;
margin-bottom: 0;
}
.widget ul .children li:last-child {
padding-bottom: 0;
}
.widget.widget_rss .rss-date {
font-style: italic;
display: block;
margin: 0 0 0.7em;
}
.widget.widget_rss .rsswidget {
display: inline-block;
color: var(--accent);
}
.widget.widget_rss .rss-date,
.widget.widget_rss cite {
color: var(--light);
}
.widget.widget_rss cite {
text-decoration: underline;
}
.widget.widget_rss li {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid var(--border);
}
.widget.widget_rss li a.rsswidget {
font-weight: 700;
line-height: 1.41575em;
margin-bottom: 10px;
}
.widget.widget_rss li .rss-date {
font-size: 14px;
}
.widget.widget_rss li .rssSummary {
margin-bottom: 15px;
font-size: 14px;
}
.wpml-ls.wpml-ls-legacy-list-vertical li, .wpml-ls.wpml-ls-legacy-list-horizontal li {
margin-bottom: 1em;
}
.wpml-ls.wpml-ls-legacy-list-vertical a, .wpml-ls.wpml-ls-legacy-list-horizontal a {
padding: 0;
}
.wpml-ls.wpml-ls-legacy-list-horizontal a {
padding-right: 0.875em;
}
.wpml-ls.wpml-ls-legacy-dropdown-click, .wpml-ls.wpml-ls-legacy-dropdown {
width: 100%;
}
.wpml-ls.wpml-ls-legacy-dropdown-click a, .wpml-ls.wpml-ls-legacy-dropdown a {
padding: 1em 1.41575em;
border-color: var(--border);
background-color: var(--background);
}
.wpml-ls.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after, .wpml-ls.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
right: 1em;
}
.wpml-ls.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .wpml-ls.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
border-top: 0;
}
.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {
margin-bottom: 0;
}
.wpml-ls-statics-footer.wpml-ls-legacy-list-vertical {
margin-top: 1em;
margin-bottom: 0;
}
.wpml-ls-statics-footer li a {
color: var(--text);
}
.wpml-ls-statics-footer li a:hover {
color: var(--primary);
}
.widget.widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud {
margin-bottom: 1.25em;
}
.widget.widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a {
font-size: 16px !important;
line-height: 24px;
display: inline-block;
padding: 3px 10px;
margin-bottom: 10px;
margin-right: 7px;
background: var(--border);
border-radius: 3px;
}
.widget.widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover {
color: #fff !important;
background: var(--primary_hover);
text-decoration: none;
}
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li {
color: var(--light);
}
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li a {
color: var(--accent);
}
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list li::before {
opacity: 1 !important;
}
.woocommerce-widget-layered-nav ul.woocommerce-widget-layered-nav-list .chosen a {
color: var(--primary);
}
.widget-area .widget a.button {
font-weight: 700 !important;
}
.widget_search {
padding: 0;
border: 0;
}
.widget_search form,
.widget_product_search form,
.site-search form {
position: relative;
margin-bottom: 0;
}
.widget_search form::before,
.widget_product_search form::before,
.site-search form::before {
font-size: 22px;
color: var(--accent);
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
transform: translate(0, -50%);
}
.widget_search form input[type=text],
.widget_search form input[type=search],
.widget_product_search form input[type=text],
.widget_product_search form input[type=search],
.site-search form input[type=text],
.site-search form input[type=search] {
width: 100%;
line-height: 1;
padding: 1em 1.5em;
padding-right: 60px;
flex: 1;
}
.widget_search form input[type=text]:focus,
.widget_search form input[type=search]:focus,
.widget_product_search form input[type=text]:focus,
.widget_product_search form input[type=search]:focus,
.site-search form input[type=text]:focus,
.site-search form input[type=search]:focus {
border-color: var(--primary);
}
.widget_search form input[type=submit],
.widget_search form button[type=submit],
.widget_product_search form input[type=submit],
.widget_product_search form button[type=submit],
.site-search form input[type=submit],
.site-search form button[type=submit] {
font-size: 0;
line-height: 0;
width: 60px;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 3;
background: transparent;
border: none;
}
.widget_search form input[type=submit]:hover, .widget_search form input[type=submit]:focus, .widget_search form input[type=submit]:active,
.widget_search form button[type=submit]:hover,
.widget_search form button[type=submit]:focus,
.widget_search form button[type=submit]:active,
.widget_product_search form input[type=submit]:hover,
.widget_product_search form input[type=submit]:focus,
.widget_product_search form input[type=submit]:active,
.widget_product_search form button[type=submit]:hover,
.widget_product_search form button[type=submit]:focus,
.widget_product_search form button[type=submit]:active,
.site-search form input[type=submit]:hover,
.site-search form input[type=submit]:focus,
.site-search form input[type=submit]:active,
.site-search form button[type=submit]:hover,
.site-search form button[type=submit]:focus,
.site-search form button[type=submit]:active {
background: transparent;
}
.site-search form {
margin-bottom: 0;
}
.widget_categories form,
.widget_text form {
margin: 0;
}
.widget_categories p,
.widget_text p {
margin: 0;
}
.widget_product_categories ul li .count {
float: right;
}
.wp-block-archives-list ul li,
.widget_product_brands ul li,
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_meta ul li,
.widget_layered_nav_filters ul li {
list-style: none;
margin-bottom: 0.875em;
line-height: 1.41575em;
}
.wp-block-archives-list ul li:first-child,
.widget_product_brands ul li:first-child,
.widget_recent_entries ul li:first-child,
.widget_pages ul li:first-child,
.widget_categories ul li:first-child,
.widget_archive ul li:first-child,
.widget_recent_comments ul li:first-child,
.widget_nav_menu ul li:first-child,
.widget_links ul li:first-child,
.widget_product_categories ul li:first-child,
.widget_layered_nav ul li:first-child,
.widget_meta ul li:first-child,
.widget_layered_nav_filters ul li:first-child {
padding-top: 0;
}
.wp-block-archives-list ul li:last-child,
.widget_product_brands ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_pages ul li:last-child,
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_links ul li:last-child,
.widget_product_categories ul li:last-child,
.widget_layered_nav ul li:last-child,
.widget_meta ul li:last-child,
.widget_layered_nav_filters ul li:last-child {
border-bottom: 0;
}
.wp-block-archives-list ul .children,
.widget_product_brands ul .children,
.widget_recent_entries ul .children,
.widget_pages ul .children,
.widget_categories ul .children,
.widget_archive ul .children,
.widget_recent_comments ul .children,
.widget_nav_menu ul .children,
.widget_links ul .children,
.widget_product_categories ul .children,
.widget_layered_nav ul .children,
.widget_meta ul .children,
.widget_layered_nav_filters ul .children {
margin-top: 1em;
margin-bottom: 0;
}
.wp-block-archives-list ul .children li:last-child,
.widget_product_brands ul .children li:last-child,
.widget_recent_entries ul .children li:last-child,
.widget_pages ul .children li:last-child,
.widget_categories ul .children li:last-child,
.widget_archive ul .children li:last-child,
.widget_recent_comments ul .children li:last-child,
.widget_nav_menu ul .children li:last-child,
.widget_links ul .children li:last-child,
.widget_product_categories ul .children li:last-child,
.widget_layered_nav ul .children li:last-child,
.widget_meta ul .children li:last-child,
.widget_layered_nav_filters ul .children li:last-child {
padding-bottom: 0;
}
.widget_recent_comments a {
text-decoration: underline;
}
.widget-area #wp-calendar th,
.widget-area #wp-calendar td,
.footer-widgets #wp-calendar th,
.footer-widgets #wp-calendar td {
padding: 0.236em;
text-align: center;
}
.widget_recent_entries ul ul.children {
margin: 0.6180469716em 0 0 0;
}
.kosi-canvas-filter .widget h1.widget-title,
.widget-area .widget h1.widget-title {
font-size: 1.41575em;
}
.kosi-canvas-filter a:not(.button),
.widget-area a:not(.button) {
color: var(--text);
}
.kosi-canvas-filter a:not(.button):hover,
.widget-area a:not(.button):hover {
color: var(--primary);
text-decoration: underline;
}
.widget_calendar .calendar_wrap, .wp-block-calendar .calendar_wrap {
margin-bottom: 1.41575em;
}
.widget_calendar table th, .widget_calendar table td, .wp-block-calendar table th, .wp-block-calendar table td {
text-align: center;
border: 1px solid;
border-color: var(--border);
}
.widget_calendar table th, .wp-block-calendar table th {
background: #ddd;
color: var(--accent);
}
.widget_categories .w-custom li a {
display: flex;
justify-content: space-between;
}
.widget_categories .w-custom li a:hover {
color: var(--primary);
}
/*--------------------------------------------------------------
16.0 Utilities
--------------------------------------------------------------*/
.d-flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
.align-content-start {
align-content: flex-start;
}
.align-content-end {
align-content: flex-end;
}
.align-content-center {
align-content: center;
}
.align-content-between {
align-content: space-between;
}
.align-content-around {
align-content: space-around;
}
.align-content-stretch {
align-content: stretch;
}
.align-self-auto {
align-self: auto;
}
.align-self-start {
align-self: flex-start;
}
.align-self-end {
align-self: flex-end;
}
.align-self-center {
align-self: center;
}
.align-self-baseline {
align-self: baseline;
}
.align-self-stretch {
align-self: stretch;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}
/*--------------------------------------------------------------
17.0 Slick
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.kosi-carousel {
display: none;
}
.kosi-carousel.slick-initialized {
display: block;
}
@media (max-width: 767px) {
.kosi-carousel {
overflow: hidden;
}
}
.woocommerce-carousel .products {
display: none;
}
.woocommerce-carousel .products.slick-initialized {
display: block;
}
.woocommerce-carousel .products .product {
margin-bottom: 0;
}
.woocommerce-carousel .slick-dots {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 767px) {
.woocommerce-carousel {
overflow: hidden;
}
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
outline: none;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.carousel-visibility-yes .slick-list {
overflow: visible;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url("./assets/images/slick/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("./assets/fonts/slick.eot");
src: url("./assets/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/slick.woff") format("woff"), url("./assets/fonts/slick.ttf") format("truetype"), url("./assets/fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-slider .slick-prev,
.slick-slider .slick-next {
position: absolute;
display: block;
height: 34px;
width: 34px;
line-height: 34px;
text-align: center;
font-size: 0;
cursor: pointer;
background: transparent !important;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0 !important;
outline: none;
z-index: 99;
border-radius: 0;
}
.slick-slider .slick-prev:after,
.slick-slider .slick-next:after {
content: none !important;
}
.slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus {
outline: none;
background: transparent !important;
color: transparent;
}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-prev:focus:before,
.slick-slider .slick-next:hover:before,
.slick-slider .slick-next:focus:before {
color: var(--primary);
}
.slick-slider .slick-prev.slick-disabled:before,
.slick-slider .slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
color: var(--accent);
transition: all 0.3s ease;
font-size: 16px;
}
.slick-slider .slick-prev {
left: -45px;
}
.slick-slider .slick-prev:before {
content: "";
}
.slick-slider .slick-next {
right: -45px;
}
.slick-slider .slick-next:before {
content: "";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -35px;
list-style: none;
display: block;
text-align: center;
padding: 0 20px;
margin: 0;
width: 100%;
left: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0;
cursor: pointer;
margin: 0 2px;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 8px;
width: 8px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
margin: 2px;
cursor: pointer;
transition: all ease 0.2s;
padding: 0;
border-radius: 6px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
background-color: transparent;
width: 27px;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
background-color: var(--primary);
}
.slick-dots li button:before {
display: block;
width: 100%;
height: 100%;
content: "";
background-color: var(--primary);
border-radius: 6px;
text-align: center;
transition: all ease 0.2s;
}
.slick-dots li.slick-active button {
width: 27px;
}
.slick-dots li.slick-active button:before {
background-color: var(--primary);
}
/*--------------------------------------------------------------
17.1 Tooltipster
--------------------------------------------------------------*/
.tooltipster-fall, .tooltipster-grow.tooltipster-show {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-base {
display: flex;
pointer-events: none;
position: absolute;
}
.tooltipster-box {
flex: 1 1 auto;
}
.tooltipster-content {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
/*overflow:auto;*/
border-color: black;
}
.tooltipster-ruler {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
}
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-o-transform: rotateZ(0);
-ms-transform: rotateZ(0);
transform: rotateZ(0);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0;
}
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0;
}
@keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading 0.4s;
}
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating 0.6s;
}
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling 0.6s;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
margin-left: -10px;
top: -2px;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: -2px;
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: -2px;
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: -2px;
height: 10px;
margin-left: -9px;
width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
left: 0;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
left: -3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
left: 3px;
top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
left: 0;
top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
.kosi-product-tooltipster {
display: block !important;
}
.kosi-product-tooltipster .tooltipster-content {
background-color: #000;
color: #fff;
padding-left: 10px;
padding-right: 10px;
border-radius: 2px;
font-size: 13px;
}
.kosi-product-tooltipster.tooltipster-base.tooltipster-top .tooltipster-arrow-background {
border-top-color: #000;
}
.kosi-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow {
transform: translateY(-5px);
}
.kosi-product-tooltipster.tooltipster-base.tooltipster-left .tooltipster-arrow-background {
border-left-color: #000;
}
/*--------------------------------------------------------------
18.0 Magnific Popup
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
background-color: transparent !important;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
background-color: transparent !important;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
.contactform-content,
.mailchimp-content {
position: relative;
width: auto;
margin: 20px auto;
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* Styles for dialog window */
#view-360 {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 800px;
margin: 40px auto;
position: relative;
}
/**
* Fade-zoom animation for first dialog
*/
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/**
* Fade-move animation for second dialog
*/
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
font-size: 24px;
background-color: transparent !important;
padding: 5px;
width: auto;
}
.mfp-image-holder .mfp-close:active, .mfp-image-holder .mfp-close:focus, .mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:active,
.mfp-iframe-holder .mfp-close:focus,
.mfp-iframe-holder .mfp-close:hover {
color: var(--primary);
background-color: transparent;
}
.side-wrap {
position: fixed;
top: 0;
bottom: 0;
overflow: hidden;
overflow-y: auto;
width: 300px;
background-color: var(--background);
transition: transform 0.25s ease;
display: flex;
flex-direction: column;
right: 0;
z-index: 9999999;
transform: translate3d(300px, 0, 0);
}
@media (min-width: 1024px) {
.side-wrap {
width: 440px;
transform: translate3d(440px, 0, 0);
}
}
.side-wrap .side-heading {
flex: 0 0 auto;
flex-direction: row;
justify-content: flex-end;
line-height: 1;
}
.side-wrap .side-title {
flex: 1 1 auto;
font-size: 20px;
text-transform: uppercase;
color: var(--accent);
font-weight: 700;
letter-spacing: 1px;
padding: 20px 15px;
border-bottom: 2px solid var(--border);
display: block;
font-family: "Kosi-heading", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.side-wrap.active {
transform: none;
}
.side-wrap.active + .side-overlay {
visibility: visible;
opacity: 1;
}
.close-side {
color: var(--accent);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.3px;
font-weight: 600;
font-size: 13px;
width: 18px;
height: 18px;
position: absolute;
right: 20px;
top: 20px;
}
.close-side:before, .close-side:after {
content: " ";
position: absolute;
top: 50%;
display: inline-block;
margin-top: -1px;
width: 18px;
height: 2px;
background-color: var(--accent);
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out;
right: 0;
transform: rotate(-45deg);
}
.close-side:before {
transform: rotate(45deg);
}
.close-side:hover:before, .close-side:hover:after {
transform: rotate(0);
}
.side-overlay {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
left: 0;
z-index: 997;
opacity: 0;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
transition: opacity 0.25s ease, visibility 0s ease;
}
.site-wishlist-side .woosw-popup-content .woosw-popup-content-top {
display: none;
}
.site-wishlist-side .wishlist-side-wrap-content {
margin-bottom: 0;
position: relative;
flex: 1 1 auto;
display: flex;
flex-direction: column;
padding: 20px 15px 15px;
}
.site-wishlist-side .kosi-wishlist-content-scroll {
position: relative;
flex: 1 1 auto;
overflow-y: auto;
padding-right: 15px;
margin-right: -15px;
}
.site-wishlist-side .kosi-wishlist-content-scroll .kosi-wishlist-content {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 0;
}
.site-wishlist-side .kosi-wishlist-bottom {
padding-top: 30px;
margin: 0;
}
.site-wishlist-side .kosi-wishlist-bottom a.button {
display: block;
text-align: center;
border: 2px solid var(--accent);
}
.site-wishlist-side .kosi-wishlist-bottom a.button:hover {
border-color: var(--primary_hover);
}
.site-wishlist-side table.woosw-content-items .woosw-content-item--actions {
display: none;
}
#woosw-area {
display: none !important;
position: absolute;
top: 0;
right: 0;
opacity: 1;
font-size: 0;
color: var(--light);
}
.kosi-wishlist-content.loadding {
position: relative;
}
.kosi-wishlist-content.loadding::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.kosi-wishlist-content .woosw-items td, .kosi-wishlist-content .woosw-items th {
padding: 0;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner {
display: flex;
margin-bottom: 40px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove {
order: 4;
padding-left: 10px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove span {
cursor: pointer;
position: relative;
right: 10px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove span:before {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "";
font-size: 18px;
margin-top: -6px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove span:hover {
color: red;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove span.removing:before {
opacity: 0;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--remove span.removing::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--image {
padding-right: 1em;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--image img {
max-width: 90px;
border: 1px solid var(--border);
border-radius: 8px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info {
flex: 1 1 auto;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--name {
font-size: 16px;
font-weight: 500;
margin-bottom: 3px;
line-height: 22px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--name a {
color: var(--accent);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--name a:hover {
color: var(--primary);
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--price {
font-weight: 500;
color: var(--primary);
font-size: 18px;
margin-bottom: 3px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--price del {
color: var(--text);
font-size: 14px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--info .woosw-item--time {
color: var(--text);
font-size: 14px;
}
.kosi-wishlist-content .woosw-items .woosw-item-inner > div.woosw-item--actions {
display: none !important;
}
.site-account-side .side-account-form-wrap {
padding: 20px 15px 10px;
}
.site-account-side form.kosi-login-form-ajax {
margin-bottom: 5px;
}
.site-account-side form.kosi-login-form-ajax label {
display: block;
margin-bottom: 15px;
}
.site-account-side form.kosi-login-form-ajax input {
width: 100%;
}
.site-account-side form.kosi-login-form-ajax .label {
color: var(--accent);
display: block;
margin-bottom: 5px;
}
.site-account-side form.kosi-login-form-ajax button[type=submit] {
display: block;
width: 100%;
margin-top: 23px;
}
.site-account-side form.kosi-login-form-ajax.loadding {
position: relative;
}
.site-account-side form.kosi-login-form-ajax.loadding::after {
font-family: "kosi-icon";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
content: "" !important;
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.site-account-side .login-form-bottom {
border-top: 2px dashed;
border-color: var(--border);
margin-top: 20px;
padding: 20px 0;
text-align: center;
}
.site-account-side a.lostpass-link {
color: var(--light);
font-size: 14px;
font-style: italic;
text-decoration: underline dashed;
text-align: right;
display: block;
}
.site-account-side a.lostpass-link:hover {
color: var(--primary);
}
.site-account-side .result-error {
padding: 0 10px;
font-size: 14px;
border-left: 4px solid #E0B252;
margin-bottom: 15px;
font-style: italic;
background: #ebebeb;
border-radius: 3px;
}
/*--------------------------------------------------------------
19.0 Icons
--------------------------------------------------------------*/
.kosi-icon-facebook:before {
content: "";
}
.kosi-icon-google:before {
content: "";
}
.kosi-icon-linkedin-in:before {
content: "";
}
.kosi-icon-pinterest:before {
content: "";
}
.kosi-icon-twitter:before {
content: "";
}
.kosi-icon-360:before {
content: "";
}
.kosi-icon-angle-down:before {
content: "";
}
.kosi-icon-angle-left:before {
content: "";
}
.kosi-icon-angle-right:before {
content: "";
}
.kosi-icon-angle-up:before {
content: "";
}
.kosi-icon-arrow-left:before {
content: "";
}
.kosi-icon-arrow-right:before {
content: "";
}
.kosi-icon-bars:before {
content: "";
}
.kosi-icon-calendar:before {
content: "";
}
.kosi-icon-cart-empty:before {
content: "";
}
.kosi-icon-check:before {
content: "";
}
.kosi-icon-chevron-down:before {
content: "";
}
.kosi-icon-chevron-left:before {
content: "";
}
.kosi-icon-chevron-right:before {
content: "";
}
.kosi-icon-chevron-up:before {
content: "";
}
.kosi-icon-cloud-download-alt:before {
content: "";
}
.kosi-icon-comment:before {
content: "";
}
.kosi-icon-comments:before {
content: "";
}
.kosi-icon-credit-card:before {
content: "";
}
.kosi-icon-edit:before {
content: "";
}
.kosi-icon-envelope:before {
content: "";
}
.kosi-icon-expand-alt:before {
content: "";
}
.kosi-icon-external-link-alt:before {
content: "";
}
.kosi-icon-eye:before {
content: "";
}
.kosi-icon-file-alt:before {
content: "";
}
.kosi-icon-file-archive:before {
content: "";
}
.kosi-icon-folder-open:before {
content: "";
}
.kosi-icon-folder:before {
content: "";
}
.kosi-icon-frown:before {
content: "";
}
.kosi-icon-gift:before {
content: "";
}
.kosi-icon-heart-fill:before {
content: "";
}
.kosi-icon-heart:before {
content: "";
}
.kosi-icon-heart1:before {
content: "";
}
.kosi-icon-history:before {
content: "";
}
.kosi-icon-home:before {
content: "";
}
.kosi-icon-info-circle:before {
content: "";
}
.kosi-icon-instagram:before {
content: "";
}
.kosi-icon-map-marker-check:before {
content: "";
}
.kosi-icon-meh:before {
content: "";
}
.kosi-icon-minus:before {
content: "";
}
.kosi-icon-money-bill:before {
content: "";
}
.kosi-icon-pencil-alt:before {
content: "";
}
.kosi-icon-plus:before {
content: "";
}
.kosi-icon-quote:before {
content: "";
}
.kosi-icon-random:before {
content: "";
}
.kosi-icon-reply-all:before {
content: "";
}
.kosi-icon-reply:before {
content: "";
}
.kosi-icon-router:before {
content: "";
}
.kosi-icon-shopping-cart:before {
content: "";
}
.kosi-icon-sign-out-alt:before {
content: "";
}
.kosi-icon-smile:before {
content: "";
}
.kosi-icon-spinner:before {
content: "";
}
.kosi-icon-square:before {
content: "";
}
.kosi-icon-star:before {
content: "";
}
.kosi-icon-store:before {
content: "";
}
.kosi-icon-sync:before {
content: "";
}
.kosi-icon-tachometer-alt:before {
content: "";
}
.kosi-icon-tag:before {
content: "";
}
.kosi-icon-thumbtack:before {
content: "";
}
.kosi-icon-times-circle:before {
content: "";
}
.kosi-icon-times:before {
content: "";
}
.kosi-icon-truck:before {
content: "";
}
.kosi-icon-video:before {
content: "";
}
.kosi-icon-activity:before {
content: "";
}
.kosi-icon-add-user:before {
content: "";
}
.kosi-icon-bag-2:before {
content: "";
}
.kosi-icon-bag:before {
content: "";
}
.kosi-icon-bars-1:before {
content: "";
}
.kosi-icon-bookmark:before {
content: "";
}
.kosi-icon-buy-minus:before {
content: "";
}
.kosi-icon-buy-plus:before {
content: "";
}
.kosi-icon-calendar-2:before {
content: "";
}
.kosi-icon-call-missed:before {
content: "";
}
.kosi-icon-call-silent:before {
content: "";
}
.kosi-icon-call:before {
content: "";
}
.kosi-icon-calling:before {
content: "";
}
.kosi-icon-camera:before {
content: "";
}
.kosi-icon-caret:before {
content: "";
}
.kosi-icon-cart:before {
content: "";
}
.kosi-icon-category:before {
content: "";
}
.kosi-icon-chart:before {
content: "";
}
.kosi-icon-chat:before {
content: "";
}
.kosi-icon-checkbox:before {
content: "";
}
.kosi-icon-checked:before {
content: "";
}
.kosi-icon-close-square:before {
content: "";
}
.kosi-icon-danger-circle:before {
content: "";
}
.kosi-icon-danger-triangle:before {
content: "";
}
.kosi-icon-delete:before {
content: "";
}
.kosi-icon-discount:before {
content: "";
}
.kosi-icon-discovery:before {
content: "";
}
.kosi-icon-document:before {
content: "";
}
.kosi-icon-download:before {
content: "";
}
.kosi-icon-edit-2:before {
content: "";
}
.kosi-icon-edit-square:before {
content: "";
}
.kosi-icon-filter-3:before {
content: "";
}
.kosi-icon-filter:before {
content: "";
}
.kosi-icon-folder-2:before {
content: "";
}
.kosi-icon-game:before {
content: "";
}
.kosi-icon-graph:before {
content: "";
}
.kosi-icon-heart-2:before {
content: "";
}
.kosi-icon-hide:before {
content: "";
}
.kosi-icon-homepage:before {
content: "";
}
.kosi-icon-image-3:before {
content: "";
}
.kosi-icon-image:before {
content: "";
}
.kosi-icon-info-square:before {
content: "";
}
.kosi-icon-location:before {
content: "";
}
.kosi-icon-lock:before {
content: "";
}
.kosi-icon-login:before {
content: "";
}
.kosi-icon-logout:before {
content: "";
}
.kosi-icon-message:before {
content: "";
}
.kosi-icon-more-circle:before {
content: "";
}
.kosi-icon-more-square:before {
content: "";
}
.kosi-icon-notification:before {
content: "";
}
.kosi-icon-paper-download:before {
content: "";
}
.kosi-icon-paper-fail:before {
content: "";
}
.kosi-icon-paper-negative:before {
content: "";
}
.kosi-icon-paper-plus:before {
content: "";
}
.kosi-icon-paper-upload:before {
content: "";
}
.kosi-icon-paper:before {
content: "";
}
.kosi-icon-password:before {
content: "";
}
.kosi-icon-play:before {
content: "";
}
.kosi-icon-plus-2:before {
content: "";
}
.kosi-icon-profile:before {
content: "";
}
.kosi-icon-row-vertical:before {
content: "";
}
.kosi-icon-scan:before {
content: "";
}
.kosi-icon-search:before {
content: "";
}
.kosi-icon-send:before {
content: "";
}
.kosi-icon-setting:before {
content: "";
}
.kosi-icon-shield-done:before {
content: "";
}
.kosi-icon-shield-fail:before {
content: "";
}
.kosi-icon-show:before {
content: "";
}
.kosi-icon-star-2:before {
content: "";
}
.kosi-icon-swap:before {
content: "";
}
.kosi-icon-tick-square:before {
content: "";
}
.kosi-icon-ticket-star:before {
content: "";
}
.kosi-icon-ticket:before {
content: "";
}
.kosi-icon-time-circle:before {
content: "";
}
.kosi-icon-time-square:before {
content: "";
}
.kosi-icon-unlock:before {
content: "";
}
.kosi-icon-upload:before {
content: "";
}
.kosi-icon-user-2:before {
content: "";
}
.kosi-icon-user-3:before {
content: "";
}
.kosi-icon-user:before {
content: "";
}
.kosi-icon-video-2:before {
content: "";
}
.kosi-icon-voice-3:before {
content: "";
}
.kosi-icon-voice:before {
content: "";
}
.kosi-icon-volume-down:before {
content: "";
}
.kosi-icon-volume-off:before {
content: "";
}
.kosi-icon-volume-up:before {
content: "";
}
.kosi-icon-wallet:before {
content: "";
}
.kosi-icon-work:before {
content: "";
}
/*# sourceMappingURL=style.css.map */