Changeset 319947
- Timestamp:
- 03/27/2026 11:37:19 AM (7 months ago)
- Location:
- elemento-it-solutions/0.6.5
- Files:
-
- 5 edited
- 1 copied
-
. (copied) (copied from elemento-it-solutions/0.6.4 )
-
header.php (modified) (2 diffs)
-
includes/customizer.php (modified) (1 diff)
-
readme.txt (modified) (3 diffs)
-
rtl.css (modified) (71 diffs)
-
style.css (modified) (72 diffs)
Legend:
- Unmodified
- Added
- Removed
-
elemento-it-solutions/0.6.5/header.php
r268345 r319947 33 33 ?> 34 34 35 <?php if(get_theme_mod('elemento_it_solutions_preloader_hide','')){ ?> 36 <div class="loader"> 37 <div class="preloader"> 38 <div class="diamond"> 39 <span></span> 40 <span></span> 41 <span></span> 42 </div> 43 </div> 35 <?php 36 if( get_theme_mod('elemento_it_solutions_preloader_hide', false ) == true ){ 37 38 $elemento_it_solutions_type = get_theme_mod('elemento_it_solutions_preloader_type','diamond'); 39 ?> 40 <div class="frame"> 41 <div class="loader preloader-types"> 42 43 <?php if($elemento_it_solutions_type == 'diamond'){ ?> 44 45 <div class="preloader"> 46 <div class="diamond"> 47 <span></span> 48 <span></span> 49 <span></span> 50 </div> 51 </div> 52 53 <?php } elseif($elemento_it_solutions_type == 'orbit'){ ?> 54 55 <div class="orbit-loader"> 56 <div class="orbit-center"></div> 57 <div class="orbit-ring"> 58 <span></span> 59 <span></span> 60 <span></span> 61 </div> 62 </div> 63 64 <?php } elseif($elemento_it_solutions_type == 'liquid'){ ?> 65 66 <div class="liquid-loader"> 67 <div class="liquid-blob"></div> 68 </div> 69 70 <?php } ?> 71 44 72 </div> 73 </div> 45 74 <?php } ?> 46 75 … … 109 138 wp_nav_menu( array( 110 139 'theme_location' => 'main-menu', 111 'container' => 'false'140 'container' => false 112 141 )); 113 142 ?> -
elemento-it-solutions/0.6.5/includes/customizer.php
r314488 r319947 425 425 Kirki::add_field( 'theme_config_id', [ 426 426 'type' => 'toggle', 427 'tab' => 'general',428 427 'settings' => 'elemento_it_solutions_preloader_hide', 429 428 'label' => esc_html__( 'Here you can enable or disable your preloader.', 'elemento-it-solutions' ), 430 429 'section' => 'elemento_it_solutions_additional_setting', 431 'default' => '0', 432 'priority' => 10, 433 ] ); 430 'default' => false, 431 'priority' => 10, 432 'tab' => 'general', 433 ] ); 434 435 Kirki::add_field( 'theme_config_id', [ 436 'type' => 'custom', 437 'tab' => 'general', 438 'settings' => 'elemento_it_solutions_preloader_type_heading', 439 'section' => 'elemento_it_solutions_additional_setting', 440 'default' => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Select Preloader Type', 'elemento-it-solutions' ) . '</h3>', 441 ] ); 442 443 Kirki::add_field( 'theme_config_id', [ 444 'type' => 'radio', 445 'tab' => 'general', 446 'settings' => 'elemento_it_solutions_preloader_type', 447 'section' => 'elemento_it_solutions_additional_setting', 448 'default' => 'diamond', 449 'choices' => [ 450 'diamond' => esc_html__( 'Diamond', 'elemento-it-solutions' ), 451 'orbit' => esc_html__( 'Orbit Pulse Loader', 'elemento-it-solutions' ), 452 'liquid' => esc_html__( 'Liquid Glow Loader', 'elemento-it-solutions' ), 453 ], 454 ] ); 455 456 Kirki::add_field( 'theme_config_id', [ 457 'type' => 'custom', 458 'tab' => 'general', 459 'settings' => 'elemento_it_solutions_preloader_bg_image_heading', 460 'section' => 'elemento_it_solutions_additional_setting', 461 'default' => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Preloader Background', 'elemento-it-solutions' ) . '</h3>', 462 'priority' => 10, 463 ] ); 464 465 Kirki::add_field( 'theme_config_id', 466 [ 467 'settings' => 'elemento_it_solutions_preloader_bg_image', 468 'tab' => 'general', 469 'type' => 'background', 470 'section' => 'elemento_it_solutions_additional_setting', 471 'default' => [ 472 'background-color' => 'rgba(255, 255, 255, 1)', 473 'background-image' => '', 474 'background-repeat' => 'no-repeat', 475 'background-position' => 'center center', 476 ], 477 'transport' => 'auto', 478 'output' => [ 479 [ 480 'element' => '.preloader-types', 481 ], 482 ], 483 ]); 434 484 435 485 Kirki::add_field( 'theme_config_id', [ -
elemento-it-solutions/0.6.5/readme.txt
r314488 r319947 2 2 Contributors: wpelemento 3 3 Requires at least: 5.0 4 Stable tag: 0.6. 44 Stable tag: 0.6.5 5 5 Requires PHP: 5.6 6 6 Tested up to: 6.9 … … 8 8 License URI: http://www.gnu.org/licenses/gpl-3.0.html 9 9 Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, three-columns, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, flexible-header, footer-widgets, full-width-template, editor-style, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support 10 10 11 == Description == 11 12 … … 62 63 63 64 == Changelog == 65 66 = March-23-2026 :: 0.6.5 67 68 * Added customizer setting for two more preloders. 69 * Added customizer setting for select preloader background image. 70 * Resolve minor issue. 71 * update pot file. 72 * Update rtl language file. 64 73 65 74 = February-13-2026 :: 0.6.4 -
elemento-it-solutions/0.6.5/rtl.css
r311647 r319947 4 4 5 5 .screen-reader-text { 6 border: 0; 7 clip: rect(1px, 1px, 1px, 1px); 8 clip-path: inset(50%); 9 height: 1px; 10 margin: -1px; 11 overflow: hidden; 12 padding: 0; 13 position: absolute !important; 14 width: 1px; 15 word-wrap: normal !important; 16 -webkit-transition: none; 17 -moz-transition: none; 18 -o-transition: none; 19 transition: none; 20 } 6 border: 0; 7 clip: rect(1px, 1px, 1px, 1px); 8 clip-path: inset(50%); 9 height: 1px; 10 margin: -1px; 11 overflow: hidden; 12 padding: 0; 13 position: absolute !important; 14 width: 1px; 15 word-wrap: normal !important; 16 -webkit-transition: none; 17 -moz-transition: none; 18 -o-transition: none; 19 transition: none; 20 } 21 21 22 .screen-reader-text:focus { 22 background-color: #f1f1f1; 23 border-radius: 3px; 24 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 25 clip: auto !important; 26 clip-path: none; 27 color: #21759b; 28 display: block; 29 font-size: 14px; 30 font-weight: 600; 31 height: auto; 32 right: 5px; 33 line-height: normal; 34 padding: 15px 23px 14px; 35 text-decoration: none; 36 top: 5px; 37 width: auto; 38 z-index: 100000; 39 } 23 background-color: #f1f1f1; 24 border-radius: 3px; 25 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 26 clip: auto !important; 27 clip-path: none; 28 color: #21759b; 29 display: block; 30 font-size: 14px; 31 font-weight: 600; 32 height: auto; 33 right: 5px; 34 line-height: normal; 35 padding: 15px 23px 14px; 36 text-decoration: none; 37 top: 5px; 38 width: auto; 39 z-index: 100000; 40 } 41 40 42 #content[tabindex="-1"]:focus { 41 outline: 0; 42 } 43 outline: 0; 44 } 45 43 46 body { 44 font-family: 'Open Sans', sans-serif;47 font-family: 'Open Sans', sans-serif; 45 48 color: #6c6c6c; 46 margin: 0;49 margin: 0; 47 50 background: #fff; 48 51 } 49 h1,h2,h3,h4,h5,h6{ 50 font-weight: bold; 51 color: #222222; 52 } 52 53 h1, 54 h2, 55 h3, 56 h4, 57 h5, 58 h6 { 59 font-weight: bold; 60 color: #222222; 61 } 62 53 63 a { 54 color: #222222;64 color: #222222; 55 65 -webkit-transition: color .1s linear; 56 66 -moz-transition: color .1s linear; … … 62 72 a:hover, 63 73 a:focus { 64 color: var(--primary-theme-color);74 color: var(--primary-theme-color); 65 75 text-decoration: none; 66 76 } 67 77 68 78 .alignwide { 69 margin-right : -80px; 70 margin-left : -80px; 71 } 79 margin-right: -80px; 80 margin-left: -80px; 81 } 82 72 83 .alignfull { 73 margin-right : calc( -100vw / 2 + 100% / 2 ); 74 margin-left : calc( -100vw / 2 + 100% / 2 ); 75 max-width : 100vw; 76 } 84 margin-right: calc(-100vw / 2 + 100% / 2); 85 margin-left: calc(-100vw / 2 + 100% / 2); 86 max-width: 100vw; 87 } 88 77 89 .alignfull img { 78 90 width: 100vw; 79 91 } 80 .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 { 92 93 .post-single a, 94 .page-single a, 95 .sidebar-area .textwidget a, 96 .comment-content a, 97 .woocommerce-product-details__short-description a, 98 #tab-description a, 99 .extra-home-content a { 81 100 text-decoration: underline; 82 color:var(--primary-theme-color); 83 } 84 .header-image-box h1{ 101 color: var(--primary-theme-color); 102 } 103 104 .header-image-box h1 { 85 105 word-break: break-all; 86 106 } … … 89 109 HEADER BOX 90 110 ============================================= */ 91 92 .topheader p,.topheader span,.social-links i{ 111 112 .topheader p, 113 .topheader span, 114 .social-links i { 93 115 font-size: 15px; 94 116 color: #fff; 95 117 } 96 .topheader p,.topheader span{ 97 padding: 8px 0; 98 } 118 119 .topheader p, 120 .topheader span { 121 padding: 8px 0; 122 } 123 99 124 .topheader { 100 125 background: var(--primary-theme-color); 101 126 } 102 p.hiring-text,.phone-card p { 127 128 p.hiring-text, 129 .phone-card p { 103 130 font-size: 14px; 104 131 } 132 105 133 .hiring-text span { 106 134 background: #fff; … … 111 139 font-weight: 700; 112 140 } 141 113 142 p.hiring-text a { 114 143 color: #ffea00; … … 116 145 text-decoration: underline; 117 146 } 147 118 148 .social-links i { 119 149 padding: 10px 0; … … 122 152 text-align: center; 123 153 } 154 124 155 .phone-card span { 125 156 font-size: 25px; … … 127 158 font-weight: 600; 128 159 } 160 129 161 .phone-card i { 130 162 font-size: 50px; 131 color: #367fff; 132 } 163 color: #367fff; 164 } 165 133 166 /* =============================================== 134 167 FOOTER SOCIAL ICONS 135 168 ============================================= */ 136 .footer-links {169 .footer-links { 137 170 text-align: right; 138 171 padding: 6px 0px; 139 172 } 140 .footer-links i{ 173 174 .footer-links i { 141 175 color: #000; 142 176 background: #fff; … … 144 178 border-radius: 3px; 145 179 } 146 .footer-links i:hover{ 180 181 .footer-links i:hover { 147 182 color: #367fff; 148 183 } 184 149 185 /* =============================================== 150 186 HEADER IMAGE 151 187 ============================================= */ 152 188 153 .header-image-box {154 position: relative;155 height: 350px;189 .header-image-box { 190 position: relative; 191 height: 350px; 156 192 display: flex; 157 193 align-items: center; 158 194 } 195 159 196 .header-image-box:before { 160 197 position: absolute; … … 168 205 z-index: 1; 169 206 } 170 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{ 207 208 .header-image-box h1, 209 .headerimgbox-meta span, 210 .crumb-box a, 211 .crumb-box, 212 .header-image-box p { 171 213 position: relative; 172 214 z-index: 1; 173 215 color: #fff; 174 216 } 175 .header-image-box h1{ 176 font-size: 65px; 217 218 .header-image-box h1 { 219 font-size: 65px; 177 220 } 178 221 … … 192 235 font-weight: 600; 193 236 } 237 194 238 .logo span { 195 239 display: block; … … 204 248 205 249 #main-menu { 206 display:block; 207 position:relative; 208 float:right; 209 margin:0 auto; 210 width:100% 211 } 250 display: block; 251 position: relative; 252 float: right; 253 margin: 0 auto; 254 width: 100% 255 } 256 212 257 #main-menu ul { 213 margin:0;258 margin: 0; 214 259 padding: 0; 215 display:block; 216 } 260 display: block; 261 } 262 217 263 #main-menu ul li { 218 position:relative; 219 display:block; 220 float:right; 221 text-align:right; 222 } 264 position: relative; 265 display: block; 266 float: right; 267 text-align: right; 268 } 269 223 270 #main-menu ul li a { 224 271 display: block; … … 228 275 font-weight: 500; 229 276 } 277 230 278 #main-menu a:hover, 231 279 #main-menu ul li a:hover, 232 #main-menu li:hover >a,280 #main-menu li:hover>a, 233 281 #main-menu a:focus, 234 282 #main-menu ul li a:focus, 235 #main-menu li.focus > a, 236 #main-menu li:focus > a, 237 #main-menu ul li.current-menu-item > a, 238 #main-menu ul li.current_page_item > a, 239 #main-menu ul li.current-menu-parent > a, 240 #main-menu ul li.current_page_ancestor > a, 241 #main-menu ul li.current-menu-ancestor > a { 242 color:var(--primary-theme-color); 243 } 244 #main-menu ul.children , 283 #main-menu li.focus>a, 284 #main-menu li:focus>a, 285 #main-menu ul li.current-menu-item>a, 286 #main-menu ul li.current_page_item>a, 287 #main-menu ul li.current-menu-parent>a, 288 #main-menu ul li.current_page_ancestor>a, 289 #main-menu ul li.current-menu-ancestor>a { 290 color: var(--primary-theme-color); 291 } 292 293 #main-menu ul.children, 245 294 #main-menu ul.sub-menu { 246 opacity:0; 247 position: absolute; 248 top: 35px; 249 right: -9999em; 250 background:#f5f9ff; 251 z-index:10001; 252 width:213px; 253 padding-right:0; 254 -webkit-transition: opacity 0.3s ease 0s; 255 -moz-transition: opacity 0.3s ease 0s; 256 -o-transition: opacity 0.3s ease 0s; 257 transition: opacity 0.3s ease 0s; 258 } 259 #main-menu ul.children li , 295 opacity: 0; 296 position: absolute; 297 top: 35px; 298 right: -9999em; 299 background: #f5f9ff; 300 z-index: 10001; 301 width: 213px; 302 padding-right: 0; 303 -webkit-transition: opacity 0.3s ease 0s; 304 -moz-transition: opacity 0.3s ease 0s; 305 -o-transition: opacity 0.3s ease 0s; 306 transition: opacity 0.3s ease 0s; 307 } 308 309 #main-menu ul.children li, 260 310 #main-menu ul.sub-menu li { 261 position:relative; 262 margin:0; 263 line-height:1.2em; 264 text-transform:none; 265 width:213px; 266 min-height: inherit; 267 margin:0; 268 } 269 #main-menu li li:hover > ul, 270 #main-menu li li:focus > ul, 271 #main-menu li li.focus > ul { 272 top:0px; 273 right: -100%; 274 } 275 #main-menu ul.children li a , 311 position: relative; 312 margin: 0; 313 line-height: 1.2em; 314 text-transform: none; 315 width: 213px; 316 min-height: inherit; 317 margin: 0; 318 } 319 320 #main-menu li li:hover>ul, 321 #main-menu li li:focus>ul, 322 #main-menu li li.focus>ul { 323 top: 0px; 324 right: -100%; 325 } 326 327 #main-menu ul.children li a, 276 328 #main-menu ul.sub-menu li a { 277 text-decoration:none; 278 text-align:right; 279 display:block; 280 padding:10px 15px; 281 margin:0; 282 border:none; 283 line-height:inherit; 284 color: #222222; 285 border-bottom: solid 1px #e4e7ee; 286 } 329 text-decoration: none; 330 text-align: right; 331 display: block; 332 padding: 10px 15px; 333 margin: 0; 334 border: none; 335 line-height: inherit; 336 color: #222222; 337 border-bottom: solid 1px #e4e7ee; 338 } 339 287 340 #main-menu ul.children li a:hover, 288 #main-menu ul.sub-menu li a:hover{ 289 background: var(--primary-theme-color); 290 color: #fff; 291 } 341 #main-menu ul.sub-menu li a:hover { 342 background: var(--primary-theme-color); 343 color: #fff; 344 } 345 292 346 #main-menu ul.children li ul:before, 293 347 #main-menu ul.sub-menu li ul:before, … … 295 349 .dropdown-toggle, 296 350 button.close-menu { 297 display:none; 298 } 299 #main-menu li:hover > ul, 300 #main-menu li:focus > ul, 301 #main-menu li.focus > ul { 302 opacity:1; 303 right: 0; 351 display: none; 352 } 353 354 #main-menu li:hover>ul, 355 #main-menu li:focus>ul, 356 #main-menu li.focus>ul { 357 opacity: 1; 358 right: 0; 304 359 } 305 360 … … 308 363 ============================================= */ 309 364 310 .sticky .post-content-box{ 311 background: #f2f8ff; 312 } 365 .sticky .post-content-box { 366 background: #f2f8ff; 367 } 368 313 369 .post-box { 314 370 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); … … 316 372 text-align: center; 317 373 } 374 318 375 h3.post-title { 319 376 font-size: 25px; 320 377 font-weight: 500; 321 378 } 322 .post-content p{ 323 color: #6c6c6c; 324 } 325 .post-meta,.crumb-box a:hover{ 326 color: var(--primary-theme-color); 327 } 379 380 .post-content p { 381 color: #6c6c6c; 382 } 383 384 .post-meta, 385 .crumb-box a:hover { 386 color: var(--primary-theme-color); 387 } 388 328 389 pre { 329 display: block; 330 padding: 9.5px; 331 margin: 0 0 10px; 332 font-size: 13px; 333 line-height: 1.42857143; 334 color: #222222; 335 white-space: break-spaces; 336 background-color: #f5f5f5; 337 border: 1px solid #ccc; 338 border-radius: 4px; 339 } 390 display: block; 391 padding: 9.5px; 392 margin: 0 0 10px; 393 font-size: 13px; 394 line-height: 1.42857143; 395 color: #222222; 396 white-space: break-spaces; 397 background-color: #f5f5f5; 398 border: 1px solid #ccc; 399 border-radius: 4px; 400 } 401 340 402 .post-content img, 341 403 .post-thumbnail img, … … 343 405 .post-content object, 344 406 .post-content embed { 345 max-width: 100%; 346 } 407 max-width: 100%; 408 } 409 347 410 .post-content img, 348 411 .post-thumbnail img { 349 max-height:100%; 350 height:auto; 351 } 412 max-height: 100%; 413 height: auto; 414 } 415 352 416 .post-content:after { 353 417 content: ""; … … 355 419 clear: both; 356 420 } 357 #content,footer { 421 422 #content, 423 footer { 358 424 float: right; 359 425 width: 100%; 360 426 } 361 .box{ 427 428 .box { 362 429 background-color: #222222; 363 430 text-align: center; … … 365 432 position: relative; 366 433 } 367 .post-box:hover:before{ 434 435 .post-box:hover:before { 368 436 opacity: 1; 369 437 transform: translateX(0); 370 438 } 371 .box img{ 439 440 .box img { 372 441 width: 100%; 373 442 height: auto; … … 375 444 transition: all 0.5s ease; 376 445 } 377 .post-box:hover img{ 446 447 .post-box:hover img { 378 448 opacity: 0.5; 379 449 transform: translateX(-20px) scale(1.15); 380 450 } 381 .box .box-content{ 382 opacity: 0; 451 452 .box .box-content { 453 opacity: 0; 383 454 transform: scale(0); 384 455 position: absolute; … … 391 462 transition: all 0.5s ease; 392 463 } 393 .post-box:hover .box-content{ 464 465 .post-box:hover .box-content { 394 466 opacity: 1; 395 467 transform: scale(1); 396 468 } 469 397 470 p.slider-button i { 398 471 background: #3173e9; … … 401 474 font-size: 20px; 402 475 } 476 403 477 p.slider-button i:hover { 404 478 background: #fff; 405 479 color: #3173e9; 406 480 } 481 407 482 .post-info span, 408 483 .post-info a { … … 412 487 display: inline-block; 413 488 } 489 414 490 .post-info a:hover, 415 491 .entry-date:hover a, 416 .entry-author:hover a 417 { 492 .entry-author:hover a { 418 493 color: var(--primary-theme-color); 419 494 } 495 420 496 .post-info i { 421 497 color: var(--primary-theme-color); 422 498 font-size: 12px; 423 499 } 424 /* Edit link */ 425 .link-edit{ 426 display: inline-block; 427 margin-right: 10px; 428 } 429 .post-info{ 430 display:inline-block; 431 } 432 .link-edit::before { 433 content: "\f044"; 434 color: var(--primary-theme-color); 435 } 436 .link-edit::before { 437 display: inline-block; 438 font-family: 'Font Awesome 6 Free'; 439 height: 15px; 440 margin-left: 8px; 441 } 442 .post-edit-link{ 443 color: #000 !important; 444 } 500 501 /* Edit link */ 502 .link-edit { 503 display: inline-block; 504 margin-right: 10px; 505 } 506 507 .post-info { 508 display: inline-block; 509 } 510 511 .link-edit::before { 512 content: "\f044"; 513 color: var(--primary-theme-color); 514 } 515 516 .link-edit::before { 517 display: inline-block; 518 font-family: 'Font Awesome 6 Free'; 519 height: 15px; 520 margin-left: 8px; 521 } 522 523 .post-edit-link { 524 color: #000 !important; 525 } 445 526 446 527 /* =============================================== … … 450 531 .pagination, 451 532 .elemento-it-solutions-pagination { 452 margin:25px 0; 453 } 533 margin: 25px 0; 534 } 535 454 536 .pagination .nav-links a, 455 537 .pagination .nav-links span.current, 456 538 .elemento-it-solutions-pagination a span, 457 539 .elemento-it-solutions-pagination span.current { 458 display:inline-block; 459 text-decoration: none; 460 padding:10px 12px; 461 font-size:14px; 462 font-weight: bold; 463 color:#333; 464 text-align:center; 465 cursor:pointer; 466 background:#f3f4f7; 467 } 540 display: inline-block; 541 text-decoration: none; 542 padding: 10px 12px; 543 font-size: 14px; 544 font-weight: bold; 545 color: #333; 546 text-align: center; 547 cursor: pointer; 548 background: #f3f4f7; 549 } 550 468 551 .pagination .nav-links a:hover, 469 552 .pagination .nav-links a:focus, … … 474 557 .elemento-it-solutions-pagination a span:hover, 475 558 .elemento-it-solutions-pagination a span:focus { 476 background: var(--primary-theme-color);477 color: #fff;559 background: var(--primary-theme-color); 560 color: #fff; 478 561 } 479 562 … … 481 564 ## Comments 482 565 --------------------------------------------------------------*/ 483 .comment-reply a:focus{ 484 color: #fff; 485 } 566 .comment-reply a:focus { 567 color: #fff; 568 } 569 486 570 .comment-respond input#submit:hover, 487 .comment-reply a:hover{ 488 background: #222222; 489 color: #fff; 490 } 491 .comment-form-url input,nav.navigation.pagination{ 571 .comment-reply a:hover { 572 background: #222222; 573 color: #fff; 574 } 575 576 .comment-form-url input, 577 nav.navigation.pagination { 492 578 width: 100%; 493 579 } 580 494 581 .comment-respond input#submit { 495 582 background: var(--primary-theme-color); … … 499 586 font-weight: 600; 500 587 } 588 501 589 .comment-content a { 502 590 word-wrap: break-word; 503 591 } 592 504 593 .bypostauthor { 505 594 display: block; 506 595 } 596 507 597 .comments-title { 508 598 font-size: 1.125rem; 509 599 } 600 510 601 .comment-body .pull-left { 511 602 padding-left: 0.625rem; 512 603 } 604 513 605 .comment-list { 514 606 padding-right: 0; 515 607 border-bottom: 1px solid #00000047; 516 608 } 609 517 610 .comment-list .comment { 518 611 display: block; 519 612 } 613 520 614 .comment-list .pingback { 521 615 border-top: 1px solid rgba(0, 0, 0, 0.125); 522 616 padding: 0.563rem 0; 523 617 } 618 524 619 .comment-list .pingback a { 525 620 margin-right: 5px; 526 621 margin-left: 5px; 527 622 } 623 528 624 .comment-content.card-block { 529 625 padding: 15px; 530 626 } 627 531 628 .comment-reply a { 532 629 padding: 10px; … … 543 640 padding: 0 20px 0 0; 544 641 } 642 545 643 .sidebar-area .textwidget img, 546 .footer-area .textwidget img {644 .footer-area .textwidget img { 547 645 width: 100%; 548 646 height: auto; 549 647 } 648 550 649 .sidebar-area .sidebar-widget { 551 margin-bottom: 25px; 552 } 650 margin-bottom: 25px; 651 } 652 553 653 .sidebar-area a, 554 654 .sidebar-area p, … … 560 660 .sidebar-area th, 561 661 .sidebar-area .textwidget { 562 line-height:1.9em; 563 font-weight: normal; 564 } 565 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud { 662 line-height: 1.9em; 663 font-weight: normal; 664 } 665 666 .sidebar-area ul, 667 #calendar_wrap, 668 .sidebar-area .textwidget, 669 .tagcloud { 566 670 list-style: none; 567 671 margin: 0; 568 672 } 673 569 674 .sidebar-area ul { 570 675 padding: 15px 30px 25px; … … 572 677 border: solid 1px #e4e7ee; 573 678 } 679 574 680 .sidebar-area li a, 575 681 .sidebar-area li { … … 578 684 color: #222222; 579 685 } 686 580 687 .sidebar-area li { 581 688 padding: 14px 10px; 582 689 border-bottom: solid 1px #e4e7ee; 583 690 } 691 584 692 .sidebar-area h4.title { 585 position: relative;693 position: relative; 586 694 font-size: 25px; 587 695 margin-right: 60px; … … 589 697 margin-bottom: 20px; 590 698 } 699 591 700 .sidebar-area h4.title:before { 592 position: absolute;701 position: absolute; 593 702 content: ""; 594 703 width: 50px; … … 600 709 margin: auto; 601 710 } 711 602 712 .sidebar-area h4.title:after { 603 713 position: absolute; … … 612 722 margin: auto; 613 723 } 724 614 725 .sidebar-area .tagcloud a, 615 726 .footer-area .tagcloud a { … … 622 733 border: solid 1px #e4e7ee; 623 734 } 624 .footer-area .tagcloud a{ 625 border: solid 1px #fff; 626 color: #fff; 627 } 735 736 .footer-area .tagcloud a { 737 border: solid 1px #fff; 738 color: #fff; 739 } 740 628 741 .sidebar-area .tagcloud a:before, 629 .footer-area .tagcloud a:before {742 .footer-area .tagcloud a:before { 630 743 content: "#"; 631 744 } 745 632 746 .sidebar-area .tagcloud a:hover, 633 .footer-area .tagcloud a:hover{ 634 background: var(--primary-theme-color); 635 color: #fff; 636 } 747 .footer-area .tagcloud a:hover { 748 background: var(--primary-theme-color); 749 color: #fff; 750 } 751 637 752 .sidebar-area select, 638 753 .footer-area select, 639 .sidebar-area textarea, #comments textarea, 640 .sidebar-area input[type="text"], #comments input[type="text"], 754 .sidebar-area textarea, 755 #comments textarea, 756 .sidebar-area input[type="text"], 757 #comments input[type="text"], 641 758 .sidebar-area input[type="password"], 642 759 .sidebar-area input[type="datetime"], … … 654 771 .sidebar-area .uneditable-input, 655 772 #comments input[type="email"], 656 #comments input[type="url"]{ 657 -webkit-border-radius: 0; 658 -moz-border-radius: 0; 659 border-radius: 0; 660 width:100%; 661 padding: 5px 2%; 662 border: solid 1px #e4e7ee; 663 } 773 #comments input[type="url"] { 774 -webkit-border-radius: 0; 775 -moz-border-radius: 0; 776 border-radius: 0; 777 width: 100%; 778 padding: 5px 2%; 779 border: solid 1px #e4e7ee; 780 } 781 664 782 #wp-calendar th, 665 #wp-calendar 666 #today, 667 #wp-calendar 668 #today a { 669 background:#f3f4f7; 670 color:#434343 !important; 671 } 783 #wp-calendar #today, 784 #wp-calendar #today a { 785 background: #f3f4f7; 786 color: #434343 !important; 787 } 788 672 789 #wp-calendar a:hover { 673 border:none; 674 } 790 border: none; 791 } 792 675 793 #wp-calendar { 676 background: #fff; 677 width:100%; 678 } 794 background: #fff; 795 width: 100%; 796 } 797 679 798 #wp-calendar caption { 680 font-size: 14px; 681 text-transform:uppercase; 682 margin:0 0 10px 0; 683 text-align:right; 684 } 799 font-size: 14px; 800 text-transform: uppercase; 801 margin: 0 0 10px 0; 802 text-align: right; 803 } 804 685 805 #wp-calendar th, 686 806 #wp-calendar td { 687 text-align: center; 688 font-size: 14px; 689 color:#434343 !important; 690 padding:3px 6px; 691 } 807 text-align: center; 808 font-size: 14px; 809 color: #434343 !important; 810 padding: 3px 6px; 811 } 812 692 813 #wp-calendar td a { 693 display:block; 694 text-align: center; 695 font-size: 14px; 696 color:#434343 !important; 697 text-decoration:underline 698 } 814 display: block; 815 text-align: center; 816 font-size: 14px; 817 color: #434343 !important; 818 text-decoration: underline 819 } 820 699 821 #wp-calendar td#prev a, 700 #wp-calendar td#prev a{ 701 text-decoration:none; 702 text-align:right; 703 } 704 #wp-calendar th{ 705 font-weight:bold 706 } 822 #wp-calendar td#prev a { 823 text-decoration: none; 824 text-align: right; 825 } 826 827 #wp-calendar th { 828 font-weight: bold 829 } 830 707 831 tr:nth-child(2n+2) { 708 background-color: #f3f4f7; 709 } 832 background-color: #f3f4f7; 833 } 834 710 835 .searchform label { 711 display: block; 712 } 836 display: block; 837 } 838 713 839 .searchform input[type=text] { 714 840 width: calc(100% - 110px); … … 719 845 border: none; 720 846 } 847 721 848 #searchform { 722 849 border: solid 1px #e4e7ee; 723 850 border-radius: 30px; 724 851 } 852 725 853 .searchform input[type=submit] { 726 854 background: var(--primary-theme-color); … … 738 866 margin: 4px auto; 739 867 cursor: pointer; 740 -webkit-transition: color .3s ease, background-color .3s ease; 741 -moz-transition: color .3s ease, background-color .3s ease; 742 -o-transition: color .3s ease, background-color .3s ease; 743 transition: color .3s ease, background-color .3s ease; 744 } 745 .searchform input[type=submit]:hover , 868 -webkit-transition: color .3s ease, background-color .3s ease; 869 -moz-transition: color .3s ease, background-color .3s ease; 870 -o-transition: color .3s ease, background-color .3s ease; 871 transition: color .3s ease, background-color .3s ease; 872 } 873 874 .searchform input[type=submit]:hover, 746 875 .searchform input[type=submit]:focus { 747 background: var(--primary-theme-color); 748 text-decoration:none 749 } 876 background: var(--primary-theme-color); 877 text-decoration: none 878 } 879 750 880 .searchform:after { 751 881 content: ""; … … 753 883 clear: both; 754 884 } 755 .footer-widget, .footer-copyright{ 756 background: #222222; 757 } 885 886 .footer-widget, 887 .footer-copyright { 888 background: #222222; 889 } 890 758 891 footer a, 759 892 footer p, … … 765 898 footer .sidebar-area th, 766 899 footer .sidebar-area .title, 767 footer .sidebar-area .textwidget,.footer-area li, 900 footer .sidebar-area .textwidget, 901 .footer-area li, 768 902 .footer-area input[type=text], 769 .wp-block-group__inner-container h2 { 770 color: #fff; 771 } 903 .wp-block-group__inner-container h2 { 904 color: #fff; 905 } 906 772 907 .footer-area ul { 773 908 padding: 0; 774 909 list-style: none; 775 910 } 911 776 912 .footer-area h4.title { 777 font-size: 30px;913 font-size: 30px; 778 914 font-weight: 500; 779 915 color: #fff; 780 916 margin-top: 30px; 781 917 } 918 782 919 .footer-area li { 783 padding: 8px 0; 784 } 920 padding: 8px 0; 921 } 922 785 923 img.size-auto, 786 924 img.size-full, … … 791 929 img.aligncenter, 792 930 .attachment img { 793 max-width:100%; 794 height:auto; 795 } 931 max-width: 100%; 932 height: auto; 933 } 934 796 935 .alignleft, 797 936 img.alignleft { 798 display:inline; 799 float:right; 800 margin-left:24px; 801 margin-top:4px; 802 } 937 display: inline; 938 float: right; 939 margin-left: 24px; 940 margin-top: 4px; 941 } 942 803 943 .alignright, 804 944 img.alignright { 805 display:inline; 806 float:left; 807 margin-right:24px; 808 margin-top:4px; 809 } 945 display: inline; 946 float: left; 947 margin-right: 24px; 948 margin-top: 4px; 949 } 950 810 951 div.aligncenter, 811 952 img.aligncenter { 812 display: block; 813 margin-right: auto !important; 814 margin-left: auto !important; 815 float:none; 816 } 953 display: block; 954 margin-right: auto !important; 955 margin-left: auto !important; 956 float: none; 957 } 958 817 959 img.alignleft, 818 960 img.alignright, 819 961 img.aligncenter { 820 margin-bottom:12px; 821 } 962 margin-bottom: 12px; 963 } 964 822 965 .wp-caption { 823 line-height:18px; 824 margin-bottom:25px; 825 max-width:100% !important; 826 padding:4px; 827 text-align:center; 828 } 966 line-height: 18px; 967 margin-bottom: 25px; 968 max-width: 100% !important; 969 padding: 4px; 970 text-align: center; 971 } 972 829 973 .wp-caption img { 830 margin:5px 5px 0; 831 width:96%; 832 height:100% 833 } 974 margin: 5px 5px 0; 975 width: 96%; 976 height: 100% 977 } 978 834 979 .wp-caption p.wp-caption-text { 835 color:#888; 836 font-size:12px; 837 margin:5px; 838 } 839 .sticky { 840 } 841 842 .gallery-caption { 843 } 844 845 .bypostauthor { 846 } 980 color: #888; 981 font-size: 12px; 982 margin: 5px; 983 } 984 985 .sticky {} 986 987 .gallery-caption {} 988 989 .bypostauthor {} 990 847 991 /* =============================================== 848 992 BLOCK CSS 849 993 =============================================== */ 850 994 851 .widget_search .wp-block-search__inside-wrapper { 852 border: solid 1px #e4e7ee; 853 border-radius: 30px; 854 } 855 .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{ 856 width: calc(100% - 110px); 857 margin: 0; 858 padding: 12px; 859 float: right; 860 background-color: transparent; 861 border: none; 862 } 863 .widget_search button.wp-block-search__button.wp-element-button{ 864 background: var(--primary-theme-color); 865 border: none; 866 color: #fff; 867 font-size: 14px; 868 font-weight: 600; 869 text-align: center; 870 position: relative; 871 float: right; 872 border-radius: 30px; 873 text-shadow: none; 874 padding: 10px 0; 875 width: 105px; 876 margin: 4px auto; 877 cursor: pointer; 878 -webkit-transition: color .3s ease, background-color .3s ease; 879 -moz-transition: color .3s ease, background-color .3s ease; 880 -o-transition: color .3s ease, background-color .3s ease; 881 transition: color .3s ease, background-color .3s ease; 882 } 883 .widget_search button.wp-block-search__button:hover, 884 .widget_search button.wp-block-search__button:focus{ 885 background: var(--primary-theme-color); 886 text-decoration:none 887 } 888 .widget_search .wp-block-search__inside-wrapper { 889 content: ""; 890 display: table; 891 clear: both; 892 } 893 .sidebar-area .wp-block-search label{ 894 display: inline; 895 } 896 .sidebar-area .widget_search label , 897 .sidebar-area .sidebar-widget.widget_block .wp-block-heading{ 898 position: relative; 899 font-size: 25px; 900 margin-right: 60px; 901 margin-bottom: 20px; 902 color: #000; 903 } 904 .sidebar-area .widget_search label:before, 905 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 906 position: absolute; 907 content: ""; 908 width: 50px; 909 right: -60px; 910 height: 2px; 911 background: var(--primary-theme-color); 912 top: 0; 913 bottom: 0; 914 margin: auto; 915 } 916 .sidebar-area .widget_search label:after, 917 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 918 position: absolute; 919 content: ""; 920 width: 10px; 921 right: -60px; 922 height: 10px; 923 border-radius: 10px; 924 background: var(--primary-theme-color); 925 top: 0; 926 bottom: 0; 927 margin: auto; 928 } 929 .sidebar-area .wp-block-tag-cloud a, 930 .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{ 931 font-size: 15px !important; 932 color: #5b5b5b; 933 display: inline-block; 934 margin: 5px 0; 935 padding: 10px; 936 border-radius: 5px; 937 border: solid 1px #e4e7ee; 938 } 939 .footer-area .wp-block-tag-cloud a{ 940 border: solid 1px #fff; 941 color: #fff; 942 } 943 .sidebar-area .wp-block-tag-cloud a:before, 944 .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before { 945 content: "#"; 946 } 947 .sidebar-area .wp-block-tag-cloud a:hover, 948 .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{ 949 background: var(--primary-theme-color); 950 color: #fff; 951 } 952 .sidebar-area ol footer.wp-block-latest-comments__comment-meta{ 953 float: none !important; 954 } 955 .sidebar-area ol.wp-block-latest-comments{ 956 padding-right: 0px !important; 957 padding: 15px 30px 25px; 958 border-radius: 10px; 959 border: solid 1px #e4e7ee; 960 } 961 .footer-area .wp-block-heading , 962 .footer-area .widget_search label{ 963 font-size: 30px; 964 color: #fff; 965 margin-top: 30px; 966 } 995 .widget_search .wp-block-search__inside-wrapper { 996 border: solid 1px #e4e7ee; 997 border-radius: 30px; 998 } 999 1000 .widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 1001 width: calc(100% - 110px); 1002 margin: 0; 1003 padding: 12px; 1004 float: right; 1005 background-color: transparent; 1006 border: none; 1007 } 1008 1009 .widget_search button.wp-block-search__button.wp-element-button { 1010 background: var(--primary-theme-color); 1011 border: none; 1012 color: #fff; 1013 font-size: 14px; 1014 font-weight: 600; 1015 text-align: center; 1016 position: relative; 1017 float: right; 1018 border-radius: 30px; 1019 text-shadow: none; 1020 padding: 10px 0; 1021 width: 105px; 1022 margin: 4px auto; 1023 cursor: pointer; 1024 -webkit-transition: color .3s ease, background-color .3s ease; 1025 -moz-transition: color .3s ease, background-color .3s ease; 1026 -o-transition: color .3s ease, background-color .3s ease; 1027 transition: color .3s ease, background-color .3s ease; 1028 } 1029 1030 .widget_search button.wp-block-search__button:hover, 1031 .widget_search button.wp-block-search__button:focus { 1032 background: var(--primary-theme-color); 1033 text-decoration: none 1034 } 1035 1036 .widget_search .wp-block-search__inside-wrapper { 1037 content: ""; 1038 display: table; 1039 clear: both; 1040 } 1041 1042 .sidebar-area .wp-block-search label { 1043 display: inline; 1044 } 1045 1046 .sidebar-area .widget_search label, 1047 .sidebar-area .sidebar-widget.widget_block .wp-block-heading { 1048 position: relative; 1049 font-size: 25px; 1050 margin-right: 60px; 1051 margin-bottom: 20px; 1052 color: #000; 1053 } 1054 1055 .sidebar-area .widget_search label:before, 1056 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 1057 position: absolute; 1058 content: ""; 1059 width: 50px; 1060 right: -60px; 1061 height: 2px; 1062 background: var(--primary-theme-color); 1063 top: 0; 1064 bottom: 0; 1065 margin: auto; 1066 } 1067 1068 .sidebar-area .widget_search label:after, 1069 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 1070 position: absolute; 1071 content: ""; 1072 width: 10px; 1073 right: -60px; 1074 height: 10px; 1075 border-radius: 10px; 1076 background: var(--primary-theme-color); 1077 top: 0; 1078 bottom: 0; 1079 margin: auto; 1080 } 1081 1082 .sidebar-area .wp-block-tag-cloud a, 1083 .footer-area .wp-block-tag-cloud a, 1084 .tag-cloud-link { 1085 font-size: 15px !important; 1086 color: #5b5b5b; 1087 display: inline-block; 1088 margin: 5px 0; 1089 padding: 10px; 1090 border-radius: 5px; 1091 border: solid 1px #e4e7ee; 1092 } 1093 1094 .footer-area .wp-block-tag-cloud a { 1095 border: solid 1px #fff; 1096 color: #fff; 1097 } 1098 1099 .sidebar-area .wp-block-tag-cloud a:before, 1100 .footer-area .wp-block-tag-cloud a:before, 1101 .tag-cloud-link:before { 1102 content: "#"; 1103 } 1104 1105 .sidebar-area .wp-block-tag-cloud a:hover, 1106 .footer-area .wp-block-tag-cloud a:hover, 1107 .tag-cloud-link:hover { 1108 background: var(--primary-theme-color); 1109 color: #fff; 1110 } 1111 1112 .sidebar-area ol footer.wp-block-latest-comments__comment-meta { 1113 float: none !important; 1114 } 1115 1116 .sidebar-area ol.wp-block-latest-comments { 1117 padding-right: 0px !important; 1118 padding: 15px 30px 25px; 1119 border-radius: 10px; 1120 border: solid 1px #e4e7ee; 1121 } 1122 1123 .footer-area .wp-block-heading, 1124 .footer-area .widget_search label { 1125 font-size: 30px; 1126 color: #fff; 1127 margin-top: 30px; 1128 } 1129 967 1130 /* WOOCOMMERCE */ 968 .wp-block-woocommerce-cart.alignwide {1131 .wp-block-woocommerce-cart.alignwide { 969 1132 margin-left: auto; 970 1133 margin-right: auto; 971 1134 } 1135 972 1136 .wp-block-woocommerce-checkout.alignwide { 973 1137 margin-left: auto; 974 1138 margin-right: auto; 975 1139 } 976 .wp-block-woocommerce-cart .wc-block-cart-items{ 977 border: 1px solid #dee2e6!important; 1140 1141 .wp-block-woocommerce-cart .wc-block-cart-items { 1142 border: 1px solid #dee2e6 !important; 978 1143 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 979 1144 padding: 10px; 980 1145 } 1146 981 1147 .wp-block-woocommerce-cart-order-summary-block { 982 border: 1px solid #dee2e6 !important;1148 border: 1px solid #dee2e6 !important; 983 1149 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 984 1150 } 985 .wp-block-woocommerce-cart-order-summary-heading-block{ 1151 1152 .wp-block-woocommerce-cart-order-summary-heading-block { 986 1153 padding: 10px 20px !important; 987 1154 background: #f3f4f7 !important; 988 1155 } 989 .wc-block-components-product-name{ 1156 1157 .wc-block-components-product-name { 990 1158 font-size: 20px; 991 1159 text-decoration: none !important; … … 993 1161 color: #000 !important; 994 1162 } 995 .wc-block-cart-items__header-image{ 1163 1164 .wc-block-cart-items__header-image { 996 1165 padding-right: 16px !important; 997 1166 } 998 .wc-block-cart-items__header-total{ 1167 1168 .wc-block-cart-items__header-total { 999 1169 padding-left: 16px !important; 1000 1170 } 1001 .wc-block-components-totals-coupon-link , 1171 1172 .wc-block-components-totals-coupon-link, 1002 1173 .wc-block-cart__submit-container a, 1003 1174 .wc-block-checkout__actions_row button, 1004 1175 .wc-block-components-totals-coupon__form button, 1005 1176 .wc-block-components-checkout-return-to-cart-button, 1006 .wc-block-grid__product-add-to-cart a {1177 .wc-block-grid__product-add-to-cart a { 1007 1178 background: var(--primary-theme-color); 1008 1179 color: #fff !important; … … 1014 1185 text-decoration: none !important; 1015 1186 } 1016 .wc-block-cart__submit-container a{ 1187 1188 .wc-block-cart__submit-container a { 1017 1189 margin-top: 20px; 1018 1190 } 1191 1019 1192 .wc-block-components-totals-coupon-link:hover, 1020 1193 .wc-block-cart__submit-container:hover a, 1021 1194 .wc-block-checkout__actions_row button:hover, 1022 1195 .wc-block-components-checkout-return-to-cart-button:hover, 1023 .wc-block-grid__product-add-to-cart a:hover {1196 .wc-block-grid__product-add-to-cart a:hover { 1024 1197 background: #121212; 1025 1198 } 1199 1026 1200 .wc-block-components-totals-coupon { 1027 1201 text-align: center; 1028 1202 } 1029 .wc-block-cart-items__header-product{ 1203 1204 .wc-block-cart-items__header-product { 1030 1205 background: #f3f4f7 !important; 1031 1206 } 1032 .wc-block-cart-items__header th{ 1207 1208 .wc-block-cart-items__header th { 1033 1209 padding: 10px 20px !important; 1034 1210 font-size: 14px; 1035 1211 } 1036 .wc-block-cart__totals-title{ 1212 1213 .wc-block-cart__totals-title { 1037 1214 font-size: 14px !important; 1038 1215 font-weight: 700 !important; 1039 1216 text-align: center !important; 1040 1217 } 1218 1041 1219 tr.wc-block-cart-items__row { 1042 1220 padding: 15px 15px !important; 1043 1221 } 1222 1044 1223 .wc-block-components-totals-item, 1045 .wc-block-components-totals-item {1224 .wc-block-components-totals-item { 1046 1225 padding-right: 16px !important; 1047 1226 padding-left: 16px !important; 1048 1227 } 1049 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ 1228 1229 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { 1050 1230 display: block !important; 1051 1231 } 1232 1052 1233 /* Cart */ 1053 1234 .wc-block-grid__product-title { … … 1056 1237 text-decoration: none !important; 1057 1238 } 1058 a.wc-block-grid__product-link{ 1239 1240 a.wc-block-grid__product-link { 1059 1241 text-decoration: none !important; 1060 1242 } 1061 .wc-block-grid__product-price{ 1243 1244 .wc-block-grid__product-price { 1062 1245 color: var(--primary-theme-color) !important; 1063 1246 font-size: 14px !important; 1064 1247 font-weight: 500 !important; 1065 1248 } 1066 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { 1249 1250 .wc-block-grid .wc-block-grid__product-onsale, 1251 .wc-block-grid__product-image .wc-block-grid__product-onsale { 1067 1252 top: 10px !important; 1068 1253 left: 10px !important; … … 1076 1261 color: #fff !important; 1077 1262 } 1263 1078 1264 /* CHECKOUT */ 1079 .wp-block-woocommerce-checkout-order-summary-block {1080 border: 1px solid #dee2e6 !important;1265 .wp-block-woocommerce-checkout-order-summary-block { 1266 border: 1px solid #dee2e6 !important; 1081 1267 padding: 10px; 1082 1268 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1083 1269 } 1270 1084 1271 /* MY ACCOUNT */ 1085 1272 nav.woocommerce-MyAccount-navigation ul { … … 1088 1275 margin-bottom: 0; 1089 1276 } 1090 nav.woocommerce-MyAccount-navigation ul li{ 1277 1278 nav.woocommerce-MyAccount-navigation ul li { 1091 1279 padding: 10px; 1092 1280 margin-bottom: 15px; 1093 1281 background: var(--primary-theme-color); 1094 1282 } 1095 nav.woocommerce-MyAccount-navigation ul li:hover{ 1283 1284 nav.woocommerce-MyAccount-navigation ul li:hover { 1096 1285 background: #222222; 1097 1286 } 1098 nav.woocommerce-MyAccount-navigation ul li a{ 1287 1288 nav.woocommerce-MyAccount-navigation ul li a { 1099 1289 text-decoration: none; 1100 1290 color: #fff; 1101 1291 } 1292 1102 1293 /* MY ACCOUNT Address Button */ 1103 .woocommerce-Address-title a {1294 .woocommerce-Address-title a { 1104 1295 background: var(--primary-theme-color); 1105 1296 color: #fff !important; … … 1110 1301 text-decoration: none !important; 1111 1302 } 1112 header.woocommerce-Address-title.title{ 1303 1304 header.woocommerce-Address-title.title { 1113 1305 display: inline-grid; 1114 1306 margin-bottom: 20px; 1115 1307 } 1308 1116 1309 /* CHECKOUT */ 1117 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{ 1310 .woocommerce form .form-row label, 1311 .woocommerce form .form-row, 1312 span.woocommerce-input-wrapper, 1313 span.password-input { 1118 1314 width: 100%; 1119 1315 } 1316 1120 1317 /* BUTTONS */ 1121 .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{ 1318 .woocommerce #respond input#submit.alt, 1319 .woocommerce a.button.alt, 1320 .woocommerce button.button.alt, 1321 .woocommerce input.button.alt, 1322 .woocommerce #respond input#submit, 1323 .woocommerce a.button, 1324 .woocommerce button.button, 1325 .woocommerce input.button, 1326 .woocommerce a.added_to_cart { 1122 1327 background: var(--primary-theme-color); 1123 1328 color: #fff; … … 1125 1330 border-radius: 7px !important; 1126 1331 } 1127 .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{ 1332 1333 .woocommerce #respond input#submit.alt:hover, 1334 .woocommerce a.button.alt:hover, 1335 .woocommerce button.button.alt:hover, 1336 .woocommerce input.button.alt:hover, 1337 .woocommerce #respond input#submit:hover, 1338 .woocommerce a.button:hover, 1339 .woocommerce button.button:hover, 1340 .woocommerce input.button:hover, 1341 .woocommerce a.added_to_cart:hover { 1128 1342 background: #222222; 1129 1343 color: #fff; 1130 1344 } 1131 .woocommerce a.added_to_cart{ 1345 1346 .woocommerce a.added_to_cart { 1132 1347 padding: .618em 1em; 1133 1348 font-weight: 700; … … 1137 1352 1138 1353 /* SQUARE AND OUTLINE BUTTONS */ 1139 .wp-block-button__link {1140 color: #fff !important;1141 background-color: var(--primary-theme-color);1354 .wp-block-button__link { 1355 color: #fff !important; 1356 background-color: var(--primary-theme-color); 1142 1357 margin-bottom: 5px; 1143 1358 } 1144 .wp-block-button.is-style-outline .wp-block-button__link{ 1359 1360 .wp-block-button.is-style-outline .wp-block-button__link { 1145 1361 border: 1px solid var(--primary-theme-color); 1146 1362 color: #121212 !important; 1147 1363 } 1148 .wp-block-button.is-style-squared .wp-block-button__link{ 1364 1365 .wp-block-button.is-style-squared .wp-block-button__link { 1149 1366 border-radius: 0px !important; 1150 1367 } 1368 1151 1369 .post-content { 1152 1370 word-wrap: break-word; 1153 1371 } 1372 1154 1373 .sidebar-area .wp-block-group__inner-container h2 { 1155 1374 color: #000000 !important; 1156 1375 font-size: 20px; 1157 1376 } 1377 1158 1378 /* SHOP & SINGLE PRODUCT */ 1159 1379 1160 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { 1380 .woocommerce ul.products li.product .onsale, 1381 .woocommerce span.onsale { 1161 1382 top: 10px; 1162 1383 left: 10px; … … 1169 1390 min-height: 2em !important; 1170 1391 } 1171 .woocommerce span.onsale{ 1392 1393 .woocommerce span.onsale { 1172 1394 right: 10px; 1173 1395 left: auto; 1174 1396 } 1397 1175 1398 h2.woocommerce-loop-product__title { 1176 1399 font-size: 18px !important; 1177 1400 } 1178 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price { 1401 1402 .woocommerce ul.products li.product .price, 1403 .woocommerce div.product p.price, 1404 .woocommerce div.product span.price { 1179 1405 color: var(--primary-theme-color); 1180 1406 display: block; … … 1182 1408 font-size: 18px; 1183 1409 } 1184 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ 1410 1411 .woocommerce ul.products li.product .price ins, 1412 .woocommerce div.product p.price ins, 1413 .woocommerce div.product span.price ins { 1185 1414 text-decoration: none; 1186 1415 } 1187 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 1416 1417 .woocommerce ul.products li.product, 1418 .woocommerce-page ul.products li.product { 1188 1419 text-align: center; 1189 border: 1px solid var(--primary-theme-color); 1190 border-radius: 10px; 1191 padding: 10px; 1192 } 1420 } 1421 1193 1422 .woocommerce .quantity .qty { 1194 1423 width: 13em; 1195 1424 padding: 8px; 1196 1425 } 1426 1197 1427 .woocommerce ul.products li.product .star-rating { 1198 1428 font-size: 12px; 1199 1429 margin: 0 auto 8px; 1200 1430 } 1201 .woocommerce ul.products li.product a img{ 1431 1432 .woocommerce ul.products li.product a img { 1202 1433 margin-bottom: 0; 1434 } 1435 1436 .woocommerce .woocommerce-ordering select, 1437 .woocommerce form .form-row input.input-text, 1438 .woocommerce form .form-row textarea { 1439 padding: 12px; 1440 border: 1px solid #d3ced2; 1441 background: transparent; 1442 } 1443 1444 .woocommerce-shop .woocommerce ul.products li.product a img { 1203 1445 width: 200px; 1204 1446 height: 200px; … … 1206 1448 border-radius: 20px; 1207 1449 } 1208 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { 1209 padding: 12px; 1210 border: 1px solid #d3ced2; 1211 background: transparent; 1212 } 1450 1451 .woocommerce-shop .woocommerce ul.products li.product, 1452 .woocommerce-page ul.products li.product { 1453 border: 1px solid var(--primary-theme-color); 1454 border-radius: 10px; 1455 padding: 10px; 1456 } 1457 1213 1458 /* shop page pagination */ 1214 1459 .woocommerce nav.woocommerce-pagination ul li span.current { … … 1219 1464 font-weight: bold; 1220 1465 } 1466 1221 1467 .woocommerce nav.woocommerce-pagination ul li a { 1222 1468 display: block; … … 1231 1477 border-radius: 10px; 1232 1478 } 1233 .woocommerce nav.woocommerce-pagination ul li a:hover{ 1479 1480 .woocommerce nav.woocommerce-pagination ul li a:hover { 1234 1481 background: var(--primary-theme-color); 1235 1482 color: #121212; 1236 1483 } 1237 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ 1484 1485 .woocommerce nav.woocommerce-pagination ul, 1486 .woocommerce nav.woocommerce-pagination ul li { 1238 1487 border: none; 1239 1488 float: none; 1240 1489 overflow: unset; 1241 1490 } 1491 1242 1492 .woocommerce nav.woocommerce-pagination { 1243 1493 text-align: center; 1244 1494 margin-bottom: 20px; 1245 } 1495 } 1496 1246 1497 /* SINGLE POST */ 1247 1498 .single-post-category span { … … 1249 1500 color: #5b5b5b; 1250 1501 } 1251 .single-post-category .post-categories li ,.single-post-category ul{ 1502 1503 .single-post-category .post-categories li, 1504 .single-post-category ul { 1252 1505 display: inline-block; 1253 1506 padding-right: 0px; 1254 1507 } 1255 .single-post-category .post-categories li a{ 1508 1509 .single-post-category .post-categories li a { 1256 1510 margin-left: 8px; 1257 1511 margin-bottom: 8px; 1258 background-color: var(--primary-theme-color);1512 background-color: var(--primary-theme-color); 1259 1513 padding: 8px 10px; 1260 1514 color: #fff; … … 1264 1518 line-height: 1; 1265 1519 } 1266 .single-post-category .post-categories li a:hover{ 1520 1521 .single-post-category .post-categories li a:hover { 1267 1522 background: #000000; 1268 1523 } 1269 /*PRELOADER*/ 1524 1525 /* PRELOADER */ 1270 1526 1271 1527 .loader { 1272 background-color: #fff;1273 1528 width: 100%; 1274 1529 height: 100%; … … 1280 1535 align-items: center; 1281 1536 } 1537 1282 1538 .preloader { 1283 1539 animation: move 0.5s ease infinite alternate; 1284 1540 } 1541 1285 1542 .diamond { 1286 1543 width: 60px; … … 1292 1549 align-items: center; 1293 1550 } 1294 .diamond span{ 1551 1552 .diamond span { 1295 1553 width: 60px; 1296 1554 height: 60px; … … 1299 1557 right: 0; 1300 1558 } 1301 .diamond span:nth-child(1){ 1302 border: 10px solid #222222; 1303 border-right-color: var(--primary-theme-color); 1304 border-left-color: var(--primary-theme-color); 1559 1560 .diamond span:nth-child(1) { 1561 border: 10px solid var(--primary-theme-color); 1562 border-right-color: #000; 1563 border-left-color: #000; 1305 1564 transform: rotateX(90deg) rotateZ(-45deg); 1306 1565 } 1307 .diamond span:nth-child(2){ 1308 border: 6px solid #222222; 1309 border-right-color: var(--primary-theme-color); 1310 border-left-color: var(--primary-theme-color); 1566 1567 .diamond span:nth-child(2) { 1568 border: 6px solid var(--primary-theme-color); 1569 border-right-color: #000; 1570 border-left-color: #000; 1311 1571 transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg); 1312 1572 } 1313 .diamond span:last-child{ 1314 border: 6px solid #222222; 1315 border-right-color: var(--primary-theme-color); 1316 border-left-color: var(--primary-theme-color); 1573 1574 .diamond span:last-child { 1575 border: 6px solid var(--primary-theme-color); 1576 border-right-color: #000; 1577 border-left-color: #000; 1317 1578 transform: rotateZ(-45deg); 1318 1579 } 1319 @keyframes move{ 1320 0%{ transform: translateY(0) scaleY(0.9); } 1321 100%{ transform: translateY(-70px) scaleY(1.1); } 1322 } 1323 @keyframes spin{ 1324 0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); } 1325 100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg); } 1580 1581 @keyframes move { 1582 0% { 1583 transform: translateY(0) scaleY(0.9); 1584 } 1585 1586 100% { 1587 transform: translateY(-70px) scaleY(1.1); 1588 } 1589 } 1590 1591 @keyframes spin { 1592 0% { 1593 transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); 1594 } 1595 1596 100% { 1597 transform: translateY(-50%) rotateX(-15deg) rotateY(-180deg); 1598 } 1599 } 1600 1601 .orbit-loader { 1602 position: relative; 1603 width: 120px; 1604 height: 120px; 1605 display: flex; 1606 justify-content: center; 1607 align-items: center; 1608 } 1609 1610 .orbit-center { 1611 width: 20px; 1612 height: 20px; 1613 background: var(--primary-theme-color); 1614 border-radius: 50%; 1615 position: absolute; 1616 box-shadow: 0 0 15px var(--primary-theme-color); 1617 } 1618 1619 .orbit-ring { 1620 position: absolute; 1621 width: 100px; 1622 height: 100px; 1623 animation: rotateOrbit 2s linear infinite; 1624 } 1625 1626 .orbit-ring span { 1627 width: 12px; 1628 height: 12px; 1629 background: var(--primary-theme-color); 1630 border-radius: 50%; 1631 position: absolute; 1632 } 1633 1634 .orbit-ring span:nth-child(1) { 1635 top: 0; 1636 right: 50%; 1637 transform: translateX(50%); 1638 } 1639 1640 .orbit-ring span:nth-child(2) { 1641 bottom: 0; 1642 right: 0; 1643 } 1644 1645 .orbit-ring span:nth-child(3) { 1646 bottom: 0; 1647 left: 0; 1648 } 1649 1650 @keyframes rotateOrbit { 1651 100% { 1652 transform: rotate(-360deg); 1653 } 1654 } 1655 1656 .liquid-loader { 1657 position: relative; 1658 width: 150px; 1659 height: 150px; 1660 } 1661 1662 .liquid-blob { 1663 width: 100%; 1664 height: 100%; 1665 border-radius: 50%; 1666 background: radial-gradient(circle at 30% 30%, 1667 var(--primary-theme-color), 1668 #000); 1669 animation: liquidMorph 4s ease-in-out infinite; 1670 } 1671 1672 @keyframes liquidMorph { 1673 0% { 1674 border-radius: 58% 42% 37% 63% / 40% 43% 57% 60%; 1675 } 1676 1677 50% { 1678 border-radius: 42% 58% 63% 37% / 60% 57% 43% 40%; 1679 } 1680 1681 100% { 1682 border-radius: 58% 42% 37% 63% / 40% 43% 57% 60%; 1683 } 1326 1684 } 1327 1685 … … 1334 1692 z-index: 999; 1335 1693 } 1694 1336 1695 .scroll-up a { 1337 background: var(--primary-theme-color); 1338 color:#ffffff; 1339 } 1340 .scroll-up a:hover{ 1341 background: #222222; 1342 color:#fff; 1343 } 1696 background: var(--primary-theme-color); 1697 color: #ffffff; 1698 } 1699 1700 .scroll-up a:hover { 1701 background: #222222; 1702 color: #fff; 1703 } 1704 1344 1705 .scroll-up a { 1345 1706 display: block; … … 1355 1716 box-shadow: 0 0 10px rgb(0 0 0 / 20%); 1356 1717 } 1357 .scroll-up i{ 1718 1719 .scroll-up i { 1358 1720 line-height: 40px; 1359 1721 } 1722 1360 1723 /* =============================================== 1361 1724 Search pop up 1362 1725 =============================================== */ 1363 1726 1364 .search-cont button{ 1365 border: 0; 1366 background: transparent; 1367 } 1368 .outer-search { 1369 background: rgb(255 255 255 / 91%); 1370 position: fixed; 1371 top: 0; 1372 right: 0; 1373 width: 100%; 1374 display: none; 1375 text-align: center; 1376 height: 100%; 1377 z-index: 9999999; 1378 } 1379 .inner-search label { 1380 width: 100%; 1381 } 1382 .inner-search input#search{ 1383 background: transparent; 1384 border-top: 2px solid #222; 1385 border-bottom: 2px solid #222; 1386 border-right: 0px solid transparent; 1387 border-left: 0px solid transparent; 1388 font-size: 32px; 1389 text-align: center; 1390 color: #222; 1391 } 1392 .inner-search input#search::placeholder { 1393 color: #222; 1394 } 1395 .inner-search { 1396 position: absolute; 1397 top: 50%; 1398 transform: translate(50%, -50%); 1399 width: 100%; 1400 z-index: 99999; 1401 right: 50%; 1402 padding: 0 15px; 1403 } 1404 .outer-search .closepop { 1405 position: absolute; 1406 top: 20%; 1407 transform: translateY(-50%); 1408 left: 5%; 1409 text-align: left; 1410 background: transparent; 1411 border: 0; 1412 font-size: 40px; 1413 color: #222; 1414 } 1415 .outer-search .closepop:focus{ 1416 outline-color: #000; 1417 } 1418 .inner-search form.searchform { 1419 margin: 0 auto; 1420 max-width: 700px; 1421 } 1422 .inner-search .searchform input[type=text]{ 1423 width: 100%; 1424 } 1425 .inner-search input.search-submit { 1426 display: none; 1427 } 1428 .search-cont i { 1429 color: #000; 1430 font-size: 16px; 1431 } 1432 .inner-search #searchform{ 1433 border: none; 1434 } 1435 .result-search #searchform{ 1436 display: table; 1437 } 1438 .not-found-content #searchform { 1439 display: inline-block; 1440 } 1441 .footer-copyright a,.footer-copyright p{ 1442 color: #ffffff; 1443 } 1444 .footer-copyright a:hover{ 1445 color:var(--primary-theme-color); 1446 } 1727 .search-cont button { 1728 border: 0; 1729 background: transparent; 1730 } 1731 1732 .outer-search { 1733 background: rgb(255 255 255 / 91%); 1734 position: fixed; 1735 top: 0; 1736 right: 0; 1737 width: 100%; 1738 display: none; 1739 text-align: center; 1740 height: 100%; 1741 z-index: 9999999; 1742 } 1743 1744 .inner-search label { 1745 width: 100%; 1746 } 1747 1748 .inner-search input#search { 1749 background: transparent; 1750 border-top: 2px solid #222; 1751 border-bottom: 2px solid #222; 1752 border-right: 0px solid transparent; 1753 border-left: 0px solid transparent; 1754 font-size: 32px; 1755 text-align: center; 1756 color: #222; 1757 } 1758 1759 .inner-search input#search::placeholder { 1760 color: #222; 1761 } 1762 1763 .inner-search { 1764 position: absolute; 1765 top: 50%; 1766 transform: translate(50%, -50%); 1767 width: 100%; 1768 z-index: 99999; 1769 right: 50%; 1770 padding: 0 15px; 1771 } 1772 1773 .outer-search .closepop { 1774 position: absolute; 1775 top: 20%; 1776 transform: translateY(-50%); 1777 left: 5%; 1778 text-align: left; 1779 background: transparent; 1780 border: 0; 1781 font-size: 40px; 1782 color: #222; 1783 } 1784 1785 .outer-search .closepop:focus { 1786 outline-color: #000; 1787 } 1788 1789 .inner-search form.searchform { 1790 margin: 0 auto; 1791 max-width: 700px; 1792 } 1793 1794 .inner-search .searchform input[type=text] { 1795 width: 100%; 1796 } 1797 1798 .inner-search input.search-submit { 1799 display: none; 1800 } 1801 1802 .search-cont i { 1803 color: #000; 1804 font-size: 16px; 1805 } 1806 1807 .inner-search #searchform { 1808 border: none; 1809 } 1810 1811 .result-search #searchform { 1812 display: table; 1813 } 1814 1815 .not-found-content #searchform { 1816 display: inline-block; 1817 } 1818 1819 .footer-copyright a, 1820 .footer-copyright p { 1821 color: #ffffff; 1822 } 1823 1824 .footer-copyright a:hover { 1825 color: var(--primary-theme-color); 1826 } 1827 1447 1828 /* =============================================== 1448 1829 Progress Bar … … 1455 1836 z-index: 99999; 1456 1837 } 1838 1457 1839 #elemento-progress-bar.top { 1458 1840 top: 0; 1459 1841 } 1842 1460 1843 .admin-bar #elemento-progress-bar.top { 1461 1844 top: 32px; 1462 1845 } 1846 1463 1847 #elemento-progress-bar.bottom { 1464 1848 bottom: 0; 1465 1849 } 1850 1466 1851 /* =============================================== 1467 1852 HOME PAGE CSS 1468 1853 =============================================== */ 1469 1854 1470 .elemento-it-solutions-slider-section {1855 .elemento-it-solutions-slider-section { 1471 1856 height: auto; 1472 1857 width: auto; 1473 1858 } 1474 .elemento-it-solutions-slider-section .elementor-element-populated{ 1859 1860 .elemento-it-solutions-slider-section .elementor-element-populated { 1475 1861 padding: 0px !important; 1476 1862 } 1477 .elemento-it-solutions-slider-section h1,.elemento-it-solutions-slider-section h5, 1478 .elemento-it-solutions-our-services-section span,.elemento-it-solutions-our-services-section h5,.elemento-it-solutions-our-services-section p{ 1863 1864 .elemento-it-solutions-slider-section h1, 1865 .elemento-it-solutions-slider-section h5, 1866 .elemento-it-solutions-our-services-section span, 1867 .elemento-it-solutions-our-services-section h5, 1868 .elemento-it-solutions-our-services-section p { 1479 1869 font-family: 'Open Sans', sans-serif !important; 1480 1870 } 1481 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 span{ 1871 1872 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 span { 1482 1873 font-size: 16px; 1483 1874 letter-spacing: 6px; … … 1486 1877 font-weight: 600; 1487 1878 } 1488 .elemento-it-solutions-slider-section a{ 1879 1880 .elemento-it-solutions-slider-section a { 1489 1881 border-radius: 30px; 1490 1882 } 1883 1491 1884 section.elementor-section.elementor-top-section.elemento-it-solutions-slider-section { 1492 1885 position: relative; 1493 1886 } 1494 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1{ 1887 1888 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 { 1495 1889 position: absolute; 1496 1890 top: 30%; … … 1498 1892 z-index: 999; 1499 1893 } 1500 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section2{ 1894 1895 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section2 { 1501 1896 z-index: 999; 1502 1897 position: absolute; … … 1504 1899 transform: translateY(-50%); 1505 1900 } 1506 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section3{ 1901 1902 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section3 { 1507 1903 position: absolute; 1508 1904 top: 55%; … … 1510 1906 transform: translateY(-50%); 1511 1907 } 1512 .elemento-it-solutions-slider-section h1{ 1908 1909 .elemento-it-solutions-slider-section h1 { 1513 1910 color: #fff !important; 1514 1911 font-size: 43px; … … 1517 1914 font-weight: 700 !important; 1518 1915 } 1916 1519 1917 /*our-services*/ 1520 1918 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-span span { … … 1525 1923 font-weight: 600; 1526 1924 } 1527 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-heading h1{ 1925 1926 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-heading h1 { 1528 1927 font-size: 34px; 1529 1928 line-height: 40px; … … 1531 1930 font-weight: 400; 1532 1931 } 1533 .elemento-it-solutions-our-services-section p{ 1932 1933 .elemento-it-solutions-our-services-section p { 1534 1934 font-size: 15px; 1535 1935 line-height: 20px; 1536 1936 font-weight: 400; 1537 1937 } 1538 .elemento-it-solutions-our-services-section h5{ 1938 1939 .elemento-it-solutions-our-services-section h5 { 1539 1940 font-size: 17px; 1540 1941 line-height: 35px; 1541 1942 font-weight: 700; 1542 1943 } 1944 1543 1945 section.elementor-section.elementor-top-section.elementor-element.elementor-element-da3a7fc.elemento-it-solutions-our-services-section.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default { 1544 1946 position: relative; 1545 1947 } 1546 .elemento-it-solutions-our-services-section-img1{ 1948 1949 .elemento-it-solutions-our-services-section-img1 { 1547 1950 overflow: hidden; 1548 1951 position: relative; 1549 1952 } 1550 .elemento-it-solutions-our-services-section img{ 1953 1954 .elemento-it-solutions-our-services-section img { 1551 1955 width: 100%; 1552 1956 } 1957 1553 1958 .elemento-it-solutions-our-services-section .elementor-widget.elementor-widget-image { 1554 1959 background: #000; … … 1556 1961 margin-bottom: 0 !important; 1557 1962 } 1963 1558 1964 .elemento-it-solutions-our-services-section-img1:hover img { 1559 1965 opacity: 0.7; 1560 1966 } 1967 1561 1968 .elemento-it-solutions-our-services-section-img1:hover .elementor-widget.elementor-widget-text-editor { 1562 1969 opacity: 1; 1563 1970 } 1971 1564 1972 .elemento-it-solutions-our-services-section-img1 .elementor-widget.elementor-widget-text-editor { 1565 1973 background: hsl(0deg 0% 100%); … … 1575 1983 border-right: 5px solid #3f7fff; 1576 1984 } 1577 .location-mail{ 1985 1986 .location-mail { 1578 1987 flex-wrap: wrap; 1579 1988 align-items: center; … … 1585 1994 ============================================= */ 1586 1995 1587 .sticky-copyright.footer-copyright {1996 .sticky-copyright.footer-copyright { 1588 1997 position: fixed; 1589 bottom: 0;1590 right: 0;1998 bottom: 0; 1999 right: 0; 1591 2000 width: 100%; 1592 2001 z-index: 999; -
elemento-it-solutions/0.6.5/style.css
r314488 r319947 6 6 Author URI: https://www.wpelemento.com/ 7 7 Requires at least: 5.0 8 Version: 0.6. 48 Version: 0.6.5 9 9 Requires PHP: 5.6 10 10 Tested up to: 6.9 … … 23 23 24 24 .screen-reader-text { 25 border: 0; 26 clip: rect(1px, 1px, 1px, 1px); 27 clip-path: inset(50%); 28 height: 1px; 29 margin: -1px; 30 overflow: hidden; 31 padding: 0; 32 position: absolute !important; 33 width: 1px; 34 word-wrap: normal !important; 35 -webkit-transition: none; 36 -moz-transition: none; 37 -o-transition: none; 38 transition: none; 39 } 25 border: 0; 26 clip: rect(1px, 1px, 1px, 1px); 27 clip-path: inset(50%); 28 height: 1px; 29 margin: -1px; 30 overflow: hidden; 31 padding: 0; 32 position: absolute !important; 33 width: 1px; 34 word-wrap: normal !important; 35 -webkit-transition: none; 36 -moz-transition: none; 37 -o-transition: none; 38 transition: none; 39 } 40 40 41 .screen-reader-text:focus { 41 background-color: #f1f1f1; 42 border-radius: 3px; 43 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 44 clip: auto !important; 45 clip-path: none; 46 color: #21759b; 47 display: block; 48 font-size: 14px; 49 font-weight: 600; 50 height: auto; 51 left: 5px; 52 line-height: normal; 53 padding: 15px 23px 14px; 54 text-decoration: none; 55 top: 5px; 56 width: auto; 57 z-index: 100000; 58 } 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 } 60 59 61 #content[tabindex="-1"]:focus { 60 outline: 0; 61 } 62 outline: 0; 63 } 64 62 65 body { 63 font-family: 'Open Sans', sans-serif;66 font-family: 'Open Sans', sans-serif; 64 67 color: #6c6c6c; 65 margin: 0;68 margin: 0; 66 69 background: #fff; 67 70 } 68 h1,h2,h3,h4,h5,h6{ 69 font-weight: bold; 70 color: #222222; 71 } 71 72 h1, 73 h2, 74 h3, 75 h4, 76 h5, 77 h6 { 78 font-weight: bold; 79 color: #222222; 80 } 81 72 82 a { 73 color: #222222;83 color: #222222; 74 84 -webkit-transition: color .1s linear; 75 85 -moz-transition: color .1s linear; … … 81 91 a:hover, 82 92 a:focus { 83 color: var(--primary-theme-color);93 color: var(--primary-theme-color); 84 94 text-decoration: none; 85 95 } 86 96 87 97 .alignwide { 88 margin-left : -80px; 89 margin-right : -80px; 90 } 98 margin-left: -80px; 99 margin-right: -80px; 100 } 101 91 102 .alignfull { 92 margin-left : calc( -100vw / 2 + 100% / 2 ); 93 margin-right : calc( -100vw / 2 + 100% / 2 ); 94 max-width : 100vw; 95 } 103 margin-left: calc(-100vw / 2 + 100% / 2); 104 margin-right: calc(-100vw / 2 + 100% / 2); 105 max-width: 100vw; 106 } 107 96 108 .alignfull img { 97 109 width: 100vw; 98 110 } 99 .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 { 111 112 .post-single a, 113 .page-single a, 114 .sidebar-area .textwidget a, 115 .comment-content a, 116 .woocommerce-product-details__short-description a, 117 #tab-description a, 118 .extra-home-content a { 100 119 text-decoration: underline; 101 color:var(--primary-theme-color); 102 } 103 .header-image-box h1{ 120 color: var(--primary-theme-color); 121 } 122 123 .header-image-box h1 { 104 124 word-break: break-all; 105 125 } … … 108 128 HEADER BOX 109 129 ============================================= */ 110 111 .topheader p,.topheader span,.social-links i{ 130 131 .topheader p, 132 .topheader span, 133 .social-links i { 112 134 font-size: 15px; 113 135 color: #fff; 114 136 } 115 .topheader p,.topheader span{ 116 padding: 8px 0; 117 } 137 138 .topheader p, 139 .topheader span { 140 padding: 8px 0; 141 } 142 118 143 .topheader { 119 144 background: var(--primary-theme-color); 120 145 } 121 p.hiring-text,.phone-card p { 146 147 p.hiring-text, 148 .phone-card p { 122 149 font-size: 14px; 123 150 } 151 124 152 .hiring-text span { 125 153 background: #fff; … … 130 158 font-weight: 700; 131 159 } 160 132 161 p.hiring-text a { 133 162 color: #ffea00; … … 135 164 text-decoration: underline; 136 165 } 166 137 167 .social-links i { 138 168 padding: 10px 0; … … 141 171 text-align: center; 142 172 } 173 143 174 .phone-card span { 144 175 font-size: 25px; … … 146 177 font-weight: 600; 147 178 } 179 148 180 .phone-card i { 149 181 font-size: 50px; 150 color: #367fff; 151 } 182 color: #367fff; 183 } 184 152 185 /* =============================================== 153 186 FOOTER SOCIAL ICONS 154 187 ============================================= */ 155 .footer-links {188 .footer-links { 156 189 text-align: left; 157 190 padding: 6px 0px; 158 191 } 159 .footer-links i{ 192 193 .footer-links i { 160 194 color: #000; 161 195 background: #fff; … … 163 197 border-radius: 3px; 164 198 } 165 .footer-links i:hover{ 199 200 .footer-links i:hover { 166 201 color: #367fff; 167 202 } 203 168 204 /* =============================================== 169 205 HEADER IMAGE 170 206 ============================================= */ 171 207 172 .header-image-box {173 position: relative;174 height: 350px;208 .header-image-box { 209 position: relative; 210 height: 350px; 175 211 display: flex; 176 212 align-items: center; 177 213 } 214 178 215 .header-image-box:before { 179 216 position: absolute; … … 187 224 z-index: 1; 188 225 } 189 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{ 226 227 .header-image-box h1, 228 .headerimgbox-meta span, 229 .crumb-box a, 230 .crumb-box, 231 .header-image-box p { 190 232 position: relative; 191 233 z-index: 1; 192 234 color: #fff; 193 235 } 194 .header-image-box h1{ 195 font-size: 65px; 236 237 .header-image-box h1 { 238 font-size: 65px; 196 239 } 197 240 … … 211 254 font-weight: 600; 212 255 } 256 213 257 .logo span { 214 258 display: block; … … 223 267 224 268 #main-menu { 225 display:block; 226 position:relative; 227 float:left; 228 margin:0 auto; 229 width:100% 230 } 269 display: block; 270 position: relative; 271 float: left; 272 margin: 0 auto; 273 width: 100% 274 } 275 231 276 #main-menu ul { 232 margin:0;277 margin: 0; 233 278 padding: 0; 234 display:block; 235 } 279 display: block; 280 } 281 236 282 #main-menu ul li { 237 position:relative; 238 display:block; 239 float:left; 240 text-align:left; 241 } 283 position: relative; 284 display: block; 285 float: left; 286 text-align: left; 287 } 288 242 289 #main-menu ul li a { 243 290 display: block; … … 247 294 font-weight: 500; 248 295 } 296 249 297 #main-menu a:hover, 250 298 #main-menu ul li a:hover, 251 #main-menu li:hover >a,299 #main-menu li:hover>a, 252 300 #main-menu a:focus, 253 301 #main-menu ul li a:focus, 254 #main-menu li.focus > a, 255 #main-menu li:focus > a, 256 #main-menu ul li.current-menu-item > a, 257 #main-menu ul li.current_page_item > a, 258 #main-menu ul li.current-menu-parent > a, 259 #main-menu ul li.current_page_ancestor > a, 260 #main-menu ul li.current-menu-ancestor > a { 261 color:var(--primary-theme-color); 262 } 263 #main-menu ul.children , 302 #main-menu li.focus>a, 303 #main-menu li:focus>a, 304 #main-menu ul li.current-menu-item>a, 305 #main-menu ul li.current_page_item>a, 306 #main-menu ul li.current-menu-parent>a, 307 #main-menu ul li.current_page_ancestor>a, 308 #main-menu ul li.current-menu-ancestor>a { 309 color: var(--primary-theme-color); 310 } 311 312 #main-menu ul.children, 264 313 #main-menu ul.sub-menu { 265 opacity:0; 266 position: absolute; 267 top: 35px; 268 left: -9999em; 269 background:#f5f9ff; 270 z-index:10001; 271 width:213px; 272 padding-left:0; 273 -webkit-transition: opacity 0.3s ease 0s; 274 -moz-transition: opacity 0.3s ease 0s; 275 -o-transition: opacity 0.3s ease 0s; 276 transition: opacity 0.3s ease 0s; 277 } 278 #main-menu ul.children li , 314 opacity: 0; 315 position: absolute; 316 top: 35px; 317 left: -9999em; 318 background: #f5f9ff; 319 z-index: 10001; 320 width: 213px; 321 padding-left: 0; 322 -webkit-transition: opacity 0.3s ease 0s; 323 -moz-transition: opacity 0.3s ease 0s; 324 -o-transition: opacity 0.3s ease 0s; 325 transition: opacity 0.3s ease 0s; 326 } 327 328 #main-menu ul.children li, 279 329 #main-menu ul.sub-menu li { 280 position:relative; 281 margin:0; 282 line-height:1.2em; 283 text-transform:none; 284 width:213px; 285 min-height: inherit; 286 margin:0; 287 } 288 #main-menu li li:hover > ul, 289 #main-menu li li:focus > ul, 290 #main-menu li li.focus > ul { 291 top:0px; 292 left: -100%; 293 } 294 #main-menu ul.children li a , 330 position: relative; 331 margin: 0; 332 line-height: 1.2em; 333 text-transform: none; 334 width: 213px; 335 min-height: inherit; 336 margin: 0; 337 } 338 339 #main-menu li li:hover>ul, 340 #main-menu li li:focus>ul, 341 #main-menu li li.focus>ul { 342 top: 0px; 343 left: -100%; 344 } 345 346 #main-menu ul.children li a, 295 347 #main-menu ul.sub-menu li a { 296 text-decoration:none; 297 text-align:left; 298 display:block; 299 padding:10px 15px; 300 margin:0; 301 border:none; 302 line-height:inherit; 303 color: #222222; 304 border-bottom: solid 1px #e4e7ee; 305 } 348 text-decoration: none; 349 text-align: left; 350 display: block; 351 padding: 10px 15px; 352 margin: 0; 353 border: none; 354 line-height: inherit; 355 color: #222222; 356 border-bottom: solid 1px #e4e7ee; 357 } 358 306 359 #main-menu ul.children li a:hover, 307 #main-menu ul.sub-menu li a:hover{ 308 background: var(--primary-theme-color); 309 color: #fff; 310 } 360 #main-menu ul.sub-menu li a:hover { 361 background: var(--primary-theme-color); 362 color: #fff; 363 } 364 311 365 #main-menu ul.children li ul:before, 312 366 #main-menu ul.sub-menu li ul:before, … … 314 368 .dropdown-toggle, 315 369 button.close-menu { 316 display:none; 317 } 318 #main-menu li:hover > ul, 319 #main-menu li:focus > ul, 320 #main-menu li.focus > ul { 321 opacity:1; 322 left: 0; 370 display: none; 371 } 372 373 #main-menu li:hover>ul, 374 #main-menu li:focus>ul, 375 #main-menu li.focus>ul { 376 opacity: 1; 377 left: 0; 323 378 } 324 379 … … 327 382 ============================================= */ 328 383 329 .sticky .post-content-box{ 330 background: #f2f8ff; 331 } 384 .sticky .post-content-box { 385 background: #f2f8ff; 386 } 387 332 388 .post-box { 333 389 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); … … 335 391 text-align: center; 336 392 } 393 337 394 h3.post-title { 338 395 font-size: 25px; 339 396 font-weight: 500; 340 397 } 341 .post-content p{ 342 color: #6c6c6c; 343 } 344 .post-meta,.crumb-box a:hover{ 345 color: var(--primary-theme-color); 346 } 398 399 .post-content p { 400 color: #6c6c6c; 401 } 402 403 .post-meta, 404 .crumb-box a:hover { 405 color: var(--primary-theme-color); 406 } 407 347 408 pre { 348 display: block; 349 padding: 9.5px; 350 margin: 0 0 10px; 351 font-size: 13px; 352 line-height: 1.42857143; 353 color: #222222; 354 white-space: break-spaces; 355 background-color: #f5f5f5; 356 border: 1px solid #ccc; 357 border-radius: 4px; 358 } 409 display: block; 410 padding: 9.5px; 411 margin: 0 0 10px; 412 font-size: 13px; 413 line-height: 1.42857143; 414 color: #222222; 415 white-space: break-spaces; 416 background-color: #f5f5f5; 417 border: 1px solid #ccc; 418 border-radius: 4px; 419 } 420 359 421 .post-content img, 360 422 .post-thumbnail img, … … 362 424 .post-content object, 363 425 .post-content embed { 364 max-width: 100%; 365 } 426 max-width: 100%; 427 } 428 366 429 .post-content img, 367 430 .post-thumbnail img { 368 max-height:100%; 369 height:auto; 370 } 431 max-height: 100%; 432 height: auto; 433 } 434 371 435 .post-content:after { 372 436 content: ""; … … 374 438 clear: both; 375 439 } 376 #content,footer { 440 441 #content, 442 footer { 377 443 float: left; 378 444 width: 100%; 379 445 } 380 .box{ 446 447 .box { 381 448 background-color: #222222; 382 449 text-align: center; … … 384 451 position: relative; 385 452 } 386 .post-box:hover:before{ 453 454 .post-box:hover:before { 387 455 opacity: 1; 388 456 transform: translateX(0); 389 457 } 390 .box img{ 458 459 .box img { 391 460 width: 100%; 392 461 height: auto; … … 394 463 transition: all 0.5s ease; 395 464 } 396 .post-box:hover img{ 465 466 .post-box:hover img { 397 467 opacity: 0.5; 398 468 transform: translateX(20px) scale(1.15); 399 469 } 400 .box .box-content{ 401 opacity: 0; 470 471 .box .box-content { 472 opacity: 0; 402 473 transform: scale(0); 403 474 position: absolute; … … 410 481 transition: all 0.5s ease; 411 482 } 412 .post-box:hover .box-content{ 483 484 .post-box:hover .box-content { 413 485 opacity: 1; 414 486 transform: scale(1); 415 487 } 488 416 489 p.slider-button i { 417 490 background: #3173e9; … … 420 493 font-size: 20px; 421 494 } 495 422 496 p.slider-button i:hover { 423 497 background: #fff; 424 498 color: #3173e9; 425 499 } 500 426 501 .post-info span, 427 502 .post-info a { … … 431 506 display: inline-block; 432 507 } 508 433 509 .post-info a:hover, 434 510 .entry-date:hover a, 435 .entry-author:hover a 436 { 511 .entry-author:hover a { 437 512 color: var(--primary-theme-color); 438 513 } 514 439 515 .post-info i { 440 516 color: var(--primary-theme-color); 441 517 font-size: 12px; 442 518 } 443 /* Edit link */ 444 .link-edit{ 445 display: inline-block; 446 margin-left: 10px; 447 } 448 .post-info{ 449 display:inline-block; 450 } 451 .link-edit::before { 452 content: "\f044"; 453 color: var(--primary-theme-color); 454 } 455 .link-edit::before { 456 display: inline-block; 457 font-family: 'Font Awesome 6 Free'; 458 height: 15px; 459 margin-right: 8px; 460 } 461 .post-edit-link{ 462 color: #000 !important; 463 } 519 520 /* Edit link */ 521 .link-edit { 522 display: inline-block; 523 margin-left: 10px; 524 } 525 526 .post-info { 527 display: inline-block; 528 } 529 530 .link-edit::before { 531 content: "\f044"; 532 color: var(--primary-theme-color); 533 } 534 535 .link-edit::before { 536 display: inline-block; 537 font-family: 'Font Awesome 6 Free'; 538 height: 15px; 539 margin-right: 8px; 540 } 541 542 .post-edit-link { 543 color: #000 !important; 544 } 464 545 465 546 /* =============================================== … … 469 550 .pagination, 470 551 .elemento-it-solutions-pagination { 471 margin:25px 0; 472 } 552 margin: 25px 0; 553 } 554 473 555 .pagination .nav-links a, 474 556 .pagination .nav-links span.current, 475 557 .elemento-it-solutions-pagination a span, 476 558 .elemento-it-solutions-pagination span.current { 477 display:inline-block; 478 text-decoration: none; 479 padding:10px 12px; 480 font-size:14px; 481 font-weight: bold; 482 color:#333; 483 text-align:center; 484 cursor:pointer; 485 background:#f3f4f7; 486 } 559 display: inline-block; 560 text-decoration: none; 561 padding: 10px 12px; 562 font-size: 14px; 563 font-weight: bold; 564 color: #333; 565 text-align: center; 566 cursor: pointer; 567 background: #f3f4f7; 568 } 569 487 570 .pagination .nav-links a:hover, 488 571 .pagination .nav-links a:focus, … … 493 576 .elemento-it-solutions-pagination a span:hover, 494 577 .elemento-it-solutions-pagination a span:focus { 495 background: var(--primary-theme-color);496 color: #fff;578 background: var(--primary-theme-color); 579 color: #fff; 497 580 } 498 581 … … 500 583 ## Comments 501 584 --------------------------------------------------------------*/ 502 .comment-reply a:focus{ 503 color: #fff; 504 } 585 .comment-reply a:focus { 586 color: #fff; 587 } 588 505 589 .comment-respond input#submit:hover, 506 .comment-reply a:hover{ 507 background: #222222; 508 color: #fff; 509 } 510 .comment-form-url input,nav.navigation.pagination{ 590 .comment-reply a:hover { 591 background: #222222; 592 color: #fff; 593 } 594 595 .comment-form-url input, 596 nav.navigation.pagination { 511 597 width: 100%; 512 598 } 599 513 600 .comment-respond input#submit { 514 601 background: var(--primary-theme-color); … … 518 605 font-weight: 600; 519 606 } 607 520 608 .comment-content a { 521 609 word-wrap: break-word; 522 610 } 611 523 612 .bypostauthor { 524 613 display: block; 525 614 } 615 526 616 .comments-title { 527 617 font-size: 1.125rem; 528 618 } 619 529 620 .comment-body .pull-left { 530 621 padding-right: 0.625rem; 531 622 } 623 532 624 .comment-list { 533 625 padding-left: 0; 534 626 border-bottom: 1px solid #00000047; 535 627 } 628 536 629 .comment-list .comment { 537 630 display: block; 538 631 } 632 539 633 .comment-list .pingback { 540 634 border-top: 1px solid rgba(0, 0, 0, 0.125); 541 635 padding: 0.563rem 0; 542 636 } 637 543 638 .comment-list .pingback a { 544 639 margin-left: 5px; 545 640 margin-right: 5px; 546 641 } 642 547 643 .comment-content.card-block { 548 644 padding: 15px; 549 645 } 646 550 647 .comment-reply a { 551 648 padding: 10px; … … 562 659 padding: 0 0 0 20px; 563 660 } 661 564 662 .sidebar-area .textwidget img, 565 .footer-area .textwidget img {663 .footer-area .textwidget img { 566 664 width: 100%; 567 665 height: auto; 568 666 } 667 569 668 .sidebar-area .sidebar-widget { 570 margin-bottom: 25px; 571 } 669 margin-bottom: 25px; 670 } 671 572 672 .sidebar-area a, 573 673 .sidebar-area p, … … 579 679 .sidebar-area th, 580 680 .sidebar-area .textwidget { 581 line-height:1.9em; 582 font-weight: normal; 583 } 584 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud { 681 line-height: 1.9em; 682 font-weight: normal; 683 } 684 685 .sidebar-area ul, 686 #calendar_wrap, 687 .sidebar-area .textwidget, 688 .tagcloud { 585 689 list-style: none; 586 690 margin: 0; 587 691 } 692 588 693 .sidebar-area ul { 589 694 padding: 15px 30px 25px; … … 591 696 border: solid 1px #e4e7ee; 592 697 } 698 593 699 .sidebar-area li a, 594 700 .sidebar-area li { … … 597 703 color: #222222; 598 704 } 705 599 706 .sidebar-area li { 600 707 padding: 14px 10px; 601 708 border-bottom: solid 1px #e4e7ee; 602 709 } 710 603 711 .sidebar-area h4.title { 604 position: relative;712 position: relative; 605 713 font-size: 25px; 606 714 margin-left: 60px; … … 608 716 margin-bottom: 20px; 609 717 } 718 610 719 .sidebar-area h4.title:before { 611 position: absolute;720 position: absolute; 612 721 content: ""; 613 722 width: 50px; … … 619 728 margin: auto; 620 729 } 730 621 731 .sidebar-area h4.title:after { 622 732 position: absolute; … … 631 741 margin: auto; 632 742 } 743 633 744 .sidebar-area .tagcloud a, 634 745 .footer-area .tagcloud a { … … 641 752 border: solid 1px #e4e7ee; 642 753 } 643 .footer-area .tagcloud a{ 644 border: solid 1px #fff; 645 color: #fff; 646 } 754 755 .footer-area .tagcloud a { 756 border: solid 1px #fff; 757 color: #fff; 758 } 759 647 760 .sidebar-area .tagcloud a:before, 648 .footer-area .tagcloud a:before {761 .footer-area .tagcloud a:before { 649 762 content: "#"; 650 763 } 764 651 765 .sidebar-area .tagcloud a:hover, 652 .footer-area .tagcloud a:hover{ 653 background: var(--primary-theme-color); 654 color: #fff; 655 } 766 .footer-area .tagcloud a:hover { 767 background: var(--primary-theme-color); 768 color: #fff; 769 } 770 656 771 .sidebar-area select, 657 772 .footer-area select, 658 .sidebar-area textarea, #comments textarea, 659 .sidebar-area input[type="text"], #comments input[type="text"], 773 .sidebar-area textarea, 774 #comments textarea, 775 .sidebar-area input[type="text"], 776 #comments input[type="text"], 660 777 .sidebar-area input[type="password"], 661 778 .sidebar-area input[type="datetime"], … … 673 790 .sidebar-area .uneditable-input, 674 791 #comments input[type="email"], 675 #comments input[type="url"]{ 676 -webkit-border-radius: 0; 677 -moz-border-radius: 0; 678 border-radius: 0; 679 width:100%; 680 padding: 5px 2%; 681 border: solid 1px #e4e7ee; 682 } 792 #comments input[type="url"] { 793 -webkit-border-radius: 0; 794 -moz-border-radius: 0; 795 border-radius: 0; 796 width: 100%; 797 padding: 5px 2%; 798 border: solid 1px #e4e7ee; 799 } 800 683 801 #wp-calendar th, 684 #wp-calendar 685 #today, 686 #wp-calendar 687 #today a { 688 background:#f3f4f7; 689 color:#434343 !important; 690 } 802 #wp-calendar #today, 803 #wp-calendar #today a { 804 background: #f3f4f7; 805 color: #434343 !important; 806 } 807 691 808 #wp-calendar a:hover { 692 border:none; 693 } 809 border: none; 810 } 811 694 812 #wp-calendar { 695 background: #fff; 696 width:100%; 697 } 813 background: #fff; 814 width: 100%; 815 } 816 698 817 #wp-calendar caption { 699 font-size: 14px; 700 text-transform:uppercase; 701 margin:0 0 10px 0; 702 text-align:left; 703 } 818 font-size: 14px; 819 text-transform: uppercase; 820 margin: 0 0 10px 0; 821 text-align: left; 822 } 823 704 824 #wp-calendar th, 705 825 #wp-calendar td { 706 text-align: center; 707 font-size: 14px; 708 color:#434343 !important; 709 padding:3px 6px; 710 } 826 text-align: center; 827 font-size: 14px; 828 color: #434343 !important; 829 padding: 3px 6px; 830 } 831 711 832 #wp-calendar td a { 712 display:block; 713 text-align: center; 714 font-size: 14px; 715 color:#434343 !important; 716 text-decoration:underline 717 } 833 display: block; 834 text-align: center; 835 font-size: 14px; 836 color: #434343 !important; 837 text-decoration: underline 838 } 839 718 840 #wp-calendar td#prev a, 719 #wp-calendar td#prev a{ 720 text-decoration:none; 721 text-align:left; 722 } 723 #wp-calendar th{ 724 font-weight:bold 725 } 841 #wp-calendar td#prev a { 842 text-decoration: none; 843 text-align: left; 844 } 845 846 #wp-calendar th { 847 font-weight: bold 848 } 849 726 850 tr:nth-child(2n+2) { 727 background-color: #f3f4f7; 728 } 851 background-color: #f3f4f7; 852 } 853 729 854 .searchform label { 730 display: block; 731 } 855 display: block; 856 } 857 732 858 .searchform input[type=text] { 733 859 width: calc(100% - 110px); … … 738 864 border: none; 739 865 } 866 740 867 #searchform { 741 868 border: solid 1px #e4e7ee; 742 869 border-radius: 30px; 743 870 } 871 744 872 .searchform input[type=submit] { 745 873 background: var(--primary-theme-color); … … 757 885 margin: 4px auto; 758 886 cursor: pointer; 759 -webkit-transition: color .3s ease, background-color .3s ease; 760 -moz-transition: color .3s ease, background-color .3s ease; 761 -o-transition: color .3s ease, background-color .3s ease; 762 transition: color .3s ease, background-color .3s ease; 763 } 764 .searchform input[type=submit]:hover , 887 -webkit-transition: color .3s ease, background-color .3s ease; 888 -moz-transition: color .3s ease, background-color .3s ease; 889 -o-transition: color .3s ease, background-color .3s ease; 890 transition: color .3s ease, background-color .3s ease; 891 } 892 893 .searchform input[type=submit]:hover, 765 894 .searchform input[type=submit]:focus { 766 background: var(--primary-theme-color); 767 text-decoration:none 768 } 895 background: var(--primary-theme-color); 896 text-decoration: none 897 } 898 769 899 .searchform:after { 770 900 content: ""; … … 772 902 clear: both; 773 903 } 774 .footer-widget, .footer-copyright{ 775 background: #222222; 776 } 904 905 .footer-widget, 906 .footer-copyright { 907 background: #222222; 908 } 909 777 910 footer a, 778 911 footer p, … … 784 917 footer .sidebar-area th, 785 918 footer .sidebar-area .title, 786 footer .sidebar-area .textwidget,.footer-area li, 919 footer .sidebar-area .textwidget, 920 .footer-area li, 787 921 .footer-area input[type=text], 788 .wp-block-group__inner-container h2 { 789 color: #fff; 790 } 922 .wp-block-group__inner-container h2 { 923 color: #fff; 924 } 925 791 926 .footer-area ul { 792 927 padding: 0; 793 928 list-style: none; 794 929 } 930 795 931 .footer-area h4.title { 796 font-size: 30px;932 font-size: 30px; 797 933 font-weight: 500; 798 934 color: #fff; 799 935 margin-top: 30px; 800 936 } 937 801 938 .footer-area li { 802 padding: 8px 0; 803 } 939 padding: 8px 0; 940 } 941 804 942 img.size-auto, 805 943 img.size-full, … … 810 948 img.aligncenter, 811 949 .attachment img { 812 max-width:100%; 813 height:auto; 814 } 950 max-width: 100%; 951 height: auto; 952 } 953 815 954 .alignleft, 816 955 img.alignleft { 817 display:inline; 818 float:left; 819 margin-right:24px; 820 margin-top:4px; 821 } 956 display: inline; 957 float: left; 958 margin-right: 24px; 959 margin-top: 4px; 960 } 961 822 962 .alignright, 823 963 img.alignright { 824 display:inline; 825 float:right; 826 margin-left:24px; 827 margin-top:4px; 828 } 964 display: inline; 965 float: right; 966 margin-left: 24px; 967 margin-top: 4px; 968 } 969 829 970 div.aligncenter, 830 971 img.aligncenter { 831 display: block; 832 margin-left: auto !important; 833 margin-right: auto !important; 834 float:none; 835 } 972 display: block; 973 margin-left: auto !important; 974 margin-right: auto !important; 975 float: none; 976 } 977 836 978 img.alignleft, 837 979 img.alignright, 838 980 img.aligncenter { 839 margin-bottom:12px; 840 } 981 margin-bottom: 12px; 982 } 983 841 984 .wp-caption { 842 line-height:18px; 843 margin-bottom:25px; 844 max-width:100% !important; 845 padding:4px; 846 text-align:center; 847 } 985 line-height: 18px; 986 margin-bottom: 25px; 987 max-width: 100% !important; 988 padding: 4px; 989 text-align: center; 990 } 991 848 992 .wp-caption img { 849 margin:5px 5px 0; 850 width:96%; 851 height:100% 852 } 993 margin: 5px 5px 0; 994 width: 96%; 995 height: 100% 996 } 997 853 998 .wp-caption p.wp-caption-text { 854 color:#888; 855 font-size:12px; 856 margin:5px; 857 } 858 .sticky { 859 } 860 861 .gallery-caption { 862 } 863 864 .bypostauthor { 865 } 999 color: #888; 1000 font-size: 12px; 1001 margin: 5px; 1002 } 1003 1004 .sticky {} 1005 1006 .gallery-caption {} 1007 1008 .bypostauthor {} 1009 866 1010 /* =============================================== 867 1011 BLOCK CSS 868 1012 =============================================== */ 869 1013 870 .widget_search .wp-block-search__inside-wrapper { 871 border: solid 1px #e4e7ee; 872 border-radius: 30px; 873 } 874 .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{ 875 width: calc(100% - 110px); 876 margin: 0; 877 padding: 12px; 878 float: left; 879 background-color: transparent; 880 border: none; 881 } 882 .widget_search button.wp-block-search__button.wp-element-button{ 883 background: var(--primary-theme-color); 884 border: none; 885 color: #fff; 886 font-size: 14px; 887 font-weight: 600; 888 text-align: center; 889 position: relative; 890 float: left; 891 border-radius: 30px; 892 text-shadow: none; 893 padding: 10px 0; 894 width: 105px; 895 margin: 4px auto; 896 cursor: pointer; 897 -webkit-transition: color .3s ease, background-color .3s ease; 898 -moz-transition: color .3s ease, background-color .3s ease; 899 -o-transition: color .3s ease, background-color .3s ease; 900 transition: color .3s ease, background-color .3s ease; 901 } 902 .widget_search button.wp-block-search__button:hover, 903 .widget_search button.wp-block-search__button:focus{ 904 background: var(--primary-theme-color); 905 text-decoration:none 906 } 907 .widget_search .wp-block-search__inside-wrapper { 908 content: ""; 909 display: table; 910 clear: both; 911 } 912 .sidebar-area .wp-block-search label{ 913 display: inline; 914 } 915 .sidebar-area .widget_search label , 916 .sidebar-area .sidebar-widget.widget_block .wp-block-heading{ 917 position: relative; 918 font-size: 25px; 919 margin-left: 60px; 920 margin-bottom: 20px; 921 color: #000; 922 } 923 .sidebar-area .widget_search label:before, 924 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 925 position: absolute; 926 content: ""; 927 width: 50px; 928 left: -60px; 929 height: 2px; 930 background: var(--primary-theme-color); 931 top: 0; 932 bottom: 0; 933 margin: auto; 934 } 935 .sidebar-area .widget_search label:after, 936 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 937 position: absolute; 938 content: ""; 939 width: 10px; 940 left: -60px; 941 height: 10px; 942 border-radius: 10px; 943 background: var(--primary-theme-color); 944 top: 0; 945 bottom: 0; 946 margin: auto; 947 } 948 .sidebar-area .wp-block-tag-cloud a, 949 .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{ 950 font-size: 15px !important; 951 color: #5b5b5b; 952 display: inline-block; 953 margin: 5px 0; 954 padding: 10px; 955 border-radius: 5px; 956 border: solid 1px #e4e7ee; 957 } 958 .footer-area .wp-block-tag-cloud a{ 959 border: solid 1px #fff; 960 color: #fff; 961 } 962 .sidebar-area .wp-block-tag-cloud a:before, 963 .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before { 964 content: "#"; 965 } 966 .sidebar-area .wp-block-tag-cloud a:hover, 967 .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{ 968 background: var(--primary-theme-color); 969 color: #fff; 970 } 971 .sidebar-area ol footer.wp-block-latest-comments__comment-meta{ 972 float: none !important; 973 } 974 .sidebar-area ol.wp-block-latest-comments{ 975 padding-left: 0px !important; 976 padding: 15px 30px 25px; 977 border-radius: 10px; 978 border: solid 1px #e4e7ee; 979 } 980 .footer-area .wp-block-heading , 981 .footer-area .widget_search label{ 982 font-size: 30px; 983 color: #fff; 984 margin-top: 30px; 985 } 1014 .widget_search .wp-block-search__inside-wrapper { 1015 border: solid 1px #e4e7ee; 1016 border-radius: 30px; 1017 } 1018 1019 .widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 1020 width: calc(100% - 110px); 1021 margin: 0; 1022 padding: 12px; 1023 float: left; 1024 background-color: transparent; 1025 border: none; 1026 } 1027 1028 .widget_search button.wp-block-search__button.wp-element-button { 1029 background: var(--primary-theme-color); 1030 border: none; 1031 color: #fff; 1032 font-size: 14px; 1033 font-weight: 600; 1034 text-align: center; 1035 position: relative; 1036 float: left; 1037 border-radius: 30px; 1038 text-shadow: none; 1039 padding: 10px 0; 1040 width: 105px; 1041 margin: 4px auto; 1042 cursor: pointer; 1043 -webkit-transition: color .3s ease, background-color .3s ease; 1044 -moz-transition: color .3s ease, background-color .3s ease; 1045 -o-transition: color .3s ease, background-color .3s ease; 1046 transition: color .3s ease, background-color .3s ease; 1047 } 1048 1049 .widget_search button.wp-block-search__button:hover, 1050 .widget_search button.wp-block-search__button:focus { 1051 background: var(--primary-theme-color); 1052 text-decoration: none 1053 } 1054 1055 .widget_search .wp-block-search__inside-wrapper { 1056 content: ""; 1057 display: table; 1058 clear: both; 1059 } 1060 1061 .sidebar-area .wp-block-search label { 1062 display: inline; 1063 } 1064 1065 .sidebar-area .widget_search label, 1066 .sidebar-area .sidebar-widget.widget_block .wp-block-heading { 1067 position: relative; 1068 font-size: 25px; 1069 margin-left: 60px; 1070 margin-bottom: 20px; 1071 color: #000; 1072 } 1073 1074 .sidebar-area .widget_search label:before, 1075 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before { 1076 position: absolute; 1077 content: ""; 1078 width: 50px; 1079 left: -60px; 1080 height: 2px; 1081 background: var(--primary-theme-color); 1082 top: 0; 1083 bottom: 0; 1084 margin: auto; 1085 } 1086 1087 .sidebar-area .widget_search label:after, 1088 .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after { 1089 position: absolute; 1090 content: ""; 1091 width: 10px; 1092 left: -60px; 1093 height: 10px; 1094 border-radius: 10px; 1095 background: var(--primary-theme-color); 1096 top: 0; 1097 bottom: 0; 1098 margin: auto; 1099 } 1100 1101 .sidebar-area .wp-block-tag-cloud a, 1102 .footer-area .wp-block-tag-cloud a, 1103 .tag-cloud-link { 1104 font-size: 15px !important; 1105 color: #5b5b5b; 1106 display: inline-block; 1107 margin: 5px 0; 1108 padding: 10px; 1109 border-radius: 5px; 1110 border: solid 1px #e4e7ee; 1111 } 1112 1113 .footer-area .wp-block-tag-cloud a { 1114 border: solid 1px #fff; 1115 color: #fff; 1116 } 1117 1118 .sidebar-area .wp-block-tag-cloud a:before, 1119 .footer-area .wp-block-tag-cloud a:before, 1120 .tag-cloud-link:before { 1121 content: "#"; 1122 } 1123 1124 .sidebar-area .wp-block-tag-cloud a:hover, 1125 .footer-area .wp-block-tag-cloud a:hover, 1126 .tag-cloud-link:hover { 1127 background: var(--primary-theme-color); 1128 color: #fff; 1129 } 1130 1131 .sidebar-area ol footer.wp-block-latest-comments__comment-meta { 1132 float: none !important; 1133 } 1134 1135 .sidebar-area ol.wp-block-latest-comments { 1136 padding-left: 0px !important; 1137 padding: 15px 30px 25px; 1138 border-radius: 10px; 1139 border: solid 1px #e4e7ee; 1140 } 1141 1142 .footer-area .wp-block-heading, 1143 .footer-area .widget_search label { 1144 font-size: 30px; 1145 color: #fff; 1146 margin-top: 30px; 1147 } 1148 986 1149 /* WOOCOMMERCE */ 987 .wp-block-woocommerce-cart.alignwide {1150 .wp-block-woocommerce-cart.alignwide { 988 1151 margin-right: auto; 989 1152 margin-left: auto; 990 1153 } 1154 991 1155 .wp-block-woocommerce-checkout.alignwide { 992 1156 margin-right: auto; 993 1157 margin-left: auto; 994 1158 } 995 .wp-block-woocommerce-cart .wc-block-cart-items{ 996 border: 1px solid #dee2e6!important; 1159 1160 .wp-block-woocommerce-cart .wc-block-cart-items { 1161 border: 1px solid #dee2e6 !important; 997 1162 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 998 1163 padding: 10px; 999 1164 } 1165 1000 1166 .wp-block-woocommerce-cart-order-summary-block { 1001 border: 1px solid #dee2e6 !important;1167 border: 1px solid #dee2e6 !important; 1002 1168 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1003 1169 } 1004 .wp-block-woocommerce-cart-order-summary-heading-block{ 1170 1171 .wp-block-woocommerce-cart-order-summary-heading-block { 1005 1172 padding: 10px 20px !important; 1006 1173 background: #f3f4f7 !important; 1007 1174 } 1008 .wc-block-components-product-name{ 1175 1176 .wc-block-components-product-name { 1009 1177 font-size: 20px; 1010 1178 text-decoration: none !important; … … 1012 1180 color: #000 !important; 1013 1181 } 1014 .wc-block-cart-items__header-image{ 1182 1183 .wc-block-cart-items__header-image { 1015 1184 padding-left: 16px !important; 1016 1185 } 1017 .wc-block-cart-items__header-total{ 1186 1187 .wc-block-cart-items__header-total { 1018 1188 padding-right: 16px !important; 1019 1189 } 1020 .wc-block-components-totals-coupon-link , 1190 1191 .wc-block-components-totals-coupon-link, 1021 1192 .wc-block-cart__submit-container a, 1022 1193 .wc-block-checkout__actions_row button, 1023 1194 .wc-block-components-totals-coupon__form button, 1024 1195 .wc-block-components-checkout-return-to-cart-button, 1025 .wc-block-grid__product-add-to-cart a {1196 .wc-block-grid__product-add-to-cart a { 1026 1197 background: var(--primary-theme-color); 1027 1198 color: #fff !important; … … 1033 1204 text-decoration: none !important; 1034 1205 } 1035 .wc-block-cart__submit-container a{ 1206 1207 .wc-block-cart__submit-container a { 1036 1208 margin-top: 20px; 1037 1209 } 1210 1038 1211 .wc-block-components-totals-coupon-link:hover, 1039 1212 .wc-block-cart__submit-container:hover a, 1040 1213 .wc-block-checkout__actions_row button:hover, 1041 1214 .wc-block-components-checkout-return-to-cart-button:hover, 1042 .wc-block-grid__product-add-to-cart a:hover {1215 .wc-block-grid__product-add-to-cart a:hover { 1043 1216 background: #121212; 1044 1217 } 1218 1045 1219 .wc-block-components-totals-coupon { 1046 1220 text-align: center; 1047 1221 } 1048 .wc-block-cart-items__header-product{ 1222 1223 .wc-block-cart-items__header-product { 1049 1224 background: #f3f4f7 !important; 1050 1225 } 1051 .wc-block-cart-items__header th{ 1226 1227 .wc-block-cart-items__header th { 1052 1228 padding: 10px 20px !important; 1053 1229 font-size: 14px; 1054 1230 } 1055 .wc-block-cart__totals-title{ 1231 1232 .wc-block-cart__totals-title { 1056 1233 font-size: 14px !important; 1057 1234 font-weight: 700 !important; 1058 1235 text-align: center !important; 1059 1236 } 1237 1060 1238 tr.wc-block-cart-items__row { 1061 1239 padding: 15px 15px !important; 1062 1240 } 1241 1063 1242 .wc-block-components-totals-item, 1064 .wc-block-components-totals-item {1243 .wc-block-components-totals-item { 1065 1244 padding-left: 16px !important; 1066 1245 padding-right: 16px !important; 1067 1246 } 1068 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ 1247 1248 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { 1069 1249 display: block !important; 1070 1250 } 1251 1071 1252 /* Cart */ 1072 1253 .wc-block-grid__product-title { … … 1075 1256 text-decoration: none !important; 1076 1257 } 1077 a.wc-block-grid__product-link{ 1258 1259 a.wc-block-grid__product-link { 1078 1260 text-decoration: none !important; 1079 1261 } 1080 .wc-block-grid__product-price{ 1262 1263 .wc-block-grid__product-price { 1081 1264 color: var(--primary-theme-color) !important; 1082 1265 font-size: 14px !important; 1083 1266 font-weight: 500 !important; 1084 1267 } 1085 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale { 1268 1269 .wc-block-grid .wc-block-grid__product-onsale, 1270 .wc-block-grid__product-image .wc-block-grid__product-onsale { 1086 1271 top: 10px !important; 1087 1272 right: 10px !important; … … 1095 1280 color: #fff !important; 1096 1281 } 1282 1097 1283 /* CHECKOUT */ 1098 .wp-block-woocommerce-checkout-order-summary-block {1099 border: 1px solid #dee2e6 !important;1284 .wp-block-woocommerce-checkout-order-summary-block { 1285 border: 1px solid #dee2e6 !important; 1100 1286 padding: 10px; 1101 1287 box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%); 1102 1288 } 1289 1103 1290 /* MY ACCOUNT */ 1104 1291 nav.woocommerce-MyAccount-navigation ul { … … 1107 1294 margin-bottom: 0; 1108 1295 } 1109 nav.woocommerce-MyAccount-navigation ul li{ 1296 1297 nav.woocommerce-MyAccount-navigation ul li { 1110 1298 padding: 10px; 1111 1299 margin-bottom: 15px; 1112 1300 background: var(--primary-theme-color); 1113 1301 } 1114 nav.woocommerce-MyAccount-navigation ul li:hover{ 1302 1303 nav.woocommerce-MyAccount-navigation ul li:hover { 1115 1304 background: #222222; 1116 1305 } 1117 nav.woocommerce-MyAccount-navigation ul li a{ 1306 1307 nav.woocommerce-MyAccount-navigation ul li a { 1118 1308 text-decoration: none; 1119 1309 color: #fff; 1120 1310 } 1311 1121 1312 /* MY ACCOUNT Address Button */ 1122 .woocommerce-Address-title a {1313 .woocommerce-Address-title a { 1123 1314 background: var(--primary-theme-color); 1124 1315 color: #fff !important; … … 1129 1320 text-decoration: none !important; 1130 1321 } 1131 header.woocommerce-Address-title.title{ 1322 1323 header.woocommerce-Address-title.title { 1132 1324 display: inline-grid; 1133 1325 margin-bottom: 20px; 1134 1326 } 1327 1135 1328 /* CHECKOUT */ 1136 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{ 1329 .woocommerce form .form-row label, 1330 .woocommerce form .form-row, 1331 span.woocommerce-input-wrapper, 1332 span.password-input { 1137 1333 width: 100%; 1138 1334 } 1335 1139 1336 /* BUTTONS */ 1140 .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{ 1337 .woocommerce #respond input#submit.alt, 1338 .woocommerce a.button.alt, 1339 .woocommerce button.button.alt, 1340 .woocommerce input.button.alt, 1341 .woocommerce #respond input#submit, 1342 .woocommerce a.button, 1343 .woocommerce button.button, 1344 .woocommerce input.button, 1345 .woocommerce a.added_to_cart { 1141 1346 background: var(--primary-theme-color); 1142 1347 color: #fff; … … 1144 1349 border-radius: 7px !important; 1145 1350 } 1146 .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{ 1351 1352 .woocommerce #respond input#submit.alt:hover, 1353 .woocommerce a.button.alt:hover, 1354 .woocommerce button.button.alt:hover, 1355 .woocommerce input.button.alt:hover, 1356 .woocommerce #respond input#submit:hover, 1357 .woocommerce a.button:hover, 1358 .woocommerce button.button:hover, 1359 .woocommerce input.button:hover, 1360 .woocommerce a.added_to_cart:hover { 1147 1361 background: #222222; 1148 1362 color: #fff; 1149 1363 } 1150 .woocommerce a.added_to_cart{ 1364 1365 .woocommerce a.added_to_cart { 1151 1366 padding: .618em 1em; 1152 1367 font-weight: 700; … … 1156 1371 1157 1372 /* SQUARE AND OUTLINE BUTTONS */ 1158 .wp-block-button__link {1159 color: #fff !important;1160 background-color: var(--primary-theme-color);1373 .wp-block-button__link { 1374 color: #fff !important; 1375 background-color: var(--primary-theme-color); 1161 1376 margin-bottom: 5px; 1162 1377 } 1163 .wp-block-button.is-style-outline .wp-block-button__link{ 1378 1379 .wp-block-button.is-style-outline .wp-block-button__link { 1164 1380 border: 1px solid var(--primary-theme-color); 1165 1381 color: #121212 !important; 1166 1382 } 1167 .wp-block-button.is-style-squared .wp-block-button__link{ 1383 1384 .wp-block-button.is-style-squared .wp-block-button__link { 1168 1385 border-radius: 0px !important; 1169 1386 } 1387 1170 1388 .post-content { 1171 1389 word-wrap: break-word; 1172 1390 } 1391 1173 1392 .sidebar-area .wp-block-group__inner-container h2 { 1174 1393 color: #000000 !important; 1175 1394 font-size: 20px; 1176 1395 } 1396 1177 1397 /* SHOP & SINGLE PRODUCT */ 1178 1398 1179 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { 1399 .woocommerce ul.products li.product .onsale, 1400 .woocommerce span.onsale { 1180 1401 top: 10px; 1181 1402 right: 10px; … … 1188 1409 min-height: 2em !important; 1189 1410 } 1190 .woocommerce span.onsale{ 1411 1412 .woocommerce span.onsale { 1191 1413 left: 10px; 1192 1414 right: auto; 1193 1415 } 1416 1194 1417 h2.woocommerce-loop-product__title { 1195 1418 font-size: 18px !important; 1196 1419 } 1197 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price { 1420 1421 .woocommerce ul.products li.product .price, 1422 .woocommerce div.product p.price, 1423 .woocommerce div.product span.price { 1198 1424 color: var(--primary-theme-color); 1199 1425 display: block; … … 1201 1427 font-size: 18px; 1202 1428 } 1203 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ 1429 1430 .woocommerce ul.products li.product .price ins, 1431 .woocommerce div.product p.price ins, 1432 .woocommerce div.product span.price ins { 1204 1433 text-decoration: none; 1205 1434 } 1206 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 1435 1436 .woocommerce ul.products li.product, 1437 .woocommerce-page ul.products li.product { 1207 1438 text-align: center; 1208 1439 } 1440 1209 1441 .woocommerce .quantity .qty { 1210 1442 width: 13em; 1211 1443 padding: 8px; 1212 1444 } 1445 1213 1446 .woocommerce ul.products li.product .star-rating { 1214 1447 font-size: 12px; 1215 1448 margin: 0 auto 8px; 1216 1449 } 1217 .woocommerce ul.products li.product a img{ 1450 1451 .woocommerce ul.products li.product a img { 1218 1452 margin-bottom: 0; 1219 1453 } 1220 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { 1454 1455 .woocommerce .woocommerce-ordering select, 1456 .woocommerce form .form-row input.input-text, 1457 .woocommerce form .form-row textarea { 1221 1458 padding: 12px; 1222 1459 border: 1px solid #d3ced2; 1223 1460 background: transparent; 1224 1461 } 1462 1225 1463 .woocommerce-shop .woocommerce ul.products li.product a img { 1226 1464 width: 200px; … … 1229 1467 border-radius: 20px; 1230 1468 } 1231 .woocommerce-shop .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ 1469 1470 .woocommerce-shop .woocommerce ul.products li.product, 1471 .woocommerce-page ul.products li.product { 1232 1472 border: 1px solid var(--primary-theme-color); 1233 1473 border-radius: 10px; 1234 1474 padding: 10px; 1235 1475 } 1476 1236 1477 /* shop page pagination */ 1237 1478 .woocommerce nav.woocommerce-pagination ul li span.current { … … 1242 1483 font-weight: bold; 1243 1484 } 1485 1244 1486 .woocommerce nav.woocommerce-pagination ul li a { 1245 1487 display: block; … … 1254 1496 border-radius: 10px; 1255 1497 } 1256 .woocommerce nav.woocommerce-pagination ul li a:hover{ 1498 1499 .woocommerce nav.woocommerce-pagination ul li a:hover { 1257 1500 background: var(--primary-theme-color); 1258 1501 color: #121212; 1259 1502 } 1260 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ 1503 1504 .woocommerce nav.woocommerce-pagination ul, 1505 .woocommerce nav.woocommerce-pagination ul li { 1261 1506 border: none; 1262 1507 float: none; 1263 1508 overflow: unset; 1264 1509 } 1510 1265 1511 .woocommerce nav.woocommerce-pagination { 1266 1512 text-align: center; 1267 1513 margin-bottom: 20px; 1268 } 1514 } 1515 1269 1516 /* SINGLE POST */ 1270 1517 .single-post-category span { … … 1272 1519 color: #5b5b5b; 1273 1520 } 1274 .single-post-category .post-categories li ,.single-post-category ul{ 1521 1522 .single-post-category .post-categories li, 1523 .single-post-category ul { 1275 1524 display: inline-block; 1276 1525 padding-left: 0px; 1277 1526 } 1278 .single-post-category .post-categories li a{ 1527 1528 .single-post-category .post-categories li a { 1279 1529 margin-right: 8px; 1280 1530 margin-bottom: 8px; 1281 background-color: var(--primary-theme-color);1531 background-color: var(--primary-theme-color); 1282 1532 padding: 8px 10px; 1283 1533 color: #fff; … … 1287 1537 line-height: 1; 1288 1538 } 1289 .single-post-category .post-categories li a:hover{ 1539 1540 .single-post-category .post-categories li a:hover { 1290 1541 background: #000000; 1291 1542 } 1292 /*PRELOADER*/ 1543 1544 /* PRELOADER */ 1293 1545 1294 1546 .loader { 1295 background-color: #fff;1296 1547 width: 100%; 1297 1548 height: 100%; … … 1303 1554 align-items: center; 1304 1555 } 1556 1305 1557 .preloader { 1306 1558 animation: move 0.5s ease infinite alternate; 1307 1559 } 1560 1308 1561 .diamond { 1309 1562 width: 60px; … … 1315 1568 align-items: center; 1316 1569 } 1317 .diamond span{ 1570 1571 .diamond span { 1318 1572 width: 60px; 1319 1573 height: 60px; … … 1322 1576 left: 0; 1323 1577 } 1324 .diamond span:nth-child(1){ 1325 border: 10px solid #222222; 1326 border-left-color: var(--primary-theme-color); 1327 border-right-color: var(--primary-theme-color); 1578 1579 .diamond span:nth-child(1) { 1580 border: 10px solid var(--primary-theme-color); 1581 border-left-color: #000; 1582 border-right-color: #000; 1328 1583 transform: rotateX(90deg) rotateZ(45deg); 1329 1584 } 1330 .diamond span:nth-child(2){ 1331 border: 6px solid #222222; 1332 border-left-color: var(--primary-theme-color); 1333 border-right-color: var(--primary-theme-color); 1585 1586 .diamond span:nth-child(2) { 1587 border: 6px solid var(--primary-theme-color); 1588 border-left-color: #000; 1589 border-right-color: #000; 1334 1590 transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg); 1335 1591 } 1336 .diamond span:last-child{ 1337 border: 6px solid #222222; 1338 border-left-color: var(--primary-theme-color); 1339 border-right-color: var(--primary-theme-color); 1592 1593 .diamond span:last-child { 1594 border: 6px solid var(--primary-theme-color); 1595 border-left-color: #000; 1596 border-right-color: #000; 1340 1597 transform: rotateZ(45deg); 1341 1598 } 1342 @keyframes move{ 1343 0%{ transform: translateY(0) scaleY(0.9); } 1344 100%{ transform: translateY(-70px) scaleY(1.1); } 1345 } 1346 @keyframes spin{ 1347 0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); } 1348 100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); } 1599 1600 @keyframes move { 1601 0% { 1602 transform: translateY(0) scaleY(0.9); 1603 } 1604 1605 100% { 1606 transform: translateY(-70px) scaleY(1.1); 1607 } 1608 } 1609 1610 @keyframes spin { 1611 0% { 1612 transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); 1613 } 1614 1615 100% { 1616 transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); 1617 } 1618 } 1619 1620 .orbit-loader { 1621 position: relative; 1622 width: 120px; 1623 height: 120px; 1624 display: flex; 1625 justify-content: center; 1626 align-items: center; 1627 } 1628 1629 .orbit-center { 1630 width: 20px; 1631 height: 20px; 1632 background: var(--primary-theme-color); 1633 border-radius: 50%; 1634 position: absolute; 1635 box-shadow: 0 0 15px var(--primary-theme-color); 1636 } 1637 1638 .orbit-ring { 1639 position: absolute; 1640 width: 100px; 1641 height: 100px; 1642 animation: rotateOrbit 2s linear infinite; 1643 } 1644 1645 .orbit-ring span { 1646 width: 12px; 1647 height: 12px; 1648 background: var(--primary-theme-color); 1649 border-radius: 50%; 1650 position: absolute; 1651 } 1652 1653 .orbit-ring span:nth-child(1) { 1654 top: 0; 1655 left: 50%; 1656 transform: translateX(-50%); 1657 } 1658 1659 .orbit-ring span:nth-child(2) { 1660 bottom: 0; 1661 left: 0; 1662 } 1663 1664 .orbit-ring span:nth-child(3) { 1665 bottom: 0; 1666 right: 0; 1667 } 1668 1669 @keyframes rotateOrbit { 1670 100% { 1671 transform: rotate(360deg); 1672 } 1673 } 1674 1675 .liquid-loader { 1676 position: relative; 1677 width: 150px; 1678 height: 150px; 1679 } 1680 1681 .liquid-blob { 1682 width: 100%; 1683 height: 100%; 1684 border-radius: 50%; 1685 background: radial-gradient(circle at 30% 30%, 1686 var(--primary-theme-color), 1687 #000); 1688 animation: liquidMorph 4s ease-in-out infinite; 1689 } 1690 1691 @keyframes liquidMorph { 1692 0% { 1693 border-radius: 42% 58% 63% 37% / 43% 40% 60% 57%; 1694 } 1695 1696 50% { 1697 border-radius: 58% 42% 37% 63% / 57% 60% 40% 43%; 1698 } 1699 1700 100% { 1701 border-radius: 42% 58% 63% 37% / 43% 40% 60% 57%; 1702 } 1349 1703 } 1350 1704 … … 1357 1711 z-index: 999; 1358 1712 } 1713 1359 1714 .scroll-up a { 1360 background: var(--primary-theme-color); 1361 color:#ffffff; 1362 } 1363 .scroll-up a:hover{ 1364 background: #222222; 1365 color:#fff; 1366 } 1715 background: var(--primary-theme-color); 1716 color: #ffffff; 1717 } 1718 1719 .scroll-up a:hover { 1720 background: #222222; 1721 color: #fff; 1722 } 1723 1367 1724 .scroll-up a { 1368 1725 display: block; … … 1378 1735 box-shadow: 0 0 10px rgb(0 0 0 / 20%); 1379 1736 } 1380 .scroll-up i{ 1737 1738 .scroll-up i { 1381 1739 line-height: 40px; 1382 1740 } 1741 1383 1742 /* =============================================== 1384 1743 Search pop up 1385 1744 =============================================== */ 1386 1745 1387 .search-cont button{ 1388 border: 0; 1389 background: transparent; 1390 } 1391 .outer-search { 1392 background: rgb(255 255 255 / 91%); 1393 position: fixed; 1394 top: 0; 1395 left: 0; 1396 width: 100%; 1397 display: none; 1398 text-align: center; 1399 height: 100%; 1400 z-index: 9999999; 1401 } 1402 .inner-search label { 1403 width: 100%; 1404 } 1405 .inner-search input#search{ 1406 background: transparent; 1407 border-top: 2px solid #222; 1408 border-bottom: 2px solid #222; 1409 border-left: 0px solid transparent; 1410 border-right: 0px solid transparent; 1411 font-size: 32px; 1412 text-align: center; 1413 color: #222; 1414 } 1415 .inner-search input#search::placeholder { 1416 color: #222; 1417 } 1418 .inner-search { 1419 position: absolute; 1420 top: 50%; 1421 transform: translate(-50%, -50%); 1422 width: 100%; 1423 z-index: 99999; 1424 left: 50%; 1425 padding: 0 15px; 1426 } 1427 .outer-search .closepop { 1428 position: absolute; 1429 top: 20%; 1430 transform: translateY(-50%); 1431 right: 5%; 1432 text-align: right; 1433 background: transparent; 1434 border: 0; 1435 font-size: 40px; 1436 color: #222; 1437 } 1438 .outer-search .closepop:focus{ 1439 outline-color: #000; 1440 } 1441 .inner-search form.searchform { 1442 margin: 0 auto; 1443 max-width: 700px; 1444 } 1445 .inner-search .searchform input[type=text]{ 1446 width: 100%; 1447 } 1448 .inner-search input.search-submit { 1449 display: none; 1450 } 1451 .search-cont i { 1452 color: #000; 1453 font-size: 16px; 1454 } 1455 .inner-search #searchform{ 1456 border: none; 1457 } 1458 .result-search #searchform{ 1459 display: table; 1460 } 1461 .not-found-content #searchform { 1462 display: inline-block; 1463 } 1464 .footer-copyright a,.footer-copyright p{ 1465 color: #ffffff; 1466 } 1467 .footer-copyright a:hover{ 1468 color:var(--primary-theme-color); 1469 } 1746 .search-cont button { 1747 border: 0; 1748 background: transparent; 1749 } 1750 1751 .outer-search { 1752 background: rgb(255 255 255 / 91%); 1753 position: fixed; 1754 top: 0; 1755 left: 0; 1756 width: 100%; 1757 display: none; 1758 text-align: center; 1759 height: 100%; 1760 z-index: 9999999; 1761 } 1762 1763 .inner-search label { 1764 width: 100%; 1765 } 1766 1767 .inner-search input#search { 1768 background: transparent; 1769 border-top: 2px solid #222; 1770 border-bottom: 2px solid #222; 1771 border-left: 0px solid transparent; 1772 border-right: 0px solid transparent; 1773 font-size: 32px; 1774 text-align: center; 1775 color: #222; 1776 } 1777 1778 .inner-search input#search::placeholder { 1779 color: #222; 1780 } 1781 1782 .inner-search { 1783 position: absolute; 1784 top: 50%; 1785 transform: translate(-50%, -50%); 1786 width: 100%; 1787 z-index: 99999; 1788 left: 50%; 1789 padding: 0 15px; 1790 } 1791 1792 .outer-search .closepop { 1793 position: absolute; 1794 top: 20%; 1795 transform: translateY(-50%); 1796 right: 5%; 1797 text-align: right; 1798 background: transparent; 1799 border: 0; 1800 font-size: 40px; 1801 color: #222; 1802 } 1803 1804 .outer-search .closepop:focus { 1805 outline-color: #000; 1806 } 1807 1808 .inner-search form.searchform { 1809 margin: 0 auto; 1810 max-width: 700px; 1811 } 1812 1813 .inner-search .searchform input[type=text] { 1814 width: 100%; 1815 } 1816 1817 .inner-search input.search-submit { 1818 display: none; 1819 } 1820 1821 .search-cont i { 1822 color: #000; 1823 font-size: 16px; 1824 } 1825 1826 .inner-search #searchform { 1827 border: none; 1828 } 1829 1830 .result-search #searchform { 1831 display: table; 1832 } 1833 1834 .not-found-content #searchform { 1835 display: inline-block; 1836 } 1837 1838 .footer-copyright a, 1839 .footer-copyright p { 1840 color: #ffffff; 1841 } 1842 1843 .footer-copyright a:hover { 1844 color: var(--primary-theme-color); 1845 } 1846 1470 1847 /* =============================================== 1471 1848 Progress Bar … … 1478 1855 z-index: 99999; 1479 1856 } 1857 1480 1858 #elemento-progress-bar.top { 1481 1859 top: 0; 1482 1860 } 1861 1483 1862 .admin-bar #elemento-progress-bar.top { 1484 1863 top: 32px; 1485 1864 } 1865 1486 1866 #elemento-progress-bar.bottom { 1487 1867 bottom: 0; 1488 1868 } 1869 1489 1870 /* =============================================== 1490 1871 HOME PAGE CSS 1491 1872 =============================================== */ 1492 1873 1493 .elemento-it-solutions-slider-section {1874 .elemento-it-solutions-slider-section { 1494 1875 height: auto; 1495 1876 width: auto; 1496 1877 } 1497 .elemento-it-solutions-slider-section .elementor-element-populated{ 1878 1879 .elemento-it-solutions-slider-section .elementor-element-populated { 1498 1880 padding: 0px !important; 1499 1881 } 1500 .elemento-it-solutions-slider-section h1,.elemento-it-solutions-slider-section h5, 1501 .elemento-it-solutions-our-services-section span,.elemento-it-solutions-our-services-section h5,.elemento-it-solutions-our-services-section p{ 1882 1883 .elemento-it-solutions-slider-section h1, 1884 .elemento-it-solutions-slider-section h5, 1885 .elemento-it-solutions-our-services-section span, 1886 .elemento-it-solutions-our-services-section h5, 1887 .elemento-it-solutions-our-services-section p { 1502 1888 font-family: 'Open Sans', sans-serif !important; 1503 1889 } 1504 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 span{ 1890 1891 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 span { 1505 1892 font-size: 16px; 1506 1893 letter-spacing: 6px; … … 1509 1896 font-weight: 600; 1510 1897 } 1511 .elemento-it-solutions-slider-section a{ 1898 1899 .elemento-it-solutions-slider-section a { 1512 1900 border-radius: 30px; 1513 1901 } 1902 1514 1903 section.elementor-section.elementor-top-section.elemento-it-solutions-slider-section { 1515 1904 position: relative; 1516 1905 } 1517 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1{ 1906 1907 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section1 { 1518 1908 position: absolute; 1519 1909 top: 30%; … … 1521 1911 z-index: 999; 1522 1912 } 1523 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section2{ 1913 1914 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section2 { 1524 1915 z-index: 999; 1525 1916 position: absolute; … … 1527 1918 transform: translateY(-50%); 1528 1919 } 1529 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section3{ 1920 1921 .elemento-it-solutions-slider-section .elemento-it-solutions-slider-section3 { 1530 1922 position: absolute; 1531 1923 top: 55%; … … 1533 1925 transform: translateY(-50%); 1534 1926 } 1535 .elemento-it-solutions-slider-section h1{ 1927 1928 .elemento-it-solutions-slider-section h1 { 1536 1929 color: #fff !important; 1537 1930 font-size: 43px; … … 1540 1933 font-weight: 700 !important; 1541 1934 } 1935 1542 1936 /*our-services*/ 1543 1937 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-span span { … … 1548 1942 font-weight: 600; 1549 1943 } 1550 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-heading h1{ 1944 1945 .elemento-it-solutions-our-services-section .elemento-it-solutions-our-services-section-heading h1 { 1551 1946 font-size: 34px; 1552 1947 line-height: 40px; … … 1554 1949 font-weight: 400; 1555 1950 } 1556 .elemento-it-solutions-our-services-section p{ 1951 1952 .elemento-it-solutions-our-services-section p { 1557 1953 font-size: 15px; 1558 1954 line-height: 20px; 1559 1955 font-weight: 400; 1560 1956 } 1561 .elemento-it-solutions-our-services-section h5{ 1957 1958 .elemento-it-solutions-our-services-section h5 { 1562 1959 font-size: 17px; 1563 1960 line-height: 35px; 1564 1961 font-weight: 700; 1565 1962 } 1963 1566 1964 section.elementor-section.elementor-top-section.elementor-element.elementor-element-da3a7fc.elemento-it-solutions-our-services-section.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default { 1567 1965 position: relative; 1568 1966 } 1569 .elemento-it-solutions-our-services-section-img1{ 1967 1968 .elemento-it-solutions-our-services-section-img1 { 1570 1969 overflow: hidden; 1571 1970 position: relative; 1572 1971 } 1573 .elemento-it-solutions-our-services-section img{ 1972 1973 .elemento-it-solutions-our-services-section img { 1574 1974 width: 100%; 1575 1975 } 1976 1576 1977 .elemento-it-solutions-our-services-section .elementor-widget.elementor-widget-image { 1577 1978 background: #000; … … 1579 1980 margin-bottom: 0 !important; 1580 1981 } 1982 1581 1983 .elemento-it-solutions-our-services-section-img1:hover img { 1582 1984 opacity: 0.7; 1583 1985 } 1986 1584 1987 .elemento-it-solutions-our-services-section-img1:hover .elementor-widget.elementor-widget-text-editor { 1585 1988 opacity: 1; 1586 1989 } 1990 1587 1991 .elemento-it-solutions-our-services-section-img1 .elementor-widget.elementor-widget-text-editor { 1588 1992 background: hsl(0deg 0% 100%); … … 1598 2002 border-left: 5px solid #3f7fff; 1599 2003 } 1600 .location-mail{ 2004 2005 .location-mail { 1601 2006 flex-wrap: wrap; 1602 2007 align-items: center; … … 1608 2013 ============================================= */ 1609 2014 1610 .sticky-copyright.footer-copyright {2015 .sticky-copyright.footer-copyright { 1611 2016 position: fixed; 1612 bottom: 0;1613 left: 0;2017 bottom: 0; 2018 left: 0; 1614 2019 width: 100%; 1615 2020 z-index: 999;
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)