Skip to content

Instantly share code, notes, and snippets.

@iamgaby7521
Created November 7, 2023 01:06
Show Gist options
  • Save iamgaby7521/d73036e30b214e7ce2711de7ce3757be to your computer and use it in GitHub Desktop.
Save iamgaby7521/d73036e30b214e7ce2711de7ce3757be to your computer and use it in GitHub Desktop.
qi-main.css
/* ==========================================================================
Include variables and mixins
========================================================================== */
/* ==========================================================================
Typography variables
========================================================================== */
/* ==========================================================================
Box variables
========================================================================== */
/* ==========================================================================
Devices screen size variables
========================================================================== */
/* ==========================================================================
Grid size and responsive grid size variables
========================================================================== */
/* ==========================================================================
Typography mixins
========================================================================== */
/* ==========================================================================
Typography mixins - end
========================================================================== */
/* ==========================================================================
Menu mixins - begin
========================================================================== */
/* ==========================================================================
Menu mixins - end
========================================================================== */
/* ==========================================================================
Layout mixins - begin
========================================================================== */
/* ==========================================================================
Layout mixins - end
========================================================================== */
/* ==========================================================================
Input fields mixins - begin
========================================================================== */
/* ==========================================================================
Input fields mixins - end
========================================================================== */
/* ==========================================================================
Pagination mixins - begin
========================================================================== */
/* ==========================================================================
Pagination mixins - end
========================================================================== */
/* ==========================================================================
Grid size mixins - begin
========================================================================== */
/* ==========================================================================
Grid size mixins - end
========================================================================== */
/* ==========================================================================
Helper mixins - begin
========================================================================== */
/* ==========================================================================
Helper mixins - end
========================================================================== */
/* ==========================================================================
Clear fix mixin - begin
========================================================================== */
/* ==========================================================================
Clear fix mixin - end
========================================================================== */
/* ==========================================================================
Button mixins - start
========================================================================== */
/* ==========================================================================
Button mixins - end
========================================================================== */
/* ==========================================================================
Tabs mixins - start
========================================================================== */
/* ==========================================================================
Tabs mixins - end
========================================================================== */
/* ==========================================================================
Animation mixins - start
========================================================================== */
/* ==========================================================================
Animation mixins - end
========================================================================== */
/* ==========================================================================
Keyframes settings
========================================================================== */
@keyframes qode-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes qode-fade-in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes qode-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes qode-ball-fall {
0% {
opacity: 0;
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
transform: translateY(145%);
}
}
@keyframes qode-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes qode-double-pulse {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
@keyframes qode-cube {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes qode-rotating-cubes {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes qode-stretch-delay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
@keyframes qode-bounce-delay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
@keyframes qode-rotate-circles {
to {
transform: rotate(360deg);
}
}
@keyframes qode-atom-position {
50% {
top: 80px;
left: 80px;
}
}
@keyframes qode-atom-size {
50% {
transform: scale(0.5);
}
}
@keyframes qode-atom-zindex {
100% {
z-index: 10;
}
}
@keyframes qode-atom-shrink {
50% {
transform: scale(0.8);
}
}
@keyframes qode-clock {
100% {
transform: rotate(360deg);
}
}
@keyframes qode-clock-1 {
0% {
transform: rotate(-135deg);
}
30% {
transform: rotate(-450deg);
}
100% {
transform: rotate(-450deg);
}
}
@keyframes qode-clock-2 {
5% {
transform: rotate(-90deg);
}
35% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@keyframes qode-clock-3 {
10% {
transform: rotate(-45deg);
}
40% {
transform: rotate(-360deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes qode-clock-4 {
15% {
transform: rotate(0deg);
}
45% {
transform: rotate(-315deg);
}
100% {
transform: rotate(-315deg);
}
}
@keyframes qode-mitosis-invert {
100% {
transform: rotate(180deg);
}
}
@keyframes qode-mitosis-ball-1 {
12% {
transform: none;
}
26% {
transform: translateX(25%) scale(1, 0.8);
}
40% {
transform: translateX(50%) scale(0.8, 0.8);
}
60% {
transform: translateX(50%) scale(0.8, 0.8);
}
74% {
transform: translate(50%, 25%) scale(0.6, 0.8);
}
88% {
transform: translate(50%, 50%) scale(0.6, 0.6);
}
100% {
transform: translate(50%, 50%) scale(0.6, 0.6);
}
}
@keyframes qode-mitosis-ball-2 {
12% {
transform: none;
}
26% {
transform: translateX(25%) scale(1, 0.8);
}
40% {
transform: translateX(50%) scale(0.8, 0.8);
}
60% {
transform: translateX(50%) scale(0.8, 0.8);
}
74% {
transform: translate(50%, -25%) scale(0.6, 0.8);
}
88% {
transform: translate(50%, -50%) scale(0.6, 0.6);
}
100% {
transform: translate(50%, -50%) scale(0.6, 0.6);
}
}
@keyframes qode-mitosis-ball-3 {
12% {
transform: none;
}
26% {
transform: translateX(-25%) scale(1, 0.8);
}
40% {
transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
transform: translate(-50%, 25%) scale(0.6, 0.8);
}
88% {
transform: translate(-50%, 50%) scale(0.6, 0.6);
}
100% {
transform: translate(-50%, 50%) scale(0.6, 0.6);
}
}
@keyframes qode-mitosis-ball-4 {
12% {
transform: none;
}
26% {
transform: translateX(-25%) scale(1, 0.8);
}
40% {
transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
transform: translate(-50%, -25%) scale(0.6, 0.8);
}
88% {
transform: translate(-50%, -50%) scale(0.6, 0.6);
}
100% {
transform: translate(-50%, -50%) scale(0.6, 0.6);
}
}
@keyframes qode-lines-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes qode-fussion-ball-1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@keyframes qode-fussion-ball-2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@keyframes qode-fussion-ball-3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0;
z-index: 2;
}
}
@keyframes qode-fussion-ball-4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0;
left: 50%;
z-index: 1;
}
}
@keyframes qode-wave-jump-1 {
12% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
24%, 100% {
transform: translate(40px, 0);
}
}
@keyframes qode-wave-jump-2 {
12% {
transform: translate(0, 0);
}
24% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
36%, 100% {
transform: translate(40px, 0);
}
}
@keyframes qode-wave-jump-3 {
24% {
transform: translate(0, 0);
}
36% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
48%, 100% {
transform: translate(40px, 0);
}
}
@keyframes qode-wave-wipe {
48%, 100% {
transform: translateX(-120px);
}
}
@keyframes qode-pulse-circles-pulse {
0% {
transform: scale(0.1);
opacity: 1;
border-width: 50px;
}
100% {
transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@keyframes qode-bounce {
from,
20%,
53%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
@keyframes qode-pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
@keyframes qode-background-size {
0% {
background-size: 100% 100%;
background-position-x: 100%;
}
43%, 43% {
background-size: 0 100%;
background-position-x: 100%;
}
45% {
background-size: 0 100%;
background-position-x: 0;
}
100% {
background-size: 100% 100%;
background-position-x: 0;
}
}
/* ==========================================================================
Theme - Table of contents
* 1.0 Reset styles
* 2.0 Accessibility styles
* 3.0 Alignments styles
* 4.0 Clearings styles
* 5.0 Typography styles
* 6.0 Input Fields styles
* 7.0 Grid styles
* 8.0 Content styles
* 9.0 Plugins styles
* 10.0 Modules styles (Header, Footer, Title etc.)
* 11.0 Responsive styles
========================================================================== */
/* ==========================================================================
1.0 Reset default styles
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: none;
}
* {
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, main {
display: block;
}
del {
text-decoration: line-through;
}
pre {
max-width: 100%;
margin: 15px 0;
padding: 15px;
background-color: #f7f5f5;
white-space: pre-wrap;
word-wrap: break-word;
font-family: monospace;
font-size: 1em;
color: #1e1e1e;
}
code {
background-color: #f7f5f5 !important;
padding: 0 !important;
font-family: monospace, monospace !important;
font-size: 1em !important;
color: #1e1e1e !important;
}
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
width: 100%;
vertical-align: middle;
font-size: inherit;
color: inherit;
line-height: inherit;
border: medium none;
border-collapse: collapse;
border-spacing: 0;
}
table tr {
border: 1px solid #e1e1e1;
}
table th {
padding: 5px 7px;
text-align: left;
border-right: 1px solid #e1e1e1;
}
table td {
padding: 5px 10px;
text-align: left;
border: 0;
border-right: 1px solid #e1e1e1;
}
table td br {
display: none;
}
hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
hr:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
body:not([class*="qode-essential-addons"]) hr {
clear: both;
}
ul, ol {
list-style-position: inside;
padding: 0;
margin: 0 0 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
a img {
border: none;
}
img, .wp-caption {
height: auto;
max-width: 100%;
}
img {
vertical-align: middle;
border-style: none;
}
figure {
margin: 0;
}
embed,
iframe,
object {
display: block;
max-width: 100%;
}
video {
display: block;
}
embed,
object {
height: auto;
}
label {
display: block;
margin-bottom: 9px;
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
}
fieldset {
margin-bottom: 1em;
padding: 0.35em 0.75em 0.625em;
}
input[type='submit'] {
-webkit-appearance: none;
}
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
b,
strong {
font-weight: bolder;
}
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
background-color: #f7f5f5;
}
small {
font-size: 80%;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
template {
display: none;
}
figcaption,
.wp-caption,
.gallery-caption {
display: block;
max-width: 100%;
font-size: 13px !important;
line-height: 1em !important;
color: #1e1e1e;
text-align: center;
opacity: 1;
margin: .5em auto 1em;
}
figcaption a,
.wp-caption a,
.gallery-caption a {
color: inherit;
}
.wp-caption .wp-caption-text {
opacity: 1;
}
blockquote.instagram-media,
iframe.instagram-media {
margin: auto !important;
}
.sticky,
.bypostauthor {
opacity: 1;
}
::selection {
color: #fff;
background: #1e1e1e;
}
::-moz-selection {
color: #fff;
background: #1e1e1e;
}
.has-drop-cap:after {
content: '';
position: relative;
display: table;
table-layout: fixed;
clear: both;
}
/* ==========================================================================
2.0 Accessibility styles
========================================================================== */
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
line-height: 1;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
overflow: hidden;
}
.screen-reader-text:focus {
top: 5px;
left: 5px;
display: block;
width: auto;
height: auto;
padding: 15px 23px 14px;
font-size: 14px;
font-weight: 700;
line-height: normal;
text-decoration: none;
color: #21759b;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
z-index: 100000;
/* Above WP toolbar. */
}
#qodef-page-content[tabindex="-1"]:focus {
outline: 0;
}
/* ==========================================================================
3.0 Alignments styles
========================================================================== */
.alignleft {
float: left;
text-align: left;
margin: .5em 1em .5em 0 !important;
clear: left;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
text-align: right;
margin: .5em 0 .5em 1em !important;
clear: right;
}
body:not([class*="qode-essential-addons"]) .alignright {
clear: right;
}
.alignnone {
text-align: left;
margin: .5em 0 .5em 0 !important;
}
.qodef-content-alignment-left {
text-align: left;
}
.qodef-content-alignment-center {
text-align: center;
}
.qodef-content-alignment-right {
text-align: right;
}
/* ==========================================================================
4.0 Clearings styles
========================================================================== */
.clear:before, .clear:after,
.comment-content:before,
.comment-content:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: '';
display: table;
table-layout: fixed;
}
.clear:after,
.comment-content:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}
/* ==========================================================================
5.0 Typography styles
========================================================================== */
body {
font-family: "DM Sans", sans-serif;
font-size: 17px;
line-height: 1.52941em;
font-weight: 400;
color: #1e1e1e;
background-color: #fff;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
h1,
.qodef-h1,
h1.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 50px;
line-height: 1.18em;
font-weight: 500;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h1 a,
.qodef-h1 a,
h1.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h1 a:focus, h1 a:hover,
.qodef-h1 a:focus,
.qodef-h1 a:hover,
h1.wp-block a:focus,
h1.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
h2,
.qodef-h2,
h2.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h2 a,
.qodef-h2 a,
h2.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h2 a:focus, h2 a:hover,
.qodef-h2 a:focus,
.qodef-h2 a:hover,
h2.wp-block a:focus,
h2.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
h3,
.qodef-h3,
h3.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 26px;
line-height: 1.34615em;
font-weight: 500;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h3 a,
.qodef-h3 a,
h3.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h3 a:focus, h3 a:hover,
.qodef-h3 a:focus,
.qodef-h3 a:hover,
h3.wp-block a:focus,
h3.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
h4,
.qodef-h4,
h4.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 23px;
line-height: 1.43478em;
font-weight: 400;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h4 a,
.qodef-h4 a,
h4.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h4 a:focus, h4 a:hover,
.qodef-h4 a:focus,
.qodef-h4 a:hover,
h4.wp-block a:focus,
h4.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
h5,
.qodef-h5,
h5.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h5 a,
.qodef-h5 a,
h5.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h5 a:focus, h5 a:hover,
.qodef-h5 a:focus,
.qodef-h5 a:hover,
h5.wp-block a:focus,
h5.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
h6,
.qodef-h6,
h6.wp-block {
font-family: inherit;
color: #1e1e1e;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
margin: 20px 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
h6 a,
.qodef-h6 a,
h6.wp-block a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
h6 a:focus, h6 a:hover,
.qodef-h6 a:focus,
.qodef-h6 a:hover,
h6.wp-block a:focus,
h6.wp-block a:hover {
color: #1e1e1e;
text-decoration: none;
}
a,
p a {
color: #1e1e1e;
text-decoration: none;
transition: color 0.2s ease-out;
cursor: pointer;
}
a:focus, a:hover,
p a:focus,
p a:hover {
color: #1e1e1e;
text-decoration: underline;
}
a.qodef-color-hover:focus, a.qodef-color-hover:hover,
p a.qodef-color-hover:focus,
p a.qodef-color-hover:hover {
color: #1e1e1e;
text-decoration: none;
}
body:not([class*="qode-essential-addons"]) #qodef-page-outer a,
body:not([class*="qode-essential-addons"]) #qodef-page-footer a, body:not([class*="qode-essential-addons"]) #qodef-page-outer
p a,
body:not([class*="qode-essential-addons"]) #qodef-page-footer
p a {
text-decoration: underline;
}
body:not([class*="qode-essential-addons"]) #qodef-page-outer a:focus, body:not([class*="qode-essential-addons"]) #qodef-page-outer a:hover,
body:not([class*="qode-essential-addons"]) #qodef-page-footer a:focus,
body:not([class*="qode-essential-addons"]) #qodef-page-footer a:hover, body:not([class*="qode-essential-addons"]) #qodef-page-outer
p a:focus, body:not([class*="qode-essential-addons"]) #qodef-page-outer
p a:hover,
body:not([class*="qode-essential-addons"]) #qodef-page-footer
p a:focus,
body:not([class*="qode-essential-addons"]) #qodef-page-footer
p a:hover {
text-decoration: none;
}
p {
margin: 10px 0;
}
p.has-large-font-size {
font-size: 36px;
line-height: 1.52941em;
}
p.has-large-font-size + p {
line-height: 1.52941em;
}
p.has-background {
padding: 20px 30px;
}
p.wp-block {
margin-top: 10px;
margin-bottom: 10px;
}
.qodef-title-style {
font-size: 70px;
line-height: 1.0714285714285714285714285714286em;
font-weight: 400;
color: #1e1e1e;
}
.qodef-info-style {
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
}
.qodef-info-style a {
color: inherit;
text-decoration: inherit;
}
.qodef-info-style a:focus, .qodef-info-style a:hover {
color: #1e1e1e;
}
.qodef-category-separator:after {
content: ',';
margin-right: 5px;
}
blockquote,
.wp-block-quote {
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 0;
margin: 0;
padding: 23px 0 !important;
border: none !important;
box-shadow: none !important;
font-family: inherit;
color: #1e1e1e;
font-size: 23px;
line-height: 1.43478em;
font-weight: 400;
font-style: italic;
quotes: none;
z-index: 1;
}
blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large,
.wp-block-quote.wp-block-quote.is-large,
.wp-block-quote.wp-block-quote.is-style-large {
margin: 0;
padding: 23px 0;
}
blockquote.wp-block-pullquote,
.wp-block-quote.wp-block-pullquote {
padding: 25px !important;
text-align: center;
}
blockquote.wp-block-pullquote.alignleft,
.wp-block-quote.wp-block-pullquote.alignleft {
max-width: 290px;
}
blockquote.wp-block-pullquote.alignright,
.wp-block-quote.wp-block-pullquote.alignright {
max-width: 290px;
}
blockquote > *,
.wp-block-quote > * {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
margin: 0;
}
blockquote p,
.wp-block-quote p {
margin: 0 !important;
}
blockquote:after,
.wp-block-quote:after {
content: '';
}
blockquote cite,
blockquote .wp-block-quote__citation,
blockquote .wp-block-pullquote__citation,
.wp-block-quote cite,
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote .wp-block-pullquote__citation {
display: block;
margin: 10px 0 0;
font-size: inherit !important;
font-style: normal !important;
font-weight: 400 !important;
text-align: inherit !important;
text-transform: uppercase !important;
}
blockquote cite br,
blockquote .wp-block-quote__citation br,
blockquote .wp-block-pullquote__citation br,
.wp-block-quote cite br,
.wp-block-quote .wp-block-quote__citation br,
.wp-block-quote .wp-block-pullquote__citation br {
display: none;
}
blockquote.is-large,
.wp-block-quote.is-large {
font-size: 36px;
font-style: normal;
line-height: 1.52941em;
}
/* ==========================================================================
6.0 Input Fields styles
========================================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
textarea {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 0 26px;
padding: 14px 20px;
font-family: inherit;
font-size: 16px;
line-height: 28px;
font-weight: inherit;
color: #a8a7a7;
background-color: transparent;
border: 1px solid #e1e1e1;
border-radius: 0;
box-sizing: border-box;
outline: 0;
cursor: pointer;
transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
textarea:focus {
color: #1e1e1e;
background-color: transparent;
border-color: #1e1e1e;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
input[type="date"]::placeholder,
textarea::placeholder {
color: inherit;
opacity: 1;
}
#qodef-page-footer.qodef-widgets-skin--light input[type="text"], #qodef-page-footer.qodef-widgets-skin--light
input[type="email"], #qodef-page-footer.qodef-widgets-skin--light
input[type="url"], #qodef-page-footer.qodef-widgets-skin--light
input[type="password"], #qodef-page-footer.qodef-widgets-skin--light
input[type="number"], #qodef-page-footer.qodef-widgets-skin--light
input[type="tel"], #qodef-page-footer.qodef-widgets-skin--light
input[type="search"], #qodef-page-footer.qodef-widgets-skin--light
input[type="date"], #qodef-page-footer.qodef-widgets-skin--light
textarea {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-page-footer.qodef-widgets-skin--light input[type="text"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="email"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="url"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="password"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="number"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="tel"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="search"]:focus, #qodef-page-footer.qodef-widgets-skin--light
input[type="date"]:focus, #qodef-page-footer.qodef-widgets-skin--light
textarea:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light input[type="text"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="email"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="url"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="password"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="number"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="tel"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="search"], #qodef-top-area-inner.qodef-widgets-skin--light
input[type="date"], #qodef-top-area-inner.qodef-widgets-skin--light
textarea {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-top-area-inner.qodef-widgets-skin--light input[type="text"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="email"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="url"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="password"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="number"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="tel"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="search"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
input[type="date"]:focus, #qodef-top-area-inner.qodef-widgets-skin--light
textarea:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light input[type="text"], #qodef-side-area.qodef-widgets-skin--light
input[type="email"], #qodef-side-area.qodef-widgets-skin--light
input[type="url"], #qodef-side-area.qodef-widgets-skin--light
input[type="password"], #qodef-side-area.qodef-widgets-skin--light
input[type="number"], #qodef-side-area.qodef-widgets-skin--light
input[type="tel"], #qodef-side-area.qodef-widgets-skin--light
input[type="search"], #qodef-side-area.qodef-widgets-skin--light
input[type="date"], #qodef-side-area.qodef-widgets-skin--light
textarea {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-side-area.qodef-widgets-skin--light input[type="text"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="email"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="url"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="password"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="number"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="tel"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="search"]:focus, #qodef-side-area.qodef-widgets-skin--light
input[type="date"]:focus, #qodef-side-area.qodef-widgets-skin--light
textarea:focus {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white input[type="text"], #qodef-page-footer.qodef-widgets-skin--white
input[type="email"], #qodef-page-footer.qodef-widgets-skin--white
input[type="url"], #qodef-page-footer.qodef-widgets-skin--white
input[type="password"], #qodef-page-footer.qodef-widgets-skin--white
input[type="number"], #qodef-page-footer.qodef-widgets-skin--white
input[type="tel"], #qodef-page-footer.qodef-widgets-skin--white
input[type="search"], #qodef-page-footer.qodef-widgets-skin--white
input[type="date"], #qodef-page-footer.qodef-widgets-skin--white
textarea {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white input[type="text"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="email"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="url"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="password"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="number"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="tel"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="search"]:focus, #qodef-page-footer.qodef-widgets-skin--white
input[type="date"]:focus, #qodef-page-footer.qodef-widgets-skin--white
textarea:focus {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-top-area-inner.qodef-widgets-skin--white input[type="text"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="email"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="url"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="password"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="number"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="tel"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="search"], #qodef-top-area-inner.qodef-widgets-skin--white
input[type="date"], #qodef-top-area-inner.qodef-widgets-skin--white
textarea {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white input[type="text"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="email"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="url"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="password"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="number"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="tel"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="search"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
input[type="date"]:focus, #qodef-top-area-inner.qodef-widgets-skin--white
textarea:focus {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-side-area.qodef-widgets-skin--white input[type="text"], #qodef-side-area.qodef-widgets-skin--white
input[type="email"], #qodef-side-area.qodef-widgets-skin--white
input[type="url"], #qodef-side-area.qodef-widgets-skin--white
input[type="password"], #qodef-side-area.qodef-widgets-skin--white
input[type="number"], #qodef-side-area.qodef-widgets-skin--white
input[type="tel"], #qodef-side-area.qodef-widgets-skin--white
input[type="search"], #qodef-side-area.qodef-widgets-skin--white
input[type="date"], #qodef-side-area.qodef-widgets-skin--white
textarea {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white input[type="text"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="email"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="url"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="password"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="number"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="tel"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="search"]:focus, #qodef-side-area.qodef-widgets-skin--white
input[type="date"]:focus, #qodef-side-area.qodef-widgets-skin--white
textarea:focus {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea {
-webkit-appearance: none;
}
.post-password-form input[type="password"] {
margin-top: 9px;
}
@media only screen and (min-width: 769px) {
.post-password-form input[type="password"] {
display: block;
max-width: 50%;
}
}
input[type="submit"],
button[type="submit"] {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
color: #fff;
background-color: #1e1e1e;
border: 0;
cursor: pointer;
}
input[type="submit"]:focus, input[type="submit"]:hover,
button[type="submit"]:focus,
button[type="submit"]:hover {
color: #fff;
background-color: #333;
}
.qodef-theme-button,
button.qodef-theme-button {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
cursor: pointer;
}
.qodef-theme-button .qodef-theme-button-icon,
button.qodef-theme-button .qodef-theme-button-icon {
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
.qodef-theme-button.qodef--filled,
button.qodef-theme-button.qodef--filled {
padding: 13px 46px;
color: #fff;
background-color: #1e1e1e;
border: 0;
text-decoration: none;
}
.qodef-theme-button.qodef--filled:focus, .qodef-theme-button.qodef--filled:hover,
button.qodef-theme-button.qodef--filled:focus,
button.qodef-theme-button.qodef--filled:hover {
color: #fff;
background-color: #333;
}
.qodef-theme-button.qodef--filled.qodef-size--small,
button.qodef-theme-button.qodef--filled.qodef-size--small {
padding: 9px 33px;
}
.qodef-theme-button.qodef--simple,
button.qodef-theme-button.qodef--simple {
text-decoration: underline;
}
.qodef-theme-button.qodef--simple:focus, .qodef-theme-button.qodef--simple:hover,
button.qodef-theme-button.qodef--simple:focus,
button.qodef-theme-button.qodef--simple:hover {
text-decoration: none;
}
.qodef-theme-button.qodef--only-icon,
button.qodef-theme-button.qodef--only-icon {
padding: 0 !important;
background-color: transparent !important;
border: 0 !important;
}
.qodef-theme-button.qodef--with-icon,
button.qodef-theme-button.qodef--with-icon {
display: inline-flex;
align-items: center;
}
.qodef-theme-button.qodef--with-icon .qodef-theme-button-icon,
button.qodef-theme-button.qodef--with-icon .qodef-theme-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
.qodef-theme-button.qodef--with-icon:focus .qodef-theme-button-icon, .qodef-theme-button.qodef--with-icon:hover .qodef-theme-button-icon,
button.qodef-theme-button.qodef--with-icon:focus .qodef-theme-button-icon,
button.qodef-theme-button.qodef--with-icon:hover .qodef-theme-button-icon {
transform: translateX(2px);
}
button[type="submit"] span,
.qodef-theme-button span {
display: block;
line-height: inherit;
}
button[type="submit"] span:before,
.qodef-theme-button span:before {
display: block;
line-height: inherit;
}
select {
position: relative;
display: block;
height: auto;
padding: 14px 20px;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 28px;
font-weight: inherit;
color: #a8a7a7;
background-color: transparent;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgd2lkdGg9JzEwLjhweCcgaGVpZ2h0PSc2LjJweCcgdmlld0JveD0nMCAwIDEwLjggNi4yJyBzdHlsZT0nZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC44IDYuMjsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwYXRoIHN0eWxlPSdmaWxsOiAjQThBN0E3JyBkPSdNMTAuNiwwLjNjMC4zLDAuMywwLjMsMC43LDAsMUw1LjksNS45QzUuOCw2LjEsNS42LDYuMiw1LjQsNi4yQzUuMiw2LjIsNSw2LjEsNC45LDUuOUwwLjIsMS4zIGMtMC4zLTAuMy0wLjMtMC43LDAtMWMwLjMtMC4zLDAuNy0wLjMsMSwwbDQuMiw0LjFsNC4yLTQuMUM5LjktMC4xLDEwLjItMC4xLDEwLjYsMC4zeicvPjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
border: 1px solid #e1e1e1;
border-radius: 0;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
}
select option {
color: #a8a7a7;
}
select:disabled {
color: inherit;
border-color: inherit;
background-color: #f7f5f5;
box-shadow: none;
text-shadow: none;
}
select.qodef-arrow--light {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgd2lkdGg9JzEwLjhweCcgaGVpZ2h0PSc2LjJweCcgdmlld0JveD0nMCAwIDEwLjggNi4yJyBzdHlsZT0nZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC44IDYuMjsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwYXRoIHN0eWxlPSdmaWxsOiAjZmZmJyBkPSdNMTAuNiwwLjNjMC4zLDAuMywwLjMsMC43LDAsMUw1LjksNS45QzUuOCw2LjEsNS42LDYuMiw1LjQsNi4yQzUuMiw2LjIsNSw2LjEsNC45LDUuOUwwLjIsMS4zIGMtMC4zLTAuMy0wLjMtMC43LDAtMWMwLjMtMC4zLDAuNy0wLjMsMSwwbDQuMiw0LjFsNC4yLTQuMUM5LjktMC4xLDEwLjItMC4xLDEwLjYsMC4zeicvPjwvc3ZnPg==");
}
#qodef-page-footer.qodef-widgets-skin--light select {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-top-area-inner.qodef-widgets-skin--light select {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-side-area.qodef-widgets-skin--light select {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-page-footer.qodef-widgets-skin--white select {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white select {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white select {
color: #fff;
background-color: transparent;
border-color: #fff;
}
/* ==========================================================================
Select 2 Script styles (Version: 4.0.6 ) - begin
========================================================================== */
#qodef-page-footer.qodef-widgets-skin--light .select2-container--default .select2-selection--single, #qodef-page-footer.qodef-widgets-skin--light
.select2-container--default .select2-selection--multiple {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-top-area-inner.qodef-widgets-skin--light .select2-container--default .select2-selection--single, #qodef-top-area-inner.qodef-widgets-skin--light
.select2-container--default .select2-selection--multiple {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-side-area.qodef-widgets-skin--light .select2-container--default .select2-selection--single, #qodef-side-area.qodef-widgets-skin--light
.select2-container--default .select2-selection--multiple {
color: #a8a7a7;
background-color: transparent;
border-color: #a8a7a7;
}
#qodef-page-footer.qodef-widgets-skin--white .select2-container--default .select2-selection--single, #qodef-page-footer.qodef-widgets-skin--white
.select2-container--default .select2-selection--multiple {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .select2-container--default .select2-selection--single, #qodef-top-area-inner.qodef-widgets-skin--white
.select2-container--default .select2-selection--multiple {
color: #fff;
background-color: transparent;
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .select2-container--default .select2-selection--single, #qodef-side-area.qodef-widgets-skin--white
.select2-container--default .select2-selection--multiple {
color: #fff;
background-color: transparent;
border-color: #fff;
}
body .select2-container--default {
/* just to make sure that this code overwrite styles from others plugin */
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
margin: 0 0 26px;
}
body .select2-container--default .select2-selection--single {
display: block;
height: auto;
padding: 14px 54px 14px 20px;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 28px;
font-weight: inherit;
color: #a8a7a7;
background-color: transparent;
border: 1px solid #e1e1e1;
border-radius: 0;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0;
line-height: inherit;
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .select2-container--default .select2-selection--single .select2-selection__clear {
position: relative;
float: right;
margin: 0;
font-weight: inherit;
cursor: pointer;
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: inherit;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 0;
right: 0;
width: 54px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow:before {
content: '';
display: block;
width: 10.8px;
height: 6.2px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB4PScwcHgnIHk9JzBweCcgd2lkdGg9JzEwLjhweCcgaGVpZ2h0PSc2LjJweCcgdmlld0JveD0nMCAwIDEwLjggNi4yJyBzdHlsZT0nZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC44IDYuMjsnIHhtbDpzcGFjZT0ncHJlc2VydmUnPjxwYXRoIHN0eWxlPSdmaWxsOiAjQThBN0E3JyBkPSdNMTAuNiwwLjNjMC4zLDAuMywwLjMsMC43LDAsMUw1LjksNS45QzUuOCw2LjEsNS42LDYuMiw1LjQsNi4yQzUuMiw2LjIsNSw2LjEsNC45LDUuOUwwLjIsMS4zIGMtMC4zLTAuMy0wLjMtMC43LDAtMWMwLjMtMC4zLDAuNy0wLjMsMSwwbDQuMiw0LjFsNC4yLTQuMUM5LjktMC4xLDEwLjItMC4xLDEwLjYsMC4zeicvPjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: center;
}
body .select2-container--default .select2-selection--multiple {
display: block;
height: auto;
padding: 14px 20px;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 28px;
font-weight: inherit;
color: #a8a7a7;
background-color: transparent;
border: 1px solid #e1e1e1;
border-radius: 0;
outline: none;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
list-style: none;
display: block;
padding: 0;
line-height: inherit;
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
margin: 0;
padding: 0;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__placeholder {
float: left;
margin: 0;
color: inherit;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
position: relative;
float: right;
margin: 0;
font-weight: inherit;
cursor: pointer;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
margin: 3px;
padding: 5px 10px;
float: left;
color: #ffffff;
background-color: #1e1e1e;
border: 0;
border-radius: 0;
cursor: default;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
display: inline-block;
margin: 0 3px 0 0;
font-weight: 700;
color: inherit;
transition: opacity .2s ease-out;
cursor: pointer;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
color: inherit;
opacity: 0.8;
}
body .select2-container--default .select2-search--inline {
float: left;
}
body .select2-container--default .select2-search--inline .select2-search__field {
width: 100%;
padding: 0 !important;
margin: 0 !important;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
border: none !important;
outline: none;
-webkit-appearance: none;
}
body .select2-container--default .select2-search--inline .select2-search__field:focus {
border-color: #1e1e1e;
}
body .select2-container--default .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
body .select2-container--default .select2-dropdown {
position: absolute;
top: 0;
left: -100000px;
display: block;
width: 100%;
color: #a8a7a7;
background-color: #fff;
border: 1px solid #e1e1e1;
border-top-width: 0;
border-radius: 0;
z-index: 99999;
}
body .select2-container--default .select2-dropdown.select2-dropdown--above {
border-top-width: 1px;
border-bottom-width: 0;
}
body .select2-container--default .select2-search--dropdown {
display: block;
padding: 14px 15px 2px;
}
body .select2-container--default .select2-search--dropdown.select2-search--hide {
display: none;
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
width: 100%;
padding: 4px 8px;
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: 20px;
font-weight: inherit;
color: #a8a7a7;
background-color: transparent;
border: 1px solid #e1e1e1;
outline: none;
-webkit-appearance: none;
}
body .select2-container--default .select2-search--dropdown .select2-search__field:focus {
color: #1e1e1e;
background-color: transparent;
border-color: #1e1e1e;
}
body .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
body .select2-container--default .select2-results {
display: block;
}
body .select2-container--default .select2-results > .select2-results__options {
max-height: 220px;
overflow-y: auto;
}
body .select2-container--default .select2-results__options {
position: relative;
margin: 17px 0 19px;
padding: 5px 20px;
list-style: none;
}
body .select2-container--default .select2-results__option {
padding: 2px 0;
font-size: 16px;
line-height: 28px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color 0.2s ease-out;
}
body .select2-container--default .select2-results__option[aria-selected] {
cursor: pointer;
}
body .select2-container--default .select2-results__option[role=group] {
padding: 0;
}
body .select2-container--default .select2-results__option[aria-disabled=true] {
color: #1e1e1e;
}
body .select2-container--default .select2-results__option[aria-selected=true], body .select2-container--default .select2-results__option[data-selected=true] {
color: #1e1e1e;
background: none;
}
body .select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
body .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: #1e1e1e;
background: none;
}
body .select2-container--default .select2-results__group {
display: block;
padding: 7px 0;
cursor: default;
}
body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left;
}
body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding: 0;
}
body .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 0;
right: auto;
}
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right;
}
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__rendered {
padding: 0;
}
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin: 7px auto 0 5px;
}
body .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin: 0 auto 0 3px;
}
body .select2-container--default.select2-container--disabled .select2-selection--single,
body .select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #f7f5f5;
cursor: default;
}
body .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear,
body .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__clear {
display: none;
}
body .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
body .select2-container--default.select2-container--open .select2-dropdown {
left: 0;
}
body #qodef-page-footer .select2-container--default .select2-selection--single,
body #qodef-page-footer .select2-container--default .select2-selection--multiple {
border-color: rgba(0, 0, 0, 0.1);
}
.select2-close-mask {
position: fixed;
top: 0;
left: 0;
display: block;
width: auto;
height: auto;
min-height: 100%;
min-width: 100%;
padding: 0;
margin: 0;
background-color: #ffffff;
border: 0;
opacity: 0;
z-index: 99;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
position: absolute !important;
width: 1px !important;
height: 0 !important;
padding: 0 !important;
line-height: 1;
border: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
/* ==========================================================================
Search appearance tweak begin
========================================================================== */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input[type="search"]::-ms-clear,
input[type="text"]::-ms-clear {
display: none;
}
/* ==========================================================================
Autocomplete appearance tweak begin
========================================================================== */
input:-webkit-autofill {
-webkit-animation-delay: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-name: qodefAutofillFix;
}
/* ==========================================================================
8.0 Content styles
========================================================================== */
#qodef-page-wrapper {
position: relative;
overflow: hidden;
border: 0 solid transparent;
}
#qodef-page-outer {
position: relative;
}
#qodef-page-inner {
position: relative;
padding: 130px 0 100px;
}
#qodef-page-content.qodef-layout--template .qodef-page-content-section.qodef-col--12 {
margin-bottom: 0;
}
#qodef-page-wrapper .qodef-accordion {
overflow-anchor: none;
}
#qodef-page-wrapper .qodef-accordion .elementor-tab-title .elementor-accordion-icon svg {
vertical-align: middle;
}
#qodef-page-wrapper .qodef-image-overflow .elementor-image {
overflow: hidden;
}
#qodef-page-wrapper .qodef-button-animation .elementor-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
#qodef-page-wrapper .qodef-button-animation:focus .elementor-button-icon, #qodef-page-wrapper .qodef-button-animation:hover .elementor-button-icon {
transform: translateX(2px);
}
#qodef-page-wrapper .qodef-button-animation .elementor-button-icon svg {
vertical-align: middle;
}
#qodef-page-wrapper .qodef-button-vertical-align .elementor-button-content-wrapper {
align-items: center;
}
#qodef-page-wrapper .qodef-button-vertical-align .elementor-button-icon svg {
display: block;
}
/* ==========================================================================
404 page styles
========================================================================== */
.error404 #qodef-page-wrapper {
height: 100vh;
display: flex;
flex-direction: column;
}
.error404 #qodef-page-outer {
flex: 1 1 auto;
}
.error404 #qodef-page-inner {
padding: 0;
height: 100%;
}
.error404 #qodef-page-content {
height: 100%;
}
#qodef-404-page {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
height: 100%;
padding: 70px 10% 80px;
}
#qodef-404-page .qodef-404-title {
margin: 0;
}
#qodef-404-page .qodef-404-text {
display: block;
margin: 18px auto 0;
}
#qodef-404-page .qodef-404-search-form {
width: 100%;
margin: 33px auto 0;
}
#qodef-404-page .qodef-404-search-form .qodef-search-form-field {
vertical-align: bottom;
}
@media only screen and (min-width: 769px) {
#qodef-404-page .qodef-404-search-form {
max-width: 500px;
}
}
/* ==========================================================================
Blog styles
========================================================================== */
.qodef-blog {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-blog .qodef-blog-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 0 66px;
}
.qodef-blog .qodef-blog-item .qodef-e-inner,
.qodef-blog .qodef-blog-item .qodef-e-media,
.qodef-blog .qodef-blog-item .qodef-e-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-blog .qodef-blog-item.format-video .qodef-e-content {
padding: 52px 0 0;
}
.qodef-blog .qodef-blog-item.has-post-thumbnail .qodef-e-content {
padding: 52px 0 0;
}
.qodef-blog .qodef-blog-item .qodef-e-media-image {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.qodef-blog .qodef-blog-item .qodef-e-media-image a, .qodef-blog .qodef-blog-item .qodef-e-media-image img {
display: block;
width: 100%;
}
.qodef-blog .qodef-blog-item .qodef-e-media {
display: block;
}
.qodef-blog .qodef-blog-item .qodef-e-media iframe {
display: block;
height: 100%;
}
.qodef-blog .qodef-blog-item .qodef-e-post-title {
margin: 0 0 0.5em;
}
.qodef-blog .qodef-blog-item .qodef-e-post-title:only-child {
margin: 0;
}
.qodef-blog .qodef-blog-item .qodef-e-excerpt {
margin: 0;
}
.qodef-blog .qodef-blog-item .qodef-e-read-more {
margin-top: 32px;
}
.qodef-blog .qodef-blog-item .qodef-e-info {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
@media only screen and (min-width: 681px) {
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-left,
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-right {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-right {
justify-content: flex-end;
}
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item {
position: relative;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
line-height: inherit;
margin-right: 1.25em;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item a {
display: inline-flex;
align-items: center;
color: inherit;
text-decoration: inherit;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item a:focus, .qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item a:hover {
text-decoration: underline;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item:after {
content: '/';
position: absolute;
right: -0.6rem;
transform: translateX(50%);
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item:last-child {
margin-right: 0;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item:last-child:after {
content: '';
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-author .qodef-e-info-author-label {
margin-right: 3px;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-tags a {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: underline;
margin-right: 8px;
}
.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-tags a:last-child {
margin-right: 0;
}
.qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--top {
margin-bottom: 0.25em;
}
.qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--bottom {
display: inline-flex;
}
.qodef-blog .qodef-blog-item .qodef-e-post-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-blog .qodef-blog-item.sticky .qodef-e-post-title a {
position: relative;
text-decoration: underline;
}
.qodef-blog .qodef-blog-item.sticky .qodef-e-post-title a:after {
content: '*';
position: absolute;
top: 0;
right: -0.5em;
font-size: 1.5em;
}
.qodef-blog .qodef-blog-item.format-audio .qodef-e-media-image {
width: 100%;
}
.qodef-blog .qodef-blog-item.format-audio .qodef-e-media-image img {
width: 100%;
}
.qodef-blog .qodef-blog-item.format-audio .qodef-e-media-audio {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-link {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 7% 80px;
margin-bottom: 9px;
background-color: #f7f5f5;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-post-icon {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #fff;
background-color: #1e1e1e;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-post-icon svg {
width: 18px;
height: auto;
fill: currentColor;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-link-text {
margin: 0;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-link-url {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 7% 80px 6.3%;
margin-bottom: 9px;
background-color: #f7f5f5;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-post-icon {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #fff;
background-color: #1e1e1e;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-post-icon svg {
width: 16px;
height: auto;
fill: currentColor;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-info a {
position: relative;
z-index: 2;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-info.qodef-info--top {
margin-bottom: 11px;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote-text {
margin: 0;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote-author {
margin: 22px 0 0;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote-url {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qodef-blog.qodef--list:not(.qodef-col-num--1) article .qodef-e-media-image {
overflow: hidden;
}
.qodef-blog.qodef--list:not(.qodef-col-num--1) article .qodef-e-media-image img {
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.qodef-blog.qodef--list:not(.qodef-col-num--1) article:hover .qodef-e-media-image img {
transform: scale(1.037);
}
.qodef-blog.qodef-items--fixed article .qodef-e-media,
.qodef-blog.qodef-items--fixed article .qodef-e-media-image {
height: 100%;
}
/* ==========================================================================
Author Info styles
========================================================================== */
#qodef-author-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 47px;
padding-bottom: 60px;
border-bottom: 1px solid #e1e1e1;
}
#qodef-author-info .qodef-m-title {
margin: 0 0 30px;
}
#qodef-author-info .qodef-m-inner {
position: relative;
display: flex;
align-items: center;
}
#qodef-author-info .qodef-m-image {
flex-shrink: 0;
margin-right: 32px;
}
#qodef-author-info .qodef-m-image a, #qodef-author-info .qodef-m-image img {
display: block;
}
#qodef-author-info .qodef-m-content {
display: flex;
flex-direction: column;
justify-content: center;
}
#qodef-author-info .qodef-m-author {
margin: 0;
}
#qodef-author-info .qodef-m-description {
margin: 9px 0 0;
}
/* ==========================================================================
Blog List styles
========================================================================== */
/* ==========================================================================
Blog Single styles
========================================================================== */
.qodef-blog.qodef--single .qodef-blog-item {
margin: 0;
}
.qodef-blog.qodef--single .qodef-blog-item.format-video .qodef-e-content, .qodef-blog.qodef--single .qodef-blog-item.has-post-thumbnail .qodef-e-content {
padding-top: 52px;
}
.qodef-blog.qodef--single .qodef-blog-item .qodef-e-content {
display: block;
padding-bottom: 33px;
margin-bottom: 47px;
border-bottom: 1px solid #e1e1e1;
}
.qodef-blog.qodef--single .qodef-blog-item .qodef-e-post-title {
margin-bottom: 23px;
}
.qodef-blog.qodef--single .qodef-blog-item .qodef-e-info.qodef-info--top {
margin-bottom: 8px;
}
.qodef-blog.qodef--single .qodef-blog-item .qodef-e-info.qodef-info--bottom {
margin-top: 84px;
}
.qodef-blog.qodef--single .qodef-blog-item.format-standard .qodef-e-media {
display: flex;
}
.qodef-blog.qodef--single .qodef-blog-item.format-link .qodef-e-link {
margin-bottom: 30px;
}
.qodef-blog.qodef--single .qodef-blog-item.format-quote .qodef-e-quote {
margin-bottom: 30px;
}
.qodef-blog.qodef--single #qodef-author-info,
.qodef-blog.qodef--single #qodef-page-comments {
display: block;
}
/* ==========================================================================
Comments styles
========================================================================== */
#qodef-page-comments {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 50px;
}
#qodef-page-comments .qodef-page-comments-not-found {
margin: 0;
}
#qodef-page-comments-list {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 47px;
padding-bottom: 60px;
border-bottom: 1px solid #e1e1e1;
}
#qodef-page-comments-list .qodef-m-title {
margin: 0 0 30px;
}
#qodef-page-comments-list .qodef-m-comments {
list-style: none;
margin: 0;
padding: 0;
}
#qodef-page-comments-list .qodef-m-comments > .qodef-comment-item:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
#qodef-page-comments-list .qodef-comment-item {
margin: 45px 0 0;
padding: 45px 0 0;
border-top: 1px solid #e1e1e1;
}
#qodef-page-comments-list .qodef-comment-item .children {
list-style: none;
margin: 0;
padding: 0 0 0 55px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-inner {
display: flex;
align-items: flex-start;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-image {
flex-shrink: 0;
margin-right: 32px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-image img {
display: block;
border-radius: 100%;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-info {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 3px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-info > * {
margin: 0;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-date {
font-size: 15px;
line-height: 1;
color: #c4c4c4;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-date a {
color: inherit;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-date a:focus, #qodef-page-comments-list .qodef-comment-item .qodef-e-date a:hover {
color: #1e1e1e;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links {
display: inline-flex;
align-items: center;
flex-shrink: 0;
line-height: 1;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links a:hover {
color: #c4c4c4;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links > * {
position: relative;
margin-right: 30px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links > * svg {
width: 19px;
height: auto;
fill: currentColor;
flex-shrink: 0;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links > *:last-child {
margin-right: 0;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-title {
margin: 0;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-text {
margin-top: 11px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-text p {
margin: 0;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-text img {
margin-top: 5px;
margin-bottom: 5px;
}
#qodef-page-comments-list .qodef-m-pagination {
margin-top: 50px;
}
#qodef-page-comments-list .comment-respond .comment-reply-title {
margin: 36px 0 0;
}
#qodef-page-comments-list .comment-respond .comment-reply-title small {
font-size: 60%;
}
#qodef-page-comments-list .comment-respond .comment-reply-title a {
float: right;
}
#qodef-page-comments-list .comment-respond p {
margin: 0;
}
#qodef-page-comments-list .comment-respond .comment-notes,
#qodef-page-comments-list .comment-respond .logged-in-as {
margin: 7px 0 31px;
}
#qodef-page-comments-list .comment-respond .comment-form-url {
margin-bottom: 5px;
}
#qodef-page-comments-list .comment-respond .comment-form-cookies-consent {
position: relative;
display: flex;
margin-bottom: 30px;
font-size: 15px;
color: #a8a7a7;
}
#qodef-page-comments-list .comment-respond .comment-form-cookies-consent > * {
margin: 0;
}
#qodef-page-comments-list .comment-respond .comment-form-cookies-consent input[type="checkbox"] {
flex-shrink: 0;
margin-top: 2px;
margin-right: 8px;
}
#qodef-page-comments-list .comment-respond .comment-form-cookies-consent label {
color: inherit;
font-weight: inherit;
line-height: 1.1;
}
#qodef-page-comments-form {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-page-comments-form .comment-reply-title {
margin: 0;
}
#qodef-page-comments-form .qodef-comment-form p {
margin: 0;
}
#qodef-page-comments-form .qodef-comment-form .comment-notes,
#qodef-page-comments-form .qodef-comment-form .logged-in-as {
margin: 7px 0 31px;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-url {
margin-bottom: 5px;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-cookies-consent {
position: relative;
display: flex;
margin-bottom: 30px;
font-size: 15px;
color: #a8a7a7;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-cookies-consent > * {
margin: 0;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-cookies-consent input[type="checkbox"] {
flex-shrink: 0;
margin-top: 2px;
margin-right: 8px;
}
#qodef-page-comments-form .qodef-comment-form .comment-form-cookies-consent label {
color: inherit;
font-weight: inherit;
line-height: 1.1;
}
.wpcf7 p {
margin: 0;
}
.wpcf7 select {
width: 100%;
}
.wpcf7 .qodef-theme-button.qodef--hide-icon .qodef-theme-button-icon {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0 0 0;
}
.wpcf7 .wpcf7-spinner,
.wpcf7 .ajax-loader {
position: absolute;
background-image: none !important;
border: 2px solid #e6e6e6 !important;
border-top: 2px solid #1e1e1e !important;
border-radius: 50%;
width: 23px !important;
height: 23px !important;
margin: 0 0 0 12px !important;
animation: qode-rotate 2s linear infinite;
}
.wpcf7 .qodef-button--full-width button.qodef-theme-button {
padding-left: 25px;
padding-right: 25px;
width: 100%;
justify-content: center;
text-align: center;
}
.wpcf7 .qodef-newsletter-form {
position: relative;
display: flex;
align-items: flex-start;
}
.wpcf7 .qodef-newsletter-form .wpcf7-form-control-wrap {
width: 100%;
padding-right: 20px;
}
.wpcf7 .qodef-newsletter-form input {
height: 100%;
margin: 0;
}
.wpcf7 .qodef-newsletter-form button.qodef-theme-button {
flex-shrink: 0;
margin: 0;
}
.wpcf7 .qodef-newsletter-form button.qodef-theme-button svg {
fill: currentColor;
}
.wpcf7 .qodef-newsletter-form .wpcf7-spinner {
position: absolute;
}
.wpcf7 .qodef-newsletter-form.qodef-layout--simple .wpcf7-form-control-wrap {
padding-right: 0;
}
.wpcf7 .qodef-newsletter-form.qodef-layout--simple button.qodef-theme-button {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
@media only screen and (max-width: 768px) {
.wpcf7 .qodef-newsletter-form.qodef-wrap--768 {
flex-wrap: wrap;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--768 input {
height: auto;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--768 button.qodef-theme-button {
position: relative;
height: auto;
margin-top: 30px;
}
}
@media only screen and (max-width: 680px) {
.wpcf7 .qodef-newsletter-form.qodef-wrap--680 {
flex-wrap: wrap;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--680 input {
height: auto;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--680 button.qodef-theme-button {
position: relative;
height: auto;
margin-top: 30px;
}
}
@media only screen and (max-width: 480px) {
.wpcf7 .qodef-newsletter-form.qodef-wrap--480 {
flex-wrap: wrap;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--480 input {
height: auto;
}
.wpcf7 .qodef-newsletter-form.qodef-wrap--480 button.qodef-theme-button {
position: relative;
height: auto;
margin-top: 30px;
}
}
/* ==========================================================================
Footer styles
========================================================================== */
#qodef-page-footer {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-page-footer > * {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-page-footer .qodef-alignment--left {
text-align: left;
}
#qodef-page-footer .qodef-alignment--left .widget img {
margin-right: auto;
}
#qodef-page-footer .qodef-alignment--center {
text-align: center;
}
#qodef-page-footer .qodef-alignment--center .widget img {
margin-right: auto;
margin-left: auto;
}
#qodef-page-footer .qodef-alignment--right {
text-align: right;
}
#qodef-page-footer .qodef-alignment--right .widget img {
margin-left: auto;
}
#qodef-page-footer-top-area {
background-color: #f7f5f5;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#qodef-page-footer-top-area .qodef-content-full-width {
padding-left: 70px;
padding-right: 70px;
}
#qodef-page-footer-top-area-inner {
padding: 112px 0 58px;
border-top: 0 solid #e1e1e1;
}
#qodef-page-footer-bottom-area {
background-color: #f7f5f5;
}
#qodef-page-footer-bottom-area .qodef-content-full-width {
padding-left: 70px;
padding-right: 70px;
}
#qodef-page-footer-bottom-area-inner {
padding: 22px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
#qodef-page-footer-bottom-area-inner .qodef-col-num--2:not(.qodef-alignment--left):not(.qodef-alignment--center):not(.qodef-alignment--right) .qodef-grid-item:last-child {
text-align: right;
}
}
@media only screen and (max-width: 768px) {
#qodef-page-footer-bottom-area-inner .qodef-col-num--3:not(.qodef-alignment--left):not(.qodef-alignment--center):not(.qodef-alignment--right) .qodef-grid-item {
text-align: center;
}
}
@media (min-width: 769px) {
#qodef-page-footer-bottom-area-inner .qodef-col-num--3:not(.qodef-alignment--left):not(.qodef-alignment--center):not(.qodef-alignment--right) .qodef-grid-item:nth-child(2) {
text-align: center;
}
}
@media (min-width: 769px) {
#qodef-page-footer-bottom-area-inner .qodef-col-num--3:not(.qodef-alignment--left):not(.qodef-alignment--center):not(.qodef-alignment--right) .qodef-grid-item:last-child {
text-align: right;
}
}
.wp-block-button {
float: none;
margin: 1em 0;
}
.wp-block-button .wp-block-button__link {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
color: #fff;
background-color: #1e1e1e;
border: 0;
border-radius: 28px;
cursor: pointer;
}
.wp-block-button .wp-block-button__link:hover {
color: #fff;
background-color: #333;
}
body:not([class*="qode-essential-addons"]) #qodef-page-outer .wp-block-button .wp-block-button__link,
body:not([class*="qode-essential-addons"]) #qodef-page-footer .wp-block-button .wp-block-button__link {
text-decoration: none;
}
.wp-block-button.is-style-outline {
border: none;
}
.wp-block-button.is-style-outline .wp-block-button__link {
color: #1e1e1e;
background-color: transparent;
border: 2px solid #1e1e1e;
border-width: 1px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
color: #fff;
background-color: #1e1e1e;
border-color: #1e1e1e;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.wp-block-button.alignleft {
text-align: left;
margin-top: 0;
margin-right: 2rem;
}
.wp-block-button.alignright {
text-align: right;
margin-top: 0;
margin-left: 2rem;
}
.wp-block-image {
margin-bottom: 0;
}
.wp-block-image .aligncenter {
clear: both;
}
.wp-block-cover-image {
float: none !important;
max-width: 100% !important;
margin: 0 !important;
}
.wp-block-cover-image *:not(.has-text-color):not(.has-inline-color):not(a) {
color: #fff;
}
.wp-block-cover {
margin-top: 0;
margin-bottom: 0.5em;
padding: 1em;
}
.wp-block-cover a {
color: #fff !important;
}
.wp-block-cover a:hover {
color: #1e1e1e !important;
}
.wp-block-cover p {
line-height: 1.52941em;
}
.wp-block-cover *:not(.has-text-color):not(.has-inline-color):not(a) {
color: #fff;
}
.wp-block-gallery {
margin-bottom: 2em;
}
.wp-block-gallery.alignleft {
max-width: 420px;
}
.wp-block-gallery.alignright {
max-width: 420px;
}
.wp-block-gallery figcaption {
overflow-x: hidden;
}
.wp-block-pullquote,
.wp-block-pullquote.is-style-solid-color {
margin: 0;
padding: 0;
}
.wp-block-pullquote blockquote > *, .wp-block-pullquote blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote > *,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.is-style-solid-color.alignleft {
max-width: 420px;
}
.wp-block-pullquote.alignright,
.wp-block-pullquote.is-style-solid-color.alignright {
max-width: 420px;
}
.wp-block-file {
display: flex;
align-items: center;
margin: 0;
color: #1e1e1e;
text-decoration: none;
transition: color 0.2s ease-out;
cursor: pointer;
}
.wp-block-file:focus, .wp-block-file:hover {
color: #1e1e1e;
text-decoration: underline;
}
.wp-block-file.qodef-color-hover:focus, .wp-block-file.qodef-color-hover:hover {
color: #1e1e1e;
text-decoration: none;
}
body:not([class*="qode-essential-addons"]) #qodef-page-outer .wp-block-file,
body:not([class*="qode-essential-addons"]) #qodef-page-footer .wp-block-file {
text-decoration: underline;
}
body:not([class*="qode-essential-addons"]) #qodef-page-outer .wp-block-file:focus, body:not([class*="qode-essential-addons"]) #qodef-page-outer .wp-block-file:hover,
body:not([class*="qode-essential-addons"]) #qodef-page-footer .wp-block-file:focus,
body:not([class*="qode-essential-addons"]) #qodef-page-footer .wp-block-file:hover {
text-decoration: none;
}
.wp-block-group.has-background {
padding: 20px 30px;
}
.gallery-item img {
border: 0 !important;
}
.wp-block-search .wp-block-search__input {
margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title {
display: inline-block;
vertical-align: top;
}
.wp-block-separator {
margin-top: 1.5em;
margin-bottom: 1.5em;
border: 0;
}
/* ==========================================================================
Header common styles
========================================================================== */
#qodef-page-header .qodef-widget-holder {
margin-left: 44px;
}
#qodef-page-header .qodef-widget-holder .widget {
margin: 0 22px;
}
/* ==========================================================================
Header styles
========================================================================== */
#qodef-page-header {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
height: 120px;
background-color: #fff;
z-index: 100;
}
#qodef-page-header .qodef-header-logo-link {
position: relative;
display: flex;
align-items: center;
flex-shrink: 0;
height: 120px;
max-height: 100%;
}
#qodef-page-header .qodef-header-logo-link span,
#qodef-page-header .qodef-header-logo-link img {
display: block;
margin: auto 0;
width: auto;
max-height: 100%;
transition: opacity 0.3s ease;
}
#qodef-page-header .qodef-header-logo-link:focus {
outline: 1px solid;
}
#qodef-page-header-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 50px;
}
/* ==========================================================================
Mobile Header styles
========================================================================== */
#qodef-page-mobile-header {
position: relative;
display: none;
height: 70px;
z-index: 100;
background-color: #fff;
}
#qodef-page-mobile-header .qodef-header-logo-link,
#qodef-page-mobile-header .qodef-mobile-header-logo-link {
position: relative;
display: flex;
align-items: center;
height: 70px;
max-height: 100%;
}
#qodef-page-mobile-header .qodef-header-logo-link img,
#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
display: block;
margin: auto;
width: auto;
max-height: 100%;
transition: opacity 0.3s ease;
}
#qodef-page-mobile-header .qodef-header-logo-link:focus,
#qodef-page-mobile-header .qodef-mobile-header-logo-link:focus {
outline: 1px solid;
}
#qodef-page-mobile-header-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 50px;
}
#qodef-page-mobile-header-inner.qodef-content-grid {
padding: 0;
}
.qodef-mobile-header-opener {
position: relative;
width: auto;
padding: 0;
margin: 0;
line-height: 1;
color: #1e1e1e;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
margin-left: 20px;
}
.qodef-mobile-header-opener svg {
display: block;
width: 21px;
height: auto;
margin: 3px;
fill: currentColor;
}
.qodef-mobile-header-opener svg.qodef--initial {
fill: none;
stroke: currentColor;
}
.qodef-mobile-header-opener:focus {
outline: 1px solid currentColor;
}
.qodef-mobile-header-navigation {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
max-height: calc(100vh - 70px);
background-color: #fff;
padding: 0;
margin: 0;
overflow-y: scroll;
z-index: 10;
}
.qodef-mobile-header-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.qodef-mobile-header-navigation ul li {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin: 17px 0;
padding: 0;
}
.qodef-mobile-header-navigation ul li a {
position: relative;
display: flex;
font-size: 15px;
color: #a8a7a7;
}
.qodef-mobile-header-navigation ul li .qodef-mobile-menu-item-icon {
position: relative;
width: auto;
padding: 0;
margin: 0;
line-height: 1;
color: #a8a7a7;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
width: 26px;
height: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.qodef-mobile-header-navigation ul li .qodef-mobile-menu-item-icon svg {
display: block;
width: 7px;
height: auto;
fill: currentColor;
transform: rotate(0);
transition: transform .3s ease;
}
.qodef-mobile-header-navigation ul li .qodef-mobile-menu-item-icon:hover {
color: #1e1e1e;
}
.qodef-mobile-header-navigation ul li .qodef-mobile-menu-item-icon:focus {
outline: 1px solid currentColor;
}
.qodef-mobile-header-navigation ul li ul {
display: none;
width: calc(100% - 1em);
margin-left: 1em;
}
.qodef-mobile-header-navigation ul li ul li {
margin: 8px 0;
}
.qodef-mobile-header-navigation ul li ul li > a:hover {
color: #1e1e1e;
}
.qodef-mobile-header-navigation ul li ul li.current-menu-ancestor > a, .qodef-mobile-header-navigation ul li ul li.current-menu-item > a {
color: #1e1e1e;
}
.qodef-mobile-header-navigation ul li.current-menu-ancestor > .sub-menu {
display: block;
}
.qodef-mobile-header-navigation ul li.current-menu-ancestor > .qodef-mobile-menu-item-icon svg {
transform: rotate(90deg);
}
.qodef-mobile-header-navigation ul li.qodef--opened > .qodef-mobile-menu-item-icon svg {
transform: rotate(90deg);
}
.qodef-mobile-header-navigation > ul {
margin: 0 auto;
padding: 22px 50px;
}
.qodef-mobile-header-navigation > ul > li > a {
font-size: 17px;
line-height: 1.5294117647058823529411764705882em;
font-weight: 500;
color: #1e1e1e;
}
.qodef-mobile-header-navigation > ul > li > a:hover {
text-decoration: underline;
}
.qodef-mobile-header-navigation > ul > li > .qodef-mobile-menu-item-icon {
color: #1e1e1e;
}
.qodef-mobile-header-navigation > ul > li > .qodef-mobile-menu-item-icon:hover {
color: #a8a7a7;
}
.qodef-mobile-header-navigation > ul > li > ul > li:first-child {
padding-top: 9px;
}
.qodef-mobile-header-navigation > ul > li.current-menu-ancestor > a, .qodef-mobile-header-navigation > ul > li.current-menu-item > a {
text-decoration: underline;
}
/* ==========================================================================
Navigation Menu styles
========================================================================== */
.qodef-header-navigation {
height: 100%;
}
.qodef-header-navigation ul {
margin: 0 !important;
padding: 0;
list-style: none;
}
.qodef-header-navigation ul li {
position: relative;
margin: 0;
padding: 0;
}
.qodef-header-navigation ul li a {
font-size: 15px;
color: #fff;
}
.qodef-header-navigation ul li a .qodef-menu-item-arrow {
position: absolute;
top: calc(50% - 7px);
right: -9px;
width: 7px;
height: auto;
fill: currentColor;
}
.qodef-header-navigation ul li ul {
position: absolute;
top: 100%;
left: -26px;
width: 220px;
margin: 0;
padding: 26px 0;
background-color: #333;
opacity: 0;
visibility: hidden;
}
.qodef-header-navigation ul li ul li {
padding: 0 36px;
}
.qodef-header-navigation ul li ul li > a {
position: relative;
display: flex;
white-space: normal;
margin: 9px 0;
}
.qodef-header-navigation ul li ul li > a:hover {
color: #c4c4c4;
text-decoration: none;
}
.qodef-header-navigation ul li ul li.current-menu-ancestor > a, .qodef-header-navigation ul li ul li.current-menu-item > a {
color: #c4c4c4;
text-decoration: none;
}
.qodef-header-navigation ul li ul li.menu-item-has-children:focus > ul, .qodef-header-navigation ul li ul li.menu-item-has-children.qodef--focus > ul, .qodef-header-navigation ul li ul li.menu-item-has-children:hover > ul {
opacity: 1;
visibility: visible;
transition: opacity 0.2s ease-out;
}
.qodef-header-navigation ul li ul ul {
top: calc(-26px - 9px);
left: 100%;
}
.qodef-header-navigation ul li ul.qodef-drop-down--right {
left: auto;
right: -26px;
text-align: right;
}
.qodef-header-navigation ul li ul.qodef-drop-down--right li > a {
justify-content: flex-end;
}
.qodef-header-navigation ul li ul.qodef-drop-down--right li > a .qodef-menu-item-arrow {
left: -9px;
right: auto;
padding-bottom: 1px;
transform: rotate(180deg);
}
.qodef-header-navigation ul li ul.qodef-drop-down--right ul {
left: -100%;
}
.qodef-header-navigation ul li:focus > ul,
.qodef-header-navigation ul li.qodef--focus > ul,
.qodef-header-navigation ul li:hover > ul {
opacity: 1;
visibility: visible;
transition: opacity 0.2s ease-out;
}
.qodef-header-navigation > ul {
position: relative;
display: flex;
align-items: center;
height: 100%;
white-space: nowrap;
}
.qodef-header-navigation > ul > li {
height: 100%;
margin: 0 12px;
}
.qodef-header-navigation > ul > li > a {
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 10px;
font-size: 17px;
line-height: 1.5294117647058823529411764705882em;
font-weight: 500;
color: #1e1e1e;
}
.qodef-header-navigation > ul > li > a .qodef-menu-item-text {
display: inline-flex;
flex-direction: column;
}
.qodef-header-navigation > ul > li > a .qodef-menu-item-arrow {
display: none;
}
.qodef-header-navigation > ul > li > a:hover {
text-decoration: underline;
}
.qodef-header-navigation > ul > li.current-menu-ancestor > a, .qodef-header-navigation > ul > li.current-menu-item > a {
text-decoration: underline;
}
.qodef-header-navigation > ul > li:first-child {
margin-left: 0;
}
.qodef-header-navigation > ul > li:last-child {
margin-right: 0;
}
.qodef-header--light #qodef-page-header-inner .qodef-header-navigation > ul > li > a {
color: #fff !important;
}
.qodef-header--dark #qodef-page-header-inner .qodef-header-navigation > ul > li > a {
color: #000 !important;
}
/* ==========================================================================
Pagination global styles
========================================================================== */
.qodef-m-pagination {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0;
}
.qodef-m-pagination.qodef--wp .nav-links {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.qodef-m-pagination.qodef--wp .page-numbers {
position: relative;
margin: 0 11px;
padding: 0 3px;
font-size: 16px;
font-weight: 500;
transition: all 0.2s ease-out;
color: #c4c4c4;
}
.qodef-m-pagination.qodef--wp .page-numbers * {
display: block;
line-height: inherit;
}
.qodef-m-pagination.qodef--wp .page-numbers:first-child {
margin-left: 0;
}
.qodef-m-pagination.qodef--wp .page-numbers:last-child {
margin-right: 0;
}
.qodef-m-pagination.qodef--wp .page-numbers.prev, .qodef-m-pagination.qodef--wp .page-numbers.next {
padding: 0;
}
.qodef-m-pagination.qodef--wp .page-numbers.prev svg, .qodef-m-pagination.qodef--wp .page-numbers.next svg {
display: block;
width: 7px;
height: auto;
fill: currentColor;
stroke: none;
}
.qodef-m-pagination.qodef--wp .page-numbers.prev {
margin-right: 16px;
}
.qodef-m-pagination.qodef--wp .page-numbers.next {
margin-left: 16px;
}
.qodef-m-pagination.qodef--wp .page-numbers:focus, .qodef-m-pagination.qodef--wp .page-numbers:hover, .qodef-m-pagination.qodef--wp .page-numbers.current {
color: #1e1e1e;
}
.qodef-single-links {
position: relative;
display: flex;
align-items: baseline;
width: 100%;
margin: 15px 0;
}
.qodef-single-links .qodef-m-single-links-title {
margin-right: 10px;
}
.qodef-single-links a {
color: #c4c4c4;
}
.qodef-single-links a:focus, .qodef-single-links a:hover {
color: #1e1e1e;
}
.qodef-single-links a,
.qodef-single-links > span:not(.qodef-m-single-links-title) {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 8px;
padding: 0 3px;
}
.qodef-single-links a:last-child,
.qodef-single-links > span:not(.qodef-m-single-links-title):last-child {
margin-right: 0;
}
/* ==========================================================================
9.0 Magnific Popup styles
========================================================================== */
button.mfp-arrow svg {
fill: currentColor;
stroke: none;
}
button.mfp-arrow:hover {
color: rgba(255, 255, 255, 0.8);
}
/* ==========================================================================
Swiper styles
========================================================================== */
.qodef-swiper-container .swiper-button-prev {
left: 0;
}
.qodef-swiper-container .swiper-button-prev:hover svg {
transform: translateX(-2px);
}
.qodef-swiper-container .swiper-button-next {
right: 0;
}
.qodef-swiper-container .swiper-button-next:hover svg {
transform: translateX(2px);
}
.qodef-swiper-container .swiper-button-prev,
.qodef-swiper-container .swiper-button-next {
color: #1e1e1e;
width: 58px !important;
height: 58px !important;
background-color: #fff;
}
.qodef-swiper-container .swiper-button-prev svg,
.qodef-swiper-container .swiper-button-next svg {
width: 22px;
fill: currentColor;
stroke: none;
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
.qodef-swiper-container .swiper-button-prev:hover,
.qodef-swiper-container .swiper-button-next:hover {
color: #1e1e1e;
background-color: #fff;
}
.qodef-blog-shortcode:not(.qodef-col-num--1) article .qodef-e-media-image img {
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: scale(1.005);
will-change: transform;
}
.qodef-blog-shortcode:not(.qodef-col-num--1) article:hover .qodef-e-media-image img {
transform: scale(1.037);
}
/* ==========================================================================
Blog styles
========================================================================== */
#qodef-related-posts {
padding-top: 47px;
margin: 10px 0 20px;
border-top: 1px solid #e1e1e1;
}
#qodef-related-posts .qodef-m-title {
margin-bottom: 30px;
font-size: 26px;
line-height: 1.34615em;
}
/* ==========================================================================
Blog list shortcodes styles
========================================================================== */
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-excerpt {
margin: 0;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-read-more {
margin-top: 32px;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item {
margin-right: 1.25em;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item:after {
content: '/';
position: absolute;
right: -0.6rem;
transform: translateX(50%);
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item:last-child {
margin-right: 0;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-item:last-child:after {
content: '';
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-author .qodef-e-info-author-label {
margin-right: 3px;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-tags a {
text-decoration: underline;
margin-right: 4px;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info .qodef-e-info-tags a:last-child {
margin-right: 0;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item {
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a {
color: inherit;
text-decoration: inherit;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:focus, .qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item .qodef-e-info.qodef-info--top .qodef-e-info-item a:hover {
color: #1e1e1e;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-link .qodef-e-link {
padding: 7% 80px;
margin-bottom: 9px;
background-color: #f7f5f5;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-link .qodef-e-post-icon {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #fff;
background-color: #1e1e1e;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-link .qodef-e-post-icon svg {
width: 18px;
height: auto;
fill: currentColor;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-quote {
padding: 7% 80px 6.3%;
margin-bottom: 9px;
background-color: #f7f5f5;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-post-icon {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: #fff;
background-color: #1e1e1e;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-post-icon svg {
width: 16px;
height: auto;
fill: currentColor;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-info {
position: relative;
z-index: 2;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-info.qodef-info--top {
margin-bottom: 0.25em;
}
.qodef-blog-shortcode.qodef-item-layout--standard .qodef-blog-item.format-quote .qodef-e-quote-author {
margin: 22px 0 0;
}
.qodef-blog-shortcode.qodef-item-layout--standard.qodef-col-num--1 .qodef-blog-item.format-video .qodef-e-content, .qodef-blog-shortcode.qodef-item-layout--standard.qodef-col-num--1 .qodef-blog-item.has-post-thumbnail .qodef-e-content {
padding: 52px 0 0;
}
.qodef-blog-shortcode.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-blog-item.format-link .qodef-e-link {
padding: 64px 70px;
}
.qodef-blog-shortcode.qodef-item-layout--standard:not(.qodef-col-num--1) .qodef-blog-item.format-quote .qodef-e-quote {
padding: 64px 70px;
}
/* ==========================================================================
Pagination global styles
========================================================================== */
.qodef-shortcode .qodef-m-pagination.qodef--standard .nav-links {
padding: 0;
min-height: auto;
background-color: transparent;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers {
margin: 0 11px;
font-size: 16px;
color: currentColor;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:first-child {
margin-left: 0;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:last-child {
margin-right: 0;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next {
position: relative;
top: auto;
height: auto;
padding: 0;
border: 0;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev svg, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next svg {
width: 7px;
fill: currentColor;
stroke: none;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.prev {
left: auto;
margin-right: 16px;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.next {
right: auto;
margin-left: 16px;
}
.qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers:hover, .qodef-shortcode .qodef-m-pagination.qodef--standard .page-numbers.current {
color: #1e1e1e;
opacity: 1;
}
/* ==========================================================================
Portfolio Single styles
========================================================================== */
.qodef-portfolio-single .qodef-portfolio-single-item > .qodef-e-inner {
display: flex;
flex-direction: column-reverse;
width: 100%;
}
.qodef-portfolio-single .qodef-portfolio-single-item .qodef-e-content {
padding: 0;
margin: 0;
}
.qodef-portfolio-single .qodef-portfolio-info > * {
flex-direction: column;
margin-bottom: 25px;
font-size: 15px;
}
.qodef-portfolio-single .qodef-portfolio-info p,
.qodef-portfolio-single .qodef-portfolio-info a,
.qodef-portfolio-single .qodef-portfolio-info .qodef-e > span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
color: #a8a7a7;
}
.qodef-portfolio-single .qodef-portfolio-info a:hover {
color: #1e1e1e;
text-decoration: none;
}
.qodef-portfolio-single .qodef-portfolio-info .qodef-e-title {
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
color: #1e1e1e;
text-transform: capitalize;
margin: 0 0 11px;
}
.qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info {
margin-top: 36px !important;
}
.qodef-portfolio-single .qodef-variations--big .qodef-portfolio-title {
margin-bottom: 0.2em;
}
.qodef-portfolio-single .qodef-variations--big .qodef-media {
margin-bottom: 39px;
}
#qodef-single-portfolio-navigation .qodef-m-nav {
font-size: 16px;
font-weight: 500;
color: #1e1e1e;
text-decoration: none;
}
#qodef-single-portfolio-navigation .qodef-m-nav.qodef--back-link svg {
width: 18px;
fill: currentColor;
stroke: none;
}
#qodef-single-portfolio-navigation .qodef-m-nav-label {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
#qodef-single-portfolio-navigation svg {
width: auto;
transition: transform 0.3s cubic-bezier(0.37, 0.08, 0.02, 0.93);
}
/* ==========================================================================
Portfolio List shortcode styles
========================================================================== */
.qodef-portfolio-list .qodef-e-info-category {
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
color: #c4c4c4;
}
.qodef-portfolio-list .qodef-e-info-category a {
color: inherit;
text-decoration: inherit;
}
.qodef-portfolio-list .qodef-e-info-category a:focus, .qodef-portfolio-list .qodef-e-info-category a:hover {
color: #1e1e1e;
}
.qodef-portfolio-list.qodef-item-layout--info-below article img {
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: scale(1.005);
}
.qodef-portfolio-list.qodef-item-layout--info-below article:hover img {
transform: scale(1.037);
}
.qodef-portfolio-list.qodef-item-layout--info-on-hover-box .qodef-e-content {
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* ==========================================================================
# Search covers header - start
========================================================================== */
.qodef-search-cover-form .qodef-m-form-field {
text-align: left;
}
/* ==========================================================================
# Search covers header - end
========================================================================== */
/* ==========================================================================
# Side Area style - begin
========================================================================== */
#qodef-side-area {
right: -395px;
width: 395px;
padding: 90px 60px 40px;
background: #fff;
}
/* ==========================================================================
# Side Area style - end
========================================================================== */
/* ==========================================================================
WooCommerce global styles
========================================================================== */
.qodef-woo-shortcode .qodef-woo-product-mark {
position: absolute;
top: 0;
left: 0;
font-size: 15px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
color: #fff;
background-color: #333;
z-index: 5;
padding: 0;
min-width: 45px;
font-family: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
.qodef-woo-shortcode .qodef-woo-product-title {
margin: 0;
}
.qodef-woo-shortcode .qodef-woo-ratings {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
line-height: 1;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-inner {
position: relative;
display: inline-block;
vertical-align: top;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star {
color: #1e1e1e;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star svg {
display: inline-block;
margin-right: 8px;
width: 12px;
height: auto;
fill: none;
stroke: currentColor;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star svg:last-child {
margin-right: 0;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star.qodef--active {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
.qodef-woo-shortcode .qodef-woo-ratings .qodef-m-star.qodef--active svg {
fill: currentColor;
stroke: none;
}
.qodef-woo-shortcode .price {
position: relative;
display: flex;
align-items: center;
font-family: "DM Sans", sans-serif;
letter-spacing: initial;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin: 0;
}
.qodef-woo-shortcode .price del {
margin-right: 10px;
color: #c4c4c4;
}
.qodef-woo-shortcode .price ins {
text-decoration: none;
}
.qodef-woo-shortcode .price .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.qodef-woo-shortcode .button,
.qodef-woo-shortcode .added_to_cart {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
color: #fff;
background-color: #1e1e1e;
border: 0;
cursor: pointer;
z-index: 3;
}
.qodef-woo-shortcode .button .qodef-theme-button-icon,
.qodef-woo-shortcode .added_to_cart .qodef-theme-button-icon {
position: relative;
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
.qodef-woo-shortcode .button:hover,
.qodef-woo-shortcode .added_to_cart:hover {
color: #fff;
background-color: #333;
}
.qodef-woo-shortcode .button.qodef--with-icon,
.qodef-woo-shortcode .added_to_cart.qodef--with-icon {
display: inline-flex;
align-items: center;
}
.qodef-woo-shortcode .button.added,
.qodef-woo-shortcode .added_to_cart.added {
display: none !important;
}
/* ==========================================================================
WooCommerce product list shortcode styles
========================================================================== */
.qodef-woo-shortcode-product-list .qodef-woo-product-content {
display: flex;
flex-direction: column;
padding: 22px 0 7px;
margin-bottom: 0;
}
.qodef-woo-shortcode-product-list .qodef-woo-product-heading {
order: -1;
}
.qodef-woo-shortcode-product-list .qodef-woo-product-categories {
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
color: #c4c4c4;
}
.qodef-woo-shortcode-product-list .qodef-woo-product-categories a {
color: inherit;
text-decoration: inherit;
}
.qodef-woo-shortcode-product-list .qodef-woo-product-categories a:focus, .qodef-woo-shortcode-product-list .qodef-woo-product-categories a:hover {
color: #1e1e1e;
}
/* ==========================================================================
Search styles
========================================================================== */
.qodef-search {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 0 50px;
}
.qodef-search .qodef-e-search-heading {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 51px;
}
.qodef-search .qodef-e-search-heading-title {
margin: 0 0 15px;
}
.qodef-search .qodef-e-search-heading-label {
margin: 10px 0 0;
}
.qodef-search .qodef-search-form .qodef-search-form-field {
padding-right: 40px;
margin: 0;
}
.qodef-search .qodef-search-form .qodef-search-form-button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
}
.qodef-search .qodef-search-form .qodef-search-form-button:focus, .qodef-search .qodef-search-form .qodef-search-form-button:hover {
color: #1e1e1e;
}
.qodef-search .qodef-search-form .qodef-search-form-button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
.qodef-search .qodef-search-form .qodef-search-form-button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
.qodef-search .qodef-search-form-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.qodef-search article {
margin-bottom: 40px;
}
.qodef-search article:last-child {
margin-bottom: 0;
}
.qodef-search article .qodef-e-inner {
position: relative;
display: flex;
align-items: flex-start;
}
.qodef-search article .qodef-e-inner > * {
width: 100%;
}
.qodef-search article .qodef-e-inner .qodef-e-image {
flex-basis: 146px;
padding-right: 30px;
}
.qodef-search article .qodef-e-inner .qodef-e-title {
margin: 0;
}
.qodef-search article .qodef-e-inner .qodef-e-excerpt {
margin: 5px 0 0;
}
.qodef-search .qodef-m-pagination {
margin-top: 20px;
}
.qodef-search-opener .qodef-m-text {
top: -2px;
}
/* ==========================================================================
Sidebar styles
========================================================================== */
#qodef-page-sidebar {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
/* ==========================================================================
Title styles
========================================================================== */
.qodef-page-title {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
height: 240px;
background-color: #f7f5f5;
}
.qodef-page-title .qodef-m-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
height: 100%;
}
.qodef-page-title .qodef-m-content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.qodef-page-title .qodef-m-title {
margin: 0;
}
.qodef-page-title .qodef-breadcrumbs-inner {
background-color: transparent;
padding: 0;
}
.qodef-page-title .qodef-breadcrumbs a:hover span {
color: inherit;
}
/* ==========================================================================
Widgets static styles
========================================================================== */
.qodef-svg-info-item {
position: relative;
display: flex;
align-items: center;
}
.qodef-svg-info-item > * {
margin: 0;
}
.qodef-svg-info-item svg {
flex-shrink: 0;
margin-right: 15px;
overflow: visible;
}
.widget:last-child {
margin-bottom: 0 !important;
}
.widget .qodef-widget-title a {
color: inherit;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget ul li {
position: relative;
}
.widget ul li ul {
position: relative;
margin-left: 1em;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul li:last-child:not(.menu-item-has-children) {
padding-bottom: 0;
}
.widget select {
max-width: 100%;
width: 100%;
}
.widget .select2 {
margin-bottom: 0;
}
.widget[class*="_search"] .qodef-search-form-inner,
.widget[class*="_search"] .wp-block-search__inside-wrapper,
.widget .wp-block-search .qodef-search-form-inner,
.widget .wp-block-search .wp-block-search__inside-wrapper {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.widget[class*="_search"] input,
.widget .wp-block-search input {
margin: 0;
padding-right: 50px;
}
.widget[class*="_search"] .wp-block-search__button,
.widget .wp-block-search .wp-block-search__button {
padding: 0 10px;
width: auto;
}
.widget .tagcloud,
.widget .wp-block-tag-cloud {
margin-bottom: 2px;
}
.widget .tagcloud a,
.widget .wp-block-tag-cloud a {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
font-size: 17px !important;
text-decoration: underline;
}
.widget .tagcloud a:hover,
.widget .wp-block-tag-cloud a:hover {
text-decoration: none;
}
.widget .tagcloud a:after,
.widget .wp-block-tag-cloud a:after {
content: ',';
}
.widget .tagcloud a:last-child,
.widget .wp-block-tag-cloud a:last-child {
margin-right: 0;
}
.widget .tagcloud a:last-child:after,
.widget .wp-block-tag-cloud a:last-child:after {
content: ',';
}
.widget.widget_media_image {
margin-bottom: 0 !important;
}
.widget.widget_media_image a {
display: inline-block;
vertical-align: top;
}
.widget.widget_media_image img {
display: block;
}
.widget.widget_custom_html {
margin-bottom: 0 !important;
}
.widget.widget_text img {
display: block;
}
.widget.widget_calendar {
width: 100%;
}
.widget.widget_calendar table {
table-layout: fixed;
}
.widget.widget_calendar caption {
margin-bottom: 5px;
}
.widget.widget_calendar #today a {
color: inherit;
}
.widget.widget_calendar tfoot tr,
.widget.widget_calendar tfoot td {
border: 0;
}
.widget.widget_nav_menu .qodef-menu-item-arrow {
display: none;
}
.widget.widget_nav_menu ul li {
padding-bottom: 10px;
}
.widget.widget_nav_menu ul li:last-child {
padding-bottom: 0;
}
.widget.widget_recent_entries ul.wp-block-latest-posts__list li {
display: block;
}
.widget.widget_recent_entries ul li {
display: flex;
flex-direction: column-reverse;
padding-bottom: 13px;
}
.widget.widget_recent_entries ul li .post-date {
font-size: 15px;
}
.widget.widget_recent_entries ul li a {
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
.widget.widget_recent_entries ul li:last-child {
padding-bottom: 0;
}
.widget .wp-block-latest-posts.wp-block-latest-posts__list li {
display: flex;
}
.widget .wp-block-latest-posts li {
display: flex;
flex-direction: column;
padding-bottom: 13px;
}
.widget .wp-block-latest-posts li time {
font-size: 15px;
}
.widget .wp-block-latest-posts li a {
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
.widget .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.widget.widget_rss ul li {
margin-bottom: 36px !important;
}
.widget.widget_rss ul li:last-child {
margin-bottom: 0 !important;
}
.widget.widget_rss ul .rsswidget {
display: block;
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
}
.widget.widget_rss ul .rss-date {
font-size: 15px;
}
.widget.widget_rss ul .rssSummary {
margin-top: 15px;
}
.widget.widget_rss ul cite {
display: block;
margin-top: 8px;
}
/* ==========================================================================
Widgets variable styles
========================================================================== */
/* ==========================================================================
Default widgets map
========================================================================== */
/* ==========================================================================
Override default widgets map for specific widget area
========================================================================== */
.widget {
margin: 0 0 53px;
}
.widget .qodef-widget-title {
margin: 0 0 20px;
}
.widget ul li {
margin: 0 0 3px;
}
.widget[class*="_search"] .qodef-widget-title,
.widget .wp-block-search .qodef-widget-title {
margin-bottom: 29px;
}
.widget[class*="_search"] button,
.widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
}
.widget[class*="_search"] button:focus, .widget[class*="_search"] button:hover,
.widget .wp-block-search button:focus,
.widget .wp-block-search button:hover {
color: #1e1e1e;
}
.widget[class*="_search"] button svg,
.widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
.widget[class*="_search"] button svg.search-icon,
.widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
.widget.widget_media_image .qodef-widget-title {
margin-bottom: 29px;
}
.widget.widget_calendar #today {
color: #fff;
background-color: #1e1e1e;
}
.widget.widget_recent_entries ul li .post-date {
color: #c4c4c4;
}
.widget .wp-block-latest-posts li time {
color: #c4c4c4;
}
.widget.widget_rss .rss-date {
color: #a8a7a7;
}
.widget.widget_archive select,
.widget.widget_archive .select2, .widget.widget_categories select,
.widget.widget_categories .select2 {
margin-top: 9px;
}
#qodef-top-area-inner .widget {
margin: 0 0 0px;
}
#qodef-top-area-inner .widget .qodef-widget-title {
margin: 0 0 20px;
}
#qodef-top-area-inner .widget ul li {
margin: 0 0 3px;
}
#qodef-top-area-inner .widget[class*="_search"] .qodef-widget-title,
#qodef-top-area-inner .widget .wp-block-search .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-top-area-inner .widget[class*="_search"] button,
#qodef-top-area-inner .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
}
#qodef-top-area-inner .widget[class*="_search"] button:focus, #qodef-top-area-inner .widget[class*="_search"] button:hover,
#qodef-top-area-inner .widget .wp-block-search button:focus,
#qodef-top-area-inner .widget .wp-block-search button:hover {
color: #1e1e1e;
}
#qodef-top-area-inner .widget[class*="_search"] button svg,
#qodef-top-area-inner .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-top-area-inner .widget[class*="_search"] button svg.search-icon,
#qodef-top-area-inner .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-top-area-inner .widget.widget_media_image .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-top-area-inner .widget.widget_calendar #today {
color: #fff;
background-color: #1e1e1e;
}
#qodef-top-area-inner .widget.widget_recent_entries ul li .post-date {
color: #c4c4c4;
}
#qodef-top-area-inner .widget .wp-block-latest-posts li time {
color: #c4c4c4;
}
#qodef-top-area-inner .widget.widget_rss .rss-date {
color: #a8a7a7;
}
#qodef-top-area-inner .widget.widget_archive select,
#qodef-top-area-inner .widget.widget_archive .select2, #qodef-top-area-inner .widget.widget_categories select,
#qodef-top-area-inner .widget.widget_categories .select2 {
margin-top: 9px;
}
#qodef-page-footer .widget {
margin: 0 0 30px;
}
#qodef-page-footer .widget .qodef-widget-title {
margin: 0 0 20px;
}
#qodef-page-footer .widget ul li {
margin: 0 0 3px;
}
#qodef-page-footer .widget[class*="_search"] .qodef-widget-title,
#qodef-page-footer .widget .wp-block-search .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-page-footer .widget[class*="_search"] button,
#qodef-page-footer .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
}
#qodef-page-footer .widget[class*="_search"] button:focus, #qodef-page-footer .widget[class*="_search"] button:hover,
#qodef-page-footer .widget .wp-block-search button:focus,
#qodef-page-footer .widget .wp-block-search button:hover {
color: #1e1e1e;
}
#qodef-page-footer .widget[class*="_search"] button svg,
#qodef-page-footer .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-page-footer .widget[class*="_search"] button svg.search-icon,
#qodef-page-footer .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-page-footer .widget.widget_media_image .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-page-footer .widget.widget_calendar tr, #qodef-page-footer .widget.widget_calendar td {
border-color: rgba(0, 0, 0, 0.1);
}
#qodef-page-footer .widget.widget_calendar #today {
color: #fff;
background-color: #1e1e1e;
}
#qodef-page-footer .widget.widget_recent_entries ul li .post-date {
color: #c4c4c4;
}
#qodef-page-footer .widget .wp-block-latest-posts li time {
color: #c4c4c4;
}
#qodef-page-footer .widget.widget_rss .rss-date {
color: #a8a7a7;
}
#qodef-page-footer .widget.widget_archive select,
#qodef-page-footer .widget.widget_archive .select2, #qodef-page-footer .widget.widget_categories select,
#qodef-page-footer .widget.widget_categories .select2 {
margin-top: 9px;
}
#qodef-side-area .widget {
margin: 0 0 20px;
}
#qodef-side-area .widget .qodef-widget-title {
margin: 0 0 8px;
}
#qodef-side-area .widget ul li {
margin: 0 0 3px;
}
#qodef-side-area .widget[class*="_search"] .qodef-widget-title,
#qodef-side-area .widget .wp-block-search .qodef-widget-title {
margin-bottom: 17px;
}
#qodef-side-area .widget[class*="_search"] button,
#qodef-side-area .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
}
#qodef-side-area .widget[class*="_search"] button:focus, #qodef-side-area .widget[class*="_search"] button:hover,
#qodef-side-area .widget .wp-block-search button:focus,
#qodef-side-area .widget .wp-block-search button:hover {
color: #1e1e1e;
}
#qodef-side-area .widget[class*="_search"] button svg,
#qodef-side-area .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-side-area .widget[class*="_search"] button svg.search-icon,
#qodef-side-area .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-side-area .widget.widget_media_image .qodef-widget-title {
margin-bottom: 17px;
}
#qodef-side-area .widget.widget_calendar #today {
color: #fff;
background-color: #1e1e1e;
}
#qodef-side-area .widget.widget_recent_entries ul li .post-date {
color: #c4c4c4;
}
#qodef-side-area .widget .wp-block-latest-posts li time {
color: #c4c4c4;
}
#qodef-side-area .widget.widget_rss .rss-date {
color: #a8a7a7;
}
#qodef-side-area .widget.widget_archive select,
#qodef-side-area .widget.widget_archive .select2, #qodef-side-area .widget.widget_categories select,
#qodef-side-area .widget.widget_categories .select2 {
margin-top: 9px;
}
#qodef-page-footer.qodef-widgets-skin--light .widget {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget .qodef-widget-title {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget .qodef-widget-title a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget a {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget ul li a {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget ul li a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget[class*="_search"] button,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #d2d2d2;
background-color: transparent !important;
border: 0 !important;
}
#qodef-page-footer.qodef-widgets-skin--light .widget[class*="_search"] button:focus, #qodef-page-footer.qodef-widgets-skin--light .widget[class*="_search"] button:hover,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-search button:focus,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-search button:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget[class*="_search"] button svg,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-page-footer.qodef-widgets-skin--light .widget[class*="_search"] button svg.search-icon,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-page-footer.qodef-widgets-skin--light .widget .tagcloud a,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-tag-cloud a {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget .tagcloud a:hover,
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-tag-cloud a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h1, #qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h2, #qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h3, #qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h4, #qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h5, #qodef-page-footer.qodef-widgets-skin--light .widget .textwidget h6 {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_calendar tr, #qodef-page-footer.qodef-widgets-skin--light .widget.widget_calendar td {
border-color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_calendar tfoot a {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_calendar tfoot a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_recent_entries ul li .post-date {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget .wp-block-latest-posts li time {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.widget_rss .rss-date {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .qodef-widget-title {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .qodef-widget-title a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget a {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget ul li a {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget ul li a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget[class*="_search"] button,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #d2d2d2;
background-color: transparent !important;
border: 0 !important;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget[class*="_search"] button:focus, #qodef-top-area-inner.qodef-widgets-skin--light .widget[class*="_search"] button:hover,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-search button:focus,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-search button:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget[class*="_search"] button svg,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget[class*="_search"] button svg.search-icon,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .tagcloud a,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-tag-cloud a {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .tagcloud a:hover,
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-tag-cloud a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h1, #qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h2, #qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h3, #qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h4, #qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h5, #qodef-top-area-inner.qodef-widgets-skin--light .widget .textwidget h6 {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_calendar tr, #qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_calendar td {
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_calendar tfoot a {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_calendar tfoot a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_recent_entries ul li .post-date {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget .wp-block-latest-posts li time {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.widget_rss .rss-date {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget .qodef-widget-title {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget .qodef-widget-title a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget a {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget ul li a {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget ul li a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget[class*="_search"] button,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #d2d2d2;
background-color: transparent !important;
border: 0 !important;
}
#qodef-side-area.qodef-widgets-skin--light .widget[class*="_search"] button:focus, #qodef-side-area.qodef-widgets-skin--light .widget[class*="_search"] button:hover,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-search button:focus,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-search button:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget[class*="_search"] button svg,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-side-area.qodef-widgets-skin--light .widget[class*="_search"] button svg.search-icon,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-side-area.qodef-widgets-skin--light .widget .tagcloud a,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-tag-cloud a {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget .tagcloud a:hover,
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-tag-cloud a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget .textwidget h1, #qodef-side-area.qodef-widgets-skin--light .widget .textwidget h2, #qodef-side-area.qodef-widgets-skin--light .widget .textwidget h3, #qodef-side-area.qodef-widgets-skin--light .widget .textwidget h4, #qodef-side-area.qodef-widgets-skin--light .widget .textwidget h5, #qodef-side-area.qodef-widgets-skin--light .widget .textwidget h6 {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_calendar tr, #qodef-side-area.qodef-widgets-skin--light .widget.widget_calendar td {
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_calendar tfoot a {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_calendar tfoot a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_recent_entries ul li .post-date {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget .wp-block-latest-posts li time {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.widget_rss .rss-date {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget .qodef-widget-title {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget .qodef-widget-title a:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget a {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget a:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget ul li a {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget ul li a:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget[class*="_search"] button,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #fff;
background-color: transparent !important;
border: 0 !important;
}
#qodef-page-footer.qodef-widgets-skin--white .widget[class*="_search"] button:focus, #qodef-page-footer.qodef-widgets-skin--white .widget[class*="_search"] button:hover,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-search button:focus,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-search button:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget[class*="_search"] button svg,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-page-footer.qodef-widgets-skin--white .widget[class*="_search"] button svg.search-icon,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-page-footer.qodef-widgets-skin--white .widget .tagcloud a,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-tag-cloud a {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget .tagcloud a:hover,
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-tag-cloud a:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h1, #qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h2, #qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h3, #qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h4, #qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h5, #qodef-page-footer.qodef-widgets-skin--white .widget .textwidget h6 {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_calendar tr, #qodef-page-footer.qodef-widgets-skin--white .widget.widget_calendar td {
border-color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_calendar tfoot a {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_calendar tfoot a:hover {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_recent_entries ul li .post-date {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget .wp-block-latest-posts li time {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.widget_rss .rss-date {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .qodef-widget-title {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .qodef-widget-title a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget a {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget ul li a {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget ul li a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget[class*="_search"] button,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #fff;
background-color: transparent !important;
border: 0 !important;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget[class*="_search"] button:focus, #qodef-top-area-inner.qodef-widgets-skin--white .widget[class*="_search"] button:hover,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-search button:focus,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-search button:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget[class*="_search"] button svg,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget[class*="_search"] button svg.search-icon,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .tagcloud a,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-tag-cloud a {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .tagcloud a:hover,
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-tag-cloud a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h1, #qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h2, #qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h3, #qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h4, #qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h5, #qodef-top-area-inner.qodef-widgets-skin--white .widget .textwidget h6 {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_calendar tr, #qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_calendar td {
border-color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_calendar tfoot a {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_calendar tfoot a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_recent_entries ul li .post-date {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget .wp-block-latest-posts li time {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.widget_rss .rss-date {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget .qodef-widget-title {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget .qodef-widget-title a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget a {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget ul li a {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget ul li a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget[class*="_search"] button,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-search button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #fff;
background-color: transparent !important;
border: 0 !important;
}
#qodef-side-area.qodef-widgets-skin--white .widget[class*="_search"] button:focus, #qodef-side-area.qodef-widgets-skin--white .widget[class*="_search"] button:hover,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-search button:focus,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-search button:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget[class*="_search"] button svg,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-search button svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-side-area.qodef-widgets-skin--white .widget[class*="_search"] button svg.search-icon,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-search button svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
#qodef-side-area.qodef-widgets-skin--white .widget .tagcloud a,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-tag-cloud a {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget .tagcloud a:hover,
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-tag-cloud a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget .textwidget h1, #qodef-side-area.qodef-widgets-skin--white .widget .textwidget h2, #qodef-side-area.qodef-widgets-skin--white .widget .textwidget h3, #qodef-side-area.qodef-widgets-skin--white .widget .textwidget h4, #qodef-side-area.qodef-widgets-skin--white .widget .textwidget h5, #qodef-side-area.qodef-widgets-skin--white .widget .textwidget h6 {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_calendar tr, #qodef-side-area.qodef-widgets-skin--white .widget.widget_calendar td {
border-color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_calendar #today {
color: #fff;
background-color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_calendar tfoot a {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_calendar tfoot a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_recent_entries ul li .post-date {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget .wp-block-latest-posts li time {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.widget_rss .rss-date {
color: #d2d2d2;
}
/* ==========================================================================
WooCommerce global styles
========================================================================== */
/* ==========================================================================
Ratings mixins - start
========================================================================== */
/* ==========================================================================
Ratings mixins - end
========================================================================== */
#qodef-woo-page .qodef-woo-product-mark {
position: absolute;
top: 0;
left: 0;
font-size: 15px;
height: 45px;
width: 45px;
text-align: center;
line-height: 45px;
color: #fff;
background-color: #333;
z-index: 5;
padding: 0;
min-width: 45px;
font-family: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
#qodef-woo-page .qodef-woo-product-title {
margin: 0;
}
#qodef-woo-page .qodef-woo-ratings {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
line-height: 1;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-inner {
position: relative;
display: inline-block;
vertical-align: top;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-star {
color: #1e1e1e;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-star svg {
display: inline-block;
margin-right: 8px;
width: 12px;
height: auto;
fill: none;
stroke: currentColor;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-star svg:last-child {
margin-right: 0;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-star.qodef--active {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
#qodef-woo-page .qodef-woo-ratings .qodef-m-star.qodef--active svg {
fill: currentColor;
stroke: none;
}
#qodef-woo-page .price {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin: 0;
}
#qodef-woo-page .price del {
margin-right: 10px;
color: #c4c4c4;
}
#qodef-woo-page .price ins {
text-decoration: none;
}
#qodef-woo-page .price .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
#qodef-woo-page .button,
#qodef-woo-page .added_to_cart {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
cursor: pointer;
z-index: 3;
color: #fff;
background-color: #1e1e1e;
border: 0;
}
#qodef-woo-page .button .qodef-theme-button-icon,
#qodef-woo-page .added_to_cart .qodef-theme-button-icon {
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
#qodef-woo-page .button:focus, #qodef-woo-page .button:hover,
#qodef-woo-page .added_to_cart:focus,
#qodef-woo-page .added_to_cart:hover {
color: #fff;
background-color: #333;
}
#qodef-woo-page .button.qodef--with-icon,
#qodef-woo-page .added_to_cart.qodef--with-icon {
display: inline-flex;
align-items: center;
}
#qodef-woo-page .button.qodef--with-icon .qodef-theme-button-icon,
#qodef-woo-page .added_to_cart.qodef--with-icon .qodef-theme-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
#qodef-woo-page .button.qodef--with-icon:focus .qodef-theme-button-icon, #qodef-woo-page .button.qodef--with-icon:hover .qodef-theme-button-icon,
#qodef-woo-page .added_to_cart.qodef--with-icon:focus .qodef-theme-button-icon,
#qodef-woo-page .added_to_cart.qodef--with-icon:hover .qodef-theme-button-icon {
transform: translateX(2px);
}
#qodef-woo-page .button.added,
#qodef-woo-page .added_to_cart.added {
display: none !important;
}
#qodef-woo-page .quantity {
white-space: nowrap;
}
#qodef-woo-page .quantity input[type="number"] {
width: 60px;
padding-right: 0;
padding-left: 16px;
text-align: center;
height: 60px;
margin: 0;
}
@media only screen and (max-width: 1024px) {
#qodef-woo-page .quantity input[type="number"] {
padding-left: 0;
}
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
padding: 30px;
margin-bottom: 30px;
border: 1px solid #e1e1e1;
list-style: none;
}
@media only screen and (max-width: 680px) {
.woocommerce-message, .woocommerce-info, .woocommerce-error {
flex-direction: column-reverse;
align-items: flex-start;
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a {
margin-top: 15px !important;
}
}
.woocommerce-page.woocommerce-cart .woocommerce-info {
align-items: flex-start;
flex-direction: column;
}
.woocommerce-page div.woocommerce .shop_table tr {
border-left: none;
border-right: none;
border-top: none;
}
.woocommerce-page div.woocommerce .shop_table th, .woocommerce-page div.woocommerce .shop_table td {
padding: 26px 0 26px 5px;
vertical-align: middle;
text-align: left;
border: 0;
}
.woocommerce-page div.woocommerce .shop_table th:first-child, .woocommerce-page div.woocommerce .shop_table td:first-child {
padding-left: 0;
}
.woocommerce-page div.woocommerce .shop_table th {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
}
.woocommerce-page div.woocommerce .shop_table td ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-page div.woocommerce .shop_table td ul li {
margin: 0 0 10px;
padding: 0;
}
.woocommerce-page div.woocommerce .shop_table td ul li:last-child {
margin-bottom: 0;
}
.woocommerce-page div.woocommerce .shop_table td ul li label {
margin-bottom: 0;
}
.woocommerce-page div.woocommerce .shop_table p {
margin: 0;
}
.woocommerce-page div.woocommerce .col2-set {
position: relative;
display: flex;
align-items: flex-start;
margin: 0 -15px;
}
.woocommerce-page div.woocommerce .col2-set > * {
width: 100%;
padding: 0 15px;
margin-bottom: 30px;
}
.woocommerce-page div.woocommerce address {
font-style: normal;
}
.woocommerce-page div.woocommerce address p {
margin: 0;
}
.woocommerce-page div.woocommerce form p {
margin: 0;
}
.woocommerce-page .pswp__counter,
.woocommerce-page .pswp__caption__center {
color: #fff;
}
.woocommerce-page .pswp__caption__center {
text-align: center;
}
/* ==========================================================================
WooCommerce cart styles
========================================================================== */
@media screen and (min-width: 1025px) {
#qodef-woo-page.qodef--cart {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
}
#qodef-woo-page.qodef--cart .woocommerce-notices-wrapper {
width: 100%;
}
#qodef-woo-page.qodef--cart label {
font-size: 17px;
font-weight: 400;
display: inline-block;
}
#qodef-woo-page.qodef--cart .amount {
white-space: nowrap;
}
#qodef-woo-page.qodef--cart .amount .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
@media screen and (min-width: 1025px) {
#qodef-woo-page.qodef--cart .woocommerce-cart-form {
width: 62%;
margin-right: auto;
}
}
#qodef-woo-page.qodef--cart .shop_table td.product-remove {
width: 20px;
}
#qodef-woo-page.qodef--cart .shop_table td.product-remove a {
font-size: 25px;
}
#qodef-woo-page.qodef--cart .shop_table td.product-thumbnail {
width: 145px;
padding-right: 32px;
}
#qodef-woo-page.qodef--cart .shop_table td.product-thumbnail a, #qodef-woo-page.qodef--cart .shop_table td.product-thumbnail img {
display: block;
width: 100%;
}
#qodef-woo-page.qodef--cart .shop_table td.product-name {
text-align: left;
}
#qodef-woo-page.qodef--cart .shop_table td.product-name a {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
}
#qodef-woo-page.qodef--cart .shop_table td.product-quantity input[type="number"] {
margin: 0;
}
#qodef-woo-page.qodef--cart .shop_table td.actions {
padding: 40px 0 0;
text-align: initial;
}
#qodef-woo-page.qodef--cart .shop_table td.actions .coupon {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 67%;
float: left;
}
#qodef-woo-page.qodef--cart .shop_table td.actions .coupon > * {
margin-bottom: 0;
}
#qodef-woo-page.qodef--cart .shop_table td.actions label {
display: none;
}
#qodef-woo-page.qodef--cart .shop_table td.actions input[type="text"] {
width: auto;
margin-right: 30px;
}
@media only screen and (min-width: 681px) {
#qodef-woo-page.qodef--cart .shop_table td.actions input[type="text"] {
max-width: 36%;
}
}
#qodef-woo-page.qodef--cart .shop_table td.actions > .button {
float: right;
}
#qodef-woo-page.qodef--cart .shop_table.cart tbody > tr:last-child {
border-bottom: 0;
}
@media screen and (min-width: 1025px) {
#qodef-woo-page.qodef--cart .cart-collaterals {
width: 32%;
margin-left: auto;
}
}
#qodef-woo-page.qodef--cart .cart-collaterals .shop_table th {
width: 20%;
}
@media screen and (max-width: 1024px) {
#qodef-woo-page.qodef--cart .cross-sells,
#qodef-woo-page.qodef--cart .cart_totals {
margin-top: 66px;
}
}
#qodef-woo-page.qodef--cart .cross-sells > h2,
#qodef-woo-page.qodef--cart .cart_totals > h2 {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 0;
padding: 5px 0 32px;
border-bottom: 1px solid #e1e1e1;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table tr,
#qodef-woo-page.qodef--cart .cart_totals .shop_table tr {
border: 0;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table th,
#qodef-woo-page.qodef--cart .cart_totals .shop_table th {
padding-right: 38px;
vertical-align: top;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table td,
#qodef-woo-page.qodef--cart .cart_totals .shop_table td {
padding-top: 28px;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table #shipping_method input,
#qodef-woo-page.qodef--cart .cart_totals .shop_table #shipping_method input {
margin: 0 13px 0 0;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table #shipping_method li,
#qodef-woo-page.qodef--cart .cart_totals .shop_table #shipping_method li {
margin-bottom: 10px;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table #shipping_method li:last-child,
#qodef-woo-page.qodef--cart .cart_totals .shop_table #shipping_method li:last-child {
margin-bottom: 27px;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table .woocommerce-shipping-calculator,
#qodef-woo-page.qodef--cart .cart_totals .shop_table .woocommerce-shipping-calculator {
margin-top: 36px;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table .woocommerce-shipping-calculator .shipping-calculator-form,
#qodef-woo-page.qodef--cart .cart_totals .shop_table .woocommerce-shipping-calculator .shipping-calculator-form {
margin-bottom: 26px;
}
#qodef-woo-page.qodef--cart .cross-sells .shop_table .order-total,
#qodef-woo-page.qodef--cart .cart_totals .shop_table .order-total {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
#qodef-woo-page.qodef--cart .shipping-calculator-form select {
width: auto;
min-width: 100%;
margin: 0;
}
#qodef-woo-page.qodef--cart .wc-proceed-to-checkout {
margin-top: 40px;
}
.woocommerce-page div.woocommerce .woocommerce-message[role=alert],
.woocommerce-page div.woocommerce .woocommerce-info[role=alert],
.woocommerce-page div.woocommerce .woocommerce-message[role=alert] {
align-items: flex-start;
flex-direction: column;
}
.woocommerce-page div.woocommerce .cart-empty {
align-items: flex-start;
flex-direction: column;
}
.woocommerce-page div.woocommerce > .cart-empty {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 0;
align-items: center;
justify-content: center;
text-align: center;
border: none;
}
.woocommerce-page div.woocommerce > .return-to-shop {
margin: 11px 0 0;
text-align: center;
}
.woocommerce-page div.woocommerce > .return-to-shop a {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
cursor: pointer;
z-index: 3;
color: #fff;
background-color: #1e1e1e;
border: 0;
}
.woocommerce-page div.woocommerce > .return-to-shop a .qodef-theme-button-icon {
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
.woocommerce-page div.woocommerce > .return-to-shop a:focus, .woocommerce-page div.woocommerce > .return-to-shop a:hover {
color: #fff;
background-color: #333;
}
.woocommerce-page div.woocommerce > .return-to-shop a.qodef--with-icon {
display: inline-flex;
align-items: center;
}
.woocommerce-page div.woocommerce > .return-to-shop a.qodef--with-icon .qodef-theme-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
.woocommerce-page div.woocommerce > .return-to-shop a.qodef--with-icon:focus .qodef-theme-button-icon, .woocommerce-page div.woocommerce > .return-to-shop a.qodef--with-icon:hover .qodef-theme-button-icon {
transform: translateX(2px);
}
/* ==========================================================================
WooCommerce checkout styles
========================================================================== */
#qodef-woo-page.qodef--checkout .woocommerce-error {
display: block;
}
#qodef-woo-page.qodef--checkout .woocommerce-error li {
margin: 0 0 10px;
}
#qodef-woo-page.qodef--checkout .woocommerce-error li:last-child {
margin: 0;
}
#qodef-woo-page.qodef--checkout .amount .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
#qodef-woo-page.qodef--checkout .woocommerce-form-coupon-toggle .woocommerce-info {
flex-direction: row;
}
@media only screen and (max-width: 680px) {
#qodef-woo-page.qodef--checkout .woocommerce-form-coupon-toggle .woocommerce-info {
flex-direction: column;
}
}
#qodef-woo-page.qodef--checkout .woocommerce-form-coupon > p {
margin-bottom: 10px;
}
#qodef-woo-page.qodef--checkout .woocommerce-checkout {
margin-top: 36px;
}
#qodef-woo-page.qodef--checkout #customer_details h3 {
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
}
#qodef-woo-page.qodef--checkout #customer_details h3 #ship-to-different-address-checkbox {
transform: translateY(-5px);
margin-right: 10px;
}
#qodef-woo-page.qodef--checkout #customer_details h3 span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
#qodef-woo-page.qodef--checkout #order_review_heading {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 39px 0 32px;
}
@media screen and (min-width: 1025px) {
#qodef-woo-page.qodef--checkout #order_review_heading {
width: calc(50% - 15px);
}
}
@media screen and (min-width: 1025px) {
#qodef-woo-page.qodef--checkout #order_review {
width: calc(50% - 15px);
}
}
#qodef-woo-page.qodef--checkout #order_review strong .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
#qodef-woo-page.qodef--checkout #order_review table {
border: 1px solid #e1e1e1;
}
#qodef-woo-page.qodef--checkout #order_review table tr th,
#qodef-woo-page.qodef--checkout #order_review table tr td {
padding-left: 35px;
padding-right: 35px;
vertical-align: top;
}
#qodef-woo-page.qodef--checkout #order_review table tr th:first-child,
#qodef-woo-page.qodef--checkout #order_review table tr td:first-child {
border-right: 1px solid #e1e1e1;
}
#qodef-woo-page.qodef--checkout #order_review #shipping_method input {
margin: 0 13px 0 0;
}
#qodef-woo-page.qodef--checkout #order_review #shipping_method li {
margin-bottom: 10px;
}
#qodef-woo-page.qodef--checkout #order_review #shipping_method li:last-child {
margin-bottom: 0;
}
#qodef-woo-page.qodef--checkout #order_review #shipping_method label {
display: inline-block;
}
#qodef-woo-page.qodef--checkout .woocommerce-checkout-payment {
margin-top: 23px;
}
#qodef-woo-page.qodef--checkout .woocommerce-checkout-payment .place-order {
margin-top: 31px;
}
#qodef-woo-page.qodef--checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 33px;
}
#qodef-woo-page.qodef--checkout .woocommerce-checkout-payment .payment_box {
margin-top: 13px;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods {
margin: 0;
padding: 0;
list-style: none;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods li {
position: relative;
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods li p {
margin: 0;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods li {
padding-left: 25px;
padding-right: 25px;
align-items: flex-start;
flex-direction: column;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods .input-radio {
position: absolute;
top: 17px;
left: 0;
margin: 0;
}
#qodef-woo-page.qodef--checkout .wc_payment_methods label {
margin: 0;
cursor: pointer;
}
/* ==========================================================================
WooCommerce my account styles
========================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation {
position: relative;
display: inline-block;
vertical-align: top;
width: 30%;
float: left;
padding-right: 50px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
position: relative;
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li p {
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
color: #1e1e1e;
}
.woocommerce-account .woocommerce-MyAccount-content {
position: relative;
display: inline-block;
vertical-align: top;
width: 70%;
float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details {
margin: 30px 0 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
margin: 48px 0 0;
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 0 0 20px;
}
.woocommerce-account .woocommerce-MyAccount-content strong .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.woocommerce-account .woocommerce-MyAccount-content .order-again {
margin: 30px 0 0;
}
.woocommerce-account .button {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 13px 46px;
cursor: pointer;
z-index: 3;
color: #fff;
background-color: #1e1e1e;
border: 0;
}
.woocommerce-account .button .qodef-theme-button-icon {
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
.woocommerce-account .button:focus, .woocommerce-account .button:hover {
color: #fff;
background-color: #333;
}
.woocommerce-account .button.qodef--with-icon {
display: inline-flex;
align-items: center;
}
.woocommerce-account .button.qodef--with-icon .qodef-theme-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
.woocommerce-account .button.qodef--with-icon:focus .qodef-theme-button-icon, .woocommerce-account .button.qodef--with-icon:hover .qodef-theme-button-icon {
transform: translateX(2px);
}
.woocommerce-account .woocommerce-form-login .form-row:nth-child(3) {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
display: inline-block;
margin-left: 15px;
margin-bottom: 0;
}
.woocommerce-account .woocommerce-form-login .woocommerce-LostPassword {
margin-top: 10px;
}
.woocommerce-account .woocommerce-form-register .woocommerce-privacy-policy-text {
margin-bottom: 31px;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
padding: 0;
margin: 0;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
display: none;
}
/* ==========================================================================
WooCommerce order received styles
========================================================================== */
.woocommerce-order-received .woocommerce-order .amount .woocommerce-Price-currencySymbol,
.woocommerce-order-received .woocommerce-order strong .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 0 0 16px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li {
position: relative;
margin: 0;
padding: 15px 0;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li p {
margin: 0;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details {
margin-top: 66px;
}
.woocommerce-order-received .woocommerce-order h2 {
font-family: inherit;
color: #1e1e1e;
font-size: 36px;
line-height: 1.13889em;
font-weight: 500;
margin: 0 0 19px;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
margin-top: 50px;
}
/* ==========================================================================
WooCommerce pagination styles
========================================================================== */
#qodef-woo-page .woocommerce-pagination {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 35px 0 55px;
}
#qodef-woo-page .woocommerce-pagination .page-numbers {
position: relative;
margin: 0 11px;
padding: 0 3px;
font-size: 16px;
font-weight: 500;
transition: all 0.2s ease-out;
color: #c4c4c4;
}
#qodef-woo-page .woocommerce-pagination .page-numbers * {
display: block;
line-height: inherit;
}
#qodef-woo-page .woocommerce-pagination .page-numbers:first-child {
margin-left: 0;
}
#qodef-woo-page .woocommerce-pagination .page-numbers:last-child {
margin-right: 0;
}
#qodef-woo-page .woocommerce-pagination .page-numbers.prev, #qodef-woo-page .woocommerce-pagination .page-numbers.next {
padding: 0;
}
#qodef-woo-page .woocommerce-pagination .page-numbers.prev svg, #qodef-woo-page .woocommerce-pagination .page-numbers.next svg {
display: block;
width: 7px;
height: auto;
fill: currentColor;
stroke: none;
}
#qodef-woo-page .woocommerce-pagination .page-numbers.prev {
margin-right: 16px;
}
#qodef-woo-page .woocommerce-pagination .page-numbers.next {
margin-left: 16px;
}
#qodef-woo-page .woocommerce-pagination .page-numbers:focus, #qodef-woo-page .woocommerce-pagination .page-numbers:hover, #qodef-woo-page .woocommerce-pagination .page-numbers.current {
color: #1e1e1e;
}
#qodef-woo-page .woocommerce-pagination a:hover {
text-decoration: none;
}
/* ==========================================================================
WooCommerce product list styles
========================================================================== */
.qodef-woo-product-list ul.products {
position: relative;
display: grid;
gap: 30px;
grid-template-columns: minmax(0, 1fr);
margin: 0;
list-style: none;
}
.qodef-woo-product-list ul.products.columns-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.qodef-woo-product-list.qodef-gutter--no ul.products {
gap: 0px;
}
.qodef-woo-product-list.qodef-gutter--tiny ul.products {
gap: 10px;
}
.qodef-woo-product-list.qodef-gutter--small ul.products {
gap: 20px;
}
.qodef-woo-product-list.qodef-gutter--normal ul.products {
gap: 30px;
}
.qodef-woo-product-list.qodef-gutter--medium ul.products {
gap: 40px;
}
.qodef-woo-product-list.qodef-gutter--large ul.products {
gap: 50px;
}
.qodef-woo-product-list.qodef-gutter--huge ul.products {
gap: 68px;
}
.qodef-woo-product-list.qodef-gutter--enormous ul.products {
gap: 120px;
}
.qodef-woo-product-list .qodef-woo-product-inner {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
.touchevents .qodef-woo-product-list .qodef-woo-product-inner {
cursor: pointer;
}
.qodef-woo-product-list .qodef-woo-product-inner:hover .qodef-woo-product-image-inner {
opacity: 1;
}
.qodef-woo-product-list .qodef-woo-product-image {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.qodef-woo-product-list .qodef-woo-product-image img {
display: block;
width: 100%;
}
.qodef-woo-product-list .qodef-woo-product-image-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 10px;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
opacity: 0;
transition: .35s ease-out;
}
.qodef-woo-product-list .qodef-woo-product-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
padding: 22px 0 7px;
margin-bottom: 0;
}
.qodef-woo-product-list .qodef-woo-product-heading {
position: relative;
display: flex;
justify-content: space-between;
}
.qodef-woo-product-list .qodef-woo-product-heading.qodef-hide-price .price {
display: none !important;
}
.qodef-woo-product-list .qodef-woo-product-categories {
margin-bottom: 6px;
font-size: 16px;
line-height: 1.25em;
font-weight: 500;
letter-spacing: initial;
font-family: "DM Sans", sans-serif;
color: #c4c4c4;
}
.qodef-woo-product-list .qodef-woo-product-categories a {
color: inherit;
text-decoration: inherit;
}
.qodef-woo-product-list .qodef-woo-product-categories a:focus, .qodef-woo-product-list .qodef-woo-product-categories a:hover {
color: #1e1e1e;
}
.qodef-woo-product-list .qodef-woo-product-categories a {
position: relative;
display: inline-block;
vertical-align: top;
z-index: 3;
}
.qodef-woo-product-list .qodef-woo-product-title {
transition: color 0.2s ease-out;
}
.qodef-woo-product-list .price {
flex-shrink: 0;
}
.qodef-woo-product-list .qodef-woo-ratings {
margin-top: 9px;
}
.qodef-woo-product-list .woocommerce-LoopProduct-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qodef-woo-product-list.qodef-alignment--centered {
text-align: center;
}
.qodef-woo-product-list.qodef-alignment--centered .qodef-woo-product-heading {
flex-direction: column;
}
.qodef-woo-product-list.qodef-alignment--centered .price {
justify-content: center;
margin: 7px 0 6px;
}
.qodef-woo-product-list.qodef-content-has-background-color .qodef-woo-product-content {
padding-left: 28px;
padding-right: 28px;
padding-bottom: 22px;
}
/* ==========================================================================
WooCommerce quantity input styles
========================================================================== */
#qodef-woo-page .quantity {
position: relative;
display: inline-block;
vertical-align: middle;
}
/* ==========================================================================
WooCommerce results and ordering styles
========================================================================== */
.qodef-woo-results {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 38px;
}
.qodef-woo-results .woocommerce-result-count {
color: #a8a7a7;
}
.qodef-woo-results .woocommerce-ordering {
margin-left: auto;
}
.qodef-woo-results .woocommerce-ordering select {
width: auto;
min-width: 301px;
margin: 0;
}
.qodef-woo-results .woocommerce-ordering .select2-container--default {
margin: 0;
max-width: 100%;
}
.qodef-woo-results .woocommerce-ordering .select2-container--default .select2-selection--single {
margin: 0;
}
/* ==========================================================================
WooCommerce single styles
========================================================================== */
#qodef-woo-page.qodef--single > .product {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-woo-page.qodef--single .qodef-woo-single-inner {
position: relative;
display: flex;
align-items: flex-start;
margin: 0 -35px;
}
#qodef-woo-page.qodef--single .qodef-woo-single-inner > * {
padding: 0 35px;
}
#qodef-woo-page.qodef--single .qodef-woo-single-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-woo-page.qodef--single .qodef-woo-single-image .qodef-woo-product-mark {
left: auto;
right: 0;
transform: translateX(-35px);
height: 50px;
width: 50px;
line-height: 50px;
}
#qodef-woo-page.qodef--single .qodef-woo-single-image .zoomImg {
cursor: crosshair;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
position: relative;
margin: 0 -13px;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper a, #qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
display: block;
width: 100%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
position: relative;
width: calc(100% - 26px) !important;
margin: 0 13px;
overflow: hidden;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper {
display: flex;
flex-wrap: wrap;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper .woocommerce-product-gallery__image {
position: relative;
padding: 0 13px;
margin-top: 26px;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
left: 10px;
width: 30px;
height: 30px;
font-size: 0;
line-height: 30px;
text-align: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjdweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTguNyAxOSIgc3R5bGU9ImZpbGw6ICMxZTFlMWUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMS4xLDE1LjJjLTQuMiwwLTcuNi0zLjQtNy42LTcuNlM2LjksMCwxMS4xLDBzNy42LDMuNCw3LjYsNy42UzE1LjMsMTUuMiwxMS4xLDE1LjJ6IE0xMS4xLDEuNGMtMy40LDAtNi4yLDIuOC02LjIsNi4yczIuOCw2LjIsNi4yLDYuMnM2LjItMi44LDYuMi02LjJTMTQuNSwxLjQsMTEuMSwxLjR6Ii8+PC9nPjxnPjxyZWN0IHg9Ii0wLjciIHk9IjE0LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTkuOTg3MSA2Ljk5MzEpIiB3aWR0aD0iOC4zIiBoZWlnaHQ9IjEuNCIvPjwvZz48L3N2Zz4NCg==);
background-position: center;
background-size: 19px;
background-repeat: no-repeat;
transform: scaleX(-1);
transition: opacity 0.2s ease-out;
opacity: 1;
z-index: 5;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
opacity: 0.85;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-1 .woocommerce-product-gallery__image {
width: 100%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image {
width: 50%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image {
width: 33.33333%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image {
width: 25%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__image {
width: 20%;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__image {
width: 16.66667%;
}
#qodef-woo-page.qodef--single .entry-summary {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-woo-page.qodef--single .entry-summary .price {
font-size: 26px;
}
#qodef-woo-page.qodef--single .woocommerce-product-rating {
position: relative;
display: flex;
align-items: center;
margin-top: 12px;
}
#qodef-woo-page.qodef--single .woocommerce-product-rating .qodef-woo-ratings {
flex-shrink: 0;
width: auto;
margin-right: 20px;
}
#qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link {
font-size: 15px;
color: #c4c4c4;
line-height: 16px;
}
#qodef-woo-page.qodef--single .woocommerce-product-rating .woocommerce-review-link:hover {
color: #1e1e1e;
}
#qodef-woo-page.qodef--single .woocommerce-product-details__short-description {
margin-top: 40px;
}
#qodef-woo-page.qodef--single .woocommerce-product-details__short-description p {
margin-top: 0;
}
#qodef-woo-page.qodef--single .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
#qodef-woo-page.qodef--single form.cart {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 45px;
}
#qodef-woo-page.qodef--single form.cart:not(.variations_form),
#qodef-woo-page.qodef--single form.cart .variations_button {
display: flex;
align-items: center;
}
#qodef-woo-page.qodef--single form.cart:not(.variations_form) .quantity,
#qodef-woo-page.qodef--single form.cart .variations_button .quantity {
margin-right: 14px;
}
#qodef-woo-page.qodef--single form.cart.grouped_form {
flex-wrap: wrap;
}
#qodef-woo-page.qodef--single form.cart.grouped_form .group_table th, #qodef-woo-page.qodef--single form.cart.grouped_form .group_table td {
padding: 20px 0;
vertical-align: middle;
text-align: left;
}
#qodef-woo-page.qodef--single form.cart.grouped_form .group_table label {
margin-bottom: 0;
font-family: inherit;
color: #1e1e1e;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
#qodef-woo-page.qodef--single form.cart.grouped_form > .button {
margin-top: 30px;
}
#qodef-woo-page.qodef--single form.cart .group_table tr {
border-left: none;
border-right: none;
border-top: none;
}
#qodef-woo-page.qodef--single form.cart .group_table th, #qodef-woo-page.qodef--single form.cart .group_table td {
padding: 26px 0 26px 5px;
vertical-align: middle;
text-align: left;
border: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table th:first-child, #qodef-woo-page.qodef--single form.cart .group_table td:first-child {
padding-left: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table th {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
}
#qodef-woo-page.qodef--single form.cart .group_table td ul {
list-style: none;
margin: 0;
padding: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table td ul li {
margin: 0 0 10px;
padding: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table td ul li:last-child {
margin-bottom: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table td ul li label {
margin-bottom: 0;
}
#qodef-woo-page.qodef--single form.cart .group_table p {
margin: 0;
}
#qodef-woo-page.qodef--single form.cart .variations {
margin-bottom: 30px;
}
#qodef-woo-page.qodef--single form.cart .variations tr {
border: 0;
}
#qodef-woo-page.qodef--single form.cart .variations td, #qodef-woo-page.qodef--single form.cart .variations th {
padding: 0;
text-align: initial;
vertical-align: middle;
border: 0;
padding-bottom: 21px;
}
#qodef-woo-page.qodef--single form.cart .variations label {
margin-bottom: 0;
font-family: inherit;
color: #1e1e1e;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
#qodef-woo-page.qodef--single form.cart .variations select {
width: auto;
min-width: 301px;
margin: 0;
}
@media only screen and (max-width: 680px) {
#qodef-woo-page.qodef--single form.cart .variations select {
min-width: auto;
}
}
#qodef-woo-page.qodef--single form.cart .variations .select2-container--default {
margin: 0;
}
#qodef-woo-page.qodef--single form.cart .variations .reset_variations {
display: inline-block;
vertical-align: top;
margin: 13px 0 0 15px;
}
#qodef-woo-page.qodef--single form.cart .woocommerce-variation {
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
}
#qodef-woo-page.qodef--single form.cart .woocommerce-variation-description > *, #qodef-woo-page.qodef--single form.cart .woocommerce-variation-price > *, #qodef-woo-page.qodef--single form.cart .woocommerce-variation-availability > * {
margin: 0 0 15px 0;
}
#qodef-woo-page.qodef--single .out-of-stock {
font-family: inherit;
color: #1e1e1e;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
margin: 28px 0 0;
}
#qodef-woo-page.qodef--single .product_meta {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 43px;
}
#qodef-woo-page.qodef--single .product_meta > * {
position: relative;
display: block;
margin-bottom: 11px;
font-size: 15px;
font-weight: 500;
}
#qodef-woo-page.qodef--single .product_meta > * > * {
margin-left: 4px;
}
#qodef-woo-page.qodef--single .product_meta > * > span,
#qodef-woo-page.qodef--single .product_meta > * > a {
color: #c4c4c4;
font-weight: 400;
}
#qodef-woo-page.qodef--single .product_meta > * > a:hover {
color: #1e1e1e;
}
#qodef-woo-page.qodef--single .product_meta > *:last-child {
margin-bottom: 0;
}
#qodef-woo-page.qodef--single .woocommerce-tabs {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 89px;
border: 1px solid #e1e1e1;
padding: 0 40px 48px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li {
display: inline-block;
position: relative;
margin: 0;
padding: 0 30px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li:first-child {
padding-left: 0;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a {
display: block;
padding: 27px 0;
font-family: inherit;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
color: #c4c4c4;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li:last-child {
padding-right: 0;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a:hover,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.active a,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.ui-state-active a,
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li.ui-state-hover a {
color: #1e1e1e;
text-decoration: none;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #e1e1e1;
z-index: -1;
}
@media only screen and (max-width: 768px) {
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li {
padding: 0 20px;
}
}
@media only screen and (max-width: 680px) {
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs {
flex-direction: column;
align-items: flex-start;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li {
padding: 0;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #e1e1e1;
z-index: -1;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs:before {
display: none;
}
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 44px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab.woocommerce-Tabs-panel--additional_information {
margin-top: 35px;
margin-bottom: -9px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab.woocommerce-Tabs-panel--reviews {
margin-top: 40px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab > h2 {
display: none;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tab p {
margin: 0;
}
#qodef-woo-page.qodef--single .shop_attributes tr, #qodef-woo-page.qodef--single .shop_attributes td, #qodef-woo-page.qodef--single .shop_attributes th {
border: 0;
}
#qodef-woo-page.qodef--single .shop_attributes th, #qodef-woo-page.qodef--single .shop_attributes td {
padding: 9px 0;
vertical-align: middle;
text-align: left;
}
#qodef-woo-page.qodef--single .shop_attributes th {
font-family: inherit;
color: #1e1e1e;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
padding-right: 28px;
}
#qodef-woo-page.qodef--single .shop_attributes td {
width: 100%;
color: #c4c4c4;
}
#qodef-woo-page.qodef--single .shop_attributes td p {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
#qodef-woo-page.qodef--single .shop_attributes p {
margin: 0;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-Reviews-title {
font-size: 26px;
line-height: 1.34615em;
font-weight: 500;
margin: 0;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-noreviews {
margin: 15px 0 0 !important;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .commentlist {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin: 30px 0 0;
padding: 0;
list-style: none;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .commentlist > * {
margin: 0 0 30px;
padding: 0;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .commentlist > *:last-child {
margin-bottom: 0;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment_container {
position: relative;
display: flex;
align-items: center;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment_container > img {
flex-shrink: 0;
width: 132px;
border-radius: 50%;
margin: 0 30px 0 0 !important;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment-text .meta time {
color: #c4c4c4;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment-text .description {
margin-top: 10px;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__author {
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__dash {
color: #c4c4c4;
}
#qodef-woo-page.qodef--single #review_form {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
margin-top: 53px;
}
#qodef-woo-page.qodef--single #review_form .comment-reply-title {
display: block;
margin: 0 0 13px;
font-size: 26px;
line-height: 1.34615em;
font-weight: 500;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating {
margin-top: 46px;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating label {
margin-bottom: 11px;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating .stars {
display: none;
line-height: 1;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating .qodef-comment-form-ratings {
display: flex;
overflow: hidden;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating .qodef-comment-form-ratings.selected svg {
fill: currentColor;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating .qodef-comment-form-ratings.selected .active ~ * svg {
fill: none;
stroke: currentColor;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating a {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0 4px 0 0;
font-size: 0;
line-height: 1;
color: #1e1e1e;
}
#qodef-woo-page.qodef--single #review_form .comment-form-rating a svg {
display: block;
width: 13px;
height: auto;
fill: none;
stroke: currentColor;
}
#qodef-woo-page.qodef--single #review_form .comment-form-comment {
margin-top: 53px;
}
#qodef-woo-page.qodef--single #review_form .comment-form-cookies-consent {
position: relative;
display: flex;
margin-bottom: 30px;
font-size: 15px;
color: #a8a7a7;
}
#qodef-woo-page.qodef--single #review_form .comment-form-cookies-consent > * {
margin: 0;
}
#qodef-woo-page.qodef--single #review_form .comment-form-cookies-consent input[type="checkbox"] {
flex-shrink: 0;
margin-top: 2px;
margin-right: 8px;
}
#qodef-woo-page.qodef--single #review_form .comment-form-cookies-consent label {
color: inherit;
font-weight: inherit;
line-height: 1.1;
}
#qodef-woo-page.qodef--single .related {
margin-top: 90px;
}
#qodef-woo-page.qodef--single .related > h2 {
margin: 128px 0 45px;
}
#qodef-woo-page.qodef--single .related .qodef-woo-product-content {
margin-bottom: 20px;
}
/* ==========================================================================
WooCommerce widgets static styles
========================================================================== */
.widget.woocommerce a .product-title {
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
.widget.woocommerce .qodef-woo-ratings {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
line-height: 1;
margin-top: 5px;
margin-bottom: 9px;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-inner {
position: relative;
display: inline-block;
vertical-align: top;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-star {
color: #1e1e1e;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-star svg {
display: inline-block;
margin-right: 8px;
width: 12px;
height: auto;
fill: none;
stroke: currentColor;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-star svg:last-child {
margin-right: 0;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-star.qodef--active {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
}
.widget.woocommerce .qodef-woo-ratings .qodef-m-star.qodef--active svg {
fill: currentColor;
stroke: none;
}
.widget.woocommerce .price {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin: 0;
}
.widget.woocommerce .price del {
margin-right: 10px;
color: #c4c4c4;
}
.widget.woocommerce .price ins {
text-decoration: none;
}
.widget.woocommerce .price .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.widget.woocommerce .amount .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.widget.woocommerce .button {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 2em;
font-weight: 500;
text-decoration: none;
text-transform: none;
border-radius: 0;
outline: none;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
padding: 9px 33px;
cursor: pointer;
z-index: 3;
color: #fff;
background-color: #1e1e1e;
border: 0;
}
.widget.woocommerce .button .qodef-theme-button-icon {
flex-shrink: 0;
width: 7px;
height: auto;
fill: currentColor;
margin-left: 10px;
}
.widget.woocommerce .button:focus, .widget.woocommerce .button:hover {
color: #fff;
background-color: #333;
}
.widget.woocommerce .button.qodef--with-icon {
display: inline-flex;
align-items: center;
}
.widget.woocommerce .button.qodef--with-icon .qodef-theme-button-icon {
transform: translateX(0);
transition: transform 0.3s cubic-bezier(0, 0.53, 0.18, 0.98);
}
.widget.woocommerce .button.qodef--with-icon:focus .qodef-theme-button-icon, .widget.woocommerce .button.qodef--with-icon:hover .qodef-theme-button-icon {
transform: translateX(2px);
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 0;
cursor: pointer;
height: 3px;
position: relative;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
height: 9px;
width: 9px;
outline: none;
position: absolute;
border-radius: 50%;
top: -3px;
z-index: 2;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle:last-of-type {
transform: translateX(-4px);
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
border-radius: 0;
display: block;
height: 100%;
position: absolute;
z-index: 1;
}
.widget.woocommerce.widget_price_filter .price_slider_amount {
position: relative;
display: flex;
flex-direction: column-reverse;
align-items: baseline;
margin: 21px 0 0;
}
.widget.woocommerce.widget_price_filter .price_slider_amount .price_label {
color: #a8a7a7;
font-size: 15px;
}
.widget.woocommerce.widget_price_filter .price_slider_amount > .button {
margin-top: 22px;
}
.widget.woocommerce.widget_price_filter .price_slider_amount input {
display: none;
}
.widget.woocommerce.widget_price_filter .price_slider_amount .clear {
display: none;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart {
position: relative;
display: flex;
height: 100%;
align-items: center;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
position: absolute;
background: #333;
padding: 20px;
right: 0;
width: 260px;
top: 100%;
visibility: hidden;
opacity: 0;
transition: opacity .2s ease-out;
color: #fff;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content a,
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content p,
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .amount,
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .quantity {
color: #fff;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .widgettitle {
cursor: pointer;
font-size: 17px;
font-family: "DM Sans", sans-serif;
line-height: 1;
display: flex;
margin: 0;
align-items: center;
justify-content: center;
height: 100%;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart:hover .widget_shopping_cart_content {
visibility: visible;
opacity: 1;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a {
color: #1e1e1e;
background-color: #fff;
}
#qodef-page-header .widget.woocommerce.widget_shopping_cart .buttons a:hover {
color: #fff;
background-color: #1e1e1e;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li {
position: relative;
margin-bottom: 30px;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li:before, .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li:after {
content: '';
display: table;
table-layout: fixed;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li:after {
clear: both;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li .blockUI {
display: none !important;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img {
float: left;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li .qodef-cart-item-name {
display: block;
margin-top: 23px;
margin-bottom: 0;
color: inherit;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li:last-child {
margin-bottom: 0;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li a:not(.remove) {
align-items: center;
position: relative;
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li .remove {
position: absolute;
right: 0;
top: 0;
font-size: 25px;
width: 9px;
height: 9px;
line-height: 1;
background-repeat: no-repeat;
background-position: center;
text-decoration: none;
z-index: 2;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation > * {
display: inline-block;
margin: 0;
vertical-align: middle;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .variation > * p {
margin: 0;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .quantity {
display: block;
margin-top: 10px;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .total {
margin: 21px 0 21px;
justify-content: space-between;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons {
align-items: center;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
flex-direction: column;
justify-content: space-between;
position: relative;
margin: 0;
gap: 20px;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a {
width: 100%;
text-align: center;
}
.widget.woocommerce.widget_products ul li, .widget.woocommerce.widget_recently_viewed_products ul li, .widget.woocommerce.widget_top_rated_products ul li, .widget.woocommerce.widget_recent_reviews ul li {
position: relative;
padding: 0;
margin: 0 0 30px;
color: #c4c4c4;
}
.widget.woocommerce.widget_products ul li .reviewer, .widget.woocommerce.widget_recently_viewed_products ul li .reviewer, .widget.woocommerce.widget_top_rated_products ul li .reviewer, .widget.woocommerce.widget_recent_reviews ul li .reviewer {
margin-top: -4px;
font-size: 16px;
}
.widget.woocommerce.widget_products ul li > del, .widget.woocommerce.widget_recently_viewed_products ul li > del, .widget.woocommerce.widget_top_rated_products ul li > del, .widget.woocommerce.widget_recent_reviews ul li > del {
display: inline-block;
}
.widget.woocommerce.widget_products ul li > del .amount, .widget.woocommerce.widget_recently_viewed_products ul li > del .amount, .widget.woocommerce.widget_top_rated_products ul li > del .amount, .widget.woocommerce.widget_recent_reviews ul li > del .amount {
text-decoration: line-through;
}
.widget.woocommerce.widget_products ul li > ins, .widget.woocommerce.widget_recently_viewed_products ul li > ins, .widget.woocommerce.widget_top_rated_products ul li > ins, .widget.woocommerce.widget_recent_reviews ul li > ins {
display: inline-block;
padding-left: 0;
}
.widget.woocommerce.widget_products ul li .amount, .widget.woocommerce.widget_recently_viewed_products ul li .amount, .widget.woocommerce.widget_top_rated_products ul li .amount, .widget.woocommerce.widget_recent_reviews ul li .amount {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.3em;
font-weight: 500;
margin: 0;
font-size: 16px;
display: inline-block;
color: #c4c4c4;
}
.widget.woocommerce.widget_products ul li .amount del, .widget.woocommerce.widget_recently_viewed_products ul li .amount del, .widget.woocommerce.widget_top_rated_products ul li .amount del, .widget.woocommerce.widget_recent_reviews ul li .amount del {
margin-right: 10px;
color: #c4c4c4;
}
.widget.woocommerce.widget_products ul li .amount ins, .widget.woocommerce.widget_recently_viewed_products ul li .amount ins, .widget.woocommerce.widget_top_rated_products ul li .amount ins, .widget.woocommerce.widget_recent_reviews ul li .amount ins {
text-decoration: none;
}
.widget.woocommerce.widget_products ul li .amount .woocommerce-Price-currencySymbol, .widget.woocommerce.widget_recently_viewed_products ul li .amount .woocommerce-Price-currencySymbol, .widget.woocommerce.widget_top_rated_products ul li .amount .woocommerce-Price-currencySymbol, .widget.woocommerce.widget_recent_reviews ul li .amount .woocommerce-Price-currencySymbol {
font-size: 60%;
transform: translateY(-25%);
display: inline-block;
}
.widget.woocommerce.widget_products ul li .amount + .amount, .widget.woocommerce.widget_recently_viewed_products ul li .amount + .amount, .widget.woocommerce.widget_top_rated_products ul li .amount + .amount, .widget.woocommerce.widget_recent_reviews ul li .amount + .amount {
display: inline-block;
padding-left: 0;
}
.widget.woocommerce.widget_products ul li > *, .widget.woocommerce.widget_recently_viewed_products ul li > *, .widget.woocommerce.widget_top_rated_products ul li > *, .widget.woocommerce.widget_recent_reviews ul li > * {
display: block;
}
.widget.woocommerce.widget_products ul li:after, .widget.woocommerce.widget_recently_viewed_products ul li:after, .widget.woocommerce.widget_top_rated_products ul li:after, .widget.woocommerce.widget_recent_reviews ul li:after {
display: none;
}
.widget.woocommerce.widget_products ul li:last-child, .widget.woocommerce.widget_recently_viewed_products ul li:last-child, .widget.woocommerce.widget_top_rated_products ul li:last-child, .widget.woocommerce.widget_recent_reviews ul li:last-child {
margin-bottom: 0;
}
.widget.woocommerce.widget_products a, .widget.woocommerce.widget_recently_viewed_products a, .widget.woocommerce.widget_top_rated_products a, .widget.woocommerce.widget_recent_reviews a {
position: relative;
font-family: inherit;
font-size: 16px;
line-height: 1.4375em;
font-weight: 500;
padding-top: 13px;
}
.widget.woocommerce.widget_products a img, .widget.woocommerce.widget_recently_viewed_products a img, .widget.woocommerce.widget_top_rated_products a img, .widget.woocommerce.widget_recent_reviews a img {
position: absolute;
top: 0;
left: 0;
}
.widget.woocommerce.widget_layered_nav button {
margin-top: 20px;
}
.widget.woocommerce.widget_product_search .woocommerce-product-search {
position: relative;
}
.widget.woocommerce.widget_product_search button[type="submit"] {
font-size: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjdweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTguNyAxOSIgc3R5bGU9ImZpbGw6ICMxZTFlMWUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMS4xLDE1LjJjLTQuMiwwLTcuNi0zLjQtNy42LTcuNlM2LjksMCwxMS4xLDBzNy42LDMuNCw3LjYsNy42UzE1LjMsMTUuMiwxMS4xLDE1LjJ6IE0xMS4xLDEuNGMtMy40LDAtNi4yLDIuOC02LjIsNi4yczIuOCw2LjIsNi4yLDYuMnM2LjItMi44LDYuMi02LjJTMTQuNSwxLjQsMTEuMSwxLjR6Ii8+PC9nPjxnPjxyZWN0IHg9Ii0wLjciIHk9IjE0LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTkuOTg3MSA2Ljk5MzEpIiB3aWR0aD0iOC4zIiBoZWlnaHQ9IjEuNCIvPjwvZz48L3N2Zz4NCg==");
background-position: center;
background-size: 19px;
background-repeat: no-repeat;
}
.widget.woocommerce.widget_product_search button[type="submit"]:hover {
opacity: 0.85;
}
.qodef-widgets-skin--light .widget.woocommerce.widget_product_search button[type="submit"],
.qodef-widgets-skin--white .widget.woocommerce.widget_product_search button[type="submit"] {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjdweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTguNyAxOSIgc3R5bGU9ImZpbGw6ICNmZmYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMS4xLDE1LjJjLTQuMiwwLTcuNi0zLjQtNy42LTcuNlM2LjksMCwxMS4xLDBzNy42LDMuNCw3LjYsNy42UzE1LjMsMTUuMiwxMS4xLDE1LjJ6IE0xMS4xLDEuNGMtMy40LDAtNi4yLDIuOC02LjIsNi4yczIuOCw2LjIsNi4yLDYuMnM2LjItMi44LDYuMi02LjJTMTQuNSwxLjQsMTEuMSwxLjR6Ii8+PC9nPjxnPjxyZWN0IHg9Ii0wLjciIHk9IjE0LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTkuOTg3MSA2Ljk5MzEpIiB3aWR0aD0iOC4zIiBoZWlnaHQ9IjEuNCIvPjwvZz48L3N2Zz4NCg==");
}
.widget.widget_block .wp-block-woocommerce-product-search form {
position: relative;
}
.widget.widget_block .wp-block-woocommerce-product-search input {
margin: 0;
padding: 14px 50px 14px 20px;
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"] {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0;
color: #a8a7a7;
background-color: transparent !important;
border: 0 !important;
font-size: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjdweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTguNyAxOSIgc3R5bGU9ImZpbGw6ICMxZTFlMWUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMS4xLDE1LjJjLTQuMiwwLTcuNi0zLjQtNy42LTcuNlM2LjksMCwxMS4xLDBzNy42LDMuNCw3LjYsNy42UzE1LjMsMTUuMiwxMS4xLDE1LjJ6IE0xMS4xLDEuNGMtMy40LDAtNi4yLDIuOC02LjIsNi4yczIuOCw2LjIsNi4yLDYuMnM2LjItMi44LDYuMi02LjJTMTQuNSwxLjQsMTEuMSwxLjR6Ii8+PC9nPjxnPjxyZWN0IHg9Ii0wLjciIHk9IjE0LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTkuOTg3MSA2Ljk5MzEpIiB3aWR0aD0iOC4zIiBoZWlnaHQ9IjEuNCIvPjwvZz48L3N2Zz4NCg==");
background-position: center;
background-size: 19px;
background-repeat: no-repeat;
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"]:focus, .widget.widget_block .wp-block-woocommerce-product-search button[type="submit"]:hover {
color: #1e1e1e;
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"] svg {
display: block;
width: 19px;
height: auto;
fill: currentColor;
stroke: none;
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"] svg.search-icon {
min-width: auto;
min-height: auto;
width: 32px;
transform: translateY(-3px);
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"]:hover {
opacity: 0.85;
}
.qodef-widgets-skin--light .widget.widget_block .wp-block-woocommerce-product-search button[type="submit"],
.qodef-widgets-skin--white .widget.widget_block .wp-block-woocommerce-product-search button[type="submit"] {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE4LjdweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTguNyAxOSIgc3R5bGU9ImZpbGw6ICNmZmYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMS4xLDE1LjJjLTQuMiwwLTcuNi0zLjQtNy42LTcuNlM2LjksMCwxMS4xLDBzNy42LDMuNCw3LjYsNy42UzE1LjMsMTUuMiwxMS4xLDE1LjJ6IE0xMS4xLDEuNGMtMy40LDAtNi4yLDIuOC02LjIsNi4yczIuOCw2LjIsNi4yLDYuMnM2LjItMi44LDYuMi02LjJTMTQuNSwxLjQsMTEuMSwxLjR6Ii8+PC9nPjxnPjxyZWN0IHg9Ii0wLjciIHk9IjE0LjgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTkuOTg3MSA2Ljk5MzEpIiB3aWR0aD0iOC4zIiBoZWlnaHQ9IjEuNCIvPjwvZz48L3N2Zz4NCg==");
}
.widget.widget_block .wp-block-woocommerce-product-search button[type="submit"] svg {
display: none;
}
.widget.widget_block .wp-block-woocommerce-product-search label {
margin: 0;
}
/* ==========================================================================
WooCommerce widgets variable styles
========================================================================== */
/* ==========================================================================
Default widgets map
========================================================================== */
/* ==========================================================================
Override default widgets map for specific widget area
========================================================================== */
.widget.woocommerce.widget_price_filter .qodef-widget-title {
margin-bottom: 29px;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #ececec;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background-color: #1e1e1e;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
background-color: #1e1e1e;
}
.widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img {
width: 108px;
margin-right: 16px;
}
.widget.woocommerce.widget_product_categories .qodef-widget-title {
margin-bottom: 19px;
}
.widget.woocommerce.widget_product_categories .count {
color: #a8a7a7;
position: relative;
top: -0.5em;
font-size: 80%;
}
.widget.woocommerce.widget_products .qodef-widget-title, .widget.woocommerce.widget_recently_viewed_products .qodef-widget-title, .widget.woocommerce.widget_top_rated_products .qodef-widget-title, .widget.woocommerce.widget_recent_reviews .qodef-widget-title {
margin-bottom: 26px;
}
.widget.woocommerce.widget_products ul li, .widget.woocommerce.widget_recently_viewed_products ul li, .widget.woocommerce.widget_top_rated_products ul li, .widget.woocommerce.widget_recent_reviews ul li {
min-height: 108px;
margin-bottom: 16px;
}
.widget.woocommerce.widget_products ul li img, .widget.woocommerce.widget_recently_viewed_products ul li img, .widget.woocommerce.widget_top_rated_products ul li img, .widget.woocommerce.widget_recent_reviews ul li img {
height: 108px;
width: 108px;
object-fit: cover;
}
.widget.woocommerce.widget_products ul li > *, .widget.woocommerce.widget_recently_viewed_products ul li > *, .widget.woocommerce.widget_top_rated_products ul li > *, .widget.woocommerce.widget_recent_reviews ul li > * {
padding-left: 124px;
}
.widget.woocommerce.widget_products a img, .widget.woocommerce.widget_recently_viewed_products a img, .widget.woocommerce.widget_top_rated_products a img, .widget.woocommerce.widget_recent_reviews a img {
width: 108px;
}
#qodef-top-area-inner .widget.woocommerce.widget_price_filter .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-top-area-inner .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img {
width: 108px;
margin-right: 16px;
}
#qodef-top-area-inner .widget.woocommerce.widget_product_categories .qodef-widget-title {
margin-bottom: 19px;
}
#qodef-top-area-inner .widget.woocommerce.widget_product_categories .count {
color: #a8a7a7;
position: relative;
top: -0.5em;
font-size: 80%;
}
#qodef-top-area-inner .widget.woocommerce.widget_products .qodef-widget-title, #qodef-top-area-inner .widget.woocommerce.widget_recently_viewed_products .qodef-widget-title, #qodef-top-area-inner .widget.woocommerce.widget_top_rated_products .qodef-widget-title, #qodef-top-area-inner .widget.woocommerce.widget_recent_reviews .qodef-widget-title {
margin-bottom: 26px;
}
#qodef-top-area-inner .widget.woocommerce.widget_products ul li, #qodef-top-area-inner .widget.woocommerce.widget_recently_viewed_products ul li, #qodef-top-area-inner .widget.woocommerce.widget_top_rated_products ul li, #qodef-top-area-inner .widget.woocommerce.widget_recent_reviews ul li {
min-height: 108px;
margin-bottom: 16px;
}
#qodef-top-area-inner .widget.woocommerce.widget_products ul li img, #qodef-top-area-inner .widget.woocommerce.widget_recently_viewed_products ul li img, #qodef-top-area-inner .widget.woocommerce.widget_top_rated_products ul li img, #qodef-top-area-inner .widget.woocommerce.widget_recent_reviews ul li img {
height: 108px;
width: 108px;
object-fit: cover;
}
#qodef-top-area-inner .widget.woocommerce.widget_products ul li > *, #qodef-top-area-inner .widget.woocommerce.widget_recently_viewed_products ul li > *, #qodef-top-area-inner .widget.woocommerce.widget_top_rated_products ul li > *, #qodef-top-area-inner .widget.woocommerce.widget_recent_reviews ul li > * {
padding-left: 124px;
}
#qodef-top-area-inner .widget.woocommerce.widget_products a img, #qodef-top-area-inner .widget.woocommerce.widget_recently_viewed_products a img, #qodef-top-area-inner .widget.woocommerce.widget_top_rated_products a img, #qodef-top-area-inner .widget.woocommerce.widget_recent_reviews a img {
width: 108px;
}
#qodef-page-footer .widget.woocommerce.widget_price_filter .qodef-widget-title {
margin-bottom: 29px;
}
#qodef-page-footer .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img {
width: 108px;
margin-right: 16px;
}
#qodef-page-footer .widget.woocommerce.widget_product_categories .qodef-widget-title {
margin-bottom: 19px;
}
#qodef-page-footer .widget.woocommerce.widget_product_categories .count {
color: #a8a7a7;
position: relative;
top: -0.5em;
font-size: 80%;
}
#qodef-page-footer .widget.woocommerce.widget_products .qodef-widget-title, #qodef-page-footer .widget.woocommerce.widget_recently_viewed_products .qodef-widget-title, #qodef-page-footer .widget.woocommerce.widget_top_rated_products .qodef-widget-title, #qodef-page-footer .widget.woocommerce.widget_recent_reviews .qodef-widget-title {
margin-bottom: 26px;
}
#qodef-page-footer .widget.woocommerce.widget_products ul li, #qodef-page-footer .widget.woocommerce.widget_recently_viewed_products ul li, #qodef-page-footer .widget.woocommerce.widget_top_rated_products ul li, #qodef-page-footer .widget.woocommerce.widget_recent_reviews ul li {
min-height: 108px;
margin-bottom: 16px;
}
#qodef-page-footer .widget.woocommerce.widget_products ul li img, #qodef-page-footer .widget.woocommerce.widget_recently_viewed_products ul li img, #qodef-page-footer .widget.woocommerce.widget_top_rated_products ul li img, #qodef-page-footer .widget.woocommerce.widget_recent_reviews ul li img {
height: 108px;
width: 108px;
object-fit: cover;
}
#qodef-page-footer .widget.woocommerce.widget_products ul li > *, #qodef-page-footer .widget.woocommerce.widget_recently_viewed_products ul li > *, #qodef-page-footer .widget.woocommerce.widget_top_rated_products ul li > *, #qodef-page-footer .widget.woocommerce.widget_recent_reviews ul li > * {
padding-left: 124px;
}
#qodef-page-footer .widget.woocommerce.widget_products a img, #qodef-page-footer .widget.woocommerce.widget_recently_viewed_products a img, #qodef-page-footer .widget.woocommerce.widget_top_rated_products a img, #qodef-page-footer .widget.woocommerce.widget_recent_reviews a img {
width: 108px;
}
#qodef-side-area .widget.woocommerce.widget_price_filter .qodef-widget-title {
margin-bottom: 17px;
}
#qodef-side-area .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li img {
width: 108px;
margin-right: 16px;
}
#qodef-side-area .widget.woocommerce.widget_product_categories .qodef-widget-title {
margin-bottom: 7px;
}
#qodef-side-area .widget.woocommerce.widget_product_categories .count {
color: #a8a7a7;
position: relative;
top: -0.5em;
font-size: 80%;
}
#qodef-side-area .widget.woocommerce.widget_products .qodef-widget-title, #qodef-side-area .widget.woocommerce.widget_recently_viewed_products .qodef-widget-title, #qodef-side-area .widget.woocommerce.widget_top_rated_products .qodef-widget-title, #qodef-side-area .widget.woocommerce.widget_recent_reviews .qodef-widget-title {
margin-bottom: 14px;
}
#qodef-side-area .widget.woocommerce.widget_products ul li, #qodef-side-area .widget.woocommerce.widget_recently_viewed_products ul li, #qodef-side-area .widget.woocommerce.widget_top_rated_products ul li, #qodef-side-area .widget.woocommerce.widget_recent_reviews ul li {
min-height: 108px;
margin-bottom: 16px;
}
#qodef-side-area .widget.woocommerce.widget_products ul li img, #qodef-side-area .widget.woocommerce.widget_recently_viewed_products ul li img, #qodef-side-area .widget.woocommerce.widget_top_rated_products ul li img, #qodef-side-area .widget.woocommerce.widget_recent_reviews ul li img {
height: 108px;
width: 108px;
object-fit: cover;
}
#qodef-side-area .widget.woocommerce.widget_products ul li > *, #qodef-side-area .widget.woocommerce.widget_recently_viewed_products ul li > *, #qodef-side-area .widget.woocommerce.widget_top_rated_products ul li > *, #qodef-side-area .widget.woocommerce.widget_recent_reviews ul li > * {
padding-left: 124px;
}
#qodef-side-area .widget.woocommerce.widget_products a img, #qodef-side-area .widget.woocommerce.widget_recently_viewed_products a img, #qodef-side-area .widget.woocommerce.widget_top_rated_products a img, #qodef-side-area .widget.woocommerce.widget_recent_reviews a img {
width: 108px;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce a .product-title {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce a:hover .product-title {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce.widget_products a:hover, #qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce.widget_top_rated_products a:hover, #qodef-page-footer.qodef-widgets-skin--light .widget.woocommerce.widget_recent_reviews a:hover {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce a .product-title {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce a:hover .product-title {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce.widget_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce.widget_top_rated_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--light .widget.woocommerce.widget_recent_reviews a:hover {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.woocommerce a .product-title {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--light .widget.woocommerce a:hover .product-title {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--light .widget.woocommerce.widget_products a:hover, #qodef-side-area.qodef-widgets-skin--light .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-side-area.qodef-widgets-skin--light .widget.woocommerce.widget_top_rated_products a:hover, #qodef-side-area.qodef-widgets-skin--light .widget.woocommerce.widget_recent_reviews a:hover {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce a .product-title {
color: #fff;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce a:hover .product-title {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #d2d2d2;
}
#qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce.widget_products a:hover, #qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce.widget_top_rated_products a:hover, #qodef-page-footer.qodef-widgets-skin--white .widget.woocommerce.widget_recent_reviews a:hover {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce a .product-title {
color: #fff;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce a:hover .product-title {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #d2d2d2;
}
#qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce.widget_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce.widget_top_rated_products a:hover, #qodef-top-area-inner.qodef-widgets-skin--white .widget.woocommerce.widget_recent_reviews a:hover {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.woocommerce a .product-title {
color: #fff;
}
#qodef-side-area.qodef-widgets-skin--white .widget.woocommerce a:hover .product-title {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.woocommerce.widget_layered_nav ul li.chosen a {
color: #d2d2d2;
}
#qodef-side-area.qodef-widgets-skin--white .widget.woocommerce.widget_products a:hover, #qodef-side-area.qodef-widgets-skin--white .widget.woocommerce.widget_recently_viewed_products a:hover, #qodef-side-area.qodef-widgets-skin--white .widget.woocommerce.widget_top_rated_products a:hover, #qodef-side-area.qodef-widgets-skin--white .widget.woocommerce.widget_recent_reviews a:hover {
color: #d2d2d2;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #ececec;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle {
background-color: #1e1e1e;
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-range {
background-color: #1e1e1e;
}
/* ==========================================================================
404 page responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-404-page {
background-size: cover;
background-position: 27% 50%;
}
}
@media only screen and (max-width: 680px) {
#qodef-404-page .qodef-404-text br {
display: none;
}
}
/* ==========================================================================
Blog styles
========================================================================== */
@media only screen and (max-width: 1024px) {
.qodef-blog .qodef-blog-item.format-link .qodef-e-link {
padding: 11% 15%;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote {
padding: 11% 15%;
}
}
@media only screen and (max-width: 680px) {
.qodef-blog .qodef-blog-item .qodef-e-info.qodef-info--bottom {
display: inline-block;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-post-icon {
width: 38px;
height: 38px;
}
.qodef-blog .qodef-blog-item.format-link .qodef-e-link {
padding: 11% 18%;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-post-icon {
width: 38px;
height: 38px;
}
.qodef-blog .qodef-blog-item.format-quote .qodef-e-quote {
padding: 11% 18%;
}
}
/* ==========================================================================
Author Info responsive styles
========================================================================== */
@media only screen and (max-width: 680px) {
#qodef-author-info .qodef-m-inner {
flex-wrap: wrap;
}
#qodef-author-info .qodef-m-image {
margin-right: 0;
}
#qodef-author-info .qodef-m-content {
margin-top: 32px;
}
}
/* ==========================================================================
Comments responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-page-comments-list .qodef-comment-item .children {
padding-left: 40px;
}
}
@media only screen and (max-width: 768px) {
#qodef-page-comments-list .qodef-comment-item .children {
padding-left: 20px;
}
}
@media only screen and (max-width: 680px) {
#qodef-page-comments-list .qodef-comment-item .qodef-e-inner {
flex-wrap: wrap;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-content {
margin-top: 32px;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-info {
flex-direction: column-reverse;
flex-wrap: wrap;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-info > * {
width: 100%;
}
#qodef-page-comments-list .qodef-comment-item .qodef-e-links {
margin-bottom: 19px;
}
#qodef-page-comments-list .qodef-comment-item .children {
padding-left: 3%;
}
#qodef-page-comments-list .comment-respond .comment-reply-title a {
float: none;
display: block;
}
}
/* ==========================================================================
Footer responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-page-footer-top-area .qodef-content-full-width {
padding-left: 50px;
padding-right: 50px;
}
#qodef-page-footer-bottom-area .qodef-content-full-width {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (max-width: 680px) {
#qodef-page-footer-top-area-inner,
#qodef-page-footer-bottom-area-inner {
max-width: 100% !important;
}
#qodef-page-footer-bottom-area-inner .qodef-grid-item:nth-child(2) {
margin-top: 10px;
}
}
/* ==========================================================================
Header responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-page-header {
display: none;
}
}
/* ==========================================================================
Mobile Header responsive styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-page-mobile-header {
display: block;
}
}
/* ==========================================================================
WooCommerce global responsive styles
========================================================================== */
@media only screen and (max-width: 768px) {
.woocommerce-page div.woocommerce .col2-set {
flex-wrap: wrap;
}
}
/* ==========================================================================
WooCommerce cart styles
========================================================================== */
@media only screen and (max-width: 680px) {
#qodef-woo-page.qodef--cart .shop_table th.product-thumbnail {
display: none;
}
#qodef-woo-page.qodef--cart .shop_table td.product-thumbnail {
display: none;
}
#qodef-woo-page.qodef--cart .shop_table td.actions .coupon {
width: 100%;
float: none;
}
#qodef-woo-page.qodef--cart .shop_table td.actions .coupon input[type=text] {
width: 100%;
}
#qodef-woo-page.qodef--cart .shop_table td.actions .coupon > * {
margin-bottom: 30px;
}
#qodef-woo-page.qodef--cart .shop_table td.actions > .button {
float: none;
}
#qodef-woo-page.qodef--cart .cart-collaterals .shop_table th {
width: auto;
}
}
/* ==========================================================================
WooCommerce my account responsive styles
========================================================================== */
@media only screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
float: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
padding-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-top: 50px;
}
}
/* ==========================================================================
WooCommerce pagination styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-woo-page .woocommerce-pagination {
margin-bottom: 21px;
}
}
/* ==========================================================================
WooCommerce global responsive styles
========================================================================== */
@media only screen and (max-width: 1440px) {
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1366px) {
.qodef-woo-product-list ul.products.columns-5 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1024px) {
.qodef-woo-product-list ul.products.columns-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-5 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 768px) {
.qodef-woo-product-list ul.products.columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-5 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 680px) {
.qodef-woo-product-list ul.products.columns-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-4 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-5 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.qodef-woo-product-list ul.products.columns-6 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
/* ==========================================================================
WooCommerce results and ordering styles
========================================================================== */
@media only screen and (max-width: 680px) {
.qodef-woo-results {
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.qodef-woo-results > * {
width: 100%;
}
.qodef-woo-results .woocommerce-ordering {
margin-left: 0;
}
}
/* ==========================================================================
WooCommerce single styles
========================================================================== */
@media only screen and (max-width: 1024px) {
#qodef-woo-page.qodef--single .qodef-woo-single-inner {
flex-wrap: wrap;
}
#qodef-woo-page.qodef--single .entry-summary {
margin-top: 60px;
}
}
@media only screen and (max-width: 680px) {
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper .woocommerce-product-gallery__image {
width: 50% !important;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper .woocommerce-product-gallery__image {
width: 50% !important;
}
#qodef-woo-page.qodef--single .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .woocommerce-product-gallery__wrapper > .qodef-woo-thumbnails-wrapper .woocommerce-product-gallery__image {
width: 50% !important;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment_container {
flex-wrap: wrap;
}
#qodef-woo-page.qodef--single .woocommerce-Reviews .comment-text {
margin-top: 22px;
}
#qodef-woo-page.qodef--single .woocommerce-tabs {
padding: 0 30px 30px;
}
}
@media only screen and (max-width: 480px) {
#qodef-woo-page.qodef--single form.cart .variations .label {
vertical-align: top;
}
#qodef-woo-page.qodef--single form.cart .variations .label > * {
margin-top: 22px;
}
#qodef-woo-page.qodef--single form.cart .variations .value {
position: relative;
}
#qodef-woo-page.qodef--single form.cart .variations .reset_variations {
bottom: 0;
left: 0;
margin: 0 0 0 20px;
position: absolute;
}
#qodef-woo-page.qodef--single form.cart .variations tr:last-child .value {
padding-bottom: 20px;
}
#qodef-woo-page.qodef--single form.cart .variations tr:last-child .select2-container--default {
margin-bottom: 11px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment