Created
November 7, 2023 01:06
-
-
Save iamgaby7521/d73036e30b214e7ce2711de7ce3757be to your computer and use it in GitHub Desktop.
qi-main.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ========================================================================== | |
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