Changeset 299348
- Timestamp:
- 11/20/2025 08:46:34 AM (12 months ago)
- Location:
- medical-store/0.0.9
- Files:
-
- 11 edited
- 1 copied
-
. (copied) (copied from medical-store/0.0.8 )
-
archive.php (modified) (3 diffs)
-
assets/css/responsive.css (modified) (2 diffs)
-
assets/js/script.js (modified) (2 diffs)
-
header.php (modified) (1 diff)
-
includes/customizer.php (modified) (5 diffs)
-
index.php (modified) (3 diffs)
-
page.php (modified) (2 diffs)
-
readme.txt (modified) (2 diffs)
-
search.php (modified) (3 diffs)
-
sidebar.php (modified) (1 diff)
-
style.css (modified) (83 diffs)
Legend:
- Unmodified
- Added
- Removed
-
medical-store/0.0.9/archive.php
r293547 r299348 131 131 </div> 132 132 <div class="col-lg-4 col-md-4"> 133 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 133 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 134 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 134 135 <?php 135 136 dynamic_sidebar('sidebar-2'); … … 166 167 </div> 167 168 <div class="col-lg-3 col-md-3"> 168 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 170 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 171 <?php 170 172 dynamic_sidebar('sidebar-2'); … … 173 175 </div> 174 176 <div class="col-lg-3 col-md-3"> 175 <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 177 <div class="sidebar-area sidebar-three <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 178 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 176 179 <?php 177 180 dynamic_sidebar('sidebar-3'); -
medical-store/0.0.9/assets/css/responsive.css
r275336 r299348 555 555 @media (min-width: 1000px) and (max-width: 1024px){ 556 556 #best-seller .ht-product .ht-product-action ul li:nth-child(3) { 557 transform: translate(-4px, 103px);557 transform: translate(-4px, 35px); 558 558 background-color: #000000; 559 559 } … … 654 654 655 655 } 656 657 /* =============================================== 658 Sticky Header 659 ============================================= */ 660 661 @media screen and (min-width : 992px){ 662 .fixed-header { 663 position: fixed !important; 664 top: 0; 665 left: 0; 666 width: 100%; 667 background: #fff; 668 box-shadow: 2px 2px 10px 0px #2d2d2d; 669 z-index: 9999!important; 670 } 671 .admin-bar .fixed-header{ 672 margin-top: 30px !important; 673 margin-left: 0px; 674 } 675 } -
medical-store/0.0.9/assets/js/script.js
r293547 r299348 72 72 return false; 73 73 }); 74 75 (function ($) { 76 $(window).scroll(function () { 77 var sticky = $('.sticky-header'), 78 scroll = $(window).scrollTop(); 79 80 if (scroll >= 100) sticky.addClass('fixed-header'); 81 else sticky.removeClass('fixed-header'); 82 }); 83 })(jQuery); 74 84 75 85 /* =============================================== … … 237 247 } 238 248 }); 249 250 /* =============================================== 251 sticky sidebar 252 ============================================= */ 253 254 window.addEventListener('scroll', function () { 255 var medical_store_sidebar = document.querySelector('.sidebar-sticky'); 256 if (!medical_store_sidebar) return; 257 258 var medical_store_scrollTop = window.scrollY || document.documentElement.scrollTop; 259 var medical_store_windowHeight = window.innerHeight; 260 var medical_store_documentHeight = document.documentElement.scrollHeight; 261 262 var medical_store_isBottom = medical_store_scrollTop + medical_store_windowHeight >= medical_store_documentHeight - 100; 263 264 if (medical_store_scrollTop >= 100 && !medical_store_isBottom) { 265 medical_store_sidebar.classList.add('sidebar-fixed'); 266 } else { 267 medical_store_sidebar.classList.remove('sidebar-fixed'); 268 } 269 }); -
medical-store/0.0.9/header.php
r278207 r299348 127 127 </div> 128 128 <div class="bottom-row py-1"> 129 <div class="row row-gap-2 ">129 <div class="row row-gap-2 <?php if( get_theme_mod( 'medical_store_sticky_header',false) != '') { ?>sticky-header<?php } else { ?>close-sticky <?php } ?>"> 130 130 <div class="col-xxl-9 col-xl-8 col-lg-8 col-md-12 col-sm-3 col-12 align-self-center bottom-menu"> 131 131 <div class="text-sm-start text-center"> -
medical-store/0.0.9/includes/customizer.php
r293547 r299348 102 102 ) ); 103 103 104 Kirki::add_field( 'theme_config_id', array( 105 'type' => 'custom', 106 'settings' => 'medical_store_logo_settings_premium_features', 107 'section' => 'title_tagline', 108 'priority' => 50, 109 'default' => '<h3 style="color: #2271b1; padding:5px 20px 5px 20px; background:#fff; margin:0; box-shadow: 0 2px 4px rgba(0,0,0, .2); ">' . esc_html__( 'Unlock More Features in the Premium Version!', 'medical-store' ) . '</h3><ul style="color: #121212; padding: 5px 20px 20px 30px; background:#fff; margin:0;" ><li style="list-style-type: square;" >' . esc_html__( 'Customizable Text Logo', 'medical-store' ) . '</li><li style="list-style-type: square;" >'.esc_html__( 'Enhanced Typography Options', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( 'Priority Support', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( '....and Much More', 'medical-store' ) . '</li></ul><div style="background: #fff; padding: 0px 10px 10px 20px;"><a href="' . esc_url( __( 'https://www.wpelemento.com/products/pharmacy-wordpress-theme', 'medical-store' ) ) . '" class="button button-primary" target="_blank">'. esc_html__( 'Upgrade for more', 'medical-store' ) .'</a></div>', 110 ) ); 111 104 112 105 113 // Theme color … … 475 483 'type' => 'switch', 476 484 'tab' => 'header', 485 'settings' => 'medical_store_sticky_header', 486 'label' => esc_html__( 'Enable/Disable Sticky Header', 'medical-store' ), 487 'section' => 'medical_store_section_header', 488 'default' => 0, 489 'priority' => 10, 490 'choices' => [ 491 'on' => esc_html__( 'Enable', 'medical-store' ), 492 'off' => esc_html__( 'Disable', 'medical-store' ), 493 ], 494 ] ); 495 496 Kirki::add_field( 'theme_config_id', [ 497 'type' => 'switch', 498 'tab' => 'header', 477 499 'settings' => 'medical_store_shop_gtranslate', 478 500 'label' => esc_html__( 'Enable/Disable Gtranslate', 'medical-store' ), … … 564 586 'priority' => 10, 565 587 ] ); 588 589 Kirki::add_field( 'theme_config_id', array( 590 'type' => 'custom', 591 'tab' => 'header', 592 'settings' => 'medical_store_logo_settings_premium_features_header', 593 'section' => 'medical_store_section_header', 594 'priority' => 50, 595 'default' => '<h3 style="color: #2271b1; padding:5px 20px 5px 20px; background:#fff; margin:0; box-shadow: 0 2px 4px rgba(0,0,0, .2); ">' . esc_html__( 'Enhance your header design now!', 'medical-store' ) . '</h3><ul style="color: #121212; padding: 5px 20px 20px 30px; background:#fff; margin:0;" ><li style="list-style-type: square;" >' . esc_html__( 'Customize your header background color', 'medical-store' ) . '</li><li style="list-style-type: square;" >'.esc_html__( 'Adjust icon and text font sizes', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( 'Explore enhanced typography options', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( '....and Much More', 'medical-store' ) . '</li></ul><div style="background: #fff; padding: 0px 10px 10px 20px;"><a href="' . esc_url( __( 'https://www.wpelemento.com/products/pharmacy-wordpress-theme', 'medical-store' ) ) . '" class="button button-primary" target="_blank">'. esc_html__( 'Upgrade for more', 'medical-store' ) .'</a></div>', 596 ) ); 566 597 567 598 … … 797 828 'type' => 'custom', 798 829 'tab' => 'general', 830 'settings' => 'medical_store_enable_sidebar_sticky_heading', 831 'section' => 'medical_store_additional_setting', 832 'default' => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sticky Sidebar', 'medical-store' ) . '</h3>', 833 'priority' => 10, 834 ] ); 835 836 Kirki::add_field( 'theme_config_id', [ 837 'type' => 'toggle', 838 'tab' => 'general', 839 'settings' => 'medical_store_enable_sticky_sidebar', 840 'label' => esc_html__( 'Enable or Disable Sticky Sidebar', 'medical-store' ), 841 'section' => 'medical_store_additional_setting', 842 'default' => false, 843 'priority' => 10, 844 ] ); 845 846 Kirki::add_field( 'theme_config_id', [ 847 'type' => 'custom', 848 'tab' => 'general', 799 849 'settings' => 'medical_store_scroll_alignment_heading', 800 850 'section' => 'medical_store_additional_setting', … … 1539 1589 ) ); 1540 1590 1591 Kirki::add_field( 'theme_config_id', array( 1592 'type' => 'custom', 1593 'settings' => 'medical_store_logo_settings_premium_features_footer', 1594 'section' => 'medical_store_footer_section', 1595 'priority' => 50, 1596 'default' => '<h3 style="color: #2271b1; padding:5px 20px 5px 20px; background:#fff; margin:0; box-shadow: 0 2px 4px rgba(0,0,0, .2); ">' . esc_html__( 'Elevate your footer with premium features:', 'medical-store' ) . '</h3><ul style="color: #121212; padding: 5px 20px 20px 30px; background:#fff; margin:0;" ><li style="list-style-type: square;" >' . esc_html__( 'Tailor your footer layout', 'medical-store' ) . '</li><li style="list-style-type: square;" >'.esc_html__( 'Integrate an email subscription form', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( 'Personalize social media icons', 'medical-store' ) .'</li><li style="list-style-type: square;" >'.esc_html__( '....and Much More', 'medical-store' ) . '</li></ul><div style="background: #fff; padding: 0px 10px 10px 20px;"><a href="' . esc_url( __( 'https://www.wpelemento.com/products/pharmacy-wordpress-theme', 'medical-store' ) ) . '" class="button button-primary" target="_blank">'. esc_html__( 'Upgrade for more', 'medical-store' ) .'</a></div>', 1597 ) ); 1598 1541 1599 // Footer Social Icons Section 1542 1600 -
medical-store/0.0.9/index.php
r293547 r299348 131 131 </div> 132 132 <div class="col-lg-4 col-md-4"> 133 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 133 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 134 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 134 135 <?php 135 136 dynamic_sidebar('sidebar-2'); … … 166 167 </div> 167 168 <div class="col-lg-3 col-md-3"> 168 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 170 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 171 <?php 170 172 dynamic_sidebar('sidebar-2'); … … 173 175 </div> 174 176 <div class="col-lg-3 col-md-3"> 175 <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 177 <div class="sidebar-area sidebar-three <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 178 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 176 179 <?php 177 180 dynamic_sidebar('sidebar-3'); -
medical-store/0.0.9/page.php
r293547 r299348 51 51 <div class="row"> 52 52 <div class="col-lg-4 col-md-4"> 53 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 53 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 54 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 54 55 <?php 55 56 dynamic_sidebar('sidebar-2'); … … 97 98 </div> 98 99 <div class="col-lg-4 col-md-4"> 99 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 100 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 101 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 100 102 <?php 101 103 dynamic_sidebar('sidebar-2'); -
medical-store/0.0.9/readme.txt
r297589 r299348 2 2 Contributors: wpelemento 3 3 Requires at least: 5.0 4 Stable tag: 0.0. 84 Stable tag: 0.0.9 5 5 Requires PHP: 7.2 6 6 Tested up to: 6.8 … … 88 88 == Changelog == 89 89 90 = November-17-2025 :: 0.0.9 91 92 * Added sticky header. 93 * Added sticky sidebar. 94 * Remove unwanted css. 95 * Added premium button in header section, footer section and site title section. 96 90 97 = October-31-2025 :: 0.0.8 91 98 -
medical-store/0.0.9/search.php
r293547 r299348 131 131 </div> 132 132 <div class="col-lg-4 col-md-4"> 133 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 133 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 134 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 134 135 <?php 135 136 dynamic_sidebar('sidebar-2'); … … 166 167 </div> 167 168 <div class="col-lg-3 col-md-3"> 168 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 170 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 169 171 <?php 170 172 dynamic_sidebar('sidebar-2'); … … 173 175 </div> 174 176 <div class="col-lg-3 col-md-3"> 175 <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 177 <div class="sidebar-area sidebar-three <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 178 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 176 179 <?php 177 180 dynamic_sidebar('sidebar-3'); -
medical-store/0.0.9/sidebar.php
r293547 r299348 9 9 ?> 10 10 11 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 11 <div class="sidebar-area <?php if( get_theme_mod('medical_store_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?> 12 <?php echo esc_attr( get_theme_mod('medical_store_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>"> 12 13 <?php if ( ! dynamic_sidebar( 'medical-store-sidebar' ) ) : ?> 13 14 <div role="complementary" aria-label="<?php echo esc_attr__( 'sidebar1', 'medical-store' ); ?>" id="Search" class="sidebar-widget"> -
medical-store/0.0.9/style.css
r297589 r299348 5 5 Theme URI: https://www.wpelemento.com/products/medical-store 6 6 Author URI: https://www.wpelemento.com/ 7 Version: 0.0. 87 Version: 0.0.9 8 8 Requires PHP: 7.2 9 9 Tested up to: 6.8 … … 24 24 25 25 .screen-reader-text { 26 border: 0; 27 clip: rect(1px, 1px, 1px, 1px); 28 clip-path: inset(50%); 29 height: 1px; 30 margin: -1px; 31 overflow: hidden; 32 padding: 0; 33 position: absolute !important; 34 width: 1px; 35 word-wrap: normal !important; 36 -webkit-transition: none; 37 -moz-transition: none; 38 -o-transition: none; 39 transition: none; 40 } 26 border: 0; 27 clip: rect(1px, 1px, 1px, 1px); 28 clip-path: inset(50%); 29 height: 1px; 30 margin: -1px; 31 overflow: hidden; 32 padding: 0; 33 position: absolute !important; 34 width: 1px; 35 word-wrap: normal !important; 36 -webkit-transition: none; 37 -moz-transition: none; 38 -o-transition: none; 39 transition: none; 40 } 41 41 42 .screen-reader-text:focus { 42 background-color: #f1f1f1; 43 border-radius: 3px; 44 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 45 clip: auto !important; 46 clip-path: none; 47 color: #21759b; 48 display: block; 49 font-size: 14px; 50 font-weight: 600; 51 height: auto; 52 left: 5px; 53 line-height: normal; 54 padding: 15px 23px 14px; 55 text-decoration: none; 56 top: 5px; 57 width: auto; 58 z-index: 100000; 59 } 43 background-color: #f1f1f1; 44 border-radius: 3px; 45 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 46 clip: auto !important; 47 clip-path: none; 48 color: #21759b; 49 display: block; 50 font-size: 14px; 51 font-weight: 600; 52 height: auto; 53 left: 5px; 54 line-height: normal; 55 padding: 15px 23px 14px; 56 text-decoration: none; 57 top: 5px; 58 width: auto; 59 z-index: 100000; 60 } 61 60 62 #content[tabindex="-1"]:focus { 61 outline: 0; 62 } 63 outline: 0; 64 } 65 63 66 body { 64 67 font-family: "Roboto", sans-serif; 65 68 color: #5b5b5b; 66 margin: 0;69 margin: 0; 67 70 background: #fff; 68 71 } 69 h1,h2,h3,h4,h5,h6{ 70 font-weight: bold; 71 color: #121212; 72 73 h1, 74 h2, 75 h3, 76 h4, 77 h5, 78 h6 { 79 font-weight: bold; 80 color: #121212; 72 81 font-family: "Roboto", sans-serif; 73 82 } 83 74 84 a { 75 color: #121212;85 color: #121212; 76 86 -webkit-transition: color .1s linear; 77 87 -moz-transition: color .1s linear; … … 80 90 text-decoration: none; 81 91 } 92 82 93 a:hover, 83 94 a:focus { 84 color: var(--primary-theme-color);95 color: var(--primary-theme-color); 85 96 text-decoration: none; 86 97 } 87 .post-single a,.page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a { 98 99 .post-single a, 100 .page-single a, 101 .sidebar-area .textwidget a, 102 .comment-content a, 103 .woocommerce-product-details__short-description a, 104 #tab-description a, 105 .extra-home-content a { 88 106 text-decoration: underline; 89 color:var(--primary-theme-color); 90 } 91 .post-content a{ 92 color:var(--primary-theme-color); 93 } 107 color: var(--primary-theme-color); 108 } 109 110 .post-content a { 111 color: var(--primary-theme-color); 112 } 113 94 114 /* =============================================== 95 115 HEADER BOX 96 116 ============================================= */ 97 .search-box form button , .search-box .searchform .search-submit{ 117 .search-box form button, 118 .search-box .searchform .search-submit { 98 119 background: url(assets/images/search.svg) no-repeat scroll var(--primary-theme-color) 10px 5px; 99 120 border: none; … … 116 137 transition: color 0.3s ease, background-color 0.3s ease; 117 138 } 118 .search-box .searchform input[type=submit]:hover{ 139 140 .search-box .searchform input[type=submit]:hover { 119 141 background: url(assets/images/search.svg) no-repeat scroll var(--primary-theme-color) 10px 5px; 120 142 } 121 .search-box input#woocommerce-product-search-field-0,.search-box .searchform #search{ 143 144 .search-box input#woocommerce-product-search-field-0, 145 .search-box .searchform #search { 122 146 width: calc(100% - 50px); 123 147 margin: 0; … … 127 151 outline: var(--secondary-theme-color); 128 152 } 153 129 154 .search-box input#woocommerce-product-search-field-0::placeholder, 130 .search-box .searchform #search::placeholder {155 .search-box .searchform #search::placeholder { 131 156 color: #000 !important; 132 157 } 133 .search-box form.woocommerce-product-search ,.search-box .searchform{ 158 159 .search-box form.woocommerce-product-search, 160 .search-box .searchform { 134 161 border-radius: 6px !important; 135 162 padding: 0 6px; 136 163 background-color: #F2F1F1; 137 164 } 165 138 166 /* Gtranslate */ 139 167 header .gt-current-lang img { 140 168 display: none !important; 141 169 } 170 142 171 header .translate-lang select.gt_selector.notranslate { 143 172 background: transparent; … … 147 176 width: 100px; 148 177 } 178 149 179 header .translate-lang select.gt_selector.notranslate option { 150 180 color: #000; 151 181 } 182 152 183 header .translate-lang .gt_float_switcher .gt-selected, 153 184 header .translate-lang .gt_float_switcher { … … 155 186 box-shadow: none; 156 187 } 188 157 189 header .translate-lang .gt_float_switcher .gt_options { 158 190 position: absolute; … … 161 193 max-width: 100% !important; 162 194 } 195 163 196 header .translate-lang .gt-current-lang span { 164 197 color: #000 !important; 165 198 } 199 166 200 header .gt_float_switcher .gt-selected .gt-current-lang { 167 201 font-size: 16px; … … 171 205 padding: 10px 15px 5px 15px !important; 172 206 } 207 173 208 header .currency-box select { 174 209 color: #000 !important; … … 178 213 width: 100%; 179 214 } 215 180 216 .call-icon i { 181 217 padding: 10px 6px; … … 183 219 border-radius: 3px; 184 220 color: var(--primary-theme-color); 185 background-color: rgb(61 ,179 ,255, 0.2); 186 } 221 background-color: rgb(61, 179, 255, 0.2); 222 } 223 187 224 .call-icon a { 188 225 color: #000; 189 226 } 227 190 228 .doc-btn { 191 width: 40px;229 width: 40px; 192 230 height: 40px; 193 231 background-color: #F2F1F1; … … 197 235 border-radius: 5px; 198 236 } 199 .doc-btn a i , 200 .wishlist-icon a i{ 237 238 .doc-btn a i, 239 .wishlist-icon a i { 201 240 font-size: 19px; 202 241 } 203 .wishlist-icon{ 204 width:40px; 242 243 .wishlist-icon { 244 width: 40px; 205 245 height: 40px; 206 246 background-color: #F2F1F1; … … 210 250 border-radius: 5px; 211 251 } 212 .call-icon h6{ 252 253 .call-icon h6 { 213 254 color: var(--primary-theme-color); 214 255 font-size: 18px; 215 256 text-transform: capitalize; 216 257 } 217 .account-login{ 258 259 .account-login { 218 260 padding: 5px 7px; 219 261 background-color: var(--secondary-theme-color); … … 221 263 border-radius: 5px; 222 264 } 223 .account-login:hover{ 265 266 .account-login:hover { 224 267 background-color: var(--primary-theme-color); 225 268 } 226 .account-login span , .account-login i{ 227 color: #fff; 228 } 229 .cart-icon a{ 269 270 .account-login span, 271 .account-login i { 272 color: #fff; 273 } 274 275 .cart-icon a { 230 276 background-color: var(--primary-theme-color); 231 277 color: #fff; … … 234 280 font-size: 18px; 235 281 } 236 .cart-icon a i{ 237 color: #fff; 238 } 239 .cart-text{ 282 283 .cart-icon a i { 284 color: #fff; 285 } 286 287 .cart-text { 240 288 color: #000; 241 289 font-weight: 700; … … 244 292 letter-spacing: 0%; 245 293 } 246 .cart-count a{ 294 295 .cart-count a { 247 296 font-size: 15px; 248 297 } 249 .call-icon p{ 298 299 .call-icon p { 250 300 word-wrap: break-word; 251 301 } 252 .home #site-navigation{ 302 303 .home #site-navigation { 253 304 position: relative; 254 305 box-shadow: 3px 1px 1px #00000017; 255 306 z-index: 1; 256 307 } 257 /* =============================================== 308 309 /* =============================================== 258 310 FOOTER SOCIAL ICONS 259 311 ============================================= */ 260 .footer-links{ 261 text-align: left; 262 padding: 6px 0px; 263 } 264 .footer-links i{ 265 color: #000; 266 background: #fff; 267 padding: 7px; 268 border-radius: 3px; 269 } 270 .footer-links i:hover{ 271 color: var(--primary-theme-color); 272 } 312 .footer-links { 313 text-align: left; 314 padding: 6px 0px; 315 } 316 317 .footer-links i { 318 color: #000; 319 background: #fff; 320 padding: 7px; 321 border-radius: 3px; 322 } 323 324 .footer-links i:hover { 325 color: var(--primary-theme-color); 326 } 327 273 328 /* =============================================== 274 329 HEADER IMAGE 275 330 ============================================= */ 276 331 277 .header-image-box{ 278 position: relative; 279 height: 400px; 280 display: flex; 281 align-items: center; 282 background-position: center; 283 width: 100%; 284 } 285 .header-image-box:before { 286 position: absolute; 287 content: ""; 288 top: 0; 289 right: 0; 290 left: 0; 291 bottom: 0; 292 background: #02020282; 293 z-index: 1; 294 } 295 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{ 296 position: relative; 297 z-index: 1; 298 color: #fff; 299 } 300 .header-image-box h1{ 301 font-size: 65px; 302 } 303 .header-image-box h1 , .post-title a{ 304 word-wrap: break-word; 305 } 332 .header-image-box { 333 position: relative; 334 height: 400px; 335 display: flex; 336 align-items: center; 337 background-position: center; 338 width: 100%; 339 } 340 341 .header-image-box:before { 342 position: absolute; 343 content: ""; 344 top: 0; 345 right: 0; 346 left: 0; 347 bottom: 0; 348 background: #02020282; 349 z-index: 1; 350 } 351 352 .header-image-box h1, 353 .headerimgbox-meta span, 354 .crumb-box a, 355 .crumb-box, 356 .header-image-box p { 357 position: relative; 358 z-index: 1; 359 color: #fff; 360 } 361 362 .header-image-box h1 { 363 font-size: 65px; 364 } 365 366 .header-image-box h1, 367 .post-title a { 368 word-wrap: break-word; 369 } 370 306 371 /* =============================================== 307 372 LOGO BOX 308 373 ============================================= */ 309 374 310 .logo a { 311 color: var(--primary-theme-color); 312 font-size: 25px; 313 line-height: 30px; 314 text-decoration: none; 315 -webkit-transition: color .1s linear; 316 -moz-transition: color .1s linear; 317 -o-transition: color .1s linear; 318 transition: color .1s linear; 319 font-weight: bold; 320 word-break: break-all; 321 } 322 .logo span { 323 display: block; 324 font-size: 16px; 325 line-height: 18px; 326 color: var(--primary-theme-color); 327 word-break: break-all; 328 } 375 .logo a { 376 color: var(--primary-theme-color); 377 font-size: 25px; 378 line-height: 30px; 379 text-decoration: none; 380 -webkit-transition: color .1s linear; 381 -moz-transition: color .1s linear; 382 -o-transition: color .1s linear; 383 transition: color .1s linear; 384 font-weight: bold; 385 word-break: break-all; 386 } 387 388 .logo span { 389 display: block; 390 font-size: 16px; 391 line-height: 18px; 392 color: var(--primary-theme-color); 393 word-break: break-all; 394 } 329 395 330 396 /* =============================================== 331 397 MENU BOX 332 398 ============================================= */ 333 #main-menu { 334 display:block; 335 position:relative; 336 } 337 #main-menu ul { 338 margin:0; 339 padding: 0; 340 display:block; 341 } 342 #main-menu ul li { 343 position:relative; 344 display:block; 345 float:left; 346 text-align:left; 347 } 348 #main-menu ul li a { 349 display: block; 350 z-index: 1; 351 font-size: 16px; 352 color: var(--secondary-theme-color); 353 line-height: 1.5; 354 font-weight: 500; 355 text-transform: capitalize; 356 letter-spacing: 1px; 357 margin: 3px 10px; 358 padding: 5px 10px; 359 border-radius: 8px; 360 } 361 #main-menu ul li a:hover ,#main-menu ul li.current_page_item a { 362 color: #fff !important; 363 background: var(--primary-theme-color); 364 } 365 #main-menu .sub-menu li a:hover::after{ 366 display: none; 367 } 368 #main-menu a:hover, 369 #main-menu ul li a:hover, 370 #main-menu li:hover > a, 371 #main-menu a:focus, 372 #main-menu ul li a:focus, 373 #main-menu li.focus > a, 374 #main-menu li:focus > a, 375 #main-menu ul li.current-menu-item > a, 376 #main-menu ul li.current_page_item > a, 377 #main-menu ul li.current-menu-parent > a, 378 #main-menu ul li.current_page_ancestor > a, 379 #main-menu ul li.current-menu-ancestor > a { 380 color: #000; 381 } 382 #main-menu ul.children , 383 #main-menu ul.sub-menu { 384 opacity:0; 385 position: absolute; 386 top: 40px; 387 left: -9999em; 388 background:#f5f9ff; 389 z-index:10001; 390 width:190px; 391 padding-left:0; 392 -webkit-transition: opacity 0.3s ease 0s; 393 -moz-transition: opacity 0.3s ease 0s; 394 -o-transition: opacity 0.3s ease 0s; 395 transition: opacity 0.3s ease 0s; 396 } 397 #main-menu ul.children li , 398 #main-menu ul.sub-menu li { 399 position:relative; 400 margin:0; 401 line-height:1.2em; 402 text-transform:none; 403 width:190px; 404 min-height: inherit; 405 margin:0; 406 } 407 #main-menu li li:hover > ul, 408 #main-menu li li:focus > ul, 409 #main-menu li li.focus > ul { 410 top:0px; 411 left: 100%; 412 } 413 #main-menu ul.children li a , 414 #main-menu ul.sub-menu li a { 415 text-decoration:none; 416 text-align:left; 417 display:block; 418 padding:10px 15px; 419 margin:0; 420 border:none; 421 line-height:inherit; 422 color: #121212; 423 } 424 #main-menu ul.children li a:hover, 425 #main-menu ul.sub-menu li a:hover{ 426 background: var(--primary-theme-color); 427 color: #fff; 428 border-radius: 0; 429 } 430 #main-menu ul.children li ul:before, 431 #main-menu ul.sub-menu li ul:before, 432 .menu-toggle, 433 .dropdown-toggle, 434 button.close-menu { 435 display:none; 436 } 437 #main-menu li:hover > ul, 438 #main-menu li:focus > ul, 439 #main-menu li.focus > ul { 440 opacity:1; 441 left: 0; 442 } 399 #main-menu { 400 display: block; 401 position: relative; 402 } 403 404 #main-menu ul { 405 margin: 0; 406 padding: 0; 407 display: block; 408 } 409 410 #main-menu ul li { 411 position: relative; 412 display: block; 413 float: left; 414 text-align: left; 415 } 416 417 #main-menu ul li a { 418 display: block; 419 z-index: 1; 420 font-size: 16px; 421 color: var(--secondary-theme-color); 422 line-height: 1.5; 423 font-weight: 500; 424 text-transform: capitalize; 425 letter-spacing: 1px; 426 margin: 3px 10px; 427 padding: 5px 10px; 428 border-radius: 8px; 429 } 430 431 #main-menu ul li a:hover, 432 #main-menu ul li.current_page_item a { 433 color: #fff !important; 434 background: var(--primary-theme-color); 435 } 436 437 #main-menu .sub-menu li a:hover::after { 438 display: none; 439 } 440 441 #main-menu a:hover, 442 #main-menu ul li a:hover, 443 #main-menu li:hover>a, 444 #main-menu a:focus, 445 #main-menu ul li a:focus, 446 #main-menu li.focus>a, 447 #main-menu li:focus>a, 448 #main-menu ul li.current-menu-item>a, 449 #main-menu ul li.current_page_item>a, 450 #main-menu ul li.current-menu-parent>a, 451 #main-menu ul li.current_page_ancestor>a, 452 #main-menu ul li.current-menu-ancestor>a { 453 color: #000; 454 } 455 456 #main-menu ul.children, 457 #main-menu ul.sub-menu { 458 opacity: 0; 459 position: absolute; 460 top: 40px; 461 left: -9999em; 462 background: #f5f9ff; 463 z-index: 10001; 464 width: 190px; 465 padding-left: 0; 466 -webkit-transition: opacity 0.3s ease 0s; 467 -moz-transition: opacity 0.3s ease 0s; 468 -o-transition: opacity 0.3s ease 0s; 469 transition: opacity 0.3s ease 0s; 470 } 471 472 #main-menu ul.children li, 473 #main-menu ul.sub-menu li { 474 position: relative; 475 margin: 0; 476 line-height: 1.2em; 477 text-transform: none; 478 width: 190px; 479 min-height: inherit; 480 margin: 0; 481 } 482 483 #main-menu li li:hover>ul, 484 #main-menu li li:focus>ul, 485 #main-menu li li.focus>ul { 486 top: 0px; 487 left: 100%; 488 } 489 490 #main-menu ul.children li a, 491 #main-menu ul.sub-menu li a { 492 text-decoration: none; 493 text-align: left; 494 display: block; 495 padding: 10px 15px; 496 margin: 0; 497 border: none; 498 line-height: inherit; 499 color: #121212; 500 } 501 502 #main-menu ul.children li a:hover, 503 #main-menu ul.sub-menu li a:hover { 504 background: var(--primary-theme-color); 505 color: #fff; 506 border-radius: 0; 507 } 508 509 #main-menu ul.children li ul:before, 510 #main-menu ul.sub-menu li ul:before, 511 .menu-toggle, 512 .dropdown-toggle, 513 button.close-menu { 514 display: none; 515 } 516 517 #main-menu li:hover>ul, 518 #main-menu li:focus>ul, 519 #main-menu li.focus>ul { 520 opacity: 1; 521 left: 0; 522 } 523 443 524 /* =============================================== 444 525 menu dropdown css 445 526 ============================================= */ 446 #main-menu ul li.menu-item-has-children:after {527 #main-menu ul li.menu-item-has-children:after { 447 528 content: "\f078"; 448 529 font-family: 'Font Awesome 6 Free'; … … 453 534 display: inline-block; 454 535 padding: 0px; 455 transform: translate(-50% , -50%);536 transform: translate(-50%, -50%); 456 537 color: #000; 457 538 } 458 #main-menu ul.sub-menu li.menu-item-has-children:after{ 539 540 #main-menu ul.sub-menu li.menu-item-has-children:after { 459 541 color: #000; 460 542 } 461 #main-menu ul li.menu-item-has-children{ 543 544 #main-menu ul li.menu-item-has-children { 462 545 padding-right: 10px; 463 546 margin-right: 10px; 464 547 } 548 465 549 #main-menu ul.sub-menu li.menu-item-has-children:after { 466 550 right: 30px; 467 551 } 468 img.custom-logo{ 552 553 img.custom-logo { 469 554 max-width: 100%; 470 555 } 556 471 557 /* =============================================== 472 558 POST BOX 473 559 ============================================= */ 474 560 475 .sticky .post-content-box{ 476 background: #f2f8ff; 477 } 478 .post-box { 479 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 480 border-radius: 10px; 481 text-align: center; 482 } 483 h3.post-title { 484 font-size: 25px; 485 } 486 .post-content p{ 487 color: #5b5b5b; 488 } 489 .post-meta,.crumb-box a:hover{ 490 color: var(--primary-theme-color); 491 } 492 pre { 493 display: block; 494 padding: 9.5px; 495 margin: 0 0 10px; 496 font-size: 13px; 497 line-height: 1.42857143; 498 color: #121212; 499 white-space: break-spaces; 500 background-color: #f5f5f5; 501 border: 1px solid #ccc; 502 border-radius: 4px; 503 } 504 .post-content img, 505 .post-thumbnail img, 506 .post-content iframe, 507 .post-content object, 508 .post-content embed { 509 max-width: 100%; 510 } 511 .post-content img, 512 .post-thumbnail img { 513 max-height:100%; 514 height:auto; 515 } 516 .post-content:after { 517 content: ""; 518 display: table; 519 clear: both; 520 } 521 .post-content { 522 word-wrap: break-word; 523 } 524 #content,footer { 525 float: left; 526 width: 100%; 527 } 528 .box { 529 background-color: rgb(171 171 171 / 70%); 530 text-align: center; 531 overflow: hidden; 532 position: relative; 533 } 534 .post-box:hover:before{ 535 opacity: 1; 536 transform: translateX(0); 537 } 538 .box img{ 539 width: 100%; 540 height: auto; 541 transform: translateX(-20px) scale(1.15); 542 transition: all 0.5s ease; 543 } 544 .post-box:hover img{ 545 opacity: 0.2; 546 transform: translateX(20px) scale(1.15); 547 } 548 .box .box-content{ 549 opacity: 0; 550 transform: scale(0); 551 position: absolute; 552 top: 50%; 553 transform: translateY(-50%); 554 left: 0; 555 right: 0; 556 text-align: center; 557 z-index: 1; 558 transition: all 0.5s ease; 559 } 560 .post-box:hover .box-content{ 561 opacity: 1; 562 transform: scale(1); 563 } 564 p.slider-button a { 565 background: var(--primary-theme-color); 566 color: #fff; 567 padding: 15px 20px; 568 font-size: 15px; 569 font-weight: bold; 570 } 571 p.slider-button a:hover { 572 background: #121212; 573 } 574 .post-info span, 575 .post-info a { 576 color: #000; 577 font-size: 16px; 578 padding: 2px; 579 display: inline-block; 580 } 581 .post-info a:hover, 582 .entry-date:hover a, 583 .entry-date:hover i, 584 .entry-author:hover a, 585 .entry-author:hover i 586 { 587 color: var(--primary-theme-color); 588 } 589 .post-info i { 590 color: var(--primary-theme-color); 591 font-size: 12px; 592 } 561 .sticky .post-content-box { 562 background: #f2f8ff; 563 } 564 565 .post-box { 566 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 567 border-radius: 10px; 568 text-align: center; 569 } 570 571 h3.post-title { 572 font-size: 25px; 573 } 574 575 .post-content p { 576 color: #5b5b5b; 577 } 578 579 .post-meta, 580 .crumb-box a:hover { 581 color: var(--primary-theme-color); 582 } 583 584 pre { 585 display: block; 586 padding: 9.5px; 587 margin: 0 0 10px; 588 font-size: 13px; 589 line-height: 1.42857143; 590 color: #121212; 591 white-space: break-spaces; 592 background-color: #f5f5f5; 593 border: 1px solid #ccc; 594 border-radius: 4px; 595 } 596 597 .post-content img, 598 .post-thumbnail img, 599 .post-content iframe, 600 .post-content object, 601 .post-content embed { 602 max-width: 100%; 603 } 604 605 .post-content img, 606 .post-thumbnail img { 607 max-height: 100%; 608 height: auto; 609 } 610 611 .post-content:after { 612 content: ""; 613 display: table; 614 clear: both; 615 } 616 617 .post-content { 618 word-wrap: break-word; 619 } 620 621 #content, 622 footer { 623 float: left; 624 width: 100%; 625 } 626 627 .box { 628 background-color: rgb(171 171 171 / 70%); 629 text-align: center; 630 overflow: hidden; 631 position: relative; 632 } 633 634 .post-box:hover:before { 635 opacity: 1; 636 transform: translateX(0); 637 } 638 639 .box img { 640 width: 100%; 641 height: auto; 642 transform: translateX(-20px) scale(1.15); 643 transition: all 0.5s ease; 644 } 645 646 .post-box:hover img { 647 opacity: 0.2; 648 transform: translateX(20px) scale(1.15); 649 } 650 651 .box .box-content { 652 opacity: 0; 653 transform: scale(0); 654 position: absolute; 655 top: 50%; 656 transform: translateY(-50%); 657 left: 0; 658 right: 0; 659 text-align: center; 660 z-index: 1; 661 transition: all 0.5s ease; 662 } 663 664 .post-box:hover .box-content { 665 opacity: 1; 666 transform: scale(1); 667 } 668 669 p.slider-button a { 670 background: var(--primary-theme-color); 671 color: #fff; 672 padding: 15px 20px; 673 font-size: 15px; 674 font-weight: bold; 675 } 676 677 p.slider-button a:hover { 678 background: #121212; 679 } 680 681 .post-info span, 682 .post-info a { 683 color: #000; 684 font-size: 16px; 685 padding: 2px; 686 display: inline-block; 687 } 688 689 .post-info a:hover, 690 .entry-date:hover a, 691 .entry-date:hover i, 692 .entry-author:hover a, 693 .entry-author:hover i { 694 color: var(--primary-theme-color); 695 } 696 697 .post-info i { 698 color: var(--primary-theme-color); 699 font-size: 12px; 700 } 701 593 702 /* =============================================== 594 703 Pagination … … 597 706 .pagination, 598 707 .medical-store-pagination { 599 margin:25px 0; 600 } 708 margin: 25px 0; 709 } 710 601 711 .pagination .nav-links a, 602 712 .pagination .nav-links span.current, 603 713 .medical-store-pagination a span, 604 714 .medical-store-pagination span.current { 605 display:inline-block; 606 text-decoration: none; 607 padding:10px 12px; 608 font-size:14px; 609 font-weight: bold; 610 color:#333; 611 text-align:center; 612 cursor:pointer; 613 background:#f3f4f7; 614 } 715 display: inline-block; 716 text-decoration: none; 717 padding: 10px 12px; 718 font-size: 14px; 719 font-weight: bold; 720 color: #333; 721 text-align: center; 722 cursor: pointer; 723 background: #f3f4f7; 724 } 725 615 726 .pagination .nav-links a:hover, 616 727 .pagination .nav-links a:focus, … … 621 732 .medical-store-pagination a span:hover, 622 733 .medical-store-pagination a span:focus { 623 background: var(--primary-theme-color);624 color: #fff;734 background: var(--primary-theme-color); 735 color: #fff; 625 736 } 626 737 … … 628 739 ## Comments 629 740 --------------------------------------------------------------*/ 630 .comment-reply a:focus{ 631 color: #fff; 632 } 741 .comment-reply a:focus { 742 color: #fff; 743 } 744 633 745 .comment-respond input#submit:hover, 634 .comment-reply a:hover{ 635 background: #121212; 636 } 637 .comment-form-url input,nav.navigation.pagination{ 746 .comment-reply a:hover { 747 background: #121212; 748 } 749 750 .comment-form-url input, 751 nav.navigation.pagination { 638 752 width: 100%; 639 753 } 754 640 755 .comment-respond input#submit { 641 756 background: var(--primary-theme-color); … … 645 760 font-weight: 600; 646 761 } 762 647 763 .comment-content a { 648 764 word-wrap: break-word; 649 765 } 766 650 767 .bypostauthor { 651 768 display: block; 652 769 } 770 653 771 .comments-title { 654 772 font-size: 1.125rem; 655 773 } 774 656 775 .comment-body .pull-left { 657 776 padding-right: 0.625rem; 658 777 } 778 659 779 .comment-list { 660 780 padding-left: 0; 661 781 border-bottom: 1px solid #00000047; 662 782 } 783 663 784 .comment-list .comment { 664 785 display: block; 665 786 } 787 666 788 .comment-list .pingback { 667 789 border-top: 1px solid rgba(0, 0, 0, 0.125); 668 790 padding: 0.563rem 0; 669 791 } 792 670 793 .comment-list .pingback a { 671 794 margin-left: 5px; 672 795 margin-right: 5px; 673 796 } 797 674 798 .comment-content.card-block { 675 799 padding: 15px; 676 800 } 801 677 802 .comment-reply a { 678 803 padding: 10px; … … 680 805 background: var(--primary-theme-color); 681 806 } 682 #comments footer.comment-reply.card-footer{ 807 808 #comments footer.comment-reply.card-footer { 683 809 border-top: none !important; 684 810 background-color: #fff !important; 685 811 margin-bottom: 10px; 686 812 } 687 #comments .comment-body img{ 813 814 #comments .comment-body img { 688 815 margin-bottom: 10px; 689 816 } 690 .comment-form-cookies-consent label{ 817 818 .comment-form-cookies-consent label { 691 819 display: inline; 692 820 } 821 693 822 /* =============================================== 694 823 SIDEBARS … … 699 828 padding: 0 0 0 20px; 700 829 } 830 701 831 .sidebar-area .textwidget img, 702 .footer-area .textwidget img {832 .footer-area .textwidget img { 703 833 width: 100%; 704 834 height: auto; 705 835 } 836 706 837 .sidebar-area .sidebar-widget { 707 margin-bottom: 25px; 708 } 838 margin-bottom: 25px; 839 } 840 709 841 .sidebar-area a, 710 842 .sidebar-area p, … … 716 848 .sidebar-area th, 717 849 .sidebar-area .textwidget { 718 line-height:1.9em; 719 font-weight: normal; 720 } 721 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud { 850 line-height: 1.9em; 851 font-weight: normal; 852 } 853 854 .sidebar-area ul, 855 #calendar_wrap, 856 .sidebar-area .textwidget, 857 .tagcloud { 722 858 list-style: none; 723 859 margin: 0; 724 860 } 861 725 862 .sidebar-area ul { 726 863 padding: 15px 30px 25px; … … 728 865 border: solid 1px #e4e7ee; 729 866 } 730 .wp-calendar 731 . sidebar-area li a,867 868 .wp-calendar .sidebar-area li a, 732 869 .sidebar-area li { 733 870 font-size: 15px; 734 871 color: #5b5b5b; 735 872 } 736 .sidebar-area li a:hover, .sidebar-area li:hover{ 873 874 .sidebar-area li a:hover, 875 .sidebar-area li:hover { 737 876 color: var(--primary-theme-color); 738 877 } 878 739 879 .sidebar-area li { 740 880 padding: 14px 10px; 741 881 border-bottom: solid 1px #e4e7ee; 742 882 } 883 743 884 .sidebar-area h4.title { 744 position: relative;885 position: relative; 745 886 font-size: 25px; 746 887 margin-left: 60px; 747 888 margin-bottom: 20px; 748 889 } 890 749 891 .sidebar-area h4.title:before { 750 position: absolute;892 position: absolute; 751 893 content: ""; 752 894 width: 50px; … … 758 900 margin: auto; 759 901 } 902 760 903 .sidebar-area h4.title:after { 761 904 position: absolute; … … 770 913 margin: auto; 771 914 } 915 772 916 .sidebar-area .tagcloud a, 773 917 .footer-area .tagcloud a { … … 780 924 border: solid 1px #e4e7ee; 781 925 } 782 .footer-area .tagcloud a{ 783 border: solid 1px #fff; 784 color: #fff; 785 } 926 927 .footer-area .tagcloud a { 928 border: solid 1px #fff; 929 color: #fff; 930 } 931 786 932 .sidebar-area .tagcloud a:before, 787 .footer-area .tagcloud a:before {933 .footer-area .tagcloud a:before { 788 934 content: "#"; 789 935 } 936 790 937 .sidebar-area .tagcloud a:hover, 791 .footer-area .tagcloud a:hover{ 792 background: var(--primary-theme-color); 793 color: #fff; 794 } 938 .footer-area .tagcloud a:hover { 939 background: var(--primary-theme-color); 940 color: #fff; 941 } 942 795 943 .sidebar-area .wp-block-group__inner-container h2 { 796 944 color: #000000 !important; 797 945 font-size: 20px; 798 946 } 947 799 948 .sidebar-area select, 800 949 .footer-area select, 801 .sidebar-area textarea, #comments textarea, 950 .sidebar-area textarea, 951 #comments textarea, 802 952 .sidebar-area input[type="text"], 803 #comments input[type="text"],804 #comments input[type="search"],805 .sidebar-area input[type="search"],953 #comments input[type="text"], 954 #comments input[type="search"], 955 .sidebar-area input[type="search"], 806 956 .sidebar-area input[type="password"], 807 957 .sidebar-area input[type="datetime"], … … 819 969 .sidebar-area .uneditable-input, 820 970 #comments input[type="email"], 821 #comments input[type="url"]{ 822 -webkit-border-radius: 0; 823 -moz-border-radius: 0; 824 border-radius: 0; 825 width:100%; 826 padding: 5px 2%; 827 border: solid 1px #e4e7ee; 828 } 829 .sidebar-area ol.wp-block-latest-comments{ 971 #comments input[type="url"] { 972 -webkit-border-radius: 0; 973 -moz-border-radius: 0; 974 border-radius: 0; 975 width: 100%; 976 padding: 5px 2%; 977 border: solid 1px #e4e7ee; 978 } 979 980 .sidebar-area ol.wp-block-latest-comments { 830 981 padding-left: 0px; 831 982 } 983 832 984 #wp-calendar th, 833 #wp-calendar 834 #today, 835 #wp-calendar 836 #today a { 837 background:#f3f4f7; 838 color:#434343 !important; 839 } 985 #wp-calendar #today, 986 #wp-calendar #today a { 987 background: #f3f4f7; 988 color: #434343 !important; 989 } 990 840 991 #wp-calendar a:hover { 841 border:none; 842 } 992 border: none; 993 } 994 843 995 #wp-calendar { 844 background: #fff; 845 width:100%; 846 } 996 background: #fff; 997 width: 100%; 998 } 999 847 1000 #wp-calendar caption { 848 font-size: 14px;849 text-transform:uppercase;850 margin:0 0 10px 0;851 text-align:left;1001 font-size: 14px; 1002 text-transform: uppercase; 1003 margin: 0 0 10px 0; 1004 text-align: left; 852 1005 color: #fff; 853 1006 font-weight: 500; 854 1007 } 1008 855 1009 #wp-calendar th, 856 1010 #wp-calendar td { 857 text-align: center; 858 font-size: 14px; 859 color:#434343 !important; 860 padding:3px 6px; 861 } 1011 text-align: center; 1012 font-size: 14px; 1013 color: #434343 !important; 1014 padding: 3px 6px; 1015 } 1016 862 1017 #wp-calendar td a { 863 display:block; 864 text-align: center; 865 font-size: 14px; 866 color:#434343 !important; 867 text-decoration:underline 868 } 1018 display: block; 1019 text-align: center; 1020 font-size: 14px; 1021 color: #434343 !important; 1022 text-decoration: underline 1023 } 1024 869 1025 #wp-calendar td#prev a, 870 #wp-calendar td#prev a{ 871 text-decoration:none; 872 text-align:left; 873 } 874 #wp-calendar th{ 875 font-weight:bold 876 } 1026 #wp-calendar td#prev a { 1027 text-decoration: none; 1028 text-align: left; 1029 } 1030 1031 #wp-calendar th { 1032 font-weight: bold 1033 } 1034 877 1035 tr:nth-child(2n+2) { 878 background-color: #f3f4f7; 879 } 1036 background-color: #f3f4f7; 1037 } 1038 880 1039 .searchform label { 881 display: block; 882 } 1040 display: block; 1041 } 1042 883 1043 .searchform input[type=text], 884 1044 .searchform input[type=search] { … … 891 1051 border-radius: 30px; 892 1052 } 1053 893 1054 #searchform { 894 1055 border: solid 1px #e4e7ee; 895 1056 border-radius: 30px; 896 1057 } 1058 897 1059 .searchform input[type=submit] { 898 1060 background: var(--primary-theme-color); … … 910 1072 margin: 4px auto; 911 1073 cursor: pointer; 912 -webkit-transition: color .3s ease, background-color .3s ease; 913 -moz-transition: color .3s ease, background-color .3s ease; 914 -o-transition: color .3s ease, background-color .3s ease; 915 transition: color .3s ease, background-color .3s ease; 916 } 917 .searchform input[type=submit]:hover , 1074 -webkit-transition: color .3s ease, background-color .3s ease; 1075 -moz-transition: color .3s ease, background-color .3s ease; 1076 -o-transition: color .3s ease, background-color .3s ease; 1077 transition: color .3s ease, background-color .3s ease; 1078 } 1079 1080 .searchform input[type=submit]:hover, 918 1081 .searchform input[type=submit]:focus { 919 background: var(--primary-theme-color); 920 text-decoration:none 921 } 1082 background: var(--primary-theme-color); 1083 text-decoration: none 1084 } 1085 922 1086 .searchform:after { 923 1087 content: ""; … … 925 1089 clear: both; 926 1090 } 1091 927 1092 .footer-widget { 928 background: #171414; 929 } 930 .footer-copyright{ 931 background: var(--primary-theme-color); 932 } 1093 background: #171414; 1094 } 1095 1096 .footer-copyright { 1097 background: var(--primary-theme-color); 1098 } 1099 933 1100 footer a, 934 1101 footer p, … … 940 1107 footer .sidebar-area th, 941 1108 footer .sidebar-area .title, 942 footer .sidebar-area .textwidget,.footer-area li, 1109 footer .sidebar-area .textwidget, 1110 .footer-area li, 943 1111 .footer-area input[type=text], 944 1112 .footer-area input[type=search], 945 .wp-block-group__inner-container h2 { 946 color: #fff; 947 } 1113 .wp-block-group__inner-container h2 { 1114 color: #fff; 1115 } 1116 948 1117 .footer-area ul { 949 1118 padding: 0; 950 1119 list-style: none; 951 1120 } 1121 952 1122 .footer-area h4.title { 953 font-size: 30px;1123 font-size: 30px; 954 1124 color: #fff; 955 1125 margin-top: 30px; 956 1126 word-wrap: break-word; 957 1127 } 1128 958 1129 .footer-area li { 959 padding: 8px 0; 960 } 1130 padding: 8px 0; 1131 } 1132 961 1133 .footer-area input[type="search"] { 962 1134 width: 100%; … … 964 1136 padding: 13px; 965 1137 } 966 .footer-area #searchform input[type="search"]{ 1138 1139 .footer-area #searchform input[type="search"] { 967 1140 width: calc(100% - 88px); 968 1141 } 969 .footer-area form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button { 1142 1143 .footer-area form.woocommerce-product-search button, 1144 #sidebar form.woocommerce-product-search button { 970 1145 background: var(--primary-theme-color); 971 1146 border-radius: 0px; … … 987 1162 img.aligncenter, 988 1163 .attachment img { 989 max-width:100%; 990 height:auto; 991 } 1164 max-width: 100%; 1165 height: auto; 1166 } 1167 992 1168 .alignleft, 993 1169 img.alignleft { 994 display:inline; 995 float:left; 996 margin-right:24px; 997 margin-top:4px; 998 } 1170 display: inline; 1171 float: left; 1172 margin-right: 24px; 1173 margin-top: 4px; 1174 } 1175 999 1176 .alignright, 1000 1177 img.alignright { 1001 display:inline; 1002 float:right; 1003 margin-left:24px; 1004 margin-top:4px; 1005 } 1178 display: inline; 1179 float: right; 1180 margin-left: 24px; 1181 margin-top: 4px; 1182 } 1183 1006 1184 div.aligncenter, 1007 1185 img.aligncenter { 1008 display: block; 1009 margin-left: auto !important; 1010 margin-right: auto !important; 1011 float:none; 1012 } 1186 display: block; 1187 margin-left: auto !important; 1188 margin-right: auto !important; 1189 float: none; 1190 } 1191 1013 1192 img.alignleft, 1014 1193 img.alignright, 1015 1194 img.aligncenter { 1016 margin-bottom:12px; 1017 } 1195 margin-bottom: 12px; 1196 } 1197 1018 1198 .wp-caption { 1019 line-height:18px; 1020 margin-bottom:25px; 1021 max-width:100% !important; 1022 padding:4px; 1023 text-align:center; 1024 } 1199 line-height: 18px; 1200 margin-bottom: 25px; 1201 max-width: 100% !important; 1202 padding: 4px; 1203 text-align: center; 1204 } 1205 1025 1206 .wp-caption img { 1026 margin:5px 5px 0; 1027 width:96%; 1028 height:100% 1029 } 1207 margin: 5px 5px 0; 1208 width: 96%; 1209 height: 100% 1210 } 1211 1030 1212 .wp-caption p.wp-caption-text { 1031 color:#888; 1032 font-size:12px; 1033 margin:5px; 1034 } 1035 .wp-block-latest-comments__comment-meta a{ 1213 color: #888; 1214 font-size: 12px; 1215 margin: 5px; 1216 } 1217 1218 .wp-block-latest-comments__comment-meta a { 1036 1219 color: #000; 1037 1220 } 1038 .sidebar-widget .widget_text a ,.sidebar-widget .wp-block-heading a{ 1221 1222 .sidebar-widget .widget_text a, 1223 .sidebar-widget .wp-block-heading a { 1039 1224 text-decoration: underline !important; 1040 1225 } 1226 1041 1227 .footer-area .wp-block-heading a, 1042 .footer-area .widget_text a {1228 .footer-area .widget_text a { 1043 1229 text-decoration: underline !important; 1044 1230 } 1231 1045 1232 /* =============================================== 1046 1233 BLOCK CSS 1047 1234 =============================================== */ 1048 1235 1049 .sidebar-area .widget_search .wp-block-search__inside-wrapper { 1050 border: solid 1px #e4e7ee; 1051 border-radius: 30px; 1052 } 1053 .sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{ 1054 width: calc(100% - 110px); 1055 margin: 0; 1056 padding: 12px; 1057 float: left; 1058 background-color: transparent; 1059 border: none; 1060 border-radius: 30px; 1061 } 1062 .sidebar-area .widget_search button.wp-block-search__button.wp-element-button{ 1063 background: var(--primary-theme-color); 1064 border: none; 1065 color: #fff; 1066 font-size: 14px; 1067 font-weight: 600; 1068 text-align: center; 1069 position: relative; 1070 float: left; 1071 border-radius: 30px; 1072 text-shadow: none; 1073 padding: 10px 0; 1074 width: 105px; 1075 margin: 4px auto; 1076 cursor: pointer; 1077 -webkit-transition: color .3s ease, background-color .3s ease; 1078 -moz-transition: color .3s ease, background-color .3s ease; 1079 -o-transition: color .3s ease, background-color .3s ease; 1080 transition: color .3s ease, background-color .3s ease; 1081 } 1082 .sidebar-area .widget_search button.wp-block-search__button:hover, 1083 .sidebar-area .widget_search button.wp-block-search__button:focus{ 1084 background: var(--primary-theme-color); 1085 text-decoration:none; 1086 } 1087 .sidebar-area .widget_search .wp-block-search__inside-wrapper { 1088 content: ""; 1089 display: table; 1090 clear: both; 1091 } 1092 1093 .sidebar-area .widget_search label , 1094 .sidebar-area .sidebar-widget.widget_block .wp-block-heading{ 1095 position: relative; 1096 font-size: 25px; 1097 margin-left: 60px; 1098 margin-bottom: 20px; 1099 color: #000; 1100 } 1101 .sidebar-area .wp-block-search label{ 1102 display: inline; 1103 } 1104 .sidebar-area .widget_search label:before, 1105 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 1106 position: absolute; 1107 content: ""; 1108 width: 50px; 1109 left: -60px; 1110 height: 2px; 1111 background: var(--primary-theme-color); 1112 top: 0; 1113 bottom: 0; 1114 margin: auto; 1115 } 1116 .sidebar-area .widget_search label:after, 1117 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 1118 position: absolute; 1119 content: ""; 1120 width: 10px; 1121 left: -60px; 1122 height: 10px; 1123 border-radius: 10px; 1124 background: var(--primary-theme-color); 1125 top: 0; 1126 bottom: 0; 1127 margin: auto; 1128 } 1129 .sidebar-area .wp-block-tag-cloud a, 1130 .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{ 1131 font-size: 15px !important; 1132 color: #5b5b5b; 1133 display: inline-block; 1134 margin: 5px 0; 1135 padding: 10px; 1136 border-radius: 5px; 1137 border: solid 1px #e4e7ee; 1138 } 1139 .footer-area .wp-block-tag-cloud a{ 1140 border: solid 1px #fff; 1141 color: #fff; 1142 } 1143 .sidebar-area .wp-block-tag-cloud a:before, 1144 .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before { 1145 content: "#"; 1146 } 1147 .sidebar-area .wp-block-tag-cloud a:hover, 1148 .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{ 1149 background: var(--primary-theme-color); 1150 color: #fff; 1151 } 1152 .sidebar-area ol footer.wp-block-latest-comments__comment-meta{ 1153 float: none !important; 1154 } 1155 .sidebar-area ol.wp-block-latest-comments{ 1156 padding-left: 0px !important; 1157 padding: 15px 30px 25px; 1158 border-radius: 10px; 1159 border: solid 1px #e4e7ee; 1160 } 1161 .footer-area .wp-block-heading { 1162 font-size: 30px; 1163 color: #fff; 1164 margin-top: 30px; 1165 word-wrap: break-word; 1166 } 1167 .footer-area{ 1168 margin-bottom: 10px; 1169 } 1236 .sidebar-area .widget_search .wp-block-search__inside-wrapper { 1237 border: solid 1px #e4e7ee; 1238 border-radius: 30px; 1239 } 1240 1241 .sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 1242 width: calc(100% - 110px); 1243 margin: 0; 1244 padding: 12px; 1245 float: left; 1246 background-color: transparent; 1247 border: none; 1248 border-radius: 30px; 1249 } 1250 1251 .sidebar-area .widget_search button.wp-block-search__button.wp-element-button { 1252 background: var(--primary-theme-color); 1253 border: none; 1254 color: #fff; 1255 font-size: 14px; 1256 font-weight: 600; 1257 text-align: center; 1258 position: relative; 1259 float: left; 1260 border-radius: 30px; 1261 text-shadow: none; 1262 padding: 10px 0; 1263 width: 105px; 1264 margin: 4px auto; 1265 cursor: pointer; 1266 -webkit-transition: color .3s ease, background-color .3s ease; 1267 -moz-transition: color .3s ease, background-color .3s ease; 1268 -o-transition: color .3s ease, background-color .3s ease; 1269 transition: color .3s ease, background-color .3s ease; 1270 } 1271 1272 .sidebar-area .widget_search button.wp-block-search__button:hover, 1273 .sidebar-area .widget_search button.wp-block-search__button:focus { 1274 background: var(--primary-theme-color); 1275 text-decoration: none; 1276 } 1277 1278 .sidebar-area .widget_search .wp-block-search__inside-wrapper { 1279 content: ""; 1280 display: table; 1281 clear: both; 1282 } 1283 1284 .sidebar-area .widget_search label, 1285 .sidebar-area .sidebar-widget.widget_block .wp-block-heading { 1286 position: relative; 1287 font-size: 25px; 1288 margin-left: 60px; 1289 margin-bottom: 20px; 1290 color: #000; 1291 } 1292 1293 .sidebar-area .wp-block-search label { 1294 display: inline; 1295 } 1296 1297 .sidebar-area .widget_search label:before, 1298 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 1299 position: absolute; 1300 content: ""; 1301 width: 50px; 1302 left: -60px; 1303 height: 2px; 1304 background: var(--primary-theme-color); 1305 top: 0; 1306 bottom: 0; 1307 margin: auto; 1308 } 1309 1310 .sidebar-area .widget_search label:after, 1311 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 1312 position: absolute; 1313 content: ""; 1314 width: 10px; 1315 left: -60px; 1316 height: 10px; 1317 border-radius: 10px; 1318 background: var(--primary-theme-color); 1319 top: 0; 1320 bottom: 0; 1321 margin: auto; 1322 } 1323 1324 .sidebar-area .wp-block-tag-cloud a, 1325 .footer-area .wp-block-tag-cloud a, 1326 .tag-cloud-link { 1327 font-size: 15px !important; 1328 color: #5b5b5b; 1329 display: inline-block; 1330 margin: 5px 0; 1331 padding: 10px; 1332 border-radius: 5px; 1333 border: solid 1px #e4e7ee; 1334 } 1335 1336 .footer-area .wp-block-tag-cloud a { 1337 border: solid 1px #fff; 1338 color: #fff; 1339 } 1340 1341 .sidebar-area .wp-block-tag-cloud a:before, 1342 .footer-area .wp-block-tag-cloud a:before, 1343 .tag-cloud-link:before { 1344 content: "#"; 1345 } 1346 1347 .sidebar-area .wp-block-tag-cloud a:hover, 1348 .footer-area .wp-block-tag-cloud a:hover, 1349 .tag-cloud-link:hover { 1350 background: var(--primary-theme-color); 1351 color: #fff; 1352 } 1353 1354 .sidebar-area ol footer.wp-block-latest-comments__comment-meta { 1355 float: none !important; 1356 } 1357 1358 .sidebar-area ol.wp-block-latest-comments { 1359 padding-left: 0px !important; 1360 padding: 15px 30px 25px; 1361 border-radius: 10px; 1362 border: solid 1px #e4e7ee; 1363 } 1364 1365 .footer-area .wp-block-heading { 1366 font-size: 30px; 1367 color: #fff; 1368 margin-top: 30px; 1369 word-wrap: break-word; 1370 } 1371 1372 .footer-area { 1373 margin-bottom: 10px; 1374 } 1375 1170 1376 /* WOOCOMMERCE */ 1171 1377 /* Cart */ 1172 .wp-block-woocommerce-cart.alignwide {1378 .wp-block-woocommerce-cart.alignwide { 1173 1379 margin-right: auto; 1174 1380 margin-left: auto; 1175 1381 } 1382 1176 1383 .wp-block-woocommerce-checkout.alignwide { 1177 1384 margin-right: auto; 1178 1385 margin-left: auto; 1179 1386 } 1180 .wp-block-woocommerce-cart .wc-block-cart-items{ 1181 border: 1px solid #dee2e6!important; 1387 1388 .wp-block-woocommerce-cart .wc-block-cart-items { 1389 border: 1px solid #dee2e6 !important; 1182 1390 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1183 1391 padding: 10px; 1184 1392 } 1393 1185 1394 .wp-block-woocommerce-cart-order-summary-block { 1186 border: 1px solid #dee2e6 !important;1395 border: 1px solid #dee2e6 !important; 1187 1396 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1188 1397 } 1189 .wp-block-woocommerce-cart-order-summary-heading-block{ 1398 1399 .wp-block-woocommerce-cart-order-summary-heading-block { 1190 1400 padding: 10px 20px !important; 1191 1401 background: #f3f4f7 !important; 1192 1402 } 1193 .wc-block-components-product-name{ 1403 1404 .wc-block-components-product-name { 1194 1405 font-size: 20px; 1195 1406 text-decoration: none !important; … … 1197 1408 color: #000 !important; 1198 1409 } 1199 .wc-block-cart-items__header-image{ 1410 1411 .wc-block-cart-items__header-image { 1200 1412 padding-left: 16px !important; 1201 1413 } 1202 .wc-block-cart-items__header-total{ 1414 1415 .wc-block-cart-items__header-total { 1203 1416 padding-right: 16px !important; 1204 1417 } 1205 .wc-block-components-totals-coupon-link , 1418 1419 .wc-block-components-totals-coupon-link, 1206 1420 .wc-block-cart__submit-container a, 1207 1421 .wc-block-checkout__actions_row button, … … 1210 1424 .wc-block-grid__product-add-to-cart a, 1211 1425 .product-add-to-cart a, 1212 .woocommerce-Address-title.title a , 1213 .products .yith-wcwl-add-button a,.products .yith-wcwl-wishlistexistsbrowse ,.products .yith-wcwl-wishlistaddedbrowse, 1214 .entry-summary .yith-wcwl-add-button a,.entry-summary .yith-wcwl-wishlistexistsbrowse ,.entry-summary .yith-wcwl-wishlistaddedbrowse 1215 { 1426 .woocommerce-Address-title.title a, 1427 .products .yith-wcwl-add-button a, 1428 .products .yith-wcwl-wishlistexistsbrowse, 1429 .products .yith-wcwl-wishlistaddedbrowse, 1430 .entry-summary .yith-wcwl-add-button a, 1431 .entry-summary .yith-wcwl-wishlistexistsbrowse, 1432 .entry-summary .yith-wcwl-wishlistaddedbrowse { 1216 1433 background: var(--primary-theme-color); 1217 1434 color: #fff !important; … … 1223 1440 text-decoration: none !important; 1224 1441 } 1442 1225 1443 .yith-wcwl-wishlistexistsbrowse a, 1226 .yith-wcwl-wishlistaddedbrowse a {1444 .yith-wcwl-wishlistaddedbrowse a { 1227 1445 background: var(--primary-theme-color); 1228 1446 color: #fff !important; 1229 1447 } 1448 1230 1449 .yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse { 1231 1450 display: inline-block !important; 1232 1451 } 1233 .entry-summary .yith-wcwl-add-button a,.entry-summary .yith-wcwl-wishlistexistsbrowse ,.entry-summary .yith-wcwl-wishlistaddedbrowse{ 1452 1453 .entry-summary .yith-wcwl-add-button a, 1454 .entry-summary .yith-wcwl-wishlistexistsbrowse, 1455 .entry-summary .yith-wcwl-wishlistaddedbrowse { 1234 1456 margin-bottom: 10px; 1235 1457 } 1236 .wc-block-components-totals-coupon__form button{ 1458 1459 .wc-block-components-totals-coupon__form button { 1237 1460 margin-top: 0px !important; 1238 1461 } 1239 .entry-summary .yith-wcwl-add-button,.products .yith-wcwl-add-button{ 1462 1463 .entry-summary .yith-wcwl-add-button, 1464 .products .yith-wcwl-add-button { 1240 1465 margin-top: 21px; 1241 1466 margin-bottom: 10px; 1242 1467 } 1243 .wc-block-cart__submit-container a{ 1468 1469 .wc-block-cart__submit-container a { 1244 1470 margin-top: 20px; 1245 1471 } 1472 1246 1473 .wc-block-components-totals-coupon-link:hover, 1247 1474 .wc-block-cart__submit-container:hover a, … … 1249 1476 .wc-block-components-checkout-return-to-cart-button:hover, 1250 1477 .wc-block-grid__product-add-to-cart a:hover, 1251 .yith-wcwl-add-button:hover a {1478 .yith-wcwl-add-button:hover a { 1252 1479 background: #121212; 1253 1480 } 1481 1254 1482 .wc-block-components-totals-coupon { 1255 1483 text-align: center; 1256 padding-left: 16px ; 1257 padding-right: 16px ; 1258 } 1259 .wc-block-cart-items__header-product{ 1484 padding-left: 16px; 1485 padding-right: 16px; 1486 } 1487 1488 .wc-block-cart-items__header-product { 1260 1489 background: #f3f4f7 !important; 1261 1490 } 1262 .wc-block-cart-items__header th{ 1491 1492 .wc-block-cart-items__header th { 1263 1493 padding: 10px 20px !important; 1264 1494 font-size: 14px; 1265 1495 } 1266 .wc-block-cart__totals-title{ 1496 1497 .wc-block-cart__totals-title { 1267 1498 font-size: 14px !important; 1268 1499 font-weight: 700 !important; 1269 1500 text-align: center !important; 1270 1501 } 1502 1271 1503 tr.wc-block-cart-items__row { 1272 1504 padding: 15px 15px !important; 1273 1505 } 1506 1274 1507 .wc-block-components-totals-item, 1275 .wc-block-components-totals-item {1508 .wc-block-components-totals-item { 1276 1509 padding-left: 16px !important; 1277 1510 padding-right: 16px !important; 1278 1511 } 1279 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ 1512 1513 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { 1280 1514 display: block !important; 1281 1515 } 1282 #commentform input[type="text"],#commentform input[type="email"],#commentform input[type="phno"], 1283 #commentform input[type="password"],#commentform textarea,#commentform input#url ,#commentform input[type="search"]{ 1284 border: 1px solid #c8c8c8; 1285 width: 100%; 1286 font-size: 16px; 1287 padding: 10px 10px ; 1288 margin: 0 0 23px 0; 1289 height: auto; 1290 } 1291 .woocommerce-message p{ 1516 1517 #commentform input[type="text"], 1518 #commentform input[type="email"], 1519 #commentform input[type="phno"], 1520 #commentform input[type="password"], 1521 #commentform textarea, 1522 #commentform input#url, 1523 #commentform input[type="search"] { 1524 border: 1px solid #c8c8c8; 1525 width: 100%; 1526 font-size: 16px; 1527 padding: 10px 10px; 1528 margin: 0 0 23px 0; 1529 height: auto; 1530 } 1531 1532 .woocommerce-message p { 1292 1533 flex-basis: 55%; 1293 1534 } 1294 .product .price ins ,.price .woocommerce-Price-amount.amount { 1535 1536 .product .price ins, 1537 .price .woocommerce-Price-amount.amount { 1295 1538 font-size: 20px; 1296 1539 font-weight: 600; 1297 1540 } 1298 .product .price del .woocommerce-Price-amount.amount{ 1541 1542 .product .price del .woocommerce-Price-amount.amount { 1299 1543 font-size: 18px !important; 1300 1544 font-weight: 500 !important; 1301 1545 } 1302 .product .price{ 1546 1547 .product .price { 1303 1548 margin: 10px 0px !important; 1304 1549 } 1550 1305 1551 /* single product review form */ 1306 #reviews .comment-form {1552 #reviews .comment-form { 1307 1553 display: flex; 1308 flex-direction: column; 1309 } 1310 #reviews .comment-form-author{ 1554 flex-direction: column; 1555 } 1556 1557 #reviews .comment-form-author { 1311 1558 order: 1; 1312 1559 } 1313 #reviews .comment-form-email{ 1560 1561 #reviews .comment-form-email { 1314 1562 order: 2; 1315 1563 } 1316 #reviews .comment-form-comment{ 1564 1565 #reviews .comment-form-comment { 1317 1566 order: 3; 1318 1567 } 1319 #reviews .comment-form-cookies-consent{ 1568 1569 #reviews .comment-form-cookies-consent { 1320 1570 order: 4; 1321 1571 } 1322 #reviews .form-submit{ 1572 1573 #reviews .form-submit { 1323 1574 order: 5; 1324 } 1575 } 1576 1325 1577 /* Wishlist */ 1326 .wishlist_table.mobile {1578 .wishlist_table.mobile { 1327 1579 padding-left: 0; 1328 1580 } 1329 .wishlist_table.mobile table{ 1581 1582 .wishlist_table.mobile table { 1330 1583 width: auto; 1331 1584 } 1332 .wishlist_table.mobile li{ 1585 1586 .wishlist_table.mobile li { 1333 1587 padding: 15px; 1334 1588 border: 1px solid rgba(0, 0, 0, .1); 1335 1589 } 1336 .cart.wishlist_table .additional-info-wrapper{ 1590 1591 .cart.wishlist_table .additional-info-wrapper { 1337 1592 display: flex; 1338 1593 align-items: center; 1339 1594 justify-content: space-around; 1340 1595 } 1341 ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ 1596 1597 ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile { 1342 1598 display: grid; 1343 1599 grid-template-columns: 2fr 50%; 1344 1600 gap: 10px; 1345 1601 } 1346 .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 1347 .wishlist_table.modern_grid li .item-details table.item-details-table td.label{ 1602 1603 .wishlist_table.images_grid li .item-details table.item-details-table td.label, 1604 .wishlist_table.mobile li .item-details table.item-details-table td.label, 1605 .wishlist_table.mobile li table.additional-info td.label, 1606 .wishlist_table.modern_grid li .item-details table.item-details-table td.label { 1348 1607 font-size: 16px !important; 1349 1608 } 1350 .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{ 1609 1610 .wishlist_table.mobile li .item-details table.item-details-table td, 1611 .additional-info .value { 1351 1612 font-size: 14px !important; 1352 1613 padding: 6px !important; 1353 1614 font-family: "Exo 2", sans-serif; 1354 1615 } 1616 1355 1617 .main-product-section .wishlist_view { 1356 1618 display: block !important; 1357 1619 } 1358 .share-button i::before{ 1620 1621 .share-button i::before { 1359 1622 font-family: 'FontAwesome'; 1360 1623 } 1361 .hidden-title-form button i,.wishlist-title a.show-title-form i,.wishlist_manage_table tfoot a.create-new-wishlist i,.wishlist_manage_table tfoot button.submit-wishlist-changes i,.wishlist_table .add_to_cart.button i,.wishlist_table .ask-an-estimate-button i,.yith-wcwl-add-button>a i,.yith-wcwl-wishlist-new button i,.yith-wcwl-wishlist-search-form button.wishlist-search-button i { 1624 1625 .hidden-title-form button i, 1626 .wishlist-title a.show-title-form i, 1627 .wishlist_manage_table tfoot a.create-new-wishlist i, 1628 .wishlist_manage_table tfoot button.submit-wishlist-changes i, 1629 .wishlist_table .add_to_cart.button i, 1630 .wishlist_table .ask-an-estimate-button i, 1631 .yith-wcwl-add-button>a i, 1632 .yith-wcwl-wishlist-new button i, 1633 .yith-wcwl-wishlist-search-form button.wishlist-search-button i { 1362 1634 margin-right: 0px !important; 1363 1635 } 1364 .wpr-grid-slider-dots{ 1636 1637 .wpr-grid-slider-dots { 1365 1638 z-index: 9 !important; 1366 1639 } 1367 .wishlist_table tr td, .wishlist_table tr th.product-checkbox, .wishlist_table tr th.wishlist-delete { 1368 text-align: left !important; 1369 } 1370 #yith-wcwl-form .shop_table th{ 1640 1641 .wishlist_table tr td, 1642 .wishlist_table tr th.product-checkbox, 1643 .wishlist_table tr th.wishlist-delete { 1644 text-align: left !important; 1645 } 1646 1647 #yith-wcwl-form .shop_table th { 1371 1648 text-align: left; 1372 1649 } 1373 #yith-wcwl-form .product-name a{ 1650 1651 #yith-wcwl-form .product-name a { 1374 1652 font-size: 16px; 1375 1653 text-decoration: none !important; 1376 1654 } 1377 .single-product #alg_currency_selector{ 1655 1656 .single-product #alg_currency_selector { 1378 1657 display: none; 1379 1658 } 1380 .single-product .quantity .qty{ 1659 1660 .single-product .quantity .qty { 1381 1661 border-radius: 7px !important; 1382 1662 border: 1px solid #000; 1383 1663 } 1664 1384 1665 /* Cart */ 1385 1666 .wc-block-grid__product-title { … … 1388 1669 text-decoration: none !important; 1389 1670 } 1390 a.wc-block-grid__product-link{ 1671 1672 a.wc-block-grid__product-link { 1391 1673 text-decoration: none !important; 1392 1674 } 1393 .wc-block-grid__product-price{ 1675 1676 .wc-block-grid__product-price { 1394 1677 color: var(--primary-theme-color) !important; 1395 1678 font-size: 14px !important; 1396 1679 font-weight: 500 !important; 1397 1680 } 1398 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { 1681 1682 .wc-block-grid .wc-block-grid__product-onsale, 1683 .wc-block-grid__product-image .wc-block-grid__product-onsale { 1399 1684 top: 10px !important; 1400 1685 right: 10px !important; … … 1408 1693 color: #fff !important; 1409 1694 } 1410 .wc-block-grid__products .wc-block-grid__product-image img{ 1695 1696 .wc-block-grid__products .wc-block-grid__product-image img { 1411 1697 width: 100% !important; 1412 1698 } 1699 1413 1700 /* CHECKOUT */ 1414 .wp-block-woocommerce-checkout-order-summary-block {1415 border: 1px solid #dee2e6 !important;1701 .wp-block-woocommerce-checkout-order-summary-block { 1702 border: 1px solid #dee2e6 !important; 1416 1703 padding: 10px; 1417 1704 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1418 1705 } 1706 1419 1707 /* MY ACCOUNT */ 1420 1708 nav.woocommerce-MyAccount-navigation ul { … … 1423 1711 margin-bottom: 0; 1424 1712 } 1425 nav.woocommerce-MyAccount-navigation ul li{ 1713 1714 nav.woocommerce-MyAccount-navigation ul li { 1426 1715 padding: 10px; 1427 1716 margin-bottom: 15px; 1428 1717 background: var(--primary-theme-color); 1429 1718 } 1430 nav.woocommerce-MyAccount-navigation ul li:hover{ 1719 1720 nav.woocommerce-MyAccount-navigation ul li:hover { 1431 1721 background: #121212; 1432 1722 } 1433 nav.woocommerce-MyAccount-navigation ul li a{ 1723 1724 nav.woocommerce-MyAccount-navigation ul li a { 1434 1725 text-decoration: none; 1435 1726 color: #fff 1436 1727 } 1728 1437 1729 /* CHECKOUT */ 1438 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{ 1730 .woocommerce form .form-row label, 1731 .woocommerce form .form-row, 1732 span.woocommerce-input-wrapper, 1733 span.password-input { 1439 1734 width: 100%; 1440 1735 } 1736 1441 1737 /* BUTTONS */ 1442 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce a.added_to_cart{ 1738 .woocommerce #respond input#submit.alt, 1739 .woocommerce a.button.alt, 1740 .woocommerce button.button.alt, 1741 .woocommerce input.button.alt, 1742 .woocommerce #respond input#submit, 1743 .woocommerce a.button, 1744 .woocommerce button.button, 1745 .woocommerce input.button, 1746 .woocommerce a.added_to_cart { 1443 1747 background: var(--primary-theme-color); 1444 1748 color: #fff; … … 1446 1750 border-radius: 7px !important; 1447 1751 } 1448 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce a.added_to_cart:hover{ 1752 1753 .woocommerce #respond input#submit.alt:hover, 1754 .woocommerce a.button.alt:hover, 1755 .woocommerce button.button.alt:hover, 1756 .woocommerce input.button.alt:hover, 1757 .woocommerce #respond input#submit:hover, 1758 .woocommerce a.button:hover, 1759 .woocommerce button.button:hover, 1760 .woocommerce input.button:hover, 1761 .woocommerce a.added_to_cart:hover { 1449 1762 background: #121212; 1450 1763 color: #fff; 1451 1764 } 1452 .woocommerce a.added_to_cart{ 1765 1766 .woocommerce a.added_to_cart { 1453 1767 padding: .618em 1em; 1454 1768 font-weight: 700; … … 1456 1770 border-radius: 0px; 1457 1771 } 1772 1458 1773 /* SHOP & SINGLE PRODUCT */ 1459 1774 1460 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { 1775 .woocommerce ul.products li.product .onsale, 1776 .woocommerce span.onsale { 1461 1777 top: 5px; 1462 1778 right: 5px; … … 1469 1785 min-height: 2em !important; 1470 1786 } 1471 .woocommerce span.onsale{ 1787 1788 .woocommerce span.onsale { 1472 1789 left: 10px; 1473 1790 right: auto; 1474 1791 } 1792 1475 1793 h2.woocommerce-loop-product__title { 1476 1794 font-size: 18px !important; 1477 1795 } 1478 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price { 1796 1797 .woocommerce ul.products li.product .price, 1798 .woocommerce div.product p.price, 1799 .woocommerce div.product span.price { 1479 1800 color: #000; 1480 1801 display: block; … … 1482 1803 font-size: 18px; 1483 1804 } 1484 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ 1805 1806 .woocommerce ul.products li.product .price ins, 1807 .woocommerce div.product p.price ins, 1808 .woocommerce div.product span.price ins { 1485 1809 text-decoration: none; 1486 1810 } 1487 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 1811 1812 .woocommerce ul.products li.product, 1813 .woocommerce-page ul.products li.product { 1488 1814 text-align: center; 1489 1815 } 1816 1490 1817 .woocommerce .quantity .qty { 1491 1818 width: 9em; 1492 1819 padding: 8px; 1493 1820 } 1821 1494 1822 .woocommerce ul.products li.product .star-rating { 1495 1823 font-size: 12px; 1496 1824 margin: 0 auto 8px; 1497 1825 } 1498 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { 1826 1827 .woocommerce .woocommerce-ordering select, 1828 .woocommerce form .form-row input.input-text, 1829 .woocommerce form .form-row textarea { 1499 1830 padding: 12px; 1500 1831 border: 1px solid #d3ced2; 1501 1832 background: transparent; 1502 1833 } 1503 .wp-block-button__link{ 1504 color: #fff !important; 1505 background-color:var(--primary-theme-color) ; 1834 1835 .wp-block-button__link { 1836 color: #fff !important; 1837 background-color: var(--primary-theme-color); 1506 1838 margin-bottom: 5px; 1507 1839 } 1508 .wp-block-button.is-style-outline .wp-block-button__link{ 1840 1841 .wp-block-button.is-style-outline .wp-block-button__link { 1509 1842 border: 1px solid var(--primary-theme-color); 1510 1843 color: #121212 !important; 1511 1844 } 1512 .wp-block-button.is-style-squared .wp-block-button__link{ 1845 1846 .wp-block-button.is-style-squared .wp-block-button__link { 1513 1847 border-radius: 0px !important; 1514 1848 } 1515 .product .add_to_cart_button.added{ 1849 1850 .product .add_to_cart_button.added { 1516 1851 display: none !important; 1517 1852 } 1853 1518 1854 /* shop page additional css */ 1519 .woocommerce ul.products li.product a img {1855 .woocommerce ul.products li.product a img { 1520 1856 margin-bottom: 0; 1521 1857 width: 200px; … … 1524 1860 border-radius: 20px 1525 1861 } 1526 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ 1862 1863 .woocommerce ul.products li.product, 1864 .woocommerce-page ul.products li.product { 1527 1865 border: 1px solid var(--primary-theme-color); 1528 border-radius: 10px; 1529 padding: 10px; 1530 } 1531 ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,a.added_to_cart.wc-forward { 1866 border-radius: 10px; 1867 padding: 10px; 1868 } 1869 1870 ul.products a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, 1871 a.added_to_cart.wc-forward { 1532 1872 padding: 8px 24px; 1533 1873 } 1534 ul.products h2.woocommerce-loop-product__title{ 1874 1875 ul.products h2.woocommerce-loop-product__title { 1535 1876 color: var(--primary-theme-color); 1536 1877 font-size: 22px !important; … … 1545 1886 font-weight: bold; 1546 1887 } 1888 1547 1889 .woocommerce nav.woocommerce-pagination ul li a { 1548 1890 display: block; … … 1557 1899 border-radius: 10px; 1558 1900 } 1559 .woocommerce nav.woocommerce-pagination ul li a:hover{ 1901 1902 .woocommerce nav.woocommerce-pagination ul li a:hover { 1560 1903 background: var(--primary-theme-color); 1561 1904 color: #121212; 1562 1905 } 1563 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ 1906 1907 .woocommerce nav.woocommerce-pagination ul, 1908 .woocommerce nav.woocommerce-pagination ul li { 1564 1909 border: none; 1565 1910 float: none; 1566 1911 overflow: unset; 1567 1912 } 1913 1568 1914 .woocommerce nav.woocommerce-pagination { 1569 1915 text-align: center; 1570 1916 margin-bottom: 20px; 1571 1917 } 1918 1572 1919 /* SINGLE POST */ 1573 1920 .single-post-category span { … … 1575 1922 color: #5b5b5b; 1576 1923 } 1577 .single-post-category .post-categories li ,.single-post-category ul{ 1578 display: inline-block; 1579 padding-left: 0px; 1580 } 1581 .single-post-category .post-categories li a{ 1582 margin-right: 8px; 1583 margin-bottom: 8px; 1584 background-color:var(--primary-theme-color); 1585 padding: 8px 10px; 1586 color: #fff; 1587 display: inline-block; 1588 font-size: 13px; 1589 font-weight: 500; 1590 line-height: 1; 1591 } 1592 .single-post-category .post-categories li a:hover{ 1593 background: #000000; 1594 } 1924 1925 .single-post-category .post-categories li, 1926 .single-post-category ul { 1927 display: inline-block; 1928 padding-left: 0px; 1929 } 1930 1931 .single-post-category .post-categories li a { 1932 margin-right: 8px; 1933 margin-bottom: 8px; 1934 background-color: var(--primary-theme-color); 1935 padding: 8px 10px; 1936 color: #fff; 1937 display: inline-block; 1938 font-size: 13px; 1939 font-weight: 500; 1940 line-height: 1; 1941 } 1942 1943 .single-post-category .post-categories li a:hover { 1944 background: #000000; 1945 } 1946 1595 1947 /*scroll-to-top*/ 1596 1948 .scroll-up { … … 1600 1952 z-index: 999; 1601 1953 } 1954 1602 1955 .scroll-up a { 1603 1956 background: var(--primary-theme-color); 1604 color:#ffffff; 1605 } 1606 .scroll-up a:hover{ 1607 background: var(--primary-theme-color); 1608 } 1957 color: #ffffff; 1958 } 1959 1960 .scroll-up a:hover { 1961 background: var(--primary-theme-color); 1962 } 1963 1609 1964 .scroll-up a { 1610 1965 bottom: 10px; … … 1624 1979 transition: border-width 0.3s ease-in-out; 1625 1980 } 1626 .scroll-up a i{ 1981 1982 .scroll-up a i { 1627 1983 position: relative; 1628 1984 top: 13px; … … 1637 1993 transform: translate(66%); 1638 1994 } 1995 1639 1996 .scroll-up a:hover i { 1640 1997 top: 5px; … … 1654 2011 align-items: center; 1655 2012 } 2013 1656 2014 .preloader { 1657 2015 animation: move 0.5s ease infinite alternate; 1658 2016 } 2017 1659 2018 .diamond { 1660 2019 width: 60px; … … 1666 2025 align-items: center; 1667 2026 } 1668 .diamond span{ 2027 2028 .diamond span { 1669 2029 width: 60px; 1670 2030 height: 60px; … … 1673 2033 left: 0; 1674 2034 } 1675 .diamond span:nth-child(1){ 2035 2036 .diamond span:nth-child(1) { 1676 2037 border: 10px solid var(--primary-theme-color); 1677 2038 border-left-color: #000; … … 1679 2040 transform: rotateX(90deg) rotateZ(45deg); 1680 2041 } 1681 .diamond span:nth-child(2){ 2042 2043 .diamond span:nth-child(2) { 1682 2044 border: 6px solid var(--primary-theme-color); 1683 2045 border-left-color: #000; … … 1685 2047 transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg); 1686 2048 } 1687 .diamond span:last-child{ 2049 2050 .diamond span:last-child { 1688 2051 border: 6px solid var(--primary-theme-color); 1689 2052 border-left-color: #000; … … 1691 2054 transform: rotateZ(45deg); 1692 2055 } 1693 @keyframes move{ 1694 0%{ transform: translateY(0) scaleY(0.9); } 1695 100%{ transform: translateY(-70px) scaleY(1.1); } 1696 } 1697 @keyframes spin{ 1698 0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); } 1699 100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); } 1700 } 1701 .result-search #searchform{ 2056 2057 @keyframes move { 2058 0% { 2059 transform: translateY(0) scaleY(0.9); 2060 } 2061 2062 100% { 2063 transform: translateY(-70px) scaleY(1.1); 2064 } 2065 } 2066 2067 @keyframes spin { 2068 0% { 2069 transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); 2070 } 2071 2072 100% { 2073 transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); 2074 } 2075 } 2076 2077 .result-search #searchform { 1702 2078 display: table; 1703 2079 } 2080 1704 2081 .not-found-content #searchform { 1705 2082 display: inline-block; 1706 2083 } 1707 .footer-copyright a,.footer-copyright p{ 2084 2085 .footer-copyright a, 2086 .footer-copyright p { 1708 2087 color: #ffffff; 1709 2088 } 2089 1710 2090 /* =============================================== 1711 2091 Progress Bar … … 1718 2098 z-index: 99999; 1719 2099 } 2100 1720 2101 #elemento-progress-bar.top { 1721 2102 top: 0; 1722 2103 } 2104 1723 2105 .admin-bar #elemento-progress-bar.top { 1724 2106 top: 32px; 1725 2107 } 2108 1726 2109 #elemento-progress-bar.bottom { 1727 2110 bottom: 0; 1728 2111 } 2112 1729 2113 /* =============================================== 1730 2114 HOME PAGE CSS … … 1734 2118 justify-content: flex-start; 1735 2119 } 2120 1736 2121 .banner-section .bdt-prime-slider-button-text { 1737 2122 position: relative; 1738 2123 } 2124 1739 2125 .banner-section .bdt-prime-slider-button-text::before { 1740 2126 content: "\f07a"; … … 1750 2136 border-radius: 5px; 1751 2137 } 2138 1752 2139 .banner-section .bdt-title-tag { 1753 2140 overflow: hidden; … … 1756 2143 -webkit-box-orient: vertical; 1757 2144 } 2145 1758 2146 .banner-section .bdt-slider-excerpt p { 1759 2147 overflow: hidden; … … 1762 2150 -webkit-box-orient: vertical; 1763 2151 } 2152 1764 2153 .banner-section .bdt-prime-slider-content .bdt-btn-wrapper { 1765 2154 margin-top: 10%; 1766 2155 } 2156 1767 2157 .banner-section .bdt-prime-slider-content .bdt-slider-excerpt { 1768 2158 position: absolute; 1769 2159 top: 3%; 1770 2160 } 1771 .banner-section .bdt-prime-slider-skin-general .bdt-prime-slider-wrapper{ 2161 2162 .banner-section .bdt-prime-slider-skin-general .bdt-prime-slider-wrapper { 1772 2163 max-width: 80% !important; 1773 width: 80%; 1774 } 2164 width: 80%; 2165 } 2166 1775 2167 .banner-section .bdt-slideshow-item .bdt-position-large { 1776 2168 margin-bottom: 130px; 1777 2169 } 2170 1778 2171 .banner-section .bdt-slideshow-nav li a::before { 1779 2172 display: none !important; 1780 2173 } 2174 1781 2175 .banner-section .bdt-slideshow-nav li a { 1782 2176 border-radius: 3px !important; 1783 2177 } 2178 1784 2179 .banner-section .bdt-ps-slide-img { 1785 2180 border-radius: 20px; 1786 2181 } 2182 1787 2183 .banner-section .bdt-prime-slider-skin-general .bdt-slideshow-nav li a { 1788 2184 width: 17px !important; 1789 2185 height: 17px !important; 1790 2186 } 2187 1791 2188 .banner-section .bdt-prime-slider .bdt-slide-btn:hover { 1792 2189 background-color: var(--secondary-theme-color) !important; 1793 2190 } 2191 1794 2192 .banner-section .bdt-prime-slider-skin-general .bdt-slideshow-nav { 1795 2193 left: 45px !important; … … 1797 2195 margin-bottom: 15px !important; 1798 2196 } 2197 1799 2198 .product-banner-button .elementor-button { 1800 2199 background-color: #000 !important; 1801 2200 } 2201 1802 2202 .product-banner-button .elementor-button:hover { 1803 2203 background-color: var(--primary-theme-color) !important; 1804 2204 } 2205 1805 2206 /* Product Banner */ 1806 2207 .product-banner-button .elementor-button-icon { … … 1810 2211 fill: #000; 1811 2212 } 2213 1812 2214 .product-banner-button:hover .elementor-button-icon { 1813 2215 fill: var(--primary-theme-color); 1814 2216 } 2217 1815 2218 .product-banner-button .elementor-button-content-wrapper { 1816 2219 align-items: center; 1817 2220 } 2221 1818 2222 .product-banner-button .elementor-button-icon svg { 1819 2223 width: 19px !important; … … 1831 2235 border: 2px solid #fff; 1832 2236 } 1833 .banner-section .banner-section-second .wpr-grid:not([data-settings*="list"]) .wpr-grid-media-wrap + .wpr-grid-item-below-content { 2237 2238 .banner-section .banner-section-second .wpr-grid:not([data-settings*="list"]) .wpr-grid-media-wrap+.wpr-grid-item-below-content { 1834 2239 background-color: var(--primary-theme-color); 1835 2240 border-radius: 0px 10px 10px 10px !important; … … 1841 2246 border-top: 2px solid #fff !important; 1842 2247 } 1843 .banner-section-second .wpr-grid-media-hover.wpr-animation-wrap{ 2248 2249 .banner-section-second .wpr-grid-media-hover.wpr-animation-wrap { 1844 2250 bottom: 47px !important; 1845 2251 top: auto !important; … … 1847 2253 overflow: visible !important; 1848 2254 } 1849 .banner-section-second .wpr-grid-item-below-content .wpr-grid-extra-icon-left svg{ 2255 2256 .banner-section-second .wpr-grid-item-below-content .wpr-grid-extra-icon-left svg { 1850 2257 width: 16px; 1851 2258 height: 16px; 1852 2259 margin-right: 7px; 1853 2260 } 1854 .banner-section-second .wpr-grid-item-below-content .add_to_cart_button > span{ 2261 2262 .banner-section-second .wpr-grid-item-below-content .add_to_cart_button>span { 1855 2263 display: flex; 1856 2264 align-items: center; 1857 2265 } 1858 .banner-section-second .wpr-grid-item-below-content a.add_to_cart_button{ 2266 2267 .banner-section-second .wpr-grid-item-below-content a.add_to_cart_button { 1859 2268 padding: 7px 16px 7px 15px !important; 1860 2269 border-radius: 6px; 1861 2270 font-weight: 500 !important; 1862 2271 } 1863 .banner-section-second .wpr-grid-item-below-content .added_to_cart{ 2272 2273 .banner-section-second .wpr-grid-item-below-content .added_to_cart { 1864 2274 margin-top: 0px !important; 1865 2275 } 1866 .banner-section-second .wpr-grid-item-below-content a.add_to_cart_button:hover{ 2276 2277 .banner-section-second .wpr-grid-item-below-content a.add_to_cart_button:hover { 1867 2278 background-color: var(--secondary-theme-color) !important; 1868 2279 color: #fff !important; 1869 2280 } 2281 1870 2282 .banner-section-second .wpr-grid-media-wrap.wpr-effect-size-medium { 1871 2283 padding: 10px 10px 0px 10px !important; 1872 2284 margin: 0px 7px 0px 8px !important; 1873 2285 } 1874 .wpr-grid-item-price .inner-block{ 2286 2287 .wpr-grid-item-price .inner-block { 1875 2288 position: relative; 1876 2289 margin-left: 42px; 1877 2290 } 1878 .wpr-grid-item-price .inner-block::before{ 2291 2292 .wpr-grid-item-price .inner-block::before { 1879 2293 content: "From: "; 1880 2294 position: absolute; 1881 2295 left: -42px; 1882 color: #fff ;2296 color: #fff; 1883 2297 top: 0px; 1884 2298 } 1885 .banner-section-second{ 2299 2300 .banner-section-second { 1886 2301 justify-content: end !important; 1887 2302 } 1888 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .inner-block{ 2303 2304 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .inner-block { 1889 2305 position: relative; 1890 2306 } 1891 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .inner-block::before{ 2307 2308 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .inner-block::before { 1892 2309 background-image: url(assets/images/banner-cart.svg); 1893 2310 content: ""; … … 1899 2316 border-radius: 16px 0px 0px 0px; 1900 2317 } 1901 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .add_to_cart_button{ 1902 position: relative; 1903 left: 12px; 1904 top: 10px; 1905 border-radius: 20px; 1906 padding: 9px 10px 3px 10px !important 1907 } 1908 .banner-section-second .wpr-cv-inner .added_to_cart{ 2318 2319 .banner-section-second .wpr-cv-inner .wpr-grid-item-add-to-cart .add_to_cart_button { 2320 position: relative; 2321 left: 12px; 2322 top: 10px; 2323 border-radius: 20px; 2324 padding: 9px 10px 3px 10px !important 2325 } 2326 2327 .banner-section-second .wpr-cv-inner .added_to_cart { 1909 2328 text-indent: -9999px; 1910 2329 position: relative; … … 1916 2335 border-radius: 48px !important; 1917 2336 } 1918 .banner-section-second .wpr-cv-inner .added_to_cart::before{ 2337 2338 .banner-section-second .wpr-cv-inner .added_to_cart::before { 1919 2339 content: " "; 1920 2340 font-family: "Font Awesome 6 Free" !important; … … 1930 2350 background-repeat: no-repeat; 1931 2351 } 1932 .banner-section-second .wpr-grid-image-wrap img{ 2352 2353 .banner-section-second .wpr-grid-image-wrap img { 1933 2354 object-fit: contain; 1934 2355 aspect-ratio: 1/1; 1935 2356 } 1936 .single-product .wp-post-image{ 2357 2358 .single-product .wp-post-image { 1937 2359 max-width: 350px; 1938 2360 max-height: 350px; 1939 2361 object-fit: contain; 1940 2362 } 1941 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{ 2363 2364 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price { 1942 2365 margin-bottom: 0px !important; 1943 2366 } 2367 1944 2368 /*=============== Best Seller Start ===============*/ 1945 2369 … … 1948 2372 border-radius: 20px; 1949 2373 } 2374 1950 2375 #best-seller .ht-product .ht-product-inner .woocs_price_code { 1951 2376 display: flex; … … 1953 2378 gap: 15px; 1954 2379 } 2380 1955 2381 #best-seller .ht-product .ht-product-inner .woocs_price_code ins { 1956 2382 text-decoration: none; 1957 2383 } 2384 1958 2385 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-title a { 1959 2386 overflow: hidden; … … 1962 2389 -webkit-box-orient: vertical; 1963 2390 } 2391 1964 2392 #best-seller .ht-product .ht-product-inner:hover .ht-product-content { 1965 2393 background-color: #3DB3FF !important; 1966 2394 } 2395 1967 2396 #best-seller .ht-product .ht-product-inner:hover .ht-product-title a { 1968 2397 color: #FFFFFF !important; 1969 2398 } 2399 1970 2400 #best-seller .ht-product .ht-product-inner:hover .ht-product-price span { 1971 2401 color: #FFFFFF !important; 1972 2402 } 2403 1973 2404 #best-seller .ht-product .ht-product-inner:hover .ht-product-price del { 1974 2405 color: #FFFFFF !important; 1975 2406 } 2407 1976 2408 #best-seller .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) { 1977 2409 background-color: #FFFFFF !important; 1978 2410 } 2411 1979 2412 #best-seller .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) a { 1980 2413 color: #3DB3FF !important; 1981 2414 } 2415 1982 2416 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-content { 1983 2417 background-color: #fff; … … 1989 2423 padding-bottom: 37px; 1990 2424 } 2425 1991 2426 #best-seller .ht-product-action ul li:nth-child(1) { 1992 2427 display: none; 1993 2428 } 2429 1994 2430 #best-seller .ht-product-user-ratting svg path { 1995 2431 fill: #FEC004; 1996 2432 } 2433 1997 2434 #best-seller .ht-product-user-ratting svg.fa-star.empty path { 1998 2435 fill: #686765; 1999 2436 } 2437 2000 2438 #best-seller .ht-product .ht-product-inner .ht-product-image-wrap { 2001 2439 overflow: visible; 2002 2440 } 2441 2003 2442 #best-seller .ht-product .ht-product-action ul li:nth-child(2) { 2004 2443 transform: translate(232px, -68px); 2005 2444 } 2445 2006 2446 #best-seller .ht-product .ht-product-action ul li:nth-child(2) .wishlist { 2007 2447 background-color: #000000; 2008 2448 border-radius: 50px; 2009 2449 } 2450 2010 2451 #best-seller .ht-product .ht-product-action ul li:nth-child(2) .exists { 2011 2452 background-color: #FF0000; 2012 2453 } 2013 #best-seller .ht-product-action .yith-wcwl-wishlistaddedbrowse a, #best-seller .ht-product-action .yith-wcwl-wishlistexistsbrowse a { 2454 2455 #best-seller .ht-product-action .yith-wcwl-wishlistaddedbrowse a, 2456 #best-seller .ht-product-action .yith-wcwl-wishlistexistsbrowse a { 2014 2457 color: #FFFFFF !important; 2015 2458 } 2459 2016 2460 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-action ul li a { 2017 2461 line-height: 30px; … … 2022 2466 justify-content: center; 2023 2467 } 2468 2024 2469 #best-seller .ht-product .ht-product-action ul li:nth-child(3) { 2025 2470 transform: translateY(35px); 2026 2471 background-color: #000000; 2027 top: 128%; 2028 } 2472 top: 230%; 2473 } 2474 2029 2475 #best-seller .ht-product { 2030 2476 margin-bottom: 20px; … … 2032 2478 padding-right: 10px; 2033 2479 } 2480 2034 2481 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label { 2035 2482 display: none; 2036 2483 } 2484 2037 2485 #best-seller .ht-product-action ul li.woolentor-cart a::before { 2038 2486 content: "\f07a" !important; … … 2041 2489 line-height: 40px !important; 2042 2490 } 2491 2043 2492 #best-seller .woolentor-cart a.added_to_cart { 2044 2493 background-color: #0000 !important; … … 2048 2497 font-size: 16px !important; 2049 2498 } 2499 2050 2500 #best-seller .woolentor-cart a.add_to_cart_button { 2051 2501 color: #fff !important; … … 2054 2504 font-size: 16px !important; 2055 2505 } 2056 #best-seller .ht-product-inner:hover .woolentor-cart a.add_to_cart_button , 2057 #best-seller .ht-product-inner:hover .woolentor-cart{ 2506 2507 #best-seller .ht-product-inner:hover .woolentor-cart a.add_to_cart_button, 2508 #best-seller .ht-product-inner:hover .woolentor-cart { 2058 2509 background-color: #fff !important; 2059 2510 color: var(--primary-theme-color) !important; 2060 2511 } 2512 2061 2513 #best-seller .ht-product .sli-heart:before { 2062 2514 content: "\f004"; … … 2066 2518 line-height: 38px; 2067 2519 } 2520 2068 2521 #best-seller .ht-product-action .yith-wcwl-wishlistexistsbrowse a, 2069 .yith-wcwl-wishlistaddedbrowse a {2522 .yith-wcwl-wishlistaddedbrowse a { 2070 2523 border-radius: 50%; 2071 2524 background-color: #FF0000; 2072 2525 } 2073 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img{ 2526 2527 #best-seller .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img { 2074 2528 height: 250px; 2075 2529 object-fit: contain; 2076 2530 } 2077 .woolentor-tip{ 2531 2532 .woolentor-tip { 2078 2533 transition: 0s !important; 2079 2534 } 2080 2535 2081 /* Wide Block */ 2082 2083 .alignwide { 2084 margin-left : -60px; 2085 margin-right : -60px; 2086 } 2536 2537 2538 /* =============================================== 2539 Wide Block 2540 ============================================= */ 2541 2542 .alignwide { 2543 margin-left: -60px; 2544 margin-right: -60px; 2545 } 2546 2087 2547 .alignfull { 2088 margin-left : calc( -100vw / 2 + 100% / 2 ); 2089 margin-right : calc( -100vw / 2 + 100% / 2 ); 2090 max-width : 100vw; 2091 } 2092 .elementor-widget-woolentor-universal-product .yith-wcwl-add-button:hover a{ 2548 margin-left: calc(-100vw / 2 + 100% / 2); 2549 margin-right: calc(-100vw / 2 + 100% / 2); 2550 max-width: 100vw; 2551 } 2552 2553 .elementor-widget-woolentor-universal-product .yith-wcwl-add-button:hover a { 2093 2554 background-color: red !important; 2094 2555 border-radius: 50%; 2095 2556 } 2096 2557 2097 /* Sticky Copyright */ 2098 2099 .sticky-copyright.footer-copyright{ 2558 2559 /* =============================================== 2560 Sticky Copyright 2561 ============================================= */ 2562 2563 .sidebar-sticky { 2564 position: sticky; 2565 top: 100px; 2566 z-index: 999; 2567 } 2568 2569 .sticky-copyright.footer-copyright { 2100 2570 position: fixed; 2101 bottom: 0;2102 left: 0;2571 bottom: 0; 2572 left: 0; 2103 2573 width: 100%; 2104 2574 z-index: 999; … … 2106 2576 box-shadow: 0px 0px 8px #000000; 2107 2577 } 2108 .close-sticky { 2109 position: static; 2110 } 2578 2579 2580 /* =============================================== 2581 Sticky Sidebar 2582 ============================================= */ 2583 2584 .sidebar-sticky { 2585 position: sticky; 2586 top: 100px; 2587 z-index: 999; 2588 }
Note:
See TracChangeset
for help on using the changeset viewer.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)