Make WordPress Themes

source: flexea/1.1.14/style.css

Last change on this file was 299378, checked in by themedropbox, 4 days ago

New version of Flexea - 1.1.14

File size: 26.9 KB
Line 
1/*
2Theme Name:        Flexea
3Text Domain:       flexea
4Template:                       atua
5Version:            1.1.14
6Tested up to:       6.8
7Requires at least:  4.7
8Requires PHP:       5.6
9Author:             DesertThemes
10Author URI:         https://desertthemes.com/
11Theme URI:          https://desertthemes.com/themes/flexea-free/
12Description:        Flexea is lightweight, highly extendable and multi-purpose WordPress Theme. It will enable you to create almost any type of website with a beautiful & professional design. Flexea supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Flexea Pro demo https://preview.desertthemes.com/pro/flexea/
13Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
14License: GPLv3 or later
15License URI:  https://www.gnu.org/licenses/gpl-3.0.html
16
17This theme, like WordPress, is licensed under the GPL.
18Use it to make something cool, have fun, and share what you've learned
19with others.
20*/
21
22:root {
23    --dt-pri-color: #e40013;   
24    --dt-priTwo-color: #e40013;
25    --dt-priGrd-color: linear-gradient(-137deg, var(--dt-pri-color) 0%, var(--dt-priTwo-color) 100%);
26    --dt-priGrdRev-color: linear-gradient(-137deg, var(--dt-priTwo-color) 0%, var(--dt-pri-color) 100%);
27        --dt-sec-color: #0f213c;
28}
29
30body .search--header .dt_search-form,
31body input[type="text"],
32body input[type="email"],
33body input[type="url"],
34body input[type="password"],
35body input[type="search"],
36body input[type="number"],
37body input[type="tel"],
38body input[type="range"],
39body input[type="date"],
40body input[type="month"],
41body input[type="week"],
42body input[type="time"],
43body input[type="datetime"],
44body input[type="datetime-local"],
45body input[type="color"],
46body textarea,
47body button[type=submit],
48body button,
49body input[type='button'],
50body input[type='reset'],
51body input[type='submit'],
52body .dt-btn,
53body .button:not(.add_to_cart_button) {
54   border-radius: 0.5rem;
55}
56
57.header--eight {
58    color: var(--dt-sec-color);
59}
60
61.header--eight .dt_header-topbar {
62    position: relative;
63    color: var(--dt-whi-color);
64    background-color: var(--dt-pri-color);
65    z-index: 0;
66}
67
68.header--eight .dt_header-widget .contact__list i {
69    color: var(--dt-whi-color);
70}
71
72.header--eight .dt_header-topbar .contact__body a:hover,
73.header--eight .dt_header-topbar .contact__body a:focus {
74    color: var(--dt-whi-color);
75    text-decoration: underline;
76}
77
78@media (min-width: 62em) {
79
80    .header--eight .dt_header-topbar .widget--left {
81        position: relative;
82        z-index: 0;
83    }
84
85    .header--eight .dt_header-topbar .widget--left:before {
86        content: "";
87        position: absolute;
88        top: 0;
89        left: -100%;
90        width: 165.6%;
91        height: 100%;
92        background-color: var(--dt-sec-color);
93        -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 48px) 100%, 0% 100%);
94        clip-path: polygon(0 0, 100% 0, calc(100% - 48px) 100%, 0% 100%);
95        z-index: -1;
96    }
97
98    .header--eight .dt_navbar-wrapper .dt_navbar-menu {
99        min-height: 10rem;
100    }
101
102    .header--eight .dt_navbar-wrapper .site--logo {
103        position: relative;
104        min-height: 10rem;
105        display: flex;
106        flex-direction: column;
107        justify-content: center;
108        z-index: 0;
109    }
110
111    .header--eight .dt_navbar-wrapper .site--logo::before {
112        content: "";
113        position: absolute;
114        top: 0;
115        left: -100%;
116        width: 220%;
117        height: 100%;
118        background-color: #EFF3FA;
119        -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 96px) 100%, 0% 100%);
120        clip-path: polygon(0 0, 100% 0, calc(100% - 96px) 100%, 0% 100%);
121        z-index: -1;
122    }
123
124    .header--eight .dt_navbar-nav .dt_navbar-mainmenu > li > a {
125        line-height: 10rem;
126    }
127}
128
129.header--eight .dt_navbar-cart-item:hover .dt_navbar-cart-icon,
130.header--eight .dt_navbar-cart-item:focus-within .dt_navbar-cart-icon {
131    color: var(--dt-sec-color);
132}
133
134/* Menu Active Five */
135
136.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li {
137    margin: 0 -0.25rem;
138}
139
140.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a {
141    margin: 0;
142    padding: 0 1.8rem;
143}
144
145.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a {
146    padding-right: 3.2rem;
147}
148
149.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.menu-item-has-children > a:after {
150    right: 1.5rem;
151}
152
153.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a,
154.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a,
155.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a {
156    color: var(--dt-whi-color);
157}
158
159.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before {
160    content: "";
161    position: absolute;
162    width: 100%;
163    height: 0;
164    bottom: 0;
165    left: 0;
166    background: var(--dt-pri-color);
167    z-index: -1;
168    opacity: 0;
169    -webkit-transition: var(--dt-transition);
170    transition: var(--dt-transition);
171}
172
173.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.active > a:before,
174.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li.focus > a:before,
175.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li:hover > a:before {
176    opacity: 1;
177    height: 100%;
178}
179
180
181/* // */
182
183@media (min-width: 87.5em) {
184    .header--eight + .site-content .dt_slider .dt_slider-carousel,
185    .header--eight + .site-content .dt_slider .dt_slider-item,
186    .header--eight + .site-content .dt_slider .dt_slider-innercell,
187    .header--eight + .site-content .dt_slider .dt_slider-item > img {
188        max-height: 72rem;
189        min-height: 72rem;
190    }
191}
192
193
194/* Information ( Service Nine ) */
195
196.dt_service--nine {
197    z-index: 1;
198}
199
200.dt_slider + .dt_service {
201    padding-top: 0;
202    margin-top: -6.5rem;
203    margin-bottom: -3.8rem;
204    padding-bottom: 3rem;
205}
206
207.dt_service--nine .dt_item_inner {
208    display: flex;
209    flex-direction: column;
210    justify-content: center;
211    padding: 5rem 4rem 5rem;
212    background-size: cover;
213    background-position: center;
214    border-radius: 0.5rem;
215    position: relative;
216    z-index: 1;
217    overflow: hidden;
218    min-height: 37.4rem;
219    object-fit: cover;
220    box-shadow: 0 1.2rem 3.6rem rgba(0, 0, 0, 0.07);
221}
222
223.dt_service--nine .dt_item_inner::before {
224    content: "";
225    position: absolute;
226    left: 0;
227    top: 0;
228    width: 100%;
229    height: 100%;
230    background: var(--dt-whi-color);
231    border-radius: 0.5rem;
232    z-index: -1;
233    transition: var(--dt-transition);
234}
235
236.dt_service--nine .dt_item_inner:hover::before {
237        opacity: 0;
238}
239
240.dt_service--nine .dt_item_inner::after {
241        content: "";
242        position: absolute;
243        left: 0;
244        top: 0;
245        width: 100%;
246        height: 100%;
247    border-radius: 0.5rem;
248        z-index: -1;
249        background: linear-gradient(100.16deg, var(--dt-pri-color) 1.96%, rgba(28, 28, 28, 0) 198.08%);
250        opacity: 0;
251    transition: var(--dt-transition);
252}
253
254.dt_service--nine .dt_item_inner:hover::after {
255        opacity: 0.95;
256}
257
258.dt_service--nine .dt_item_inner .dt_item_icon {
259        width: 10rem;
260        height: 10rem;
261        display: flex;
262        align-items: center;
263        justify-content: center;
264        background: var(--dt-pri-color);
265        color: var(--dt-whi-color);
266        font-size: 4rem;
267        border-radius: 5rem;
268        box-shadow: 0 0 3rem rgba(254, 93, 20, 0.4);
269        margin-bottom: 2.8rem;
270}
271
272.dt_service--nine .dt_item_inner .dt_item_title {
273        font-size: 2.3rem;
274}
275
276.dt_service--nine .dt_item_inner .dt_item_title a {
277    color: var(--dt-sec-color);
278}
279
280.dt_service--nine .dt_item_inner .dt_item_title a:not(:hover, :focus) {
281    text-decoration: none;
282}
283
284.dt_service--nine .dt_item_inner .dt_item_holder .dt_item_content {
285    margin-top: 1.4rem;
286}
287
288.dt_service--nine .dt_item_inner .number {
289        margin-bottom: 0;
290        position: absolute;
291        right: 0.8rem;
292        top: 1rem;
293        background: linear-gradient(180deg, rgba(254, 93, 20, 0.14) 0%, rgba(254, 93, 20, 0) 100%);
294        -webkit-background-clip: text;
295        -webkit-text-fill-color: transparent;
296        background-clip: text;
297        font-weight: 600;
298        font-size: 10rem;
299        line-height: .8;
300}
301
302.dt_service--nine .dt_item_inner .dt_item_hover {
303        display: none;
304    justify-self: center;
305}
306
307.dt_service--nine .dt_item_inner .dt_item_hover .dt_item_title {
308        margin-bottom: 2rem;
309        color: var(--dt-whi-color);
310}
311
312.dt_service--nine .dt_item_inner .dt_item_hover .dt_item_title a,
313.dt_service--nine .dt_item_inner .dt_item_hover .dt_item_title a:hover {
314        color: var(--dt-whi-color);
315}
316
317.dt_service--nine .dt_item_inner .dt_item_hover .dt_item_content {
318        margin-bottom: 2rem;
319        color: var(--dt-whi-color);
320}
321
322.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext {
323    display: inline-block;
324    height: 4.5rem;
325    width: 4.5rem;
326    line-height: 4.5rem;
327    font-size: 2rem;
328    text-align: center;
329    border-radius: 50%;
330    background: var(--dt-whi-color);
331    color: var(--dt-pri-color);
332    text-decoration: none;
333}
334
335.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover,
336.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus-within {
337    box-shadow: 0 0.75rem 2rem rgba(0,0,0,0.2);
338}
339
340.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext:before {
341    font-family: 'Font Awesome 6 Free';
342    content: '\f105';
343    font-weight: 600;
344    display: inline-block;
345    transition: var(--dt-transition);
346}
347
348.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext:hover:before,
349.dt_service--nine .dt_item_inner .dt_item_readmore .dt-btn-plustext:focus:before {
350    transform: rotate(360deg);
351}
352
353
354/* Service Ten */
355.dt_service--ten .dt_item_inner .dt_item_holder {
356    min-height: 32.6rem;
357    background: var(--dt-sec-color);
358}
359
360.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_image,
361.dt_service--ten .dt_item_inner .dt_item_holder,
362.dt_service--ten .dt_item_inner {
363    position: relative;
364}
365
366.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_image img {
367    width: 100%;
368    min-height: 32.6rem;
369    object-fit: cover;
370}
371
372.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_hoverinner {
373    position: absolute;
374    left: 0;
375    bottom: 0;
376    right: 0;
377    padding: 2.7rem 3rem 2.9rem;
378    transition-delay: .1s;
379    transition-timing-function: ease-in-out;
380    transition-duration: .5s;
381    transition-property: all;
382    transform-origin: top;
383    transform-style: preserve-3d;
384    transform: scaleY(1);
385}
386
387.dt_service--ten .dt_item_inner:hover .dt_item_holder .dt_item_hoverinner,
388.dt_service--ten .dt_item_inner:focus-within .dt_item_holder .dt_item_hoverinner {
389    transform: scaleY(0.0);
390}
391
392.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_hoverinner::before {
393    content: "";
394    position: absolute;
395    top: -0.9rem;
396    left: 50%;
397    transform: translateX(-50%);
398    border-left: 3.1rem solid transparent;
399    border-right: 3.1rem solid transparent;
400    border-bottom: 1rem solid var(--dt-pri-color);
401    opacity: 0.9;
402}
403
404.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_hoverinner::after {
405    content: "";
406    position: absolute;
407    bottom: 0;
408    left: 0;
409    width: 100%;
410    height: 100%;
411    background: var(--dt-pri-color);
412    opacity: 0.9;   
413    z-index: -1;
414}
415
416.dt_service--ten .dt_item_inner .dt_item_title {
417    font-size: 2rem;
418    font-weight: 600;
419}
420
421.dt_service--ten .dt_item_inner .dt_item_title a {
422    color: var(--dt-whi-color);
423}
424
425.dt_service--ten .dt_item_inner .dt_item_title a:not(:hover, :focus) {
426    text-decoration: none;
427}
428
429.dt_service--ten .dt_item_inner .dt_item_holder .dt_item_hoverinner .dt_item_title {
430    line-height: 3rem;
431    text-align: center;
432}
433
434.dt_service--ten .dt_item_inner .dt_item_hover {
435    position: absolute;
436    top: 0;
437    left: 0;
438    right: 0;
439    bottom: 0;
440    padding: 3.1rem;
441    background-position: center top;
442    transition-delay: .1s;
443    transition-timing-function: ease-in-out;
444    transition-duration: .5s;
445    transition-property: all;
446    transform-origin: top;
447    transform-style: preserve-3d;
448    transform: scaleY(0);
449}
450
451.dt_service--ten .dt_item_inner:hover .dt_item_hover,
452.dt_service--ten .dt_item_inner:focus-within .dt_item_hover {
453    transform: scaleY(1.0);
454}
455
456.dt_service--ten .dt_item_inner .dt_item_hover::before {
457    content: "";
458    position: absolute;
459    inset: 0;
460    background: var(--dt-sec-color);
461    opacity: 0.9;
462    z-index: -1;
463}
464
465.dt_service--ten .dt_item_inner .dt_item_hover .dt_item_hoverinner {
466    position: relative;
467}
468
469.dt_service--ten .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon {
470    position: relative;
471    margin-bottom: 1.5rem;
472}
473
474.dt_service--ten .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon i {
475    position: relative;
476    display: inline-block;
477    font-size: 5rem;
478    color: var(--dt-pri-color);
479    transition: all 500ms linear;
480    transition-delay: 0.1s;
481    transform: scale(1);
482}
483
484.dt_service--ten .dt_item_inner .dt_item_hover .dt_item_content {
485    margin-top: 1rem;
486    color: var(--dt-whi-color);
487    opacity: 0.8;
488}
489
490.dt_service--ten .dt_item_inner .dt_item_hover .dt_item_readmore .dt-btn {
491    font-size: 1.5rem;
492    font-weight: 400;
493    padding: 0 2rem;
494    line-height: 4rem;
495}
496
497
498/* Gradient */
499
500.dt_gcolor .dt_service--ten .dt_item_inner .dt_item_holder .dt_item_hoverinner::after,
501.dt_gcolor .dt_service--nine .dt_item_inner .dt_item_icon,
502.dt_gcolor .header--eight .dt_header-topbar,
503.dt_gcolor.menu__active-five .dt_navbar-nav .dt_navbar-mainmenu > li > a:before {
504    background: var(--dt-priGrd-color);
505}
506
507.dt_gcolor .dt_footer_copyright .widget_nav_menu .sub-menu,
508.dt_gcolor .dt_footer .dt_navbar-mainmenu .dropdown-menu,
509.dt_gcolor .dt_navbar-cart-item .dt_navbar-shopcart,
510.dt_gcolor .dt_header .widget_nav_menu .sub-menu,
511.dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu {
512    border-image-slice: 1;
513    border-image-source: var(--dt-priGrdRev-color);
514}
515
516.dt_gcolor .header--eight .dt_header-widget .contact__list i,
517.dt_gcolor .dt_service--ten .dt_item_inner .dt_item_hover .dt_item_hoverinner .dt_item_icon i {
518    color: transparent;
519    -webkit-background-clip: text !important;
520    -webkit-text-fill-color: transparent;
521    background: var(--dt-priGrd-color);
522}
523
524.dt_gcolor .dt_header .widget_nav_menu .menu-item > .sub-menu:after,
525.dt_gcolor .dt_navbar-nav .dt_navbar-mainmenu > .menu-item > .dropdown-menu:after {
526    display: none;
527}
528
529.wp-block-code code img {
530    margin-left: 10px;
531}
532
533.wp-block-calendar table caption {
534    color: #fff;
535    background-color: var(--dt-pri-color);
536}
537
538.has-text-color a:hover, 
539.has-text-color a:focus {
540    color: inherit;
541}
542
543.wp-block-code.has-text-color code {
544    color: inherit;
545}
546
547.wp-block-code.has-background code {
548    background: inherit;
549}
550
551a.wp-block-button__link.has-background {
552    background: inherit;
553}
554
555blockquote.wp-block-quote.has-text-color p,
556blockquote.wp-block-quote.has-text-color cite {
557    color: inherit;
558}
559
560.wc-block-cart .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
561    font-size: 24px;
562    line-height: 34px;
563    text-transform: capitalize;
564    margin-bottom: 15px;
565    color: var(--dt-sec-color);
566}
567
568.wc-block-cart__submit-container .wc-block-cart__submit-button.wc-block-components-button:not(.is-link).contained {
569    background-color: var(--dt-pri-color) !important;
570}
571
572.wc-block-components-totals-coupon__content button.components-button {
573    border-radius: 0;
574    background-color: var(--dt-pri-color) !important;
575}
576
577.wp-block-woocommerce-customer-account a .icon {
578    color: var(--dt-pri-color);
579}
580
581.wc-block-mini-cart__icon,
582.wc-block-mini-cart__badge {
583    color: var(--dt-pri-color);
584}
585
586.wc-block-grid__product-onsale {
587    position: absolute;
588    left: 15px;
589    top: 15px;
590    padding: 0;
591    color: var(--dt-whi-color);
592    background: var(--dt-pri-color);
593    border-color: inherit;
594    right: auto;
595    min-width: 45px;
596    height: 24px;
597    line-height: 24px;
598    display: block;
599    overflow: hidden;
600    min-height: auto;
601    font-weight: 500;
602    font-size: 12px;
603    letter-spacing: 0.2px;
604    border-radius: 5px;
605    -moz-border-radius: 5px;
606    -webkit-border-radius: 5px;
607    -o-border-radius: 5px;
608    -ms-border-radius: 5px;
609    z-index: 1;
610}
611
612a.wc-block-grid__product-link {
613    text-decoration: none;
614}
615
616.wc-block-grid__product-title {
617    color: #222;
618    font-size: 16px;
619    font-weight: 700;
620    text-transform: capitalize;
621    line-height: 30px;
622    padding: 0.25em 0 8px 0;
623    border-bottom: 1px solid #eaeaea;
624}
625
626.wc-block-grid__product-price.price del {
627    padding-right: 10px;
628    color: #848484;
629    opacity: .6;
630}
631
632.wc-block-grid__product-price.price ins span {
633    color: var(--dt-pri-color);
634}
635
636.wc-block-grid__product-price.price ins{
637    text-decoration: none;
638}
639
640.wp-block-post-author__avatar img {
641    border-radius: 100%;
642}
643
644ul.wp-block-page-list a {
645    text-decoration: none;
646}
647
648.wp-block-latest-posts__post-date {
649    font-weight: 500;
650    color: var(--dt-pri-color);
651}
652
653.has-background.wp-block-post-author {
654    padding: 1rem;
655}
656
657.wp-block-image figcaption {
658    text-align: center;
659}
660
661.wp-block-pullquote.has-text-color blockquote {
662    border-left-color: inherit;
663}
664
665.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
666    height: 2em;
667    width: 2em;
668}
669
670.wp-block-calendar table caption {
671    color: #fff;
672    background-color: var(--dt-pri-color);
673}
674
675.wc-block-components-product-title a, 
676.wc-block-components-product-title a:hover, 
677.wc-block-components-product-title a:focus {
678    text-decoration: none;
679}
680
681.wp-block-quote .wp-block-search {
682    padding-bottom: 5px;
683}
684
685.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
686.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
687    text-decoration: none;
688    font-weight: 500;
689    font-size: 1.5rem;
690    color: var(--dt-sec-color);
691}
692
693.wp-block-details summary {
694    font-weight: 600;
695    padding: 10px;
696}
697
698.wp-block-table figcaption {
699    text-align: center;
700    font-weight: 600;
701}
702
703.wp-block-verse {
704    padding: 10px;
705}
706
707.wc-block-components-product-sale-badge.wc-block-grid__product-onsale,
708.wc-block-grid .wc-block-grid__product-onsale {
709    left: 15px;
710    top: 15px;
711    padding: 0;
712    color: var(--dt-whi-color);
713    right: auto;
714    min-width: 45px;
715    height: 24px;
716    line-height: 24px;
717    display: block;
718    overflow: hidden;
719    min-height: auto;
720    font-weight: 500;
721    font-size: 12px;
722    letter-spacing: 0.2px;
723    border-radius: 5px;
724    -moz-border-radius: 5px;
725    -webkit-border-radius: 5px;
726    -o-border-radius: 5px;
727    -ms-border-radius: 5px;
728    z-index: 1;
729    background-color: var(--dt-pri-color);
730    border: none;
731}
732
733.wp-block-calendar table caption {
734    font-weight: 500;
735}
736
737.aligncenter, img.aligncenter {
738    margin-right: auto;
739    margin-left: auto;
740    display: block;
741    clear: both;
742}
743
744.gallery:after {
745    display: table;
746    content: "";
747    clear: both;
748}
749
750.wp-block-archives-list a {
751    text-decoration: none;
752}
753
754.has-background.wp-block-read-more, 
755.has-background.post-navigation-link-next,
756.has-background.post-navigation-link-previous {
757    padding: 0.25em 1.375em;
758}
759
760.post-navigation-link-next a,
761.post-navigation-link-previous a {
762    text-decoration: none;
763}
764
765.wc-block-components-product-sale-badge {
766    z-index: 0 !important;
767}
768
769.wp-block-woocommerce-single-product .wp-block-post-title a {
770    text-decoration: none;
771}
772
773.wc-block-cart__submit-button,
774.wc-block-cart__submit-button:hover, 
775.wc-block-cart__submit-button:focus {
776    color: #fff;
777    text-decoration: none;
778}
779
780.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, 
781.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
782    color: #fff;
783}
784
785.wc-block-components-product-title a.wc-block-components-product-name {
786    color: #222;
787    font-size: 16px;
788    font-weight: 700;
789    text-transform: capitalize;
790    line-height: 30px;
791    padding: 0.25em 0 8px 0;
792    margin-bottom: 10px;
793    text-decoration: none;
794}
795
796.wc-block-grid__products .wc-block-components-product-sale-badge.wc-block-grid__product-onsale {
797    left: 15px;
798    top: 15px;
799    padding: 0;
800    color: var(--dt-whi-color);
801    background: var(--dt-pri-color);
802    right: auto;
803    min-width: 45px;
804    height: 24px;
805    line-height: 24px;
806    display: block;
807    overflow: hidden;
808    min-height: auto;
809    font-weight: 500;
810    font-size: 12px;
811    letter-spacing: 0.2px;
812    border: none;
813}
814
815.wc-block-grid__product-price.price ins {
816    color: var(--dt-pri-color);
817    font-weight: bold;
818}
819
820.wc-block-grid__products .wc-block-components-product-button__button {
821    border-radius: 0;
822    text-decoration: none;
823}
824
825.wc-block-components-product-title a.wc-block-components-product-name:hover, 
826.wc-block-components-product-title a.wc-block-components-product-name:focus {
827    color: var(--dt-pri-color);
828}
829
830.wc-block-grid__products .wc-block-components-product-button__button:hover, 
831.wc-block-grid__products .wc-block-components-product-button__button:focus {
832    background-color: var(--dt-sec-color);
833}
834
835.wc-block-components-product-name {
836    color: var(--dt-sec-color);
837    text-decoration: none;
838    font-weight: 600;
839}
840
841.wc-block-components-product-price__value {
842    color: var(--dt-pri-color);
843    font-weight: 600;
844}
845
846.wc-block-components-totals-item {
847    color: var(--dt-sec-color);
848    font-weight: 700;
849}
850
851div.wc-block-components-sidebar-layout.wc-block-cart .wc-block-cart__totals-title {
852    color: var(--dt-sec-color);
853    font-weight: 700;
854    font-size: 24px;
855}
856
857table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
858    text-decoration: none;
859}
860
861.wc-block-cart-items th {
862    color: var(--dt-sec-color);
863}
864
865.wc-block-components-product-badge {
866    background: var(--dt-pri-color);
867    color: var(--dt-whi-color);
868}
869
870.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
871    background-color: var(--dt-pri-color);
872    color: #fff;
873}
874
875div.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
876    background: var(--dt-pri-color);
877    color: #fff;
878}
879
880.wc-block-featured-category__link .wp-block-button__link:hover, 
881.wc-block-featured-category__link .wp-block-button__link:focus {
882    color: #fff;
883}
884
885nav.woocommerce-breadcrumb a {
886    text-decoration: none;
887}
888
889.wc-block-featured-product__price .woocommerce-Price-amount.amount {
890    color: #fff;
891}
892
893.wc-block-featured-product__link a:hover, 
894.wc-block-featured-product__link a:focus {
895    color: #fff;
896}
897
898.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
899    color: #fff !important;
900    text-decoration: none;
901}
902
903.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover, 
904.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus {
905    color: #fff;
906}
907
908table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
909    font-size: 1.5rem;
910}
911
912.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p {
913    font-size: 1.2rem;
914}
915
916table.wc-block-cart-items .wc-block-components-product-price {
917    font-size: 1.2rem;
918}
919
920.wc-block-mini-cart__empty-cart-wrapper .wc-block-mini-cart__shopping-button:hover, 
921.wc-block-mini-cart__empty-cart-wrapper .wc-block-mini-cart__shopping-button:focus {
922    color: #fff;
923}
924
925.widget.widget_shopping_cart a:before {
926    display:none
927}
928
929.widget .wc-block-grid__products a:before {
930    display: none;
931}
932
933table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
934    font-size: 1rem !important;
935}
936
937.wc-block-components-totals-item__value {
938    font-size: 1.5rem;
939}
940
941.wc-block-mini-cart__footer-checkout, 
942.wc-block-mini-cart__footer-checkout:hover, 
943.wc-block-mini-cart__footer-checkout:focus {
944    background-color: var(--dt-pri-color);
945    color: #fff;
946}
947
948.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions a {
949    text-decoration: none;
950}
951
952.wc-block-mini-cart__badge {
953    color: inherit;
954}
955
956table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
957    text-decoration: none;
958}
959
960.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions a {
961    font-size: 1.2rem;
962}
963
964.wc-block-mini-cart__footer span.wc-block-components-totals-item__label {
965    font-size: 1.5rem;
966}
967
968.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__description {
969    font-size: 1.2rem !important;
970}
971
972table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
973    text-decoration: none !important;
974}
975
976.wp-block-latest-comments__comment a {
977    text-decoration: none;
978}
979
980.wc-block-components-product-badge {
981    font-size: 1rem !important;
982}
983
984.wc-block-components-totals-coupon-link {
985    text-decoration: none;
986}
987
988table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:hover, 
989table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link:focus {
990    color: var(--dt-pri-color) !important;
991}
992
993.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
994    height: 2rem !important;
995    width: 2rem !important;
996}
997
998.dt_widget-area .wp-block-comment-author-name a,
999.dt_widget-area .wp-block-comment-date a {
1000    color: var(--dt-sec-color);
1001}
1002
1003.wp-block-avatar img {
1004    border-radius: 50%;
1005}
1006
1007.wp-block-avatar:hover img {
1008    -webkit-transform: scale(1.07);
1009    transform: scale(1.07);
1010}
1011
1012.wp-block-page-list {
1013    list-style: none;
1014    padding: 0;
1015}
1016
1017.wp-block-page-list a {
1018    color: var(--dt-sec-color);
1019    text-decoration: none;
1020    font-weight: 600;
1021}
1022
1023.wp-block-page-list a:hover,
1024.wp-block-page-list a:focus {
1025    color: var(--dt-pri-color);
1026}
1027
1028.wp-block-list {
1029    padding: 0;
1030}
1031
1032.wp-block-list.has-background {
1033    padding: 1.25em 2.375em;
1034}
1035
1036.wp-block-details.has-background {
1037    padding: 1.25em 2.375em;
1038}
1039
1040.wp-block-verse.has-background {
1041    padding: 1.25em 2.375em;
1042}
1043
1044.wp-block-preformatted.has-background {
1045    padding: 1em;
1046}
1047
1048.wp-block-archives {
1049    list-style: none;
1050    padding: 0;
1051}
1052
1053.wp-block-archives-list a {
1054    font-weight: 600;
1055    color: var(--dt-sec-color);
1056}
1057
1058.wp-block-page-list.has-background {
1059    padding: 1rem;
1060}
1061
1062a.wp-block-button__link:hover, 
1063a.wp-block-button__link:focus {
1064    color: #fff;
1065    text-decoration: none;
1066}
1067
1068.wp-block-button.is-style-outline a.wp-block-button__link {
1069    color: var(--dt-pri-color);
1070}
1071
1072.wp-block-latest-comments {
1073    padding-left: 0;
1074}
1075
1076.wp-block-latest-comments li a:not(:hover, :focus) {
1077    color: var(--dt-sec-color);
1078}
1079
1080.dt_footer ul.product_list_widget li .woocommerce-Price-amount {
1081    color: #fff;
1082}
1083
1084.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button) {
1085    background-color: var(--dt-pri-color);
1086}
1087
1088.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):hover,
1089.dt_footer .widget_shopping_cart .button:not(.checkout):not(.add_to_cart_button):focus {
1090    background-color: var(--dt-pri-color) !important;
1091}
1092
1093.dt_footer .widget_shopping_cart a.checkout:hover, 
1094.dt_footer .widget_shopping_cart a.checkout:focus {
1095    background-color: var(--dt-pri-color) !important;
1096}
1097
1098.dt_footer .widget_shopping_cart span.amount {
1099    color: #fff;
1100}
Note: See TracBrowser for help on using the repository browser.