Changeset 318976
- Timestamp:
- 03/21/2026 11:08:15 AM (7 months ago)
- Location:
- corporate-solutions/5.0
- Files:
-
- 9 edited
- 1 copied
-
. (copied) (copied from corporate-solutions/4.9 )
-
functions.php (modified) (2 diffs)
-
languages/corporate-solutions.pot (modified) (25 diffs)
-
readme.txt (modified) (2 diffs)
-
sections/banner.php (modified) (1 diff)
-
style-rtl.css (modified) (17 diffs)
-
style.css (modified) (2 diffs)
-
theme-library/customizer/front-page-options/banner.php (modified) (1 diff)
-
theme-library/customizer/theme-options/theme-options.php (modified) (1 diff)
-
theme-library/function-files/customizer-settings-functions.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
corporate-solutions/5.0/functions.php
r305947 r318976 137 137 wp_enqueue_style( 'corporate-solutions-style', get_template_directory_uri() . '/style.css', array(), CORPORATE_SOLUTIONS_VERSION ); 138 138 139 // Animate CSS 140 wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' ); 139 if (get_theme_mod('corporate_solutions_enable_animation', true) == true){ 140 // Animate CSS 141 wp_enqueue_style( 'animate-style', get_template_directory_uri() . '/resource/css/animate.css' ); 142 // Wow script. 143 wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true ); 144 } 141 145 142 146 // Navigation script. … … 145 149 // Slick script. 146 150 wp_enqueue_script( 'slick-script', get_template_directory_uri() . '/resource/js/slick' . $min . '.js', array( 'jquery' ), '1.8.1', true ); 147 148 // Wow script.149 wp_enqueue_script( 'wow-jquery', get_template_directory_uri() . '/resource/js/wow.js', array('jquery'),'' ,true );150 151 151 152 // Custom script. -
corporate-solutions/5.0/languages/corporate-solutions.pot
r315237 r318976 3 3 msgid "" 4 4 msgstr "" 5 "Project-Id-Version: Corporate Solutions 4.9\n"5 "Project-Id-Version: Corporate Solutions 5.0\n" 6 6 "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/corporate-solutions\n" 7 7 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n" … … 10 10 "Content-Type: text/plain; charset=UTF-8\n" 11 11 "Content-Transfer-Encoding: 8bit\n" 12 "POT-Creation-Date: 2026-0 2-23T10:26:43+05:30\n"12 "POT-Creation-Date: 2026-03-18T15:59:48+05:30\n" 13 13 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" 14 "X-Generator: WP-CLI 2.1 1.0\n"14 "X-Generator: WP-CLI 2.12.0\n" 15 15 "X-Domain: corporate-solutions\n" 16 16 … … 43 43 #. translators: 1: title. 44 44 #: comments.php:26 45 #, php-format 45 46 msgid "One thought on “%1$s”" 46 47 msgstr "" … … 48 49 #. translators: 1: comment count number, 2: title. 49 50 #: comments.php:32 51 #, php-format 50 52 msgctxt "comments title" 51 53 msgid "%1$s thought on “%2$s”" … … 83 85 msgstr "" 84 86 85 #: functions.php:24 087 #: functions.php:241 86 88 msgid "https://asterthemes.com/products/corporate-wordpress-theme" 87 89 msgstr "" 88 90 89 #: functions.php:24 391 #: functions.php:244 90 92 msgid "https://asterthemes.com/products/corporate-solutions" 91 93 msgstr "" 92 94 93 #: functions.php:24 695 #: functions.php:247 94 96 msgid "https://wordpress.org/support/theme/corporate-solutions/" 95 97 msgstr "" 96 98 97 #: functions.php:2 4999 #: functions.php:250 98 100 msgid "https://wordpress.org/support/theme/corporate-solutions/reviews/" 99 101 msgstr "" 100 102 101 #: functions.php:25 2103 #: functions.php:253 102 104 msgid "https://demo.asterthemes.com/corporate-solutions/" 103 105 msgstr "" 104 106 105 #: functions.php:25 5107 #: functions.php:256 106 108 msgid "https://demo.asterthemes.com/docs/corporate-solutions-free/" 107 109 msgstr "" 108 110 109 #: functions.php:25 8111 #: functions.php:259 110 112 msgid "https://demo.asterthemes.com/docs/corporate-solutions-pro/" 111 113 msgstr "" 112 114 113 #: functions.php:26 1115 #: functions.php:262 114 116 msgid "https://asterthemes.com/products/wp-theme-bundle" 115 117 msgstr "" … … 151 153 #. translators: 1: link to WP admin new post page. 152 154 #: template-parts/content-none.php:25 155 #, php-format 153 156 msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>." 154 157 msgstr "" … … 170 173 #: template-parts/content-page.php:41 171 174 #: theme-library/function-files/template-tags.php:272 175 #, php-format 172 176 msgid "Edit <span class=\"screen-reader-text\">%s</span>" 173 177 msgstr "" … … 175 179 #. translators: %s: Name of current post. Only visible to screen readers 176 180 #: template-parts/content-single.php:42 181 #, php-format 177 182 msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>" 178 183 msgstr "" … … 196 201 #: theme-library/customizer/colors.php:23 197 202 msgid "Primary Color" 203 msgstr "" 204 205 #: theme-library/customizer/colors.php:44 206 msgid "Secondary Color" 198 207 msgstr "" 199 208 … … 244 253 #. translators: %d: Post Count. 245 254 #: theme-library/customizer/front-page-options/banner.php:104 255 #, php-format 246 256 msgid "Select Post %d" 247 257 msgstr "" … … 253 263 #. translators: %d: Page Count. 254 264 #: theme-library/customizer/front-page-options/banner.php:126 265 #, php-format 255 266 msgid "Select Page %d" 256 267 msgstr "" … … 258 269 #. translators: %d: Button Label Count. 259 270 #: theme-library/customizer/front-page-options/banner.php:148 271 #, php-format 260 272 msgid "Button Label %d" 261 273 msgstr "" … … 263 275 #. translators: %d: Button Link Count. 264 276 #: theme-library/customizer/front-page-options/banner.php:169 277 #, php-format 265 278 msgid "Button Link %d" 279 msgstr "" 280 281 #: theme-library/customizer/front-page-options/banner.php:187 282 msgid "Banner Button Label Color" 283 msgstr "" 284 285 #: theme-library/customizer/front-page-options/banner.php:202 286 msgid "Banner Button Background Color" 266 287 msgstr "" 267 288 … … 1079 1100 msgstr "" 1080 1101 1102 #: theme-library/customizer/theme-options/theme-options.php:568 1103 msgid "Enable / Disable Animation" 1104 msgstr "" 1105 1106 #: theme-library/customizer/theme-options/theme-options.php:580 1107 msgid "Enable Animation" 1108 msgstr "" 1109 1081 1110 #: theme-library/customizer/theme-options/typography-setting.php:14 1082 1111 msgid "Typography Settings" … … 1139 1168 #. Translators: %s is the search query. 1140 1169 #: theme-library/function-files/class-breadcrumb-trail.php:254 1170 #, php-format 1141 1171 msgid "Search results for: %s" 1142 1172 msgstr "" … … 1144 1174 #. Translators: %s is the page number. 1145 1175 #: theme-library/function-files/class-breadcrumb-trail.php:256 1176 #, php-format 1146 1177 msgid "Page %s" 1147 1178 msgstr "" … … 1149 1180 #. Translators: %s is the page number. 1150 1181 #: theme-library/function-files/class-breadcrumb-trail.php:258 1182 #, php-format 1151 1183 msgid "Comment Page %s" 1152 1184 msgstr "" … … 1154 1186 #. Translators: Minute archive title. %s is the minute time format. 1155 1187 #: theme-library/function-files/class-breadcrumb-trail.php:260 1188 #, php-format 1156 1189 msgid "Minute %s" 1157 1190 msgstr "" … … 1159 1192 #. Translators: Weekly archive title. %s is the week date format. 1160 1193 #: theme-library/function-files/class-breadcrumb-trail.php:262 1194 #, php-format 1161 1195 msgid "Week %s" 1162 1196 msgstr "" … … 1204 1238 msgstr "" 1205 1239 1206 #: theme-library/function-files/customizer-settings-functions.php:11 21240 #: theme-library/function-files/customizer-settings-functions.php:113 1207 1241 msgid "Page Not Found" 1208 1242 msgstr "" 1209 1243 1210 #: theme-library/function-files/customizer-settings-functions.php:11 41244 #: theme-library/function-files/customizer-settings-functions.php:115 1211 1245 msgid "Search Results for: " 1212 1246 msgstr "" 1213 1247 1214 #: theme-library/function-files/customizer-settings-functions.php:11 61248 #: theme-library/function-files/customizer-settings-functions.php:117 1215 1249 msgid "Blogs" 1216 1250 msgstr "" 1217 1251 1218 #: theme-library/function-files/customizer-settings-functions.php:11 81252 #: theme-library/function-files/customizer-settings-functions.php:119 1219 1253 msgid "Shop" 1220 1254 msgstr "" … … 1233 1267 #. translators: %s: WordPress.org URL 1234 1268 #: theme-library/function-files/template-functions.php:322 1269 #, php-format 1235 1270 msgid " | Powered by %s" 1236 1271 msgstr "" … … 1299 1334 #. translators: %s: details. 1300 1335 #: theme-library/function-files/template-functions.php:519 1336 #, php-format 1301 1337 msgid "Comment on %s" 1302 1338 msgstr "" … … 1309 1345 #: theme-library/function-files/template-tags.php:126 1310 1346 #: theme-library/function-files/template-tags.php:150 1347 #, php-format 1311 1348 msgid "%s Comment" 1312 1349 msgid_plural "%s Comments" … … 1317 1354 #: theme-library/function-files/template-tags.php:176 1318 1355 #: theme-library/function-files/template-tags.php:197 1356 #, php-format 1319 1357 msgid "Posted at %s" 1320 1358 msgstr "" … … 1328 1366 #. translators: 1: list of tags. 1329 1367 #: theme-library/function-files/template-tags.php:263 1368 #, php-format 1330 1369 msgid "Tagged %1$s" 1331 1370 msgstr "" -
corporate-solutions/5.0/readme.txt
r315237 r318976 5 5 Requires at least: 5.0 6 6 Tested up to: 6.9 7 Stable tag: 4.97 Stable tag: 5.0 8 8 Requires PHP: 7.2 9 9 License: GNU General Public License v3 or later … … 263 263 * Updated pot file. 264 264 265 = 5.0 = 266 * Added on/off setting of animation in customizer. 267 * Added slider button background color option. 268 * Added slider button lable color option. 269 * Updated rtl file. 270 * Updated pot file. 271 265 272 == Images Screenshot == 266 273 -
corporate-solutions/5.0/sections/banner.php
r254271 r318976 65 65 <div class="asterthemes-wrapper"> 66 66 <div class="banner-catption-wrapper"> 67 <h1 class="banner-caption-title ">67 <h1 class="banner-caption-title wow bounceInUp delay-1000" data-wow-duration="2s"> 68 68 <?php the_title(); ?> 69 69 </h1> 70 70 <?php if ( ! empty( $corporate_solutions_button_label ) ) { ?> 71 <div class="banner-slider-btn ">71 <div class="banner-slider-btn wow bounceInUp delay-1000" data-wow-duration="2s"> 72 72 <a href="<?php echo esc_url( $corporate_solutions_button_link ); ?>" class="asterthemes-button"><?php echo esc_html( $corporate_solutions_button_label ); ?></a> 73 73 </div> -
corporate-solutions/5.0/style-rtl.css
r315237 r318976 1 1 .asterthemes-wrapper { 2 padding: 0 20px; 3 max-width: 1320px; 4 margin: 0 auto; 5 } 6 7 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 8 max-width: 1320px; 9 margin: 0 auto; 10 background-color: var(--background-color-white); 11 box-shadow: 0px 0px 10px -7px #202020; 12 } 13 14 @media screen and (min-width:1700px) and (max-width:1900px) { 15 .asterthemes-wrapper, 16 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 17 max-width: 1520px; 2 padding: 0 20px; 3 max-width: 1320px; 4 margin: 0 auto; 5 } 6 7 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 8 max-width: 1320px; 9 margin: 0 auto; 10 background-color: var(--background-color-white); 11 box-shadow: 0px 0px 10px -7px #202020; 12 } 13 @media screen and (min-width:1700px) and (max-width:1900px){ 14 .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{ 15 max-width: 1520px; 18 16 } 19 } 20 21 @media screen and (min-width:1901px) { 22 .asterthemes-wrapper, 23 body.asterthemes-boxed-layout .asterthemes-site-wrapper { 24 max-width: 1620px; 17 } 18 @media screen and (min-width:1901px) { 19 .asterthemes-wrapper , body.asterthemes-boxed-layout .asterthemes-site-wrapper{ 20 max-width: 1620px; 25 21 } 26 } 27 28 .asce-col-1 { 29 width: 100%; 30 } 31 32 .asce-col-2 { 33 width: 50%; 34 } 35 36 .asce-col-2-5 { 37 width: 66.67%; 38 } 39 40 .asce-col-3 { 41 width: 33.33%; 42 } 43 44 .asce-col-4 { 45 width: 25%; 46 } 47 48 .asce-col-80 { 49 width: 80%; 50 } 51 52 .asce-col-75 { 53 width: 75%; 54 } 55 56 .asce-col-70 { 57 width: 70%; 58 } 59 60 .asce-col-60 { 61 width: 60%; 62 } 63 64 .asce-col-55 { 65 width: 55%; 66 } 67 68 .asce-col-40 { 69 width: 40%; 70 } 71 72 .asce-col-30 { 73 width: 30%; 74 } 75 76 .asce-col-20 { 77 width: 20%; 78 } 79 80 .asce-col-15 { 81 width: 15%; 82 } 83 84 .main-widget-section-wrap { 85 display: flex; 86 flex-wrap: wrap; 87 align-items: flex-start; 88 gap: 30px; 89 } 90 91 .main-widget-section-wrap .primary-widgets-section { 92 width: 100%; 93 } 94 95 @media (min-width: 768px) { 96 .main-widget-section-wrap .primary-widgets-section { 97 width: calc(70% - 15px); 98 } 99 } 100 101 .main-widget-section-wrap .secondary-widgets-section { 102 width: 100%; 103 } 104 105 @media (min-width: 768px) { 106 .main-widget-section-wrap .secondary-widgets-section { 107 width: calc(30% - 15px); 108 position: sticky; 109 top: 40px; 110 } 111 } 112 113 @media (min-width: 768px) { 114 .main-widget-section-wrap.frontpage-left-sidebar { 115 flex-direction: row-reverse; 116 } 117 } 118 119 .main-widget-section-wrap.no-frontpage-sidebar .primary-widgets-section { 120 width: 100%; 121 } 122 123 124 /*-------------------------------------------------------------- 125 # Generic 126 --------------------------------------------------------------*/ 127 128 129 /* Normalize 130 --------------------------------------------- */ 131 132 133 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 134 135 136 /* Document 137 ========================================================================== */ 138 139 140 /** 141 * 1. Correct the line height in all browsers. 142 * 2. Prevent adjustments of font size after orientation changes in iOS. 143 */ 144 145 html { 146 line-height: 1.15; 147 -webkit-text-size-adjust: 100%; 148 } 149 150 151 /* Sections 152 ========================================================================== */ 153 154 155 /** 156 * Remove the margin in all browsers. 157 */ 158 159 body { 160 margin: 0; 161 font-family: 'Mulish', sans-serif; 162 } 163 164 165 /** 166 * Render the `main` element consistently in IE. 167 */ 168 169 main { 170 display: block; 171 } 172 173 174 /** 175 * Correct the font size and margin on `h1` elements within `section` and 176 * `article` contexts in Chrome, Firefox, and Safari. 177 */ 178 179 h1 { 180 font-size: 2em; 181 margin: 0.67em 0; 182 } 183 184 185 /* Grouping content 186 ========================================================================== */ 187 188 189 /** 190 * 1. Add the correct box sizing in Firefox. 191 * 2. Show the overflow in Edge and IE. 192 */ 193 194 hr { 195 box-sizing: content-box; 196 height: 0; 197 overflow: visible; 198 } 199 200 201 /** 202 * 1. Correct the inheritance and scaling of font size in all browsers. 203 * 2. Correct the odd `em` font sizing in all browsers. 204 */ 205 206 pre { 207 font-family: 'Mulish', sans-serif; 208 font-size: 1em; 209 } 210 211 212 /* Text-level semantics 213 ========================================================================== */ 214 215 216 /** 217 * Remove the gray background on active links in IE 10. 218 */ 219 220 a { 221 background-color: transparent; 222 } 223 224 225 /** 226 * 1. Remove the bottom border in Chrome 57- 227 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 228 */ 229 230 abbr[title] { 231 border-bottom: none; 232 text-decoration: underline; 233 text-decoration: underline dotted; 234 } 235 236 237 /** 238 * Add the correct font weight in Chrome, Edge, and Safari. 239 */ 240 241 b, 242 strong { 243 font-weight: bolder; 244 } 245 246 247 /** 248 * 1. Correct the inheritance and scaling of font size in all browsers. 249 * 2. Correct the odd `em` font sizing in all browsers. 250 */ 251 252 code, 253 kbd, 254 samp { 255 font-family: 'Mulish', sans-serif; 256 font-size: 1em; 257 } 258 259 260 /** 261 * Add the correct font size in all browsers. 262 */ 263 264 small { 265 font-size: 80%; 266 } 267 268 269 /** 270 * Prevent `sub` and `sup` elements from affecting the line height in 271 * all browsers. 272 */ 273 274 sub, 275 sup { 276 font-size: 75%; 277 line-height: 0; 278 position: relative; 279 vertical-align: baseline; 280 } 281 282 sub { 283 bottom: -0.25em; 284 } 285 286 sup { 287 top: -0.5em; 288 } 289 290 291 /* Embedded content 292 ========================================================================== */ 293 294 295 /** 296 * Remove the border on images inside links in IE 10. 297 */ 298 299 img { 300 border-style: none; 301 } 302 303 304 /* Forms 305 ========================================================================== */ 306 307 308 /** 309 * 1. Change the font styles in all browsers. 310 * 2. Remove the margin in Firefox and Safari. 311 */ 312 313 button, 314 input, 315 optgroup, 316 select, 317 textarea { 318 font-family: 'Mulish', sans-serif; 319 font-size: 100%; 320 line-height: 1.15; 321 margin: 0; 322 } 323 324 325 /** 326 * Show the overflow in IE. 327 * 1. Show the overflow in Edge. 328 */ 329 330 button, 331 input { 332 overflow: visible; 333 } 334 335 336 /** 337 * Remove the inheritance of text transform in Edge, Firefox, and IE. 338 * 1. Remove the inheritance of text transform in Firefox. 339 */ 340 341 button, 342 select { 343 text-transform: none; 344 } 345 346 347 /** 348 * Correct the inability to style clickable types in iOS and Safari. 349 */ 350 351 button, 352 [type="button"], 353 [type="reset"], 354 [type="submit"] { 355 -webkit-appearance: button; 356 } 357 358 359 /** 360 * Remove the inner border and padding in Firefox. 361 */ 362 363 button::-moz-focus-inner, 364 [type="button"]::-moz-focus-inner, 365 [type="reset"]::-moz-focus-inner, 366 [type="submit"]::-moz-focus-inner { 367 border-style: none; 368 padding: 0; 369 } 370 371 372 /** 373 * Restore the focus styles unset by the previous rule. 374 */ 375 376 button:-moz-focusring, 377 [type="button"]:-moz-focusring, 378 [type="reset"]:-moz-focusring, 379 [type="submit"]:-moz-focusring { 380 outline: 1px dotted ButtonText; 381 } 382 383 384 /** 385 * Correct the padding in Firefox. 386 */ 387 388 fieldset { 389 padding: 0.35em 0.75em 0.625em; 390 } 391 392 393 /** 394 * 1. Correct the text wrapping in Edge and IE. 395 * 2. Correct the color inheritance from `fieldset` elements in IE. 396 * 3. Remove the padding so developers are not caught out when they zero out 397 * `fieldset` elements in all browsers. 398 */ 399 400 legend { 401 box-sizing: border-box; 402 color: inherit; 403 display: table; 404 max-width: 100%; 405 padding: 0; 406 white-space: normal; 407 } 408 409 410 /** 411 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 412 */ 413 414 progress { 415 vertical-align: baseline; 416 } 417 418 419 /** 420 * Remove the default vertical scrollbar in IE 10+. 421 */ 422 423 textarea { 424 overflow: auto; 425 } 426 427 428 /** 429 * 1. Add the correct box sizing in IE 10. 430 * 2. Remove the padding in IE 10. 431 */ 432 433 [type="checkbox"], 434 [type="radio"] { 435 box-sizing: border-box; 436 padding: 0; 437 } 438 439 440 /** 441 * Correct the cursor style of increment and decrement buttons in Chrome. 442 */ 443 444 [type="number"]::-webkit-inner-spin-button, 445 [type="number"]::-webkit-outer-spin-button { 446 height: auto; 447 } 448 449 450 /** 451 * 1. Correct the odd appearance in Chrome and Safari. 452 * 2. Correct the outline style in Safari. 453 */ 454 455 [type="search"] { 456 -webkit-appearance: textfield; 457 outline-offset: -2px; 458 } 459 460 461 /** 462 * Remove the inner padding in Chrome and Safari on macOS. 463 */ 464 465 [type="search"]::-webkit-search-decoration { 466 -webkit-appearance: none; 467 } 468 469 470 /** 471 * 1. Correct the inability to style clickable types in iOS and Safari. 472 * 2. Change font properties to `inherit` in Safari. 473 */ 474 475 ::-webkit-file-upload-button { 476 -webkit-appearance: button; 477 font: inherit; 478 } 479 480 481 /* Interactive 482 ========================================================================== */ 483 484 485 /* 486 * Add the correct display in Edge, IE 10+, and Firefox. 487 */ 488 489 details { 490 display: block; 491 } 492 493 494 /* 495 * Add the correct display in all browsers. 496 */ 497 498 summary { 499 display: list-item; 500 } 501 502 503 /* Misc 504 ========================================================================== */ 505 506 507 /** 508 * Add the correct display in IE 10+. 509 */ 510 511 template { 512 display: none; 513 } 514 515 516 /** 517 * Add the correct display in IE 10. 518 */ 519 520 [hidden] { 521 display: none; 522 } 523 524 525 /* Box sizing 526 --------------------------------------------- */ 527 528 529 /* Inherit box-sizing to more easily change it's value on a component level. 530 @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 531 532 *, 533 *::before, 534 *::after { 535 box-sizing: inherit; 536 } 537 538 html { 539 box-sizing: border-box; 540 } 541 542 543 /*-------------------------------------------------------------- 544 # Base 545 --------------------------------------------------------------*/ 546 547 548 /* Typography 549 --------------------------------------------- */ 550 551 body, 552 button, 553 input, 554 select, 555 optgroup, 556 textarea { 557 color: #404040; 558 font-family: 'Mulish', sans-serif; 559 font-size: 1rem; 560 line-height: 1.5; 561 } 562 563 h1, 564 h2, 565 h3, 566 h4, 567 h5, 568 h6 { 569 font-family: 'Mulish', sans-serif; 570 clear: both; 571 word-wrap: break-word; 572 font-family: var(--font-heading); 573 } 574 575 h1, 576 .h1 { 577 font-size: 4.4rem; 578 } 579 580 h2, 581 .h2 { 582 font-size: 3.4rem; 583 } 584 585 @media (max-width: 992px) { 586 h2, 587 .h2 { 588 font-size: 2.8rem; 589 } 590 } 591 592 @media (max-width: 767.98px) { 593 h2, 594 .h2 { 595 font-size: 2.3rem; 596 } 597 } 598 599 h3, 600 .h3 { 601 font-size: 1.9rem; 602 } 603 604 h4, 605 .h4 { 606 font-size: 1.5rem; 607 } 608 609 h1, 610 h2, 611 h3, 612 h4, 613 h5, 614 h6 { 615 display: block; 616 font-weight: 600; 617 font-family: var(--font-heading); 618 } 619 620 h1 { 621 font-size: 2em; 622 margin: .67em 0; 623 } 624 625 h2, 626 h3 { 627 font-size: 1.3em; 628 margin: 1em 0; 629 } 630 631 .update-core-php h2 { 632 margin-top: 4em; 633 } 634 635 .update-php h2, 636 .update-messages h2, 637 h4 { 638 font-size: 1em; 639 margin: 1.33em 0; 640 } 641 642 h5 { 643 font-size: 0.83em; 644 margin: 1.67em 0; 645 } 646 647 h6 { 648 font-size: 0.67em; 649 margin: 2.33em 0; 650 } 651 652 h1.page-title { 653 font-size: 4.4rem; 654 margin: 0.5rem 0 1.5rem; 655 } 656 657 @media (max-width: 480px) { 658 h1.page-title { 659 font-size: 2.4rem; 660 } 661 } 662 663 .woocommerce-products-header__title { 664 margin-top: 0; 665 margin-bottom: 20px; 666 line-height: 1; 667 } 668 669 body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { 22 } 23 .asce-col-1 { 24 width: 100%; 25 } 26 27 .asce-col-2 { 28 width: 50%; 29 } 30 31 .asce-col-2-5 { 32 width: 66.67%; 33 } 34 35 .asce-col-3 { 36 width: 33.33%; 37 } 38 39 .asce-col-4 { 40 width: 25%; 41 } 42 43 .asce-col-80 { 44 width: 80%; 45 } 46 47 .asce-col-75 { 48 width: 75%; 49 } 50 51 .asce-col-70 { 52 width: 70%; 53 } 54 55 .asce-col-60 { 56 width: 60%; 57 } 58 59 .asce-col-55 { 60 width: 55%; 61 } 62 63 .asce-col-40 { 64 width: 40%; 65 } 66 67 .asce-col-30 { 68 width: 30%; 69 } 70 71 .asce-col-20 { 72 width: 20%; 73 } 74 75 .asce-col-15 { 76 width: 15%; 77 } 78 79 .main-widget-section-wrap { 80 display: flex; 81 flex-wrap: wrap; 82 align-items: flex-start; 83 gap: 30px; 84 } 85 86 .main-widget-section-wrap .primary-widgets-section { 87 width: 100%; 88 } 89 90 @media (min-width: 768px) { 91 .main-widget-section-wrap .primary-widgets-section { 92 width: calc(70% - 15px); 93 } 94 } 95 96 .main-widget-section-wrap .secondary-widgets-section { 97 width: 100%; 98 } 99 100 @media (min-width: 768px) { 101 .main-widget-section-wrap .secondary-widgets-section { 102 width: calc(30% - 15px); 103 position: sticky; 104 top: 40px; 105 } 106 } 107 108 @media (min-width: 768px) { 109 .main-widget-section-wrap.frontpage-left-sidebar { 110 flex-direction: row-reverse; 111 } 112 } 113 114 .main-widget-section-wrap.no-frontpage-sidebar .primary-widgets-section { 115 width: 100%; 116 } 117 118 /*-------------------------------------------------------------- 119 # Generic 120 --------------------------------------------------------------*/ 121 /* Normalize 122 --------------------------------------------- */ 123 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 124 /* Document 125 ========================================================================== */ 126 /** 127 * 1. Correct the line height in all browsers. 128 * 2. Prevent adjustments of font size after orientation changes in iOS. 129 */ 130 html { 131 line-height: 1.15; 132 -webkit-text-size-adjust: 100%; 133 } 134 135 /* Sections 136 ========================================================================== */ 137 /** 138 * Remove the margin in all browsers. 139 */ 140 body { 141 margin: 0; 142 font-family: 'Mulish', sans-serif; 143 } 144 145 /** 146 * Render the `main` element consistently in IE. 147 */ 148 main { 149 display: block; 150 } 151 152 /** 153 * Correct the font size and margin on `h1` elements within `section` and 154 * `article` contexts in Chrome, Firefox, and Safari. 155 */ 156 h1 { 157 font-size: 2em; 158 margin: 0.67em 0; 159 } 160 161 /* Grouping content 162 ========================================================================== */ 163 /** 164 * 1. Add the correct box sizing in Firefox. 165 * 2. Show the overflow in Edge and IE. 166 */ 167 hr { 168 box-sizing: content-box; 169 height: 0; 170 overflow: visible; 171 } 172 173 /** 174 * 1. Correct the inheritance and scaling of font size in all browsers. 175 * 2. Correct the odd `em` font sizing in all browsers. 176 */ 177 pre { 178 font-family: 'Mulish', sans-serif; 179 font-size: 1em; 180 } 181 182 /* Text-level semantics 183 ========================================================================== */ 184 /** 185 * Remove the gray background on active links in IE 10. 186 */ 187 a { 188 background-color: transparent; 189 } 190 191 /** 192 * 1. Remove the bottom border in Chrome 57- 193 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 194 */ 195 abbr[title] { 196 border-bottom: none; 197 text-decoration: underline; 198 text-decoration: underline dotted; 199 } 200 201 /** 202 * Add the correct font weight in Chrome, Edge, and Safari. 203 */ 204 b, 205 strong { 206 font-weight: bolder; 207 } 208 209 /** 210 * 1. Correct the inheritance and scaling of font size in all browsers. 211 * 2. Correct the odd `em` font sizing in all browsers. 212 */ 213 code, 214 kbd, 215 samp { 216 font-family: 'Mulish', sans-serif; 217 font-size: 1em; 218 } 219 220 /** 221 * Add the correct font size in all browsers. 222 */ 223 small { 224 font-size: 80%; 225 } 226 227 /** 228 * Prevent `sub` and `sup` elements from affecting the line height in 229 * all browsers. 230 */ 231 sub, 232 sup { 233 font-size: 75%; 234 line-height: 0; 235 position: relative; 236 vertical-align: baseline; 237 } 238 239 sub { 240 bottom: -0.25em; 241 } 242 243 sup { 244 top: -0.5em; 245 } 246 247 /* Embedded content 248 ========================================================================== */ 249 /** 250 * Remove the border on images inside links in IE 10. 251 */ 252 img { 253 border-style: none; 254 } 255 256 /* Forms 257 ========================================================================== */ 258 /** 259 * 1. Change the font styles in all browsers. 260 * 2. Remove the margin in Firefox and Safari. 261 */ 262 button, 263 input, 264 optgroup, 265 select, 266 textarea { 267 font-family: 'Mulish', sans-serif; 268 font-size: 100%; 269 line-height: 1.15; 270 margin: 0; 271 } 272 273 /** 274 * Show the overflow in IE. 275 * 1. Show the overflow in Edge. 276 */ 277 button, 278 input { 279 overflow: visible; 280 } 281 282 /** 283 * Remove the inheritance of text transform in Edge, Firefox, and IE. 284 * 1. Remove the inheritance of text transform in Firefox. 285 */ 286 button, 287 select { 288 text-transform: none; 289 } 290 291 /** 292 * Correct the inability to style clickable types in iOS and Safari. 293 */ 294 button, 295 [type="button"], 296 [type="reset"], 297 [type="submit"] { 298 -webkit-appearance: button; 299 } 300 301 /** 302 * Remove the inner border and padding in Firefox. 303 */ 304 button::-moz-focus-inner, 305 [type="button"]::-moz-focus-inner, 306 [type="reset"]::-moz-focus-inner, 307 [type="submit"]::-moz-focus-inner { 308 border-style: none; 309 padding: 0; 310 } 311 312 /** 313 * Restore the focus styles unset by the previous rule. 314 */ 315 button:-moz-focusring, 316 [type="button"]:-moz-focusring, 317 [type="reset"]:-moz-focusring, 318 [type="submit"]:-moz-focusring { 319 outline: 1px dotted ButtonText; 320 } 321 322 /** 323 * Correct the padding in Firefox. 324 */ 325 fieldset { 326 padding: 0.35em 0.75em 0.625em; 327 } 328 329 /** 330 * 1. Correct the text wrapping in Edge and IE. 331 * 2. Correct the color inheritance from `fieldset` elements in IE. 332 * 3. Remove the padding so developers are not caught out when they zero out 333 * `fieldset` elements in all browsers. 334 */ 335 legend { 336 box-sizing: border-box; 337 color: inherit; 338 display: table; 339 max-width: 100%; 340 padding: 0; 341 white-space: normal; 342 } 343 344 /** 345 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 346 */ 347 progress { 348 vertical-align: baseline; 349 } 350 351 /** 352 * Remove the default vertical scrollbar in IE 10+. 353 */ 354 textarea { 355 overflow: auto; 356 } 357 358 /** 359 * 1. Add the correct box sizing in IE 10. 360 * 2. Remove the padding in IE 10. 361 */ 362 [type="checkbox"], 363 [type="radio"] { 364 box-sizing: border-box; 365 padding: 0; 366 } 367 368 /** 369 * Correct the cursor style of increment and decrement buttons in Chrome. 370 */ 371 [type="number"]::-webkit-inner-spin-button, 372 [type="number"]::-webkit-outer-spin-button { 373 height: auto; 374 } 375 376 /** 377 * 1. Correct the odd appearance in Chrome and Safari. 378 * 2. Correct the outline style in Safari. 379 */ 380 [type="search"] { 381 -webkit-appearance: textfield; 382 outline-offset: -2px; 383 } 384 385 /** 386 * Remove the inner padding in Chrome and Safari on macOS. 387 */ 388 [type="search"]::-webkit-search-decoration { 389 -webkit-appearance: none; 390 } 391 392 /** 393 * 1. Correct the inability to style clickable types in iOS and Safari. 394 * 2. Change font properties to `inherit` in Safari. 395 */ 396 ::-webkit-file-upload-button { 397 -webkit-appearance: button; 398 font: inherit; 399 } 400 401 /* Interactive 402 ========================================================================== */ 403 /* 404 * Add the correct display in Edge, IE 10+, and Firefox. 405 */ 406 details { 407 display: block; 408 } 409 410 /* 411 * Add the correct display in all browsers. 412 */ 413 summary { 414 display: list-item; 415 } 416 417 /* Misc 418 ========================================================================== */ 419 /** 420 * Add the correct display in IE 10+. 421 */ 422 template { 423 display: none; 424 } 425 426 /** 427 * Add the correct display in IE 10. 428 */ 429 [hidden] { 430 display: none; 431 } 432 433 /* Box sizing 434 --------------------------------------------- */ 435 /* Inherit box-sizing to more easily change it's value on a component level. 436 @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 437 *, 438 *::before, 439 *::after { 440 box-sizing: inherit; 441 } 442 443 html { 444 box-sizing: border-box; 445 } 446 447 /*-------------------------------------------------------------- 448 # Base 449 --------------------------------------------------------------*/ 450 /* Typography 451 --------------------------------------------- */ 452 body, 453 button, 454 input, 455 select, 456 optgroup, 457 textarea { 458 color: #404040; 459 font-family: 'Mulish', sans-serif; 460 font-size: 1rem; 461 line-height: 1.5; 462 } 463 464 h1, 465 h2, 466 h3, 467 h4, 468 h5, 469 h6 { 470 font-family: 'Mulish', sans-serif; 471 clear: both; 472 word-wrap: break-word; 473 font-family: var(--font-heading); 474 } 475 476 h1, 477 .h1 { 478 font-size: 4.4rem; 479 } 480 481 h2, 482 .h2 { 483 font-size: 3.4rem; 484 } 485 486 @media (max-width: 992px) { 487 h2, 488 .h2 { 489 font-size: 2.8rem; 490 } 491 } 492 493 @media (max-width: 767.98px) { 494 h2, 495 .h2 { 496 font-size: 2.3rem; 497 } 498 } 499 500 h3, 501 .h3 { 502 font-size: 1.9rem; 503 } 504 505 h4, 506 .h4 { 507 font-size: 1.5rem; 508 } 509 510 h1, 511 h2, 512 h3, 513 h4, 514 h5, 515 h6 { 516 display: block; 517 font-weight: 600; 518 font-family: var(--font-heading); 519 } 520 521 h1 { 522 font-size: 2em; 523 margin: .67em 0; 524 } 525 526 h2, 527 h3 { 528 font-size: 1.3em; 529 margin: 1em 0; 530 } 531 532 .update-core-php h2 { 533 margin-top: 4em; 534 } 535 536 .update-php h2, 537 .update-messages h2, 538 h4 { 539 font-size: 1em; 540 margin: 1.33em 0; 541 } 542 543 h5 { 544 font-size: 0.83em; 545 margin: 1.67em 0; 546 } 547 548 h6 { 549 font-size: 0.67em; 550 margin: 2.33em 0; 551 } 552 553 h1.page-title { 554 font-size: 4.4rem; 555 margin: 0.5rem 0 1.5rem; 556 } 557 558 @media (max-width: 480px) { 559 h1.page-title { 560 font-size: 2.4rem; 561 } 562 } 563 .add_to_cart_button { 564 border-radius: 3px !important; 565 font-weight: 700 !important; 566 padding: 12px 15px !important; 567 color: #fff !important; 568 margin: 3px !important; 569 font-size: 18px !important; 570 line-height: 15px !important; 571 background: var(--primary-color) !important; 572 } 573 .add_to_cart_button:hover{ 574 background: #111111 !important; 575 color: #fff !important; 576 } 577 .wc-block-grid__product-onsale { 578 top: 0px !important; 579 left: auto !important; 580 right: 0px !important; 581 margin: 0 !important; 582 line-height: 1 !important; 583 background: #000 !important; 584 border-radius: 25px !important; 585 padding: 9px 10px !important; 586 border-radius: 0px !important; 587 height: 33px !important; 588 min-height: 0 !important; 589 text-transform: uppercase !important; 590 color: #fff !important; 591 font-size: 13.5px !important; 592 } 593 .wc-block-components-button__text{ 594 color:#fff; 595 } 596 .wc-block-components-button{ 597 text-decoration: none !important; 598 } 599 .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{ 600 text-decoration: none; 601 } 602 .woocommerce-products-header__title { 603 margin-top: 0; 604 margin-bottom: 20px; 605 line-height: 1; 606 } 607 body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) { 670 608 min-height: 3em; 671 609 border: 1px solid #fff; 672 margin-top: 1em; 673 } 674 675 .page-header h1 { 676 font-size: var(--font-size-xl); 677 margin-top: 0; 678 line-height: 1.2; 679 } 680 681 .section-header-subtitle { 682 text-align: center; 683 margin-bottom: 50px; 684 } 685 686 .section-header-subtitle .section-title { 687 font-size: var(--font-size-xl); 688 margin-top: 0; 689 margin-bottom: 0; 690 line-height: 1.2; 691 } 692 693 .section-header-subtitle .section-subtitle { 694 font-size: var(--font-size-base); 695 font-family: var(--font-main); 696 margin-top: 0; 697 margin-bottom: 0; 698 } 699 700 p { 701 margin-bottom: 1.5em; 702 } 703 704 dfn, 705 cite, 706 em, 707 i { 708 font-style: italic; 709 } 710 711 blockquote { 712 margin: 0 1.5em; 713 } 714 715 address { 716 margin: 0 0 1.5em; 717 } 718 719 pre { 720 background: #000; 721 font-family: "Courier 10 Pitch", courier, monospace; 722 line-height: 1.6; 723 margin-bottom: 1.6em; 724 max-width: 100%; 725 overflow: auto; 726 padding: 1.6em; 727 } 728 729 code, 730 kbd, 731 tt, 732 var { 733 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 734 } 735 736 abbr, 737 acronym { 738 border-bottom: 1px dotted #666; 739 cursor: help; 740 } 741 742 743 /*mark, 744 ins { 745 background: #fff9c0; 746 text-decoration: none; 747 }*/ 748 749 big { 750 font-size: 125%; 751 } 752 753 .entry-content a, 754 .textwidget p a, 755 .comment-content a { 610 } 611 .page-header h1 { 612 font-size: var(--font-size-xl); 613 margin-top: 0; 614 line-height: 1.2; 615 } 616 617 .section-header-subtitle { 618 text-align: center; 619 margin-bottom: 50px; 620 } 621 622 .section-header-subtitle .section-title { 623 font-size: var(--font-size-xl); 624 margin-top: 0; 625 margin-bottom: 0; 626 line-height: 1.2; 627 } 628 629 .section-header-subtitle .section-subtitle { 630 font-size: var(--font-size-base); 631 font-family: var(--font-main); 632 margin-top: 0; 633 margin-bottom: 0; 634 } 635 636 p { 637 margin-bottom: 1.5em; 638 } 639 640 dfn, 641 cite, 642 em, 643 i { 644 font-style: italic; 645 } 646 647 blockquote { 648 margin: 0 1.5em; 649 } 650 651 address { 652 margin: 0 0 1.5em; 653 } 654 655 pre { 656 background: #000; 657 font-family: "Courier 10 Pitch", courier, monospace; 658 line-height: 1.6; 659 margin-bottom: 1.6em; 660 max-width: 100%; 661 overflow: auto; 662 padding: 1.6em; 663 } 664 665 code, 666 kbd, 667 tt, 668 var { 669 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 670 } 671 672 abbr, 673 acronym { 674 border-bottom: 1px dotted #666; 675 cursor: help; 676 } 677 678 /*mark, 679 ins { 680 background: #fff9c0; 681 text-decoration: none; 682 }*/ 683 684 big { 685 font-size: 125%; 686 } 687 688 .entry-content a, .textwidget p a,.comment-content a{ 756 689 text-decoration: underline; 757 } 758 759 760 /* Elements 761 --------------------------------------------- */ 762 763 :root { 764 --primary-color: #0fb2b3; 765 --secondary-color: #76f5fd; 766 --background-color-white: #202020; 767 --background-color-grey: #F6F7FB; 768 --background-color-light-grey: #f8f8f8; 769 --background-color-dark: #a3a3a3; 770 --background-color-gradiant: linear-gradient(to right, var(--secondary-color) , var(--primary-color)); 771 --footer-top-background: #f8f8f8; 772 --footer-top-color: #3a3a3a; 773 --footer-bottom-background: #e8e8e8; 774 --footer-bottom-color: #3a3a3a; 775 --color-text-main: #3A3A3A; 776 --color-text-white: #fff; 777 --input-border-color: rgba(200, 200, 200, .5); 778 --notice-success-bg-color: #D4EDDA; 779 --notice-success-text-color: #155724; 780 --notice-info-bg-color: #D1ECF1; 781 --notice-info-text-color: #0C5460; 782 --notice-warning-bg-color: #FFF3CD; 783 --notice-warning-text-color: #856404; 784 --notice-danger-bg-color: #F8D7DA; 785 --notice-danger-text-color: #721C24; 786 --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem); 787 --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem); 788 --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); 789 --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem); 790 --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem); 791 --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem); 792 --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem); 793 --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem); 794 --border-round-button: 30px; 795 --font-main: 'Poppins', sans-serif; 796 --font-heading: 'Raleway', sans-serif; 797 --font-paragraph: 'Tenor Sans', sans-serif; 798 --font-line-height-body: 1.5; 799 --font-line-height-pre: 1.6; 800 } 801 802 * { 803 box-sizing: border-box; 804 } 805 806 body { 807 font-size: 1rem; 808 font-family: var(--font-main); 809 color: #fff; 810 background-color: #2D2D2D; 811 } 812 813 body.page { 814 margin-bottom: 0; 815 } 816 817 @media (max-width: 767.98px) { 818 body { 819 font-size: 1em; 820 } 821 } 822 823 body.menu-opened { 824 overflow: hidden; 825 } 826 827 hr { 828 background-color: #ccc; 829 border: 0; 830 height: 1px; 831 margin-bottom: 1.5em; 832 } 833 834 ul, 835 ol { 836 margin: 0 3em 1.5em 0; 837 } 838 839 li > ul, 840 li > ol { 841 margin-bottom: 0; 842 margin-right: 1.5em; 843 } 844 845 dt { 846 font-weight: 700; 847 } 848 849 dd { 850 margin: 0 1.5em 1.5em; 851 } 852 853 854 /* Make sure embeds and iframes fit their containers. */ 855 856 embed, 857 iframe, 858 object { 859 max-width: 100%; 860 } 861 862 img { 863 height: auto; 864 max-width: 100%; 865 } 866 867 figure { 868 margin: 1em 0; 869 } 870 871 table { 872 margin: 0 0 1.5em; 873 width: 100%; 874 } 875 876 877 /* Links 878 --------------------------------------------- */ 879 880 a { 881 color: var(--primary-color); 882 text-decoration: none; 883 } 884 885 a:visited { 886 color: var(--primary-color); 887 } 888 889 a:hover, 890 a:focus, 891 a:active { 892 color: var(--primary-color); 893 } 894 895 a:focus { 896 outline: thin dotted; 897 outline-offset: 1px; 898 } 899 900 a:hover, 901 a:active { 902 outline: 0; 903 } 904 905 a:focus-within { 906 outline: thin dotted; 907 outline-offset: -2px; 908 } 909 910 a ul.social-links { 911 margin: 0; 912 padding: 0; 913 list-style: none; 914 display: flex; 915 gap: 10px; 916 } 917 918 a .author-social-contacts a, 919 a .teams-social a, 920 a ul.social-links a { 921 width: 20px; 922 height: 20px; 923 opacity: 0.8; 924 display: flex; 925 font-size: 16px; 926 overflow: hidden; 927 position: relative; 928 align-items: center; 929 text-decoration: none; 930 justify-content: center; 931 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 932 color: var(--color-text-white); 933 } 934 935 a .author-social-contacts a::before, 936 a .teams-social a::before, 937 a ul.social-links a::before { 938 -webkit-font-smoothing: antialiased; 939 -moz-osx-font-smoothing: grayscale; 940 font-style: normal; 941 font-variant: normal; 942 font-weight: 400; 943 line-height: 1; 944 font-family: 'Font Awesome 7 brands'; 945 vertical-align: baseline; 946 transition: all, ease, .3s; 947 } 948 949 a .author-social-contacts a[href*='facebook.com']::before, 950 a .teams-social a[href*='facebook.com']::before, 951 a ul.social-links a[href*='facebook.com']::before { 952 content: "\f39e"; 953 } 954 955 a .author-social-contacts a[href*='twitter.com']::before, 956 a .teams-social a[href*='twitter.com']::before, 957 a ul.social-links a[href*='twitter.com']::before { 958 content: "\f099"; 959 } 960 961 a .author-social-contacts a[href*='instagram.com']::before, 962 a .teams-social a[href*='instagram.com']::before, 963 a ul.social-links a[href*='instagram.com']::before { 964 content: "\f16d"; 965 } 966 967 a .author-social-contacts a[href*='youtube.com']::before, 968 a .teams-social a[href*='youtube.com']::before, 969 a ul.social-links a[href*='youtube.com']::before { 970 content: "\f167"; 971 } 972 973 a .author-social-contacts a[href*='discord.com']::before, 974 a .teams-social a[href*='discord.com']::before, 975 a ul.social-links a[href*='discord.com']::before { 976 content: "\f392"; 977 } 978 979 a .author-social-contacts a[href*='dribbble.com']::before, 980 a .teams-social a[href*='dribbble.com']::before, 981 a ul.social-links a[href*='dribbble.com']::before { 982 content: "\f17d"; 983 } 984 985 a .author-social-contacts a[href*='google.com']::before, 986 a .teams-social a[href*='google.com']::before, 987 a ul.social-links a[href*='google.com']::before { 988 content: "\f1a0"; 989 } 990 991 a .author-social-contacts a[href*='line.me']::before, 992 a .teams-social a[href*='line.me']::before, 993 a ul.social-links a[href*='line.me']::before { 994 content: "\f3c0"; 995 } 996 997 a .author-social-contacts a[href*='linkedin.com']::before, 998 a .teams-social a[href*='linkedin.com']::before, 999 a ul.social-links a[href*='linkedin.com']::before { 1000 content: "\f08c"; 1001 } 1002 1003 a .author-social-contacts a[href*='medium.com']::before, 1004 a .teams-social a[href*='medium.com']::before, 1005 a ul.social-links a[href*='medium.com']::before { 1006 content: "\f23a"; 1007 } 1008 1009 a .author-social-contacts a[href*='messenger.com']::before, 1010 a .teams-social a[href*='messenger.com']::before, 1011 a ul.social-links a[href*='messenger.com']::before { 1012 content: "\f39f"; 1013 } 1014 1015 a .author-social-contacts a[href*='paypal.com']::before, 1016 a .teams-social a[href*='paypal.com']::before, 1017 a ul.social-links a[href*='paypal.com']::before { 1018 content: "\f1ed"; 1019 } 1020 1021 a .author-social-contacts a[href*='pinterest.com']::before, 1022 a .teams-social a[href*='pinterest.com']::before, 1023 a ul.social-links a[href*='pinterest.com']::before { 1024 content: "\f0d2"; 1025 } 1026 1027 a .author-social-contacts a[href*='reddit.com']::before, 1028 a .teams-social a[href*='reddit.com']::before, 1029 a ul.social-links a[href*='reddit.com']::before { 1030 content: "\f1a1"; 1031 } 1032 1033 a .author-social-contacts a[href*='skype.com']::before, 1034 a .teams-social a[href*='skype.com']::before, 1035 a ul.social-links a[href*='skype.com']::before { 1036 content: "\f17e"; 1037 } 1038 1039 a .author-social-contacts a[href*='slack.com']::before, 1040 a .teams-social a[href*='slack.com']::before, 1041 a ul.social-links a[href*='slack.com']::before { 1042 content: "\f198"; 1043 } 1044 1045 a .author-social-contacts a[href*='snapchat.com']::before, 1046 a .teams-social a[href*='snapchat.com']::before, 1047 a ul.social-links a[href*='snapchat.com']::before { 1048 content: "\f2ad"; 1049 } 1050 1051 a .author-social-contacts a[href*='spotify.com']::before, 1052 a .teams-social a[href*='spotify.com']::before, 1053 a ul.social-links a[href*='spotify.com']::before { 1054 content: "\f1bc"; 1055 } 1056 1057 a .author-social-contacts a[href*='stackoverflow.com']::before, 1058 a .teams-social a[href*='stackoverflow.com']::before, 1059 a ul.social-links a[href*='stackoverflow.com']::before { 1060 content: "\f16c"; 1061 } 1062 1063 a .author-social-contacts a[href*='telegram.org']::before, 1064 a .teams-social a[href*='telegram.org']::before, 1065 a ul.social-links a[href*='telegram.org']::before { 1066 content: "\f3fe"; 1067 } 1068 1069 a .author-social-contacts a[href*='twitch.tv']::before, 1070 a .teams-social a[href*='twitch.tv']::before, 1071 a ul.social-links a[href*='twitch.tv']::before { 1072 content: "\f1e8"; 1073 } 1074 1075 a .author-social-contacts a[href*='vimeo.com']::before, 1076 a .teams-social a[href*='vimeo.com']::before, 1077 a ul.social-links a[href*='vimeo.com']::before { 1078 content: "\f27d"; 1079 } 1080 1081 a .author-social-contacts a[href*='whatsapp.com']::before, 1082 a .teams-social a[href*='whatsapp.com']::before, 1083 a ul.social-links a[href*='whatsapp.com']::before { 1084 content: "\f232"; 1085 } 1086 1087 a .author-social-contacts a[href*='wordpress.org']::before, 1088 a .teams-social a[href*='wordpress.org']::before, 1089 a ul.social-links a[href*='wordpress.org']::before { 1090 content: "\f19a"; 1091 } 1092 1093 a .author-social-contacts a[href*='youtube.com']::before, 1094 a .teams-social a[href*='youtube.com']::before, 1095 a ul.social-links a[href*='youtube.com']::before { 1096 content: "\f167"; 1097 } 1098 1099 a .author-social-contacts a:focus, 1100 a .author-social-contacts a:hover, 1101 a .teams-social a:focus, 1102 a .teams-social a:hover, 1103 a ul.social-links a:focus, 1104 a ul.social-links a:hover { 1105 opacity: 1; 1106 } 1107 1108 a .widget_corporate_solutions_social_icons ul.social-links a { 1109 font-size: var(--font-size-xs); 1110 padding: 12px; 1111 opacity: 1; 1112 width: auto; 1113 height: auto; 1114 color: #fff; 1115 line-height: 1; 1116 border-radius: 5px; 1117 overflow: visible; 1118 display: flex; 1119 align-items: center; 1120 justify-content: center; 1121 gap: 5px; 1122 margin: 0px 0px 10px 10px; 1123 opacity: 0.7; 1124 } 1125 1126 a .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] { 1127 background-color: #3b5999; 1128 } 1129 1130 a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] { 1131 background-color: #55acee; 1132 } 1133 1134 a .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] { 1135 background-color: #3F729B; 1136 } 1137 1138 a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1139 background-color: #cd201f; 1140 } 1141 1142 a .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] { 1143 background-color: #5865F2; 1144 } 1145 1146 a .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] { 1147 background-color: #ea4c89; 1148 } 1149 1150 a .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] { 1151 background-color: #dd4b39; 1152 } 1153 1154 a .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] { 1155 background-color: #00b900; 1156 } 1157 1158 a .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] { 1159 background-color: #0e76a8; 1160 } 1161 1162 a .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] { 1163 background-color: #66cdaa; 1164 } 1165 1166 a .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] { 1167 background-color: #006AFF; 1168 } 1169 1170 a .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] { 1171 background-color: #3b7bbf; 1172 } 1173 1174 a .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] { 1175 background-color: #E60023; 1176 } 1177 1178 a .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] { 1179 background-color: #ff5700; 1180 } 1181 1182 a .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] { 1183 background-color: #00aff0; 1184 } 1185 1186 a .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] { 1187 background-color: #ECB22E; 1188 } 1189 1190 a .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] { 1191 background-color: #FFFC00; 1192 } 1193 1194 a .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] { 1195 background-color: #1DB954; 1196 } 1197 1198 a .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] { 1199 background-color: #F47F24; 1200 } 1201 1202 a .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] { 1203 background-color: #229ED9; 1204 } 1205 1206 a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] { 1207 background-color: #6441a5; 1208 } 1209 1210 a .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] { 1211 background-color: #86c9ef; 1212 } 1213 1214 a .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] { 1215 background-color: #34B7F1; 1216 } 1217 1218 a .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] { 1219 background-color: #21759b; 1220 } 1221 1222 a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1223 background-color: #c4302b; 1224 } 1225 1226 a .widget_corporate_solutions_social_icons ul.social-links a:focus, 1227 a .widget_corporate_solutions_social_icons ul.social-links a:hover { 1228 opacity: 1; 1229 } 1230 1231 a .site-footer-bottom-wrapper ul.social-links li a { 1232 color: var(--text-color-normal); 1233 } 1234 1235 a:focus { 1236 outline: thin dotted; 1237 outline-offset: -2px; 1238 } 1239 1240 a:hover, 1241 a:active { 1242 outline: 0; 1243 } 1244 1245 a:focus-within { 1246 outline: thin dotted; 1247 outline-offset: -2px; 1248 } 1249 1250 ul.social-links { 1251 margin: 0; 1252 padding: 0; 1253 list-style: none; 1254 display: flex; 1255 flex-wrap: wrap; 1256 gap: 10px; 1257 } 1258 1259 .author-social-contacts a, 1260 .teams-social a, 1261 ul.social-links a { 1262 width: 20px; 1263 height: 20px; 1264 opacity: 0.8; 1265 display: flex; 1266 font-size: 16px; 1267 overflow: hidden; 1268 position: relative; 1269 align-items: center; 1270 text-decoration: none; 1271 justify-content: center; 1272 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 1273 color: var(--color-text-white); 1274 } 1275 1276 .author-social-contacts a::before, 1277 .teams-social a::before, 1278 ul.social-links a::before { 1279 -webkit-font-smoothing: antialiased; 1280 -moz-osx-font-smoothing: grayscale; 1281 font-style: normal; 1282 font-variant: normal; 1283 font-weight: 400; 1284 line-height: 1; 1285 font-family: 'Font Awesome 7 brands'; 1286 vertical-align: baseline; 1287 transition: all, ease, .3s; 1288 } 1289 1290 .author-social-contacts a[href*='facebook.com']::before, 1291 .teams-social a[href*='facebook.com']::before, 1292 ul.social-links a[href*='facebook.com']::before { 1293 content: "\f39e"; 1294 } 1295 1296 .author-social-contacts a[href*='twitter.com']::before, 1297 .teams-social a[href*='twitter.com']::before, 1298 ul.social-links a[href*='twitter.com']::before { 1299 content: "\f099"; 1300 } 1301 1302 .author-social-contacts a[href*='instagram.com']::before, 1303 .teams-social a[href*='instagram.com']::before, 1304 ul.social-links a[href*='instagram.com']::before { 1305 content: "\f16d"; 1306 } 1307 1308 .author-social-contacts a[href*='youtube.com']::before, 1309 .teams-social a[href*='youtube.com']::before, 1310 ul.social-links a[href*='youtube.com']::before { 1311 content: "\f167"; 1312 } 1313 1314 .author-social-contacts a[href*='discord.com']::before, 1315 .teams-social a[href*='discord.com']::before, 1316 ul.social-links a[href*='discord.com']::before { 1317 content: "\f392"; 1318 } 1319 1320 .author-social-contacts a[href*='dribbble.com']::before, 1321 .teams-social a[href*='dribbble.com']::before, 1322 ul.social-links a[href*='dribbble.com']::before { 1323 content: "\f17d"; 1324 } 1325 1326 .author-social-contacts a[href*='google.com']::before, 1327 .teams-social a[href*='google.com']::before, 1328 ul.social-links a[href*='google.com']::before { 1329 content: "\f1a0"; 1330 } 1331 1332 .author-social-contacts a[href*='line.me']::before, 1333 .teams-social a[href*='line.me']::before, 1334 ul.social-links a[href*='line.me']::before { 1335 content: "\f3c0"; 1336 } 1337 1338 .author-social-contacts a[href*='linkedin.com']::before, 1339 .teams-social a[href*='linkedin.com']::before, 1340 ul.social-links a[href*='linkedin.com']::before { 1341 content: "\f08c"; 1342 } 1343 1344 .author-social-contacts a[href*='medium.com']::before, 1345 .teams-social a[href*='medium.com']::before, 1346 ul.social-links a[href*='medium.com']::before { 1347 content: "\f23a"; 1348 } 1349 1350 .author-social-contacts a[href*='messenger.com']::before, 1351 .teams-social a[href*='messenger.com']::before, 1352 ul.social-links a[href*='messenger.com']::before { 1353 content: "\f39f"; 1354 } 1355 1356 .author-social-contacts a[href*='paypal.com']::before, 1357 .teams-social a[href*='paypal.com']::before, 1358 ul.social-links a[href*='paypal.com']::before { 1359 content: "\f1ed"; 1360 } 1361 1362 .author-social-contacts a[href*='pinterest.com']::before, 1363 .teams-social a[href*='pinterest.com']::before, 1364 ul.social-links a[href*='pinterest.com']::before { 1365 content: "\f0d2"; 1366 } 1367 1368 .author-social-contacts a[href*='reddit.com']::before, 1369 .teams-social a[href*='reddit.com']::before, 1370 ul.social-links a[href*='reddit.com']::before { 1371 content: "\f1a1"; 1372 } 1373 1374 .author-social-contacts a[href*='skype.com']::before, 1375 .teams-social a[href*='skype.com']::before, 1376 ul.social-links a[href*='skype.com']::before { 1377 content: "\f17e"; 1378 } 1379 1380 .author-social-contacts a[href*='slack.com']::before, 1381 .teams-social a[href*='slack.com']::before, 1382 ul.social-links a[href*='slack.com']::before { 1383 content: "\f198"; 1384 } 1385 1386 .author-social-contacts a[href*='snapchat.com']::before, 1387 .teams-social a[href*='snapchat.com']::before, 1388 ul.social-links a[href*='snapchat.com']::before { 1389 content: "\f2ad"; 1390 } 1391 1392 .author-social-contacts a[href*='spotify.com']::before, 1393 .teams-social a[href*='spotify.com']::before, 1394 ul.social-links a[href*='spotify.com']::before { 1395 content: "\f1bc"; 1396 } 1397 1398 .author-social-contacts a[href*='stackoverflow.com']::before, 1399 .teams-social a[href*='stackoverflow.com']::before, 1400 ul.social-links a[href*='stackoverflow.com']::before { 1401 content: "\f16c"; 1402 } 1403 1404 .author-social-contacts a[href*='telegram.org']::before, 1405 .teams-social a[href*='telegram.org']::before, 1406 ul.social-links a[href*='telegram.org']::before { 1407 content: "\f3fe"; 1408 } 1409 1410 .author-social-contacts a[href*='twitch.tv']::before, 1411 .teams-social a[href*='twitch.tv']::before, 1412 ul.social-links a[href*='twitch.tv']::before { 1413 content: "\f1e8"; 1414 } 1415 1416 .author-social-contacts a[href*='vimeo.com']::before, 1417 .teams-social a[href*='vimeo.com']::before, 1418 ul.social-links a[href*='vimeo.com']::before { 1419 content: "\f27d"; 1420 } 1421 1422 .author-social-contacts a[href*='whatsapp.com']::before, 1423 .teams-social a[href*='whatsapp.com']::before, 1424 ul.social-links a[href*='whatsapp.com']::before { 1425 content: "\f232"; 1426 } 1427 1428 .author-social-contacts a[href*='wordpress.org']::before, 1429 .teams-social a[href*='wordpress.org']::before, 1430 ul.social-links a[href*='wordpress.org']::before { 1431 content: "\f19a"; 1432 } 1433 1434 .author-social-contacts a[href*='youtube.com']::before, 1435 .teams-social a[href*='youtube.com']::before, 1436 ul.social-links a[href*='youtube.com']::before { 1437 content: "\f167"; 1438 } 1439 1440 .author-social-contacts a:focus, 1441 .author-social-contacts a:hover, 1442 .teams-social a:focus, 1443 .teams-social a:hover, 1444 ul.social-links a:focus, 1445 ul.social-links a:hover { 1446 opacity: 1; 1447 } 1448 1449 .widget_corporate_solutions_social_icons ul.social-links a { 1450 font-size: var(--font-size-xs); 1451 padding: 12px; 1452 opacity: 1; 1453 width: auto; 1454 height: auto; 1455 color: #fff; 1456 line-height: 1; 1457 border-radius: 5px; 1458 overflow: visible; 1459 display: flex; 1460 align-items: center; 1461 justify-content: center; 1462 gap: 5px; 1463 margin: 0px 0px 10px 10px; 1464 opacity: 0.7; 1465 } 1466 1467 .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] { 1468 background-color: #3b5999; 1469 } 1470 1471 .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] { 1472 background-color: #55acee; 1473 } 1474 1475 .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] { 1476 background-color: #3F729B; 1477 } 1478 1479 .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1480 background-color: #cd201f; 1481 } 1482 1483 .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] { 1484 background-color: #5865F2; 1485 } 1486 1487 .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] { 1488 background-color: #ea4c89; 1489 } 1490 1491 .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] { 1492 background-color: #dd4b39; 1493 } 1494 1495 .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] { 1496 background-color: #00b900; 1497 } 1498 1499 .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] { 1500 background-color: #0e76a8; 1501 } 1502 1503 .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] { 1504 background-color: #66cdaa; 1505 } 1506 1507 .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] { 1508 background-color: #006AFF; 1509 } 1510 1511 .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] { 1512 background-color: #3b7bbf; 1513 } 1514 1515 .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] { 1516 background-color: #E60023; 1517 } 1518 1519 .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] { 1520 background-color: #ff5700; 1521 } 1522 1523 .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] { 1524 background-color: #00aff0; 1525 } 1526 1527 .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] { 1528 background-color: #ECB22E; 1529 } 1530 1531 .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] { 1532 background-color: #FFFC00; 1533 } 1534 1535 .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] { 1536 background-color: #1DB954; 1537 } 1538 1539 .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] { 1540 background-color: #F47F24; 1541 } 1542 1543 .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] { 1544 background-color: #229ED9; 1545 } 1546 1547 .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] { 1548 background-color: #6441a5; 1549 } 1550 1551 .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] { 1552 background-color: #86c9ef; 1553 } 1554 1555 .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] { 1556 background-color: #34B7F1; 1557 } 1558 1559 .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] { 1560 background-color: #21759b; 1561 } 1562 1563 .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1564 background-color: #c4302b; 1565 } 1566 1567 .widget_corporate_solutions_social_icons ul.social-links a:focus, 1568 .widget_corporate_solutions_social_icons ul.social-links a:hover { 1569 opacity: 1; 1570 } 1571 1572 .site-footer-bottom-wrapper ul.social-links li a { 1573 color: var(--text-color-normal); 1574 } 1575 1576 1577 /* Forms 1578 --------------------------------------------- */ 1579 1580 button, 1581 input[type="button"], 1582 input[type="reset"], 1583 input[type="submit"] { 1584 border: 1px solid; 1585 border-radius: 3px; 1586 background-image: var(--background-color-gradiant); 1587 color: #fff; 1588 font-size: var(--font-size-sm); 1589 line-height: 1; 1590 padding: 0.6em 1em; 1591 font-weight: 600; 1592 } 1593 1594 button:focus, 1595 button:hover, 1596 input[type="button"]:focus, 1597 input[type="button"]:hover, 1598 input[type="reset"]:focus, 1599 input[type="reset"]:hover, 1600 input[type="submit"]:focus, 1601 input[type="submit"]:hover { 1602 opacity: 0.8; 1603 } 1604 1605 button:active, 1606 button:focus, 1607 input[type="button"]:active, 1608 input[type="button"]:focus, 1609 input[type="reset"]:active, 1610 input[type="reset"]:focus, 1611 input[type="submit"]:active, 1612 input[type="submit"]:focus { 1613 border-color: #aaa #bbb #bbb; 1614 } 1615 1616 a.asterthemes-button { 1617 font-size: var(--font-size-sm); 1618 text-decoration: none; 1619 text-transform: capitalize; 1620 font-weight: bold; 1621 display: inline-flex; 1622 align-items: center; 1623 color: #fff; 1624 background-image: var(--background-color-gradiant); 1625 border-radius: 8px; 1626 padding: 10px 25px; 1627 transition: all 0.3s ease; 1628 } 1629 1630 a.asterthemes-button:focus, 1631 a.asterthemes-button:hover { 1632 background-color: #000; 1633 color: #fff; 1634 } 1635 1636 a.asterthemes-button:focus { 1637 outline-width: 2px; 1638 } 1639 1640 input[type="text"], 1641 input[type="email"], 1642 input[type="url"], 1643 input[type="password"], 1644 input[type="search"], 1645 input[type="number"], 1646 input[type="tel"], 1647 input[type="range"], 1648 input[type="date"], 1649 input[type="month"], 1650 input[type="week"], 1651 input[type="time"], 1652 input[type="datetime"], 1653 input[type="datetime-local"], 1654 input[type="color"], 1655 textarea { 1656 color: #666; 1657 border: 1px solid #ccc; 1658 border-radius: 3px; 1659 padding: 5px; 1660 width: 100%; 1661 } 1662 1663 input[type="text"]:focus, 1664 input[type="email"]:focus, 1665 input[type="url"]:focus, 1666 input[type="password"]:focus, 1667 input[type="search"]:focus, 1668 input[type="number"]:focus, 1669 input[type="tel"]:focus, 1670 input[type="range"]:focus, 1671 input[type="date"]:focus, 1672 input[type="month"]:focus, 1673 input[type="week"]:focus, 1674 input[type="time"]:focus, 1675 input[type="datetime"]:focus, 1676 input[type="datetime-local"]:focus, 1677 input[type="color"]:focus, 1678 textarea:focus { 1679 color: #111; 1680 } 1681 1682 select { 1683 border: 1px solid #ccc; 1684 } 1685 1686 textarea { 1687 width: 100%; 1688 } 1689 1690 1691 /*-------------------------------------------------------------- 1692 # Layouts 1693 --------------------------------------------------------------*/ 1694 1695 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1696 display: grid; 1697 grid-gap: 30px; 1698 grid-template-columns: auto 30%; 1699 grid-template-areas: "main sidebar"; 1700 margin-top: 4em; 1701 } 1702 1703 .tag-cloud a { 690 } 691 692 /* Elements 693 --------------------------------------------- */ 694 :root { 695 --primary-color: #0fb2b3; 696 --secondary-color: #76f5fd; 697 --background-color-white: #202020; 698 --background-color-grey: #F6F7FB; 699 --background-color-light-grey: #f8f8f8; 700 --background-color-dark: #a3a3a3; 701 --background-color-gradiant: linear-gradient(to right, var(--secondary-color) , var(--primary-color)); 702 --footer-top-background: #f8f8f8; 703 --footer-top-color: #3a3a3a; 704 --footer-bottom-background: #e8e8e8; 705 --footer-bottom-color: #3a3a3a; 706 --color-text-main: #3A3A3A; 707 --color-text-white: #fff; 708 --input-border-color: rgba(200,200,200,.5); 709 --notice-success-bg-color:#D4EDDA; 710 --notice-success-text-color:#155724; 711 --notice-info-bg-color:#D1ECF1; 712 --notice-info-text-color:#0C5460; 713 --notice-warning-bg-color:#FFF3CD; 714 --notice-warning-text-color:#856404; 715 --notice-danger-bg-color:#F8D7DA; 716 --notice-danger-text-color:#721C24; 717 --font-size-xs: clamp(0.7rem, 0.17vw + 0.76rem, 0.79rem); 718 --font-size-sm: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem); 719 --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem); 720 --font-size-md: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem); 721 --font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem); 722 --font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem); 723 --font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem); 724 --font-size-xxxl: clamp(2.95rem, 3.54vw + 2.17rem, 5rem); 725 --border-round-button: 30px; 726 --font-main: 'Poppins', sans-serif; 727 --font-heading: 'Raleway', sans-serif; 728 --font-paragraph: 'Tenor Sans', sans-serif; 729 --font-line-height-body: 1.5; 730 --font-line-height-pre: 1.6; 731 } 732 733 * { 734 box-sizing: border-box; 735 } 736 737 body { 738 font-size: 1rem; 739 font-family: var(--font-main); 740 color: #fff; 741 background-color: #2D2D2D; 742 } 743 744 body.page { 745 margin-bottom: 0; 746 } 747 748 @media (max-width: 767.98px) { 749 body { 750 font-size: 1em; 751 } 752 } 753 754 body.menu-opened { 755 overflow: hidden; 756 } 757 758 hr { 759 background-color: #ccc; 760 border: 0; 761 height: 1px; 762 margin-bottom: 1.5em; 763 } 764 765 ul, 766 ol { 767 margin: 0 3em 1.5em 0; 768 } 769 770 li > ul, 771 li > ol { 772 margin-bottom: 0; 773 margin-right: 1.5em; 774 } 775 776 dt { 777 font-weight: 700; 778 } 779 780 dd { 781 margin: 0 1.5em 1.5em; 782 } 783 784 /* Make sure embeds and iframes fit their containers. */ 785 embed, 786 iframe, 787 object { 788 max-width: 100%; 789 } 790 791 img { 792 height: auto; 793 max-width: 100%; 794 } 795 796 figure { 797 margin: 1em 0; 798 } 799 800 table { 801 margin: 0 0 1.5em; 802 width: 100%; 803 } 804 805 /* Links 806 --------------------------------------------- */ 807 a { 808 color: var(--primary-color); 809 text-decoration: none; 810 } 811 812 a:visited { 813 color: var(--primary-color); 814 } 815 816 a:hover, a:focus, a:active { 817 color: var(--primary-color); 818 } 819 820 a:focus { 821 outline: thin dotted; 822 outline-offset: 1px; 823 } 824 825 a:hover, a:active { 826 outline: 0; 827 } 828 829 a:focus-within { 830 outline: thin dotted; 831 outline-offset: -2px; 832 } 833 834 a ul.social-links { 835 margin: 0; 836 padding: 0; 837 list-style: none; 838 display: flex; 839 gap: 10px; 840 } 841 842 a .author-social-contacts a, 843 a .teams-social a, 844 a ul.social-links a { 845 width: 20px; 846 height: 20px; 847 opacity: 0.8; 848 display: flex; 849 font-size: 16px; 850 overflow: hidden; 851 position: relative; 852 align-items: center; 853 text-decoration: none; 854 justify-content: center; 855 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 856 color: var(--color-text-white); 857 } 858 859 a .author-social-contacts a::before, 860 a .teams-social a::before, 861 a ul.social-links a::before { 862 -webkit-font-smoothing: antialiased; 863 -moz-osx-font-smoothing: grayscale; 864 font-style: normal; 865 font-variant: normal; 866 font-weight: 400; 867 line-height: 1; 868 font-family: 'Font Awesome 7 brands'; 869 vertical-align: baseline; 870 transition: all,ease,.3s; 871 } 872 873 a .author-social-contacts a[href*='facebook.com']::before, 874 a .teams-social a[href*='facebook.com']::before, 875 a ul.social-links a[href*='facebook.com']::before { 876 content: "\f39e"; 877 } 878 879 a .author-social-contacts a[href*='twitter.com']::before, 880 a .teams-social a[href*='twitter.com']::before, 881 a ul.social-links a[href*='twitter.com']::before { 882 content: "\f099"; 883 } 884 885 a .author-social-contacts a[href*='instagram.com']::before, 886 a .teams-social a[href*='instagram.com']::before, 887 a ul.social-links a[href*='instagram.com']::before { 888 content: "\f16d"; 889 } 890 891 a .author-social-contacts a[href*='youtube.com']::before, 892 a .teams-social a[href*='youtube.com']::before, 893 a ul.social-links a[href*='youtube.com']::before { 894 content: "\f167"; 895 } 896 897 a .author-social-contacts a[href*='discord.com']::before, 898 a .teams-social a[href*='discord.com']::before, 899 a ul.social-links a[href*='discord.com']::before { 900 content: "\f392"; 901 } 902 903 a .author-social-contacts a[href*='dribbble.com']::before, 904 a .teams-social a[href*='dribbble.com']::before, 905 a ul.social-links a[href*='dribbble.com']::before { 906 content: "\f17d"; 907 } 908 909 a .author-social-contacts a[href*='google.com']::before, 910 a .teams-social a[href*='google.com']::before, 911 a ul.social-links a[href*='google.com']::before { 912 content: "\f1a0"; 913 } 914 915 a .author-social-contacts a[href*='line.me']::before, 916 a .teams-social a[href*='line.me']::before, 917 a ul.social-links a[href*='line.me']::before { 918 content: "\f3c0"; 919 } 920 921 a .author-social-contacts a[href*='linkedin.com']::before, 922 a .teams-social a[href*='linkedin.com']::before, 923 a ul.social-links a[href*='linkedin.com']::before { 924 content: "\f08c"; 925 } 926 927 a .author-social-contacts a[href*='medium.com']::before, 928 a .teams-social a[href*='medium.com']::before, 929 a ul.social-links a[href*='medium.com']::before { 930 content: "\f23a"; 931 } 932 933 a .author-social-contacts a[href*='messenger.com']::before, 934 a .teams-social a[href*='messenger.com']::before, 935 a ul.social-links a[href*='messenger.com']::before { 936 content: "\f39f"; 937 } 938 939 a .author-social-contacts a[href*='paypal.com']::before, 940 a .teams-social a[href*='paypal.com']::before, 941 a ul.social-links a[href*='paypal.com']::before { 942 content: "\f1ed"; 943 } 944 945 a .author-social-contacts a[href*='pinterest.com']::before, 946 a .teams-social a[href*='pinterest.com']::before, 947 a ul.social-links a[href*='pinterest.com']::before { 948 content: "\f0d2"; 949 } 950 951 a .author-social-contacts a[href*='reddit.com']::before, 952 a .teams-social a[href*='reddit.com']::before, 953 a ul.social-links a[href*='reddit.com']::before { 954 content: "\f1a1"; 955 } 956 957 a .author-social-contacts a[href*='skype.com']::before, 958 a .teams-social a[href*='skype.com']::before, 959 a ul.social-links a[href*='skype.com']::before { 960 content: "\f17e"; 961 } 962 963 a .author-social-contacts a[href*='slack.com']::before, 964 a .teams-social a[href*='slack.com']::before, 965 a ul.social-links a[href*='slack.com']::before { 966 content: "\f198"; 967 } 968 969 a .author-social-contacts a[href*='snapchat.com']::before, 970 a .teams-social a[href*='snapchat.com']::before, 971 a ul.social-links a[href*='snapchat.com']::before { 972 content: "\f2ad"; 973 } 974 975 a .author-social-contacts a[href*='spotify.com']::before, 976 a .teams-social a[href*='spotify.com']::before, 977 a ul.social-links a[href*='spotify.com']::before { 978 content: "\f1bc"; 979 } 980 981 a .author-social-contacts a[href*='stackoverflow.com']::before, 982 a .teams-social a[href*='stackoverflow.com']::before, 983 a ul.social-links a[href*='stackoverflow.com']::before { 984 content: "\f16c"; 985 } 986 987 a .author-social-contacts a[href*='telegram.org']::before, 988 a .teams-social a[href*='telegram.org']::before, 989 a ul.social-links a[href*='telegram.org']::before { 990 content: "\f3fe"; 991 } 992 993 a .author-social-contacts a[href*='twitch.tv']::before, 994 a .teams-social a[href*='twitch.tv']::before, 995 a ul.social-links a[href*='twitch.tv']::before { 996 content: "\f1e8"; 997 } 998 999 a .author-social-contacts a[href*='vimeo.com']::before, 1000 a .teams-social a[href*='vimeo.com']::before, 1001 a ul.social-links a[href*='vimeo.com']::before { 1002 content: "\f27d"; 1003 } 1004 1005 a .author-social-contacts a[href*='whatsapp.com']::before, 1006 a .teams-social a[href*='whatsapp.com']::before, 1007 a ul.social-links a[href*='whatsapp.com']::before { 1008 content: "\f232"; 1009 } 1010 1011 a .author-social-contacts a[href*='wordpress.org']::before, 1012 a .teams-social a[href*='wordpress.org']::before, 1013 a ul.social-links a[href*='wordpress.org']::before { 1014 content: "\f19a"; 1015 } 1016 1017 a .author-social-contacts a[href*='youtube.com']::before, 1018 a .teams-social a[href*='youtube.com']::before, 1019 a ul.social-links a[href*='youtube.com']::before { 1020 content: "\f167"; 1021 } 1022 1023 a .author-social-contacts a:focus, a .author-social-contacts a:hover, 1024 a .teams-social a:focus, 1025 a .teams-social a:hover, 1026 a ul.social-links a:focus, 1027 a ul.social-links a:hover { 1028 opacity: 1; 1029 } 1030 1031 a .widget_corporate_solutions_social_icons ul.social-links a { 1032 font-size: var(--font-size-xs); 1033 padding: 12px; 1034 opacity: 1; 1035 width: auto; 1036 height: auto; 1037 color: #fff; 1038 line-height: 1; 1039 border-radius: 5px; 1040 overflow: visible; 1041 display: flex; 1042 align-items: center; 1043 justify-content: center; 1044 gap: 5px; 1045 margin: 0px 0px 10px 10px; 1046 opacity: 0.7; 1047 } 1048 1049 a .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] { 1050 background-color: #3b5999; 1051 } 1052 1053 a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] { 1054 background-color: #55acee; 1055 } 1056 1057 a .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] { 1058 background-color: #3F729B; 1059 } 1060 1061 a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1062 background-color: #cd201f; 1063 } 1064 1065 a .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] { 1066 background-color: #5865F2; 1067 } 1068 1069 a .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] { 1070 background-color: #ea4c89; 1071 } 1072 1073 a .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] { 1074 background-color: #dd4b39; 1075 } 1076 1077 a .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] { 1078 background-color: #00b900; 1079 } 1080 1081 a .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] { 1082 background-color: #0e76a8; 1083 } 1084 1085 a .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] { 1086 background-color: #66cdaa; 1087 } 1088 1089 a .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] { 1090 background-color: #006AFF; 1091 } 1092 1093 a .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] { 1094 background-color: #3b7bbf; 1095 } 1096 1097 a .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] { 1098 background-color: #E60023; 1099 } 1100 1101 a .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] { 1102 background-color: #ff5700; 1103 } 1104 1105 a .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] { 1106 background-color: #00aff0; 1107 } 1108 1109 a .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] { 1110 background-color: #ECB22E; 1111 } 1112 1113 a .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] { 1114 background-color: #FFFC00; 1115 } 1116 1117 a .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] { 1118 background-color: #1DB954; 1119 } 1120 1121 a .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] { 1122 background-color: #F47F24; 1123 } 1124 1125 a .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] { 1126 background-color: #229ED9; 1127 } 1128 1129 a .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] { 1130 background-color: #6441a5; 1131 } 1132 1133 a .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] { 1134 background-color: #86c9ef; 1135 } 1136 1137 a .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] { 1138 background-color: #34B7F1; 1139 } 1140 1141 a .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] { 1142 background-color: #21759b; 1143 } 1144 1145 a .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1146 background-color: #c4302b; 1147 } 1148 1149 a .widget_corporate_solutions_social_icons ul.social-links a:focus, a .widget_corporate_solutions_social_icons ul.social-links a:hover { 1150 opacity: 1; 1151 } 1152 1153 a .site-footer-bottom-wrapper ul.social-links li a { 1154 color: var(--text-color-normal); 1155 } 1156 1157 a:focus { 1158 outline: thin dotted; 1159 outline-offset: -2px; 1160 } 1161 1162 a:hover, a:active { 1163 outline: 0; 1164 } 1165 1166 a:focus-within { 1167 outline: thin dotted; 1168 outline-offset: -2px; 1169 } 1170 1171 ul.social-links { 1172 margin: 0; 1173 padding: 0; 1174 list-style: none; 1175 display: flex; 1176 flex-wrap: wrap; 1177 gap: 10px; 1178 } 1179 1180 .author-social-contacts a, 1181 .teams-social a, 1182 ul.social-links a { 1183 width: 20px; 1184 height: 20px; 1185 opacity: 0.8; 1186 display: flex; 1187 font-size: 16px; 1188 overflow: hidden; 1189 position: relative; 1190 align-items: center; 1191 text-decoration: none; 1192 justify-content: center; 1193 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 1194 color: var(--color-text-white); 1195 } 1196 1197 .author-social-contacts a::before, 1198 .teams-social a::before, 1199 ul.social-links a::before { 1200 -webkit-font-smoothing: antialiased; 1201 -moz-osx-font-smoothing: grayscale; 1202 font-style: normal; 1203 font-variant: normal; 1204 font-weight: 400; 1205 line-height: 1; 1206 font-family: 'Font Awesome 7 brands'; 1207 vertical-align: baseline; 1208 transition: all,ease,.3s; 1209 } 1210 1211 .author-social-contacts a[href*='facebook.com']::before, 1212 .teams-social a[href*='facebook.com']::before, 1213 ul.social-links a[href*='facebook.com']::before { 1214 content: "\f39e"; 1215 } 1216 1217 .author-social-contacts a[href*='twitter.com']::before, 1218 .teams-social a[href*='twitter.com']::before, 1219 ul.social-links a[href*='twitter.com']::before { 1220 content: "\f099"; 1221 } 1222 1223 .author-social-contacts a[href*='instagram.com']::before, 1224 .teams-social a[href*='instagram.com']::before, 1225 ul.social-links a[href*='instagram.com']::before { 1226 content: "\f16d"; 1227 } 1228 1229 .author-social-contacts a[href*='youtube.com']::before, 1230 .teams-social a[href*='youtube.com']::before, 1231 ul.social-links a[href*='youtube.com']::before { 1232 content: "\f167"; 1233 } 1234 1235 .author-social-contacts a[href*='discord.com']::before, 1236 .teams-social a[href*='discord.com']::before, 1237 ul.social-links a[href*='discord.com']::before { 1238 content: "\f392"; 1239 } 1240 1241 .author-social-contacts a[href*='dribbble.com']::before, 1242 .teams-social a[href*='dribbble.com']::before, 1243 ul.social-links a[href*='dribbble.com']::before { 1244 content: "\f17d"; 1245 } 1246 1247 .author-social-contacts a[href*='google.com']::before, 1248 .teams-social a[href*='google.com']::before, 1249 ul.social-links a[href*='google.com']::before { 1250 content: "\f1a0"; 1251 } 1252 1253 .author-social-contacts a[href*='line.me']::before, 1254 .teams-social a[href*='line.me']::before, 1255 ul.social-links a[href*='line.me']::before { 1256 content: "\f3c0"; 1257 } 1258 1259 .author-social-contacts a[href*='linkedin.com']::before, 1260 .teams-social a[href*='linkedin.com']::before, 1261 ul.social-links a[href*='linkedin.com']::before { 1262 content: "\f08c"; 1263 } 1264 1265 .author-social-contacts a[href*='medium.com']::before, 1266 .teams-social a[href*='medium.com']::before, 1267 ul.social-links a[href*='medium.com']::before { 1268 content: "\f23a"; 1269 } 1270 1271 .author-social-contacts a[href*='messenger.com']::before, 1272 .teams-social a[href*='messenger.com']::before, 1273 ul.social-links a[href*='messenger.com']::before { 1274 content: "\f39f"; 1275 } 1276 1277 .author-social-contacts a[href*='paypal.com']::before, 1278 .teams-social a[href*='paypal.com']::before, 1279 ul.social-links a[href*='paypal.com']::before { 1280 content: "\f1ed"; 1281 } 1282 1283 .author-social-contacts a[href*='pinterest.com']::before, 1284 .teams-social a[href*='pinterest.com']::before, 1285 ul.social-links a[href*='pinterest.com']::before { 1286 content: "\f0d2"; 1287 } 1288 1289 .author-social-contacts a[href*='reddit.com']::before, 1290 .teams-social a[href*='reddit.com']::before, 1291 ul.social-links a[href*='reddit.com']::before { 1292 content: "\f1a1"; 1293 } 1294 1295 .author-social-contacts a[href*='skype.com']::before, 1296 .teams-social a[href*='skype.com']::before, 1297 ul.social-links a[href*='skype.com']::before { 1298 content: "\f17e"; 1299 } 1300 1301 .author-social-contacts a[href*='slack.com']::before, 1302 .teams-social a[href*='slack.com']::before, 1303 ul.social-links a[href*='slack.com']::before { 1304 content: "\f198"; 1305 } 1306 1307 .author-social-contacts a[href*='snapchat.com']::before, 1308 .teams-social a[href*='snapchat.com']::before, 1309 ul.social-links a[href*='snapchat.com']::before { 1310 content: "\f2ad"; 1311 } 1312 1313 .author-social-contacts a[href*='spotify.com']::before, 1314 .teams-social a[href*='spotify.com']::before, 1315 ul.social-links a[href*='spotify.com']::before { 1316 content: "\f1bc"; 1317 } 1318 1319 .author-social-contacts a[href*='stackoverflow.com']::before, 1320 .teams-social a[href*='stackoverflow.com']::before, 1321 ul.social-links a[href*='stackoverflow.com']::before { 1322 content: "\f16c"; 1323 } 1324 1325 .author-social-contacts a[href*='telegram.org']::before, 1326 .teams-social a[href*='telegram.org']::before, 1327 ul.social-links a[href*='telegram.org']::before { 1328 content: "\f3fe"; 1329 } 1330 1331 .author-social-contacts a[href*='twitch.tv']::before, 1332 .teams-social a[href*='twitch.tv']::before, 1333 ul.social-links a[href*='twitch.tv']::before { 1334 content: "\f1e8"; 1335 } 1336 1337 .author-social-contacts a[href*='vimeo.com']::before, 1338 .teams-social a[href*='vimeo.com']::before, 1339 ul.social-links a[href*='vimeo.com']::before { 1340 content: "\f27d"; 1341 } 1342 1343 .author-social-contacts a[href*='whatsapp.com']::before, 1344 .teams-social a[href*='whatsapp.com']::before, 1345 ul.social-links a[href*='whatsapp.com']::before { 1346 content: "\f232"; 1347 } 1348 1349 .author-social-contacts a[href*='wordpress.org']::before, 1350 .teams-social a[href*='wordpress.org']::before, 1351 ul.social-links a[href*='wordpress.org']::before { 1352 content: "\f19a"; 1353 } 1354 1355 .author-social-contacts a[href*='youtube.com']::before, 1356 .teams-social a[href*='youtube.com']::before, 1357 ul.social-links a[href*='youtube.com']::before { 1358 content: "\f167"; 1359 } 1360 1361 .author-social-contacts a:focus, .author-social-contacts a:hover, 1362 .teams-social a:focus, 1363 .teams-social a:hover, 1364 ul.social-links a:focus, 1365 ul.social-links a:hover { 1366 opacity: 1; 1367 } 1368 1369 .widget_corporate_solutions_social_icons ul.social-links a { 1370 font-size: var(--font-size-xs); 1371 padding: 12px; 1372 opacity: 1; 1373 width: auto; 1374 height: auto; 1375 color: #fff; 1376 line-height: 1; 1377 border-radius: 5px; 1378 overflow: visible; 1379 display: flex; 1380 align-items: center; 1381 justify-content: center; 1382 gap: 5px; 1383 margin: 0px 0px 10px 10px; 1384 opacity: 0.7; 1385 } 1386 1387 .widget_corporate_solutions_social_icons ul.social-links a[href*='facebook.com'] { 1388 background-color: #3b5999; 1389 } 1390 1391 .widget_corporate_solutions_social_icons ul.social-links a[href*='twitter.com'] { 1392 background-color: #55acee; 1393 } 1394 1395 .widget_corporate_solutions_social_icons ul.social-links a[href*='instagram.com'] { 1396 background-color: #3F729B; 1397 } 1398 1399 .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1400 background-color: #cd201f; 1401 } 1402 1403 .widget_corporate_solutions_social_icons ul.social-links a[href*='discord.com'] { 1404 background-color: #5865F2; 1405 } 1406 1407 .widget_corporate_solutions_social_icons ul.social-links a[href*='dribbble.com'] { 1408 background-color: #ea4c89; 1409 } 1410 1411 .widget_corporate_solutions_social_icons ul.social-links a[href*='google.com'] { 1412 background-color: #dd4b39; 1413 } 1414 1415 .widget_corporate_solutions_social_icons ul.social-links a[href*='line.me'] { 1416 background-color: #00b900; 1417 } 1418 1419 .widget_corporate_solutions_social_icons ul.social-links a[href*='linkedin.com'] { 1420 background-color: #0e76a8; 1421 } 1422 1423 .widget_corporate_solutions_social_icons ul.social-links a[href*='medium.com'] { 1424 background-color: #66cdaa; 1425 } 1426 1427 .widget_corporate_solutions_social_icons ul.social-links a[href*='messenger.com'] { 1428 background-color: #006AFF; 1429 } 1430 1431 .widget_corporate_solutions_social_icons ul.social-links a[href*='paypal.com'] { 1432 background-color: #3b7bbf; 1433 } 1434 1435 .widget_corporate_solutions_social_icons ul.social-links a[href*='pinterest.com'] { 1436 background-color: #E60023; 1437 } 1438 1439 .widget_corporate_solutions_social_icons ul.social-links a[href*='reddit.com'] { 1440 background-color: #ff5700; 1441 } 1442 1443 .widget_corporate_solutions_social_icons ul.social-links a[href*='skype.com'] { 1444 background-color: #00aff0; 1445 } 1446 1447 .widget_corporate_solutions_social_icons ul.social-links a[href*='slack.com'] { 1448 background-color: #ECB22E; 1449 } 1450 1451 .widget_corporate_solutions_social_icons ul.social-links a[href*='snapchat.com'] { 1452 background-color: #FFFC00; 1453 } 1454 1455 .widget_corporate_solutions_social_icons ul.social-links a[href*='spotify.com'] { 1456 background-color: #1DB954; 1457 } 1458 1459 .widget_corporate_solutions_social_icons ul.social-links a[href*='stackoverflow.com'] { 1460 background-color: #F47F24; 1461 } 1462 1463 .widget_corporate_solutions_social_icons ul.social-links a[href*='telegram.org'] { 1464 background-color: #229ED9; 1465 } 1466 1467 .widget_corporate_solutions_social_icons ul.social-links a[href*='twitch.tv'] { 1468 background-color: #6441a5; 1469 } 1470 1471 .widget_corporate_solutions_social_icons ul.social-links a[href*='vimeo.com'] { 1472 background-color: #86c9ef; 1473 } 1474 1475 .widget_corporate_solutions_social_icons ul.social-links a[href*='whatsapp.com'] { 1476 background-color: #34B7F1; 1477 } 1478 1479 .widget_corporate_solutions_social_icons ul.social-links a[href*='wordpress.org'] { 1480 background-color: #21759b; 1481 } 1482 1483 .widget_corporate_solutions_social_icons ul.social-links a[href*='youtube.com'] { 1484 background-color: #c4302b; 1485 } 1486 1487 .widget_corporate_solutions_social_icons ul.social-links a:focus, .widget_corporate_solutions_social_icons ul.social-links a:hover { 1488 opacity: 1; 1489 } 1490 1491 .site-footer-bottom-wrapper ul.social-links li a { 1492 color: var(--text-color-normal); 1493 } 1494 1495 /* Forms 1496 --------------------------------------------- */ 1497 button, 1498 input[type="button"], 1499 input[type="reset"], 1500 input[type="submit"] { 1501 border: 1px solid; 1502 border-radius: 3px; 1503 background-image: var(--background-color-gradiant); 1504 color: #fff; 1505 font-size: var(--font-size-sm); 1506 line-height: 1; 1507 padding: 0.6em 1em; 1508 font-weight: 600; 1509 } 1510 1511 button:focus, button:hover, 1512 input[type="button"]:focus, 1513 input[type="button"]:hover, 1514 input[type="reset"]:focus, 1515 input[type="reset"]:hover, 1516 input[type="submit"]:focus, 1517 input[type="submit"]:hover { 1518 opacity: 0.8; 1519 } 1520 1521 button:active, button:focus, 1522 input[type="button"]:active, 1523 input[type="button"]:focus, 1524 input[type="reset"]:active, 1525 input[type="reset"]:focus, 1526 input[type="submit"]:active, 1527 input[type="submit"]:focus { 1528 border-color: #aaa #bbb #bbb; 1529 } 1530 1531 a.asterthemes-button { 1532 font-size: var(--font-size-sm); 1533 text-decoration: none; 1534 text-transform: capitalize; 1535 font-weight: bold; 1536 display: inline-flex; 1537 align-items: center; 1538 color: #fff; 1539 background-image: var(--background-color-gradiant); 1540 border-radius: 8px; 1541 padding: 10px 25px; 1542 transition: all 0.3s ease; 1543 } 1544 1545 a.asterthemes-button:focus, a.asterthemes-button:hover { 1546 background-color: #000; 1547 color: #fff; 1548 } 1549 1550 a.asterthemes-button:focus { 1551 outline-width: 2px; 1552 } 1553 1554 input[type="text"], 1555 input[type="email"], 1556 input[type="url"], 1557 input[type="password"], 1558 input[type="search"], 1559 input[type="number"], 1560 input[type="tel"], 1561 input[type="range"], 1562 input[type="date"], 1563 input[type="month"], 1564 input[type="week"], 1565 input[type="time"], 1566 input[type="datetime"], 1567 input[type="datetime-local"], 1568 input[type="color"], 1569 textarea { 1570 color: #666; 1571 border: 1px solid #ccc; 1572 border-radius: 3px; 1573 padding: 5px; 1574 width: 100%; 1575 } 1576 1577 input[type="text"]:focus, 1578 input[type="email"]:focus, 1579 input[type="url"]:focus, 1580 input[type="password"]:focus, 1581 input[type="search"]:focus, 1582 input[type="number"]:focus, 1583 input[type="tel"]:focus, 1584 input[type="range"]:focus, 1585 input[type="date"]:focus, 1586 input[type="month"]:focus, 1587 input[type="week"]:focus, 1588 input[type="time"]:focus, 1589 input[type="datetime"]:focus, 1590 input[type="datetime-local"]:focus, 1591 input[type="color"]:focus, 1592 textarea:focus { 1593 color: #111; 1594 } 1595 1596 select { 1597 border: 1px solid #ccc; 1598 } 1599 1600 textarea { 1601 width: 100%; 1602 } 1603 1604 /*-------------------------------------------------------------- 1605 # Layouts 1606 --------------------------------------------------------------*/ 1607 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1608 display: grid; 1609 grid-gap: 30px; 1610 grid-template-columns: auto 30%; 1611 grid-template-areas: "main sidebar"; 1612 } 1613 .tag-cloud a { 1704 1614 display: inline-block; 1705 1615 padding: 5px 10px; … … 1708 1618 margin-left: 10px; 1709 1619 color: #fff; 1710 } 1711 1712 .tag-cloud a:hover { 1620 } 1621 .tag-cloud a:hover { 1713 1622 color: var(--primary-color); 1714 1623 border-color: var(--primary-color); 1715 } 1716 1717 .site-footer .tagcloud a { 1718 display: inline-block; 1624 } 1625 .site-footer .tagcloud a{ 1626 display: inline-block; 1719 1627 padding: 5px 10px; 1720 1628 border: 1px solid #fff; … … 1722 1630 margin-left: 10px; 1723 1631 color: #fff; 1724 } 1725 1726 @media (max-width: 991px) { 1727 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1728 display: block; 1729 } 1730 } 1731 1732 .right-sidebar .asterthemes-wrapper .asterthemes-page .site-main { 1733 grid-area: main; 1734 overflow: hidden; 1735 /* Resolves issue with <pre> elements forcing full width. */ 1736 } 1737 1738 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1739 grid-area: sidebar; 1740 color: #fff; 1741 } 1742 1743 1744 /*.no-sidebar .asterthemes-wrapper .asterthemes-page { 1745 display: block; 1746 margin-top: 50px; 1747 }*/ 1748 1749 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1750 display: grid; 1751 grid-gap: 30px; 1752 margin-top: 4em; 1753 grid-template-columns: 25% auto; 1754 grid-template-areas: "sidebar main"; 1755 } 1756 1757 @media (max-width: 991px) { 1758 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1759 display: block; 1760 } 1761 } 1762 1763 .left-sidebar .asterthemes-wrapper .asterthemes-page .site-main { 1764 grid-area: main; 1765 overflow: hidden; 1766 /* Resolves issue with <pre> elements forcing full width. */ 1767 } 1768 1769 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1770 grid-area: sidebar; 1771 } 1772 1773 1774 /* -/-/-/-/-/- Style 1 - Preloader CSS Start -/-/-/-/-/- */ 1775 1776 #loader { 1777 overflow: hidden; 1778 background-color: var(--color-text-white); 1779 position: fixed; 1780 top: 0; 1781 right: 0; 1782 width: 100%; 1783 height: 100vh; 1784 display: flex; 1785 align-items: center; 1786 justify-content: center; 1787 z-index: 99999; 1788 } 1789 1790 #loader .loader-container { 1791 display: flex; 1792 flex-direction: column; 1793 align-items: center; 1794 justify-content: center; 1795 text-align: center; 1796 text-transform: uppercase; 1797 } 1798 1799 #loader #preloader { 1800 width: 100px; 1801 } 1802 1803 1804 /* -/-/-/-/-/- Style 2 - Pulsing Dot -/-/-/-/-/- */ 1805 1806 #loader.style2 .dot { 1632 } 1633 1634 @media (max-width: 991px) { 1635 .right-sidebar .asterthemes-wrapper .asterthemes-page { 1636 display: block; 1637 } 1638 } 1639 1640 .right-sidebar .asterthemes-wrapper .asterthemes-page .site-main { 1641 grid-area: main; 1642 overflow: hidden; 1643 /* Resolves issue with <pre> elements forcing full width. */ 1644 } 1645 1646 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1647 grid-area: sidebar; 1648 color: #fff; 1649 } 1650 1651 /*.no-sidebar .asterthemes-wrapper .asterthemes-page { 1652 display: block; 1653 margin-top: 50px; 1654 }*/ 1655 1656 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1657 display: grid; 1658 grid-gap: 30px; 1659 margin-top: 4em; 1660 grid-template-columns: 25% auto; 1661 grid-template-areas: "sidebar main"; 1662 } 1663 1664 @media (max-width: 991px) { 1665 .left-sidebar .asterthemes-wrapper .asterthemes-page { 1666 display: block; 1667 } 1668 } 1669 1670 .left-sidebar .asterthemes-wrapper .asterthemes-page .site-main { 1671 grid-area: main; 1672 overflow: hidden; 1673 /* Resolves issue with <pre> elements forcing full width. */ 1674 } 1675 1676 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget-area { 1677 grid-area: sidebar; 1678 } 1679 1680 1681 /* -/-/-/-/-/- Style 1 - Preloader CSS Start -/-/-/-/-/- */ 1682 #loader { 1683 overflow: hidden; 1684 background-color: var(--color-text-white); 1685 position: fixed; 1686 top: 0; 1687 right: 0; 1688 width: 100%; 1689 height: 100vh; 1690 display: flex; 1691 align-items: center; 1692 justify-content: center; 1693 z-index: 99999; 1694 } 1695 1696 #loader .loader-container { 1697 display: flex; 1698 flex-direction: column; 1699 align-items: center; 1700 justify-content: center; 1701 text-align: center; 1702 text-transform: uppercase; 1703 } 1704 1705 #loader #preloader { 1706 width: 100px; 1707 } 1708 1709 1710 /* -/-/-/-/-/- Style 2 - Pulsing Dot -/-/-/-/-/- */ 1711 #loader.style2 .dot { 1807 1712 width: 25px; 1808 1713 height: 25px; … … 1810 1715 border-radius: 50%; 1811 1716 animation: pulse 1s infinite; 1812 } 1813 1814 @keyframes pulse { 1815 0% { 1816 transform: scale(1); 1817 } 1818 33% { 1819 transform: scale(1.2); 1820 } 1821 66% { 1822 transform: scale(1.8); 1823 } 1824 100% { 1825 transform: scale(1); 1826 } 1827 } 1828 1829 1830 /* -/-/-/-/-/- Style 3 - Fading Bars -/-/-/-/-/- */ 1831 1832 #loader.style3 .bars { 1717 } 1718 1719 @keyframes pulse { 1720 0% { transform: scale(1); } 1721 33% { transform: scale(1.2); } 1722 66% { transform: scale(1.8); } 1723 100% { transform: scale(1); } 1724 } 1725 1726 1727 /* -/-/-/-/-/- Style 3 - Fading Bars -/-/-/-/-/- */ 1728 #loader.style3 .bars { 1833 1729 display: flex; 1834 1730 gap: 3px; 1835 1731 justify-content: center; 1836 }1837 1838 #loader.style3 .bar {1732 } 1733 1734 #loader.style3 .bar { 1839 1735 width: 10px; 1840 1736 height: 30px; 1841 1737 background-color: #000000; 1842 1738 animation: fade 1s infinite alternate; 1843 } 1844 1845 #loader.style3 .bar:nth-child(2) { 1846 animation-delay: 0.3s; 1847 } 1848 1849 #loader.style3 .bar:nth-child(3) { 1850 animation-delay: 0.6s; 1851 } 1852 1853 @keyframes fade { 1854 from { 1855 opacity: 1; 1856 } 1857 to { 1858 opacity: 0.3; 1859 } 1860 } 1861 1862 1863 /*-------------------------------------------------------------- 1864 # Components 1865 --------------------------------------------------------------*/ 1866 1867 1868 /* Navigation 1869 --------------------------------------------- */ 1870 1871 .main-navigation ul li:hover > ul { 1739 } 1740 1741 #loader.style3 .bar:nth-child(2) { animation-delay: 0.3s; } 1742 #loader.style3 .bar:nth-child(3) { animation-delay: 0.6s; } 1743 1744 @keyframes fade { 1745 from { opacity: 1; } 1746 to { opacity: 0.3; } 1747 } 1748 1749 1750 /*-------------------------------------------------------------- 1751 # Components 1752 --------------------------------------------------------------*/ 1753 /* Navigation 1754 --------------------------------------------- */ 1755 .main-navigation ul li:hover > ul { 1872 1756 opacity: 1; 1873 } 1874 1875 .main-navigation ul ul ul { 1757 } 1758 .main-navigation ul ul ul { 1876 1759 right: 100% !important; 1877 1760 top: 0; 1878 } 1879 1880 .main-navigation ul li:focus > ul.children li { 1881 opacity: 1; 1882 } 1883 1884 .main-navigation ul ul { 1885 opacity: 0; 1886 position: absolute; 1761 } 1762 .main-navigation ul li:focus > ul.children li { 1763 opacity: 1; 1764 } 1765 .main-navigation ul ul{ 1766 opacity: 0; 1767 position: absolute; 1887 1768 right: 0; 1888 1769 top: 100%; … … 1890 1771 z-index: 9999; 1891 1772 border: 1px solid #f1f1f1; 1892 } 1893 1894 .main-navigation { 1895 display: block; 1896 width: 100%; 1897 } 1898 1899 .main-navigation ul { 1900 display: none; 1901 list-style: none; 1902 margin: 0; 1903 padding-right: 0; 1904 text-align: center; 1905 } 1906 1907 .main-navigation ul ul { 1908 z-index: 99999; 1909 display: block; 1910 } 1911 1912 .main-navigation ul ul ul { 1913 right: -999em; 1914 top: 0; 1915 } 1916 1917 .main-navigation ul ul li:hover > ul, 1918 .main-navigation ul ul li.focus > ul { 1919 display: block; 1920 right: auto; 1921 } 1922 1923 .main-navigation ul ul a { 1924 background-color: #fff; 1925 color: var(--background-color-white); 1926 opacity: 1; 1927 padding: 15px 20px; 1928 border-bottom: 1px solid #f1f1f1; 1929 text-transform: uppercase; 1930 } 1931 1932 .home .main-navigation ul ul a { 1933 color: var(--background-color-white); 1934 text-align: right; 1935 } 1936 1937 .main-navigation ul ul a:focus, 1938 .main-navigation ul ul a:hover { 1939 color: var(--primary-color); 1940 } 1941 1942 .main-navigation ul li:hover > ul, 1943 .main-navigation ul li:focus > ul { 1944 right: auto; 1945 } 1946 1947 .main-navigation li { 1773 } 1774 .main-navigation { 1775 display: block; 1776 width: 100%; 1777 } 1778 1779 .main-navigation ul { 1780 display: none; 1781 list-style: none; 1782 margin: 0; 1783 padding-right: 0; 1784 text-align: center; 1785 } 1786 1787 .main-navigation ul ul { 1788 z-index: 99999; 1789 display: block; 1790 } 1791 1792 .main-navigation ul ul ul { 1793 right: -999em; 1794 top: 0; 1795 } 1796 1797 .main-navigation ul ul li:hover > ul, 1798 .main-navigation ul ul li.focus > ul { 1799 display: block; 1800 right: auto; 1801 } 1802 1803 .main-navigation ul ul a { 1804 background-color: #fff; 1805 color: var(--background-color-white); 1806 opacity: 1; 1807 padding: 15px 20px; 1808 border-bottom: 1px solid #f1f1f1; 1809 text-transform: uppercase; 1810 } 1811 1812 .home .main-navigation ul ul a { 1813 color: var(--background-color-white); 1814 text-align: right; 1815 } 1816 1817 .main-navigation ul ul a:focus, .main-navigation ul ul a:hover { 1818 color: var(--primary-color); 1819 } 1820 1821 .main-navigation ul li:hover > ul, 1822 .main-navigation ul li:focus > ul { 1823 right: auto; 1824 } 1825 1826 .main-navigation li { 1948 1827 position: relative; 1949 1828 margin: 0; 1950 } 1951 1952 .main-navigation a { 1953 padding: 17px 20px; 1954 font-size: 0.9375rem; 1955 color: #fff; 1956 display: block; 1957 text-decoration: none; 1958 opacity: 0.9; 1959 } 1960 1961 .main-navigation a:focus, 1962 .main-navigation a:hover { 1963 opacity: 1; 1964 color: var(--primary-color); 1965 } 1966 1967 .main-navigation .current_page_item > a, 1968 .main-navigation .current-menu-item > a, 1969 .main-navigation .current_page_ancestor > a, 1970 .main-navigation .current-menu-ancestor > a { 1971 position: relative; 1972 opacity: 1; 1973 color: var(--primary-color); 1974 } 1975 1976 @media (min-width: 992px) { 1977 .main-navigation ul.nav-menu li .children, 1978 .main-navigation ul.menu li .sub-menu { 1979 right: -999em; 1980 padding: 0; 1981 position: absolute; 1982 top: 100%; 1983 z-index: 999; 1984 margin: 30px 0 0; 1985 width: 210px; 1986 } 1987 .main-navigation ul.nav-menu li .children .children { 1988 top: 0px; 1989 } 1990 .main-navigation ul.nav-menu li .children .main-navigation ul.menu li .children, 1991 .main-navigation ul.menu li .sub-menu { 1992 right: -999em; 1993 padding: 0; 1994 position: absolute; 1995 top: 100%; 1996 z-index: 999; 1997 margin: 30px 0 0; 1998 width: 210px; 1999 } 2000 .main-navigation ul li ul li ul { 2001 right: 210px !important; 2002 } 2003 .main-navigation ul.menu li .children > li .children, 2004 .main-navigation ul.menu li .children > li .sub-menu, 2005 .main-navigation ul.menu li .sub-menu > li .children, 2006 .main-navigation ul.menu li .sub-menu > li .sub-menu { 2007 right: -999em; 2008 top: 0; 2009 margin-top: 0; 2010 margin-right: 30px; 2011 } 2012 .main-navigation ul.menu li.menu-item-has-children > a::after { 2013 -webkit-font-smoothing: antialiased; 2014 -moz-osx-font-smoothing: grayscale; 2015 display: inline-block; 2016 font-style: normal; 2017 font-variant: normal; 2018 font-weight: 400; 2019 line-height: 1; 2020 font-family: Font Awesome\ 7 Free; 2021 font-weight: 900; 2022 line-height: inherit; 2023 vertical-align: baseline; 2024 content: "\f107"; 2025 display: inline-block; 2026 margin-right: 10px; 2027 } 2028 .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, 2029 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, 2030 .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, 2031 .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum, 2032 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { 2033 margin: 0; 2034 margin-top: 0px; 2035 right: 0; 2036 opacity: 1; 2037 } 2038 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children, 2039 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus > ul.children, 2040 .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas) > ul.children, 2041 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm, 2042 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children { 2043 margin: 0; 2044 margin-top: 0px; 2045 right: 0; 2046 opacity: 1; 2047 } 2048 .main-navigation ul.menu .children, 2049 .main-navigation ul.menu .sub-menu { 2050 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 2051 } 2052 .main-navigation ul.menu .children li.menu-item-has-children > a, 2053 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a { 2054 padding-left: 25px; 2055 } 2056 .main-navigation ul.menu .children li.menu-item-has-children > a::after, 2057 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after { 2058 -webkit-font-smoothing: antialiased; 2059 -moz-osx-font-smoothing: grayscale; 2060 display: inline-block; 2061 font-style: normal; 2062 font-variant: normal; 2063 font-weight: 400; 2064 line-height: 1; 2065 font-family: Font Awesome\ 7 Free; 2066 font-weight: 900; 2067 line-height: inherit; 2068 vertical-align: baseline; 2069 content: "\f105"; 2070 display: inline-block; 2071 margin-right: 10px; 2072 position: absolute; 2073 left: 10px; 2074 top: 50%; 2075 transform: translateY(-50%); 2076 } 2077 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a, 2078 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a { 2079 padding-right: 25px; 2080 padding-left: 20px; 2081 } 2082 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after, 2083 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after { 2084 -webkit-font-smoothing: antialiased; 2085 -moz-osx-font-smoothing: grayscale; 2086 display: inline-block; 2087 font-style: normal; 2088 font-variant: normal; 2089 font-weight: 400; 2090 line-height: 1; 2091 font-family: Font Awesome\ 7 Free; 2092 font-weight: 900; 2093 line-height: inherit; 2094 vertical-align: baseline; 2095 content: "\f105"; 2096 display: inline-block; 2097 margin-left: 10px; 2098 margin-right: 0; 2099 position: absolute; 2100 left: 10px; 2101 right: unset; 2102 top: 50%; 2103 transform: translateY(-50%); 2104 } 2105 } 2106 2107 2108 /* Small menu. */ 2109 2110 .menu-toggle, 2111 .main-navigation.toggled ul { 2112 display: block; 2113 } 2114 2115 .site-main .comment-navigation, 2116 .site-main .posts-navigation, 2117 .site-main .post-navigation { 2118 margin: 0 0 1.5em; 2119 } 2120 2121 .comment-navigation .nav-links, 2122 .posts-navigation .nav-links, 2123 .post-navigation .nav-links { 2124 display: flex; 2125 } 2126 2127 @media only screen and (max-width: 480px) { 2128 .comment-navigation .nav-links, 2129 .posts-navigation .nav-links, 2130 .post-navigation .nav-links { 2131 flex-wrap: wrap; 2132 } 2133 } 2134 2135 .comment-navigation .nav-previous, 2136 .posts-navigation .nav-previous, 2137 .post-navigation .nav-previous { 2138 flex: 1 0 50%; 2139 } 2140 2141 .comment-navigation .nav-previous a, 2142 .posts-navigation .nav-previous a, 2143 .post-navigation .nav-previous a { 2144 display: inline-flex; 2145 align-items: center; 2146 gap: 5px; 2147 color: #fff; 2148 transition: all 0.3s ease; 2149 text-decoration: none; 2150 } 2151 2152 .comment-navigation .nav-previous a .nav-subtitle, 2153 .posts-navigation .nav-previous a .nav-subtitle, 2154 .post-navigation .nav-previous a .nav-subtitle { 2155 font-size: 14px; 2156 } 2157 2158 .comment-navigation .nav-previous a:focus, 2159 .comment-navigation .nav-previous a:hover, 2160 .posts-navigation .nav-previous a:focus, 2161 .posts-navigation .nav-previous a:hover, 2162 .post-navigation .nav-previous a:focus, 2163 .post-navigation .nav-previous a:hover { 2164 color: var(--primary-color); 2165 } 2166 2167 @media only screen and (max-width: 480px) { 2168 .comment-navigation .nav-previous a, 2169 .posts-navigation .nav-previous a, 2170 .post-navigation .nav-previous a { 2171 flex-direction: column; 2172 } 2173 } 2174 2175 .comment-navigation .nav-next, 2176 .posts-navigation .nav-next, 2177 .post-navigation .nav-next { 2178 text-align: end; 2179 flex: 1 0 50%; 2180 } 2181 2182 .comment-navigation .nav-next a, 2183 .posts-navigation .nav-next a, 2184 .post-navigation .nav-next a { 2185 display: inline-flex; 2186 align-items: center; 2187 gap: 5px; 2188 justify-content: flex-end; 2189 color: var(--color-text-white); 2190 transition: all 0.3s ease; 2191 text-decoration: none; 2192 } 2193 2194 .comment-navigation .nav-next a .nav-subtitle, 2195 .posts-navigation .nav-next a .nav-subtitle, 2196 .post-navigation .nav-next a .nav-subtitle { 2197 font-size: 14px; 2198 } 2199 2200 .comment-navigation .nav-next a:focus, 2201 .comment-navigation .nav-next a:hover, 2202 .posts-navigation .nav-next a:focus, 2203 .posts-navigation .nav-next a:hover, 2204 .post-navigation .nav-next a:focus, 2205 .post-navigation .nav-next a:hover { 2206 color: var(--primary-color); 2207 } 2208 2209 @media only screen and (max-width: 480px) { 2210 .comment-navigation .nav-next a, 2211 .posts-navigation .nav-next a, 2212 .post-navigation .nav-next a { 2213 flex-direction: column-reverse; 2214 } 2215 } 2216 2217 @media (max-width: 1199.98px) { 2218 .main-navigation .main-menu { 2219 position: fixed; 2220 left: -130%; 2221 height: 100%; 2222 top: 0; 2223 background-color: #fff; 2224 min-width: 300px; 2225 padding-top: 60px; 2226 width: 50%; 2227 transition: all 400ms ease; 2228 display: block; 2229 border-left: 1px solid #fff; 2230 z-index: 13; 2231 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2232 opacity: 0; 2233 visibility: hidden; 2234 } 2235 .main-navigation .main-menu ul { 2236 right: auto; 2237 } 2238 } 2239 2240 @media (max-width: 1199.98px) { 2241 .main-navigation.toggled .main-menu { 2242 left: 0; 2243 right: auto; 2244 overflow-x: auto; 2245 opacity: 1; 2246 visibility: visible; 2247 } 2248 } 2249 2250 @media (max-width: 991px) { 2251 .main-navigation ul a { 2252 color: #202020; 2253 } 2254 .banner-section.banner-style-1 .banner-single .banner-caption { 2255 right: 5% !important; 2256 left: 5% !important; 2257 } 2258 } 2259 2260 @media (max-width: 1199.98px) { 2261 .main-navigation ul ul { 2262 position: absolute; 2263 float: none; 2264 padding-right: 5px; 2265 } 2266 } 2267 2268 .main-navigation li.menu-item-has-children > a::after { 2269 -webkit-font-smoothing: antialiased; 2270 -moz-osx-font-smoothing: grayscale; 2271 display: inline-block; 2272 font-style: normal; 2273 font-variant: normal; 2274 font-weight: 400; 2275 line-height: 1; 2276 font-family: Font Awesome\ 7 Free; 2277 font-weight: 900; 2278 line-height: inherit; 2279 vertical-align: baseline; 2280 content: "\f107"; 2281 display: inline-block; 2282 margin-right: 10px; 2283 } 2284 2285 @media (max-width: 991px) { 2286 .main-navigation li.menu-item-has-children > ul { 2287 height: 0; 2288 transform: scaleY(0); 2289 transform-origin: top right; 2290 overflow: hidden; 2291 transition: all 0.5s ease-in-out; 2292 } 2293 .widget ol:not(.corporate-solutions-tabs) ol, 2294 .widget ol:not(.corporate-solutions-tabs) ul, 2295 .widget ul:not(.corporate-solutions-tabs) ol, 2296 .widget ul:not(.corporate-solutions-tabs) ul { 2297 padding-top: 0px !important; 2298 margin-right: 0px !important; 2299 padding-right: 0px !important; 2300 } 2301 } 2302 2303 @media (max-width: 1199.98px) { 2304 .main-navigation li.menu-item-has-children:hover > ul, 2305 .main-navigation li.menu-item-has-children.focus > ul { 2306 height: auto; 2307 transform: scaleY(1); 2308 } 2309 } 2310 2311 @media screen and (min-width: 992px) { 2312 .menu-toggle { 2313 display: none; 2314 } 2315 .main-navigation ul:not(.sub-menu):not(.children) { 2316 display: block; 2317 margin-inline-end: -20px; 2318 } 2319 .main-navigation ul:not(.sub-menu):not(.children) > li { 2320 display: inline-block; 2321 } 2322 } 2323 2324 @media (max-width: 991px) { 2325 body.admin-bar #site-navigation.toggled .main-navigation-links { 2326 padding-top: 100px; 2327 } 2328 body.admin-bar #site-navigation button.menu-toggle.open { 2329 top: 55px; 2330 } 2331 .bottom-header-part-wrapper .navigation-part { 2332 align-items: center; 2333 } 2334 .bottom-header-part-wrapper .social-icons-part { 2335 display: none; 2336 } 2337 .main-navigation ul ul a { 2338 border: none !important; 2339 } 2340 .main-navigation ul ul { 2341 opacity: 1 !important; 2342 border: none !important; 2343 } 2344 #site-navigation button.menu-toggle { 2345 width: 35px; 2346 height: 35px; 2347 position: relative; 2348 transform: rotate(0deg); 2349 transition: 0.5s ease-in-out; 2350 cursor: pointer; 2351 padding: 0; 2352 background: none; 2353 border: none; 2354 margin: 9px auto 9px 5px; 2355 } 2356 #site-navigation button.menu-toggle span { 2357 display: block; 2358 position: absolute; 2359 height: 3px; 2360 width: 100%; 2361 background: var(--primary-color); 2362 border-radius: 3px; 2363 opacity: 1; 2364 right: 0; 2365 transform: rotate(0deg); 2366 transition: 0.25s ease-in-out; 2367 } 2368 #site-navigation button.menu-toggle span:nth-child(1) { 2369 top: calc(50% - 15px); 2370 } 2371 #site-navigation button.menu-toggle span:nth-child(2) { 2372 top: 50%; 2373 transform: translateY(-50%); 2374 } 2375 #site-navigation button.menu-toggle span:nth-child(3) { 2376 bottom: calc(50% - 15px); 2377 } 2378 #site-navigation button.menu-toggle.open { 2379 z-index: 18; 2380 position: fixed !important; 2381 left: 35px; 2382 top: 20px; 2383 } 2384 #site-navigation button.menu-toggle.open span { 2385 background-color: var(--primary-color); 2386 } 2387 #site-navigation button.menu-toggle.open span:nth-child(1) { 2388 top: 14px; 2389 width: 0%; 2390 right: 50%; 2391 } 2392 #site-navigation button.menu-toggle.open span:nth-child(2) { 2393 transform: rotate(-45deg); 2394 } 2395 #site-navigation button.menu-toggle.open span:nth-child(3) { 2396 top: 50%; 2397 transform: translateY(-50%) rotate(45deg); 2398 } 2399 #site-navigation .main-navigation-links { 2400 position: fixed; 2401 left: -130%; 2402 height: 100%; 2403 top: 0; 2404 background-color: #fff; 2405 min-width: 300px; 2406 padding-top: 60px; 2407 padding-left: 10px; 2408 width: 60%; 2409 transition: all 400ms ease; 2410 display: block; 2411 border-left: 1px solid #fff; 2412 z-index: 13; 2413 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2414 opacity: 0; 2415 visibility: hidden; 2416 } 2417 #site-navigation.toggled .main-navigation-links { 2418 left: 0; 2419 right: auto; 2420 overflow-x: auto; 2421 opacity: 1; 2422 visibility: visible; 2423 } 2424 #site-navigation.toggled .main-navigation-links li.current_page_item > a, 2425 #site-navigation.toggled .main-navigation-links li.current-menu-item > a { 2426 color: var(--primary-color); 2427 font-weight: bold; 2428 } 2429 } 2430 2431 @media (max-width: 480px) { 2432 #site-navigation .main-navigation-links { 2433 width: 80%; 2434 } 2435 } 2436 2437 @media (min-width: 1025px) { 2438 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a, 2439 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a, 2440 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a, 2441 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a { 2442 opacity: 1; 2443 } 2444 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a { 2445 color: var(--color-text-main); 2446 opacity: 1; 2447 } 2448 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus, 2449 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover { 2450 color: var(--primary-color); 2451 } 2452 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a { 2453 color: #fff; 2454 opacity: 0.7; 2455 } 2456 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus, 2457 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover { 2458 opacity: 1; 2459 } 2460 } 2461 2462 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a { 2463 color: var(--color-text-main); 2464 } 2465 2466 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus, 2467 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover { 2468 color: var(--primary-color); 2469 } 2470 2471 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_item > a, 2472 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-item > a, 2473 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_ancestor > a, 2474 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-ancestor > a { 2475 opacity: 1; 2476 color: var(--primary-color); 2477 } 2478 2479 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a { 2480 color: var(--color-text-main); 2481 } 2482 2483 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus, 2484 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover { 2485 color: var(--primary-color); 2486 } 2487 2488 nav.navigation.pagination .nav-links { 2489 display: flex; 2490 gap: 5px; 2491 margin: 10px 0 20px; 2492 } 2493 2494 nav.navigation.pagination .nav-links span, 2495 nav.navigation.pagination .nav-links a { 2496 text-decoration: none; 2497 width: 30px; 2498 height: 30px; 2499 display: flex; 2500 align-items: center; 2501 justify-content: center; 2502 transition: all 0.3s ease; 2503 color: var(--color-text-white); 2504 border: 1px solid var(--color-text-white); 2505 } 2506 2507 nav.navigation.pagination .nav-links span.prev, 2508 nav.navigation.pagination .nav-links span.next, 2509 nav.navigation.pagination .nav-links a.prev, 2510 nav.navigation.pagination .nav-links a.next { 2511 font-size: 0; 2512 } 2513 2514 nav.navigation.pagination .nav-links span.prev::after, 2515 nav.navigation.pagination .nav-links span.next::after, 2516 nav.navigation.pagination .nav-links a.prev::after, 2517 nav.navigation.pagination .nav-links a.next::after { 2518 content: "\f30a"; 2519 font-size: 1rem; 2520 display: inline-block; 2521 font-style: normal; 2522 font-variant: normal; 2523 font-weight: 400; 2524 line-height: 1; 2525 font-weight: 900; 2526 line-height: inherit; 2527 vertical-align: baseline; 2528 font-family: Font Awesome\ 7 Free; 2529 -moz-osx-font-smoothing: grayscale; 2530 -webkit-font-smoothing: antialiased; 2531 } 2532 2533 nav.navigation.pagination .nav-links span.next::after, 2534 nav.navigation.pagination .nav-links a.next::after { 2535 content: "\f30b"; 2536 } 2537 2538 nav.navigation.pagination .nav-links span:hover, 2539 nav.navigation.pagination .nav-links span:focus, 2540 nav.navigation.pagination .nav-links a:hover, 2541 nav.navigation.pagination .nav-links a:focus { 2542 color: var(--primary-color); 2543 border: 1px solid var(--primary-color); 2544 } 2545 2546 nav.navigation.pagination .nav-links span.current { 2547 color: var(--color-text-white); 2548 background-color: var(--primary-color); 2549 border: 1px solid var(--primary-color); 2550 } 2551 2552 nav.navigation.pagination .nav-links span.dots { 2553 border: none; 2554 } 2555 2556 nav.navigation.pagination .nav-links span.dots:hover, 2557 nav.navigation.pagination .nav-links span.dots:focus { 2558 color: var(--color-text-main); 2559 border: none; 2560 } 2561 2562 .corporate-solutions-carousel-navigation .slick-arrow { 2563 position: absolute; 2564 top: 50%; 2565 transform: translateY(-50%); 2566 font-size: 14px; 2567 width: 46px; 2568 height: 46px; 2569 border-radius: 100%; 2570 border: 1px solid; 2571 background: transparent; 2572 color: #fff; 2573 display: flex; 2574 align-items: center; 2575 justify-content: center; 2576 z-index: 1; 2577 cursor: pointer; 2578 font-weight: 600; 2579 visibility: hidden; 2580 opacity: 0; 2581 transition: background-color .4s ease; 2582 } 2583 2584 @media (max-width: 991px) { 2585 .banner-section .corporate-solutions-carousel-navigation .slick-arrow { 2586 visibility: visible; 2587 opacity: 1; 2588 top: unset; 2589 transform: translateY(0); 2590 bottom: -55px; 2591 } 2592 } 2593 2594 .corporate-solutions-carousel-navigation .slick-arrow::before { 2595 transition: all .4s ease; 2596 } 2597 2598 .corporate-solutions-carousel-navigation .slick-arrow::after { 2599 content: ""; 2600 width: 0px; 2601 height: 0; 2602 border-top: 2px solid #fff; 2603 position: absolute; 2604 right: 50%; 2605 transform: translate(50%, -50%); 2606 top: 50%; 2607 margin-top: 0px; 2608 transition: all .4s ease; 2609 } 2610 2611 .corporate-solutions-carousel-navigation .slick-arrow:focus, 2612 .corporate-solutions-carousel-navigation .slick-arrow:hover { 2613 background: var(--primary-color); 2614 color: #404040; 2615 } 2616 2617 .corporate-solutions-carousel-navigation .slick-arrow:focus::before, 2618 .corporate-solutions-carousel-navigation .slick-arrow:hover::before { 2619 transform: translateX(8px); 2620 } 2621 2622 .corporate-solutions-carousel-navigation .slick-arrow:focus::after, 2623 .corporate-solutions-carousel-navigation .slick-arrow:hover::after { 2624 width: 20px; 2625 border-top: 2px solid #404040; 2626 } 2627 2628 .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2629 right: -46px; 2630 } 2631 2632 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2633 right: 46px; 2634 } 2635 2636 @media (max-width: 1024px) { 2637 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2638 right: unset; 2639 left: 80px; 2640 } 2641 } 2642 2643 .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2644 left: -46px; 2645 flex-direction: row-reverse; 2646 } 2647 2648 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2649 left: 46px; 2650 } 2651 2652 @media (max-width: 1024px) { 2653 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2654 left: 20px; 2655 } 2656 } 2657 2658 .corporate-solutions-carousel-navigation .slick-arrow.slick-next:focus::before, 2659 .corporate-solutions-carousel-navigation .slick-arrow.slick-next:hover::before { 2660 transform: translateX(-8px); 2661 } 2662 2663 .corporate-solutions-carousel-navigation:focus-within .slick-arrow, 2664 .corporate-solutions-carousel-navigation:hover .slick-arrow { 2665 opacity: 1; 2666 visibility: visible; 2667 } 2668 2669 .corporate-solutions-carousel-navigation .slick-dots { 2670 margin: 0px; 2671 padding: 0; 2672 list-style: none; 2673 display: flex; 2674 align-items: center; 2675 justify-content: center; 2676 margin-inline: auto; 2677 margin-top: 20px; 2678 } 2679 2680 .banner-section.banner-style-1 .corporate-solutions-carousel-navigation .slick-dots { 2681 position: absolute; 2682 margin: 0; 2683 right: 50%; 2684 transform: translateX(50%); 2685 bottom: 15px; 2686 } 2687 2688 .corporate-solutions-carousel-navigation .slick-dots li { 2689 margin-right: 5px; 2690 margin-left: 5px; 2691 } 2692 2693 .corporate-solutions-carousel-navigation .slick-dots li button { 2694 font-size: 0; 2695 padding: 0; 2696 height: 5px; 2697 width: 5px; 2698 border-radius: 50%; 2699 border: none; 2700 background-color: #3a3a3a; 2701 transition: all 0.3s ease; 2702 } 2703 2704 .corporate-solutions-carousel-navigation .slick-dots li button:focus, 2705 .corporate-solutions-carousel-navigation .slick-dots li button:hover { 2706 background-color: var(--color-text-main); 2707 } 2708 2709 .banner-section .corporate-solutions-carousel-navigation .slick-dots li button { 2710 background-color: #fff; 2711 opacity: 0.5; 2712 } 2713 2714 .corporate-solutions-carousel-navigation .slick-dots li.slick-active button { 2715 background-color: var(--primary-color); 2716 height: 10px; 2717 width: 10px; 2718 } 2719 2720 .banner-section .corporate-solutions-carousel-navigation .slick-dots li.slick-active button { 2721 opacity: 1; 2722 } 2723 2724 .service-section-wrapper { 1829 } 1830 1831 .main-navigation a { 1832 padding: 17px 20px; 1833 font-size: 0.9375rem; 1834 color: #fff; 1835 1836 display: block; 1837 text-decoration: none; 1838 opacity: 0.9; 1839 } 1840 1841 .main-navigation a:focus, .main-navigation a:hover { 1842 opacity: 1; 1843 color: var(--primary-color); 1844 } 1845 1846 .main-navigation .current_page_item > a, 1847 .main-navigation .current-menu-item > a, 1848 .main-navigation .current_page_ancestor > a, 1849 .main-navigation .current-menu-ancestor > a { 1850 position: relative; 1851 opacity: 1; 1852 color: var(--primary-color); 1853 } 1854 1855 @media (min-width: 992px) { 1856 .main-navigation ul.nav-menu li .children, 1857 .main-navigation ul.menu li .sub-menu { 1858 right: -999em; 1859 padding: 0; 1860 position: absolute; 1861 top: 100%; 1862 z-index: 999; 1863 margin: 30px 0 0; 1864 width: 210px; 1865 } 1866 .main-navigation ul.nav-menu li .children .children{ 1867 top: 0px; 1868 } 1869 .main-navigation ul.nav-menu li .children 1870 .main-navigation ul.menu li .children, 1871 .main-navigation ul.menu li .sub-menu { 1872 right: -999em; 1873 padding: 0; 1874 position: absolute; 1875 top: 100%; 1876 z-index: 999; 1877 margin: 30px 0 0; 1878 width: 210px; 1879 } 1880 .main-navigation ul li ul li ul { 1881 right: 210px !important; 1882 } 1883 .main-navigation ul.menu li .children > li .children, 1884 .main-navigation ul.menu li .children > li .sub-menu, 1885 .main-navigation ul.menu li .sub-menu > li .children, 1886 .main-navigation ul.menu li .sub-menu > li .sub-menu { 1887 right: -999em; 1888 top: 0; 1889 margin-top: 0; 1890 margin-right: 30px; 1891 } 1892 .main-navigation ul.menu li.menu-item-has-children > a::after { 1893 -webkit-font-smoothing: antialiased; 1894 -moz-osx-font-smoothing: grayscale; 1895 display: inline-block; 1896 font-style: normal; 1897 font-variant: normal; 1898 font-weight: 400; 1899 line-height: 1; 1900 font-family: Font Awesome\ 7 Free; 1901 font-weight: 900; 1902 line-height: inherit; 1903 vertical-align: baseline; 1904 content: "\f107"; 1905 display: inline-block; 1906 margin-right: 10px; 1907 } 1908 .main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, 1909 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, 1910 .main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu, 1911 .main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum, 1912 .main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu { 1913 margin: 0; 1914 margin-top: 0px; 1915 right: 0; 1916 opacity: 1; 1917 } 1918 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):hover > ul.children, 1919 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus > ul.children, 1920 .main-navigation .menu ul.nav-menu .page_item.focused:not(.off-canvas) > ul.children, 1921 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas)[focus-within] > ul.childrenm, 1922 .main-navigation .menu ul.nav-menu .page_item:not(.off-canvas):focus-within > ul.children { 1923 margin: 0; 1924 margin-top: 0px; 1925 right: 0; 1926 opacity: 1; 1927 } 1928 .main-navigation ul.menu .children, 1929 .main-navigation ul.menu .sub-menu { 1930 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 1931 } 1932 .main-navigation ul.menu .children li.menu-item-has-children > a, 1933 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a { 1934 padding-left: 25px; 1935 } 1936 .main-navigation ul.menu .children li.menu-item-has-children > a::after, 1937 .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after { 1938 -webkit-font-smoothing: antialiased; 1939 -moz-osx-font-smoothing: grayscale; 1940 display: inline-block; 1941 font-style: normal; 1942 font-variant: normal; 1943 font-weight: 400; 1944 line-height: 1; 1945 font-family: Font Awesome\ 7 Free; 1946 font-weight: 900; 1947 line-height: inherit; 1948 vertical-align: baseline; 1949 content: "\f105"; 1950 display: inline-block; 1951 margin-right: 10px; 1952 position: absolute; 1953 left: 10px; 1954 top: 50%; 1955 transform: translateY(-50%); 1956 } 1957 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a, 1958 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a { 1959 padding-right: 25px; 1960 padding-left: 20px; 1961 } 1962 .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after, 1963 .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after { 1964 -webkit-font-smoothing: antialiased; 1965 -moz-osx-font-smoothing: grayscale; 1966 display: inline-block; 1967 font-style: normal; 1968 font-variant: normal; 1969 font-weight: 400; 1970 line-height: 1; 1971 font-family: Font Awesome\ 7 Free; 1972 font-weight: 900; 1973 line-height: inherit; 1974 vertical-align: baseline; 1975 content: "\f105"; 1976 display: inline-block; 1977 margin-left: 10px; 1978 margin-right: 0; 1979 position: absolute; 1980 left: 10px; 1981 right: unset; 1982 top: 50%; 1983 transform: translateY(-50%); 1984 } 1985 1986 } 1987 1988 /* Small menu. */ 1989 .menu-toggle, 1990 .main-navigation.toggled ul { 1991 display: block; 1992 } 1993 1994 .site-main .comment-navigation, .site-main 1995 .posts-navigation, .site-main 1996 .post-navigation { 1997 margin: 0 0 1.5em; 1998 } 1999 2000 .comment-navigation .nav-links, 2001 .posts-navigation .nav-links, 2002 .post-navigation .nav-links { 2003 display: flex; 2004 } 2005 2006 @media only screen and (max-width: 480px) { 2007 .comment-navigation .nav-links, 2008 .posts-navigation .nav-links, 2009 .post-navigation .nav-links { 2010 flex-wrap: wrap; 2011 } 2012 } 2013 2014 .comment-navigation .nav-previous, 2015 .posts-navigation .nav-previous, 2016 .post-navigation .nav-previous { 2017 flex: 1 0 50%; 2018 } 2019 2020 .comment-navigation .nav-previous a, 2021 .posts-navigation .nav-previous a, 2022 .post-navigation .nav-previous a { 2023 display: inline-flex; 2024 align-items: center; 2025 gap: 5px; 2026 color: #000; 2027 transition: all 0.3s ease; 2028 text-decoration: none; 2029 } 2030 .comment-navigation .nav-previous a:hover, 2031 .posts-navigation .nav-previous a:hover, 2032 .post-navigation .nav-previous a:hover { 2033 color: var(--primary-color); 2034 } 2035 .comment-navigation .nav-previous a .nav-subtitle, 2036 .posts-navigation .nav-previous a .nav-subtitle, 2037 .post-navigation .nav-previous a .nav-subtitle { 2038 font-size: 14px; 2039 } 2040 2041 .comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:hover, 2042 .posts-navigation .nav-previous a:focus, 2043 .posts-navigation .nav-previous a:hover, 2044 .post-navigation .nav-previous a:focus, 2045 .post-navigation .nav-previous a:hover { 2046 color: var(--primary-color); 2047 } 2048 2049 @media only screen and (max-width: 480px) { 2050 .comment-navigation .nav-previous a, 2051 .posts-navigation .nav-previous a, 2052 .post-navigation .nav-previous a { 2053 flex-direction: column; 2054 } 2055 } 2056 2057 .comment-navigation .nav-next, 2058 .posts-navigation .nav-next, 2059 .post-navigation .nav-next { 2060 text-align: end; 2061 flex: 1 0 50%; 2062 } 2063 2064 .comment-navigation .nav-next a, 2065 .posts-navigation .nav-next a, 2066 .post-navigation .nav-next a { 2067 display: inline-flex; 2068 align-items: center; 2069 gap: 5px; 2070 justify-content: flex-end; 2071 color: var(--color-text-white); 2072 transition: all 0.3s ease; 2073 text-decoration: none; 2074 } 2075 2076 .comment-navigation .nav-next a .nav-subtitle, 2077 .posts-navigation .nav-next a .nav-subtitle, 2078 .post-navigation .nav-next a .nav-subtitle { 2079 font-size: 14px; 2080 } 2081 2082 .comment-navigation .nav-next a:focus, .comment-navigation .nav-next a:hover, 2083 .posts-navigation .nav-next a:focus, 2084 .posts-navigation .nav-next a:hover, 2085 .post-navigation .nav-next a:focus, 2086 .post-navigation .nav-next a:hover { 2087 color: var(--primary-color); 2088 } 2089 2090 @media only screen and (max-width: 480px) { 2091 .comment-navigation .nav-next a, 2092 .posts-navigation .nav-next a, 2093 .post-navigation .nav-next a { 2094 flex-direction: column-reverse; 2095 } 2096 } 2097 2098 @media (max-width: 1199.98px) { 2099 .main-navigation .main-menu { 2100 position: fixed; 2101 left: -130%; 2102 height: 100%; 2103 top: 0; 2104 background-color: #fff; 2105 min-width: 300px; 2106 padding-top: 60px; 2107 width: 50%; 2108 transition: all 400ms ease; 2109 display: block; 2110 border-left: 1px solid #fff; 2111 z-index: 13; 2112 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2113 opacity: 0; 2114 visibility: hidden; 2115 } 2116 .main-navigation .main-menu ul { 2117 right: auto; 2118 } 2119 } 2120 2121 @media (max-width: 1199.98px) { 2122 .main-navigation.toggled .main-menu { 2123 left: 0; 2124 right: auto; 2125 overflow-x: auto; 2126 opacity: 1; 2127 visibility: visible; 2128 } 2129 } 2130 2131 @media (max-width: 991px) { 2132 .main-navigation ul a { 2133 color: #202020; 2134 } 2135 .banner-section.banner-style-1 .banner-single .banner-caption{ 2136 right: 5% !important; 2137 left: 5% !important; 2138 } 2139 } 2140 2141 @media (max-width: 1199.98px) { 2142 .main-navigation ul ul { 2143 position: absolute; 2144 float: none; 2145 padding-right: 5px; 2146 } 2147 } 2148 2149 .main-navigation li.menu-item-has-children > a::after { 2150 -webkit-font-smoothing: antialiased; 2151 -moz-osx-font-smoothing: grayscale; 2152 display: inline-block; 2153 font-style: normal; 2154 font-variant: normal; 2155 font-weight: 400; 2156 line-height: 1; 2157 font-family: Font Awesome\ 7 Free; 2158 font-weight: 900; 2159 line-height: inherit; 2160 vertical-align: baseline; 2161 content: "\f107"; 2162 display: inline-block; 2163 margin-right: 10px; 2164 } 2165 2166 @media (max-width: 991px) { 2167 .main-navigation li.menu-item-has-children > ul { 2168 height: 0; 2169 transform: scaleY(0); 2170 transform-origin: top right; 2171 overflow: hidden; 2172 transition: all 0.5s ease-in-out; 2173 } 2174 2175 .widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul { 2176 padding-top: 0px !important; 2177 margin-right: 0px !important; 2178 padding-right: 0px !important; 2179 } 2180 } 2181 2182 @media (max-width: 1199.98px) { 2183 .main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children.focus > ul { 2184 height: auto; 2185 transform: scaleY(1); 2186 } 2187 } 2188 2189 @media screen and (min-width: 992px) { 2190 .menu-toggle { 2191 display: none; 2192 } 2193 .main-navigation ul:not(.sub-menu):not(.children) { 2194 display: block; 2195 margin-inline-end: -20px; 2196 } 2197 .main-navigation ul:not(.sub-menu):not(.children) > li { 2198 display: inline-block; 2199 } 2200 } 2201 2202 @media (max-width: 991px) { 2203 body.admin-bar #site-navigation.toggled .main-navigation-links { 2204 padding-top: 100px; 2205 } 2206 body.admin-bar #site-navigation button.menu-toggle.open { 2207 top: 55px; 2208 } 2209 .bottom-header-part-wrapper .navigation-part { 2210 align-items: center; 2211 } 2212 .bottom-header-part-wrapper .social-icons-part { 2213 display: none; 2214 } 2215 .main-navigation ul ul a{ 2216 border: none !important; 2217 } 2218 .main-navigation ul ul{ 2219 opacity: 1 !important; 2220 border: none !important; 2221 } 2222 #site-navigation button.menu-toggle { 2223 width: 35px; 2224 height: 35px; 2225 position: relative; 2226 transform: rotate(0deg); 2227 transition: 0.5s ease-in-out; 2228 cursor: pointer; 2229 padding: 0; 2230 background: none; 2231 border: none; 2232 margin: 9px auto 9px 5px; 2233 } 2234 #site-navigation button.menu-toggle span { 2235 display: block; 2236 position: absolute; 2237 height: 3px; 2238 width: 100%; 2239 background: var(--primary-color); 2240 border-radius: 3px; 2241 opacity: 1; 2242 right: 0; 2243 transform: rotate(0deg); 2244 transition: 0.25s ease-in-out; 2245 } 2246 #site-navigation button.menu-toggle span:nth-child(1) { 2247 top: calc(50% - 15px); 2248 } 2249 #site-navigation button.menu-toggle span:nth-child(2) { 2250 top: 50%; 2251 transform: translateY(-50%); 2252 } 2253 #site-navigation button.menu-toggle span:nth-child(3) { 2254 bottom: calc(50% - 15px); 2255 } 2256 #site-navigation button.menu-toggle.open { 2257 z-index: 18; 2258 position: fixed !important; 2259 left: 35px; 2260 top: 20px; 2261 } 2262 #site-navigation button.menu-toggle.open span { 2263 background-color: var(--primary-color); 2264 } 2265 #site-navigation button.menu-toggle.open span:nth-child(1) { 2266 top: 14px; 2267 width: 0%; 2268 right: 50%; 2269 } 2270 #site-navigation button.menu-toggle.open span:nth-child(2) { 2271 transform: rotate(-45deg); 2272 } 2273 #site-navigation button.menu-toggle.open span:nth-child(3) { 2274 top: 50%; 2275 transform: translateY(-50%) rotate(45deg); 2276 } 2277 #site-navigation .main-navigation-links { 2278 position: fixed; 2279 left: -130%; 2280 height: 100%; 2281 top: 0; 2282 background-color: #fff; 2283 min-width: 300px; 2284 padding-top: 60px; 2285 padding-left: 10px; 2286 width: 60%; 2287 transition: all 400ms ease; 2288 display: block; 2289 border-left: 1px solid #fff; 2290 z-index: 13; 2291 box-shadow: -2px 0 18px 0 rgba(0, 0, 0, 0.5); 2292 opacity: 0; 2293 visibility: hidden; 2294 } 2295 #site-navigation.toggled .main-navigation-links { 2296 left: 0; 2297 right: auto; 2298 overflow-x: auto; 2299 opacity: 1; 2300 visibility: visible; 2301 } 2302 #site-navigation.toggled .main-navigation-links li.current_page_item > a, 2303 #site-navigation.toggled .main-navigation-links li.current-menu-item > a { 2304 color: var(--primary-color); 2305 font-weight: bold; 2306 } 2307 } 2308 2309 @media (max-width: 480px) { 2310 #site-navigation .main-navigation-links { 2311 width: 80%; 2312 } 2313 } 2314 2315 @media (min-width: 1025px) { 2316 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_item > a, 2317 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-item > a, 2318 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current_page_ancestor > a, 2319 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation .current-menu-ancestor > a { 2320 opacity: 1; 2321 } 2322 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a { 2323 color: var(--color-text-main); 2324 opacity: 1; 2325 } 2326 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation ul ul a:hover { 2327 color: var(--primary-color); 2328 } 2329 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a { 2330 color: #fff; 2331 opacity: 0.7; 2332 } 2333 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part .main-navigation a:hover { 2334 opacity: 1; 2335 } 2336 } 2337 2338 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a { 2339 color: var(--color-text-main); 2340 } 2341 2342 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation ul ul a:hover { 2343 color: var(--primary-color); 2344 } 2345 2346 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_item > a, 2347 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-item > a, 2348 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current_page_ancestor > a, 2349 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation .current-menu-ancestor > a { 2350 opacity: 1; 2351 color: var(--primary-color); 2352 } 2353 2354 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a { 2355 color: var(--color-text-main); 2356 } 2357 2358 body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:focus, body header.site-header .header-main-wrapper.transparent-header .bottom-header-part.fix-header .main-navigation a:hover { 2359 color: var(--primary-color); 2360 } 2361 2362 nav.navigation.pagination .nav-links { 2363 display: flex; 2364 gap: 5px; 2365 margin: 10px 0 20px; 2366 } 2367 2368 nav.navigation.pagination .nav-links span, 2369 nav.navigation.pagination .nav-links a { 2370 text-decoration: none; 2371 width: 30px; 2372 height: 30px; 2373 display: flex; 2374 align-items: center; 2375 justify-content: center; 2376 transition: all 0.3s ease; 2377 color: var(--color-text-white); 2378 border: 1px solid var(--color-text-white); 2379 } 2380 2381 nav.navigation.pagination .nav-links span.prev, nav.navigation.pagination .nav-links span.next, 2382 nav.navigation.pagination .nav-links a.prev, 2383 nav.navigation.pagination .nav-links a.next { 2384 font-size: 0; 2385 } 2386 2387 nav.navigation.pagination .nav-links span.prev::after, nav.navigation.pagination .nav-links span.next::after, 2388 nav.navigation.pagination .nav-links a.prev::after, 2389 nav.navigation.pagination .nav-links a.next::after { 2390 content: "\f30a"; 2391 font-size: 1rem; 2392 display: inline-block; 2393 font-style: normal; 2394 font-variant: normal; 2395 font-weight: 400; 2396 line-height: 1; 2397 font-weight: 900; 2398 line-height: inherit; 2399 vertical-align: baseline; 2400 font-family: Font Awesome\ 7 Free; 2401 -moz-osx-font-smoothing: grayscale; 2402 -webkit-font-smoothing: antialiased; 2403 } 2404 2405 nav.navigation.pagination .nav-links span.next::after, 2406 nav.navigation.pagination .nav-links a.next::after { 2407 content: "\f30b"; 2408 } 2409 2410 nav.navigation.pagination .nav-links span:hover, nav.navigation.pagination .nav-links span:focus, 2411 nav.navigation.pagination .nav-links a:hover, 2412 nav.navigation.pagination .nav-links a:focus { 2413 color: var(--primary-color); 2414 border: 1px solid var(--primary-color); 2415 } 2416 2417 nav.navigation.pagination .nav-links span.current { 2418 color: var(--color-text-white); 2419 background-color: var(--primary-color); 2420 border: 1px solid var(--primary-color); 2421 } 2422 2423 nav.navigation.pagination .nav-links span.dots { 2424 border: none; 2425 } 2426 2427 nav.navigation.pagination .nav-links span.dots:hover, nav.navigation.pagination .nav-links span.dots:focus { 2428 color: var(--color-text-main); 2429 border: none; 2430 } 2431 2432 .corporate-solutions-carousel-navigation .slick-arrow { 2433 position: absolute; 2434 top: 50%; 2435 transform: translateY(-50%); 2436 font-size: 14px; 2437 width: 46px; 2438 height: 46px; 2439 border-radius: 100%; 2440 border: 1px solid; 2441 background: transparent; 2442 color: #fff; 2443 display: flex; 2444 align-items: center; 2445 justify-content: center; 2446 z-index: 1; 2447 cursor: pointer; 2448 font-weight: 600; 2449 visibility: hidden; 2450 opacity: 0; 2451 transition: background-color .4s ease; 2452 } 2453 2454 @media (max-width: 991px) { 2455 .banner-section .corporate-solutions-carousel-navigation .slick-arrow { 2456 visibility: visible; 2457 opacity: 1; 2458 top: unset; 2459 transform: translateY(0); 2460 bottom: -55px; 2461 } 2462 } 2463 2464 .corporate-solutions-carousel-navigation .slick-arrow::before { 2465 transition: all .4s ease; 2466 } 2467 2468 .corporate-solutions-carousel-navigation .slick-arrow::after { 2469 content: ""; 2470 width: 0px; 2471 height: 0; 2472 border-top: 2px solid #fff; 2473 position: absolute; 2474 right: 50%; 2475 transform: translate(50%, -50%); 2476 top: 50%; 2477 margin-top: 0px; 2478 transition: all .4s ease; 2479 } 2480 2481 .corporate-solutions-carousel-navigation .slick-arrow:focus, .corporate-solutions-carousel-navigation .slick-arrow:hover { 2482 background: var(--primary-color); 2483 color: #404040; 2484 } 2485 2486 .corporate-solutions-carousel-navigation .slick-arrow:focus::before, .corporate-solutions-carousel-navigation .slick-arrow:hover::before { 2487 transform: translateX(8px); 2488 } 2489 2490 .corporate-solutions-carousel-navigation .slick-arrow:focus::after, .corporate-solutions-carousel-navigation .slick-arrow:hover::after { 2491 width: 20px; 2492 border-top: 2px solid #404040; 2493 } 2494 2495 .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2496 right: -46px; 2497 } 2498 2499 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2500 right: 46px; 2501 } 2502 2503 @media (max-width: 1024px) { 2504 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-prev { 2505 right: unset; 2506 left: 80px; 2507 } 2508 } 2509 2510 2511 .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2512 left: -46px; 2513 flex-direction: row-reverse; 2514 } 2515 2516 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2517 left: 46px; 2518 } 2519 2520 @media (max-width: 1024px) { 2521 .banner-section .corporate-solutions-carousel-navigation .slick-arrow.slick-next { 2522 left: 20px; 2523 } 2524 } 2525 2526 .corporate-solutions-carousel-navigation .slick-arrow.slick-next:focus::before, .corporate-solutions-carousel-navigation .slick-arrow.slick-next:hover::before { 2527 transform: translateX(-8px); 2528 } 2529 2530 .corporate-solutions-carousel-navigation:focus-within .slick-arrow, .corporate-solutions-carousel-navigation:hover .slick-arrow { 2531 opacity: 1; 2532 visibility: visible; 2533 } 2534 2535 .corporate-solutions-carousel-navigation .slick-dots { 2536 margin: 0px; 2537 padding: 0; 2538 list-style: none; 2539 display: flex; 2540 align-items: center; 2541 justify-content: center; 2542 margin-inline: auto; 2543 margin-top: 20px; 2544 } 2545 2546 .banner-section.banner-style-1 .corporate-solutions-carousel-navigation .slick-dots { 2547 position: absolute; 2548 margin: 0; 2549 right: 50%; 2550 transform: translateX(50%); 2551 bottom: 15px; 2552 } 2553 2554 .corporate-solutions-carousel-navigation .slick-dots li { 2555 margin-right: 5px; 2556 margin-left: 5px; 2557 } 2558 2559 .corporate-solutions-carousel-navigation .slick-dots li button { 2560 font-size: 0; 2561 padding: 0; 2562 height: 5px; 2563 width: 5px; 2564 border-radius: 50%; 2565 border: none; 2566 background-color: #3a3a3a; 2567 transition: all 0.3s ease; 2568 } 2569 2570 .corporate-solutions-carousel-navigation .slick-dots li button:focus, .corporate-solutions-carousel-navigation .slick-dots li button:hover { 2571 background-color: var(--color-text-main); 2572 } 2573 2574 .banner-section .corporate-solutions-carousel-navigation .slick-dots li button { 2575 background-color: #fff; 2576 opacity: 0.5; 2577 } 2578 2579 .corporate-solutions-carousel-navigation .slick-dots li.slick-active button { 2580 background-color: var(--primary-color); 2581 height: 10px; 2582 width: 10px; 2583 } 2584 2585 .banner-section .corporate-solutions-carousel-navigation .slick-dots li.slick-active button { 2586 opacity: 1; 2587 } 2588 2589 .service-section-wrapper { 2725 2590 display: flex; 2726 2591 align-items: center; … … 2728 2593 justify-content: space-between; 2729 2594 gap: 30px 0; 2730 } 2731 2732 .service-single { 2595 } 2596 .service-single { 2733 2597 width: 24%; 2734 2598 position: relative; 2735 } 2736 2737 .service-title { 2599 } 2600 .service-title { 2738 2601 position: absolute; 2739 2602 top: 50%; … … 2741 2604 padding: 30px; 2742 2605 transform: translateY(-50%); 2743 } 2744 2745 .service-image { 2606 } 2607 .service-image { 2746 2608 background: var(--primary-color); 2747 2609 height: 300px; 2748 } 2749 2750 .service-image img { 2751 width: 100%; 2610 } 2611 .service-image img { 2612 width: 100%; 2752 2613 height: 300px; 2753 2614 object-fit: cover; 2754 2615 opacity: 0.7; 2755 } 2756 2757 .service-title h3 { 2616 } 2617 .service-title h3 { 2758 2618 font-size: 25px; 2759 2619 margin: 0; 2760 } 2761 2762 .service-title h3 a { 2620 } 2621 .service-title h3 a { 2763 2622 color: #fff; 2764 } 2765 2766 .service-title p { 2623 } 2624 .service-title p { 2767 2625 margin-bottom: 0; 2768 2626 font-size: 15px; 2769 2627 word-break: break-all; 2770 } 2771 2772 .services-part-wrapper {2628 2629 } 2630 .services-part-wrapper { 2773 2631 margin-bottom: 30px; 2774 } 2775 2776 .services-part-wrapper h3 { 2632 } 2633 .services-part-wrapper h3 { 2777 2634 font-size: 35px; 2778 2635 margin: 0; 2779 2636 overflow-wrap: anywhere; 2780 } 2781 2782 .services-part-wrapper p { 2783 overflow-wrap: anywhere; 2784 } 2785 2786 .services-left-part { 2787 width: 50%; 2788 } 2789 2790 .services-middle-part { 2791 width: 50%; 2792 } 2793 2794 .services-left-part h3, 2795 .services-left-part p { 2796 width: 100%; 2797 max-width: 50%; 2798 } 2799 2800 section#corporate_solutions_service_section { 2637 } 2638 .services-part-wrapper p{ 2639 overflow-wrap: anywhere; 2640 } 2641 .services-left-part{ 2642 width: 50%; 2643 } 2644 .services-middle-part{ 2645 width: 50%; 2646 } 2647 .services-left-part h3, .services-left-part p{ 2648 width: 100%; 2649 max-width: 50%; 2650 } 2651 section#corporate_solutions_service_section { 2801 2652 padding: 40px 0 50px; 2802 } 2803 2804 .services-middle-part img { 2653 } 2654 .services-middle-part img { 2805 2655 width: 100%; 2806 2656 height: 400px; 2807 2657 object-fit: cover; 2808 } 2809 2810 @media only screen and (max-width: 1500px) { 2811 .services-left-part h3, 2812 .services-left-part p { 2813 width: 100%; 2814 max-width: 60%; 2815 } 2816 } 2817 2818 @media only screen and (max-width: 1100px) { 2819 .services-left-part h3, 2820 .services-left-part p { 2821 width: 100%; 2822 max-width: 100%; 2823 } 2824 .services-middle-part img { 2825 width: 100%; 2826 height: 100%; 2827 object-fit: cover; 2828 } 2829 } 2830 2831 @media only screen and (max-width: 900px) { 2832 .service-section-wrapper { 2833 display: flex; 2834 align-items: center; 2835 flex-wrap: wrap; 2836 justify-content: center; 2837 gap: 30px; 2838 } 2839 } 2840 2841 @media only screen and (max-width: 900px) { 2842 .services-left-part { 2843 width: 100%; 2844 padding: 10px 0; 2845 } 2846 .services-middle-part { 2847 padding: 10px 0; 2848 width: 100%; 2849 } 2850 } 2851 2852 2853 /* Posts and pages 2854 --------------------------------------------- */ 2855 2856 .sticky { 2857 display: block; 2858 } 2859 2860 .post, 2861 .page { 2862 margin: 0 0 1.5em; 2863 } 2864 2865 .updated:not(.published) { 2866 display: none; 2867 } 2868 2869 .page-content, 2870 .entry-content, 2871 .entry-summary { 2872 margin: 1.5em 0 0; 2873 } 2874 2875 .page-links { 2876 clear: both; 2877 margin: 0 0 1.5em; 2878 } 2879 2880 2881 /*-------------------------------------------------------------- 2882 # 404 page 2883 --------------------------------------------------------------*/ 2884 2885 section.no-results.not-found { 2886 margin-bottom: 50px; 2887 } 2888 2889 .error-404.not-found { 2658 } 2659 2660 @media only screen and (max-width: 1500px) { 2661 .services-left-part h3, .services-left-part p { 2662 width: 100%; 2663 max-width: 60%; 2664 } 2665 } 2666 @media only screen and (max-width: 1100px) { 2667 .services-left-part h3, .services-left-part p { 2668 width: 100%; 2669 max-width: 100%; 2670 } 2671 .services-middle-part img { 2672 width: 100%; 2673 height: 100%; 2674 object-fit: cover; 2675 } 2676 } 2677 @media only screen and (max-width: 900px) { 2678 .service-section-wrapper { 2679 display: flex; 2680 align-items: center; 2681 flex-wrap: wrap; 2682 justify-content: center; 2683 gap: 30px; 2684 } 2685 } 2686 @media only screen and (max-width: 900px) { 2687 .services-left-part{ 2688 width: 100%; 2689 padding: 10px 0; 2690 } 2691 .services-middle-part{ 2692 padding: 10px 0; 2693 width: 100%; 2694 } 2695 } 2696 2697 2698 /* Posts and pages 2699 --------------------------------------------- */ 2700 .sticky { 2701 display: block; 2702 } 2703 2704 .post, 2705 .page { 2706 margin: 0 0 1.5em; 2707 } 2708 2709 .updated:not(.published) { 2710 display: none; 2711 } 2712 2713 .page-content, 2714 .entry-content, 2715 .entry-summary { 2716 margin: 1.5em 0 0; 2717 } 2718 2719 .page-links { 2720 clear: both; 2721 margin: 0 0 1.5em; 2722 } 2723 2724 /*-------------------------------------------------------------- 2725 # 404 page 2726 --------------------------------------------------------------*/ 2727 section.no-results.not-found { 2728 margin-bottom: 50px; 2729 } 2730 2731 .error-404.not-found { 2890 2732 text-align: center; 2891 2733 margin-bottom: 30px; 2892 } 2893 2894 section.not-found { 2734 2735 } 2736 2737 section.not-found { 2895 2738 margin-top: 3em; 2896 2739 text-align: center; 2897 2740 margin-bottom: 7em; 2898 2741 margin-left: 0em; 2899 } 2900 2901 h2.text-secondary { 2742 } 2743 h2.text-secondary { 2902 2744 font-size: 41px; 2903 2745 font-weight: 900; 2904 } 2905 2906 p.not-para { 2746 } 2747 p.not-para { 2907 2748 font-size: 20px; 2908 } 2909 2910 .paganot-found-button a { 2749 } 2750 .paganot-found-button a { 2911 2751 background: var(--primary-color); 2912 2752 border-radius: 11px; … … 2914 2754 font-weight: 800; 2915 2755 color: #fff!important; 2916 } 2917 2918 .paganot-found-button a:hover { 2756 } 2757 .paganot-found-button a:hover { 2919 2758 background: #404040; 2920 2759 border-radius: 11px; 2921 2760 padding: 12px 12px; 2922 2761 color: #fff!important; 2923 } 2924 2925 @media (max-width: 1000px) { 2926 section.not-found { 2927 margin-top: 3em; 2928 text-align: center; 2929 margin-bottom: 7em; 2930 margin-right: 0em; 2931 margin-left: 0em; 2932 } 2933 } 2934 2935 2936 /*-------------------------------------------------------------- 2937 # archive layouts 2938 --------------------------------------------------------------*/ 2939 2940 .mag-post-category { 2941 line-height: 1.2; 2942 font-size: var(--font-size-sm); 2943 } 2944 2945 .mag-post-category a { 2946 display: inline-block; 2762 } 2763 @media (max-width: 1000px){ 2764 section.not-found { 2765 margin-top: 3em; 2766 text-align: center; 2767 margin-bottom: 7em; 2768 margin-right: 0em; 2769 margin-left: 0em; 2770 } 2771 2772 } 2773 /*-------------------------------------------------------------- 2774 # archive layouts 2775 --------------------------------------------------------------*/ 2776 .mag-post-category { 2777 line-height: 1.2; 2778 font-size: var(--font-size-sm); 2779 } 2780 2781 .mag-post-category a { 2782 display: inline-block; 2947 2783 margin-inline-end: 4px; 2948 2784 margin-block-end: 5px; … … 2953 2789 color: var(--background-color-white); 2954 2790 margin: 12px auto; 2955 } 2956 2957 .mag-post-category a:focus, 2958 .mag-post-category a:hover { 2959 color: var(--primary-color); 2960 } 2961 2962 .mag-post-category a::after { 2963 content: "\2219"; 2964 font-weight: bold; 2965 padding: 0 3px 0 0; 2966 opacity: 0.7; 2967 } 2968 2969 .mag-post-category a:last-child::after { 2970 display: none; 2971 } 2972 2973 .mag-post-single .mag-post-img { 2974 position: relative; 2975 } 2976 2977 .mag-post-single .mag-post-img > a { 2978 display: block; 2979 height: 100%; 2980 width: 100%; 2981 line-height: 0; 2982 } 2983 2984 .mag-post-single .mag-post-img > a:focus { 2985 outline-offset: 1px; 2986 outline-color: var(--color-text-main); 2987 } 2988 2989 .mag-post-single .mag-post-img > a img { 2990 aspect-ratio: 1/0.7; 2991 width: 100%; 2992 height: 100%; 2993 object-fit: cover; 2994 } 2995 2996 .mag-post-single .mag-post-detail { 2997 padding: 7px 0; 2998 } 2999 3000 .mag-post-single .mag-post-detail .mag-post-title { 3001 margin: 0 0 10px; 3002 font-size: var(--font-size-base); 3003 line-height: 1.3; 3004 } 3005 3006 .mag-post-single .mag-post-detail .mag-post-title a { 3007 text-decoration: none; 3008 color: var(--background-color-white); 3009 font-size: 24px; 3010 font-family: var(--font-heading); 3011 } 3012 3013 .mag-post-single .mag-post-detail .mag-post-title a:focus, 3014 .mag-post-single .mag-post-detail .mag-post-title a:hover { 3015 color: var(--primary-color); 3016 } 3017 3018 .mag-post-single .mag-post-detail .mag-post-meta { 3019 font-size: var(--font-size-xs); 3020 line-height: 1.3; 3021 } 3022 3023 .mag-post-single .mag-post-detail .mag-post-meta > span { 3024 margin-inline-end: 5px; 3025 } 3026 3027 .mag-post-single .mag-post-detail .mag-post-meta .byline a, 3028 .mag-post-single .mag-post-detail .mag-post-meta .post-author a { 3029 text-decoration: none; 3030 color: var(--color-text-main); 2791 } 2792 2793 .mag-post-category a:focus, .mag-post-category a:hover { 2794 color: var(--primary-color); 2795 } 2796 2797 .mag-post-category a::after { 2798 content: "\2219"; 2799 font-weight: bold; 2800 padding: 0 3px 0 0; 2801 opacity: 0.7; 2802 } 2803 2804 .mag-post-category a:last-child::after { 2805 display: none; 2806 } 2807 2808 .mag-post-single .mag-post-img { 2809 position: relative; 2810 } 2811 2812 .mag-post-single .mag-post-img > a { 2813 display: block; 2814 height: 100%; 2815 width: 100%; 2816 line-height: 0; 2817 } 2818 2819 .mag-post-single .mag-post-img > a:focus { 2820 outline-offset: 1px; 2821 outline-color: var(--color-text-main); 2822 } 2823 2824 .mag-post-single .mag-post-img > a img { 2825 aspect-ratio: 1/0.7; 2826 width: 100%; 2827 height: 100%; 2828 object-fit: cover; 2829 } 2830 2831 .mag-post-single .mag-post-detail { 2832 padding: 7px 0; 2833 } 2834 2835 .mag-post-single .mag-post-detail .mag-post-title { 2836 margin: 0 0 10px; 2837 font-size: var(--font-size-base); 2838 line-height: 1.3; 2839 } 2840 2841 .mag-post-single .mag-post-detail .mag-post-title a { 2842 text-decoration: none; 2843 color: var(--background-color-white); 2844 font-size: 24px; 2845 font-family: var(--font-heading); 2846 } 2847 2848 .mag-post-single .mag-post-detail .mag-post-title a:focus, .mag-post-single .mag-post-detail .mag-post-title a:hover { 2849 color: var(--primary-color); 2850 } 2851 2852 .mag-post-single .mag-post-detail .mag-post-meta { 2853 font-size: var(--font-size-xs); 2854 line-height: 1.3; 2855 } 2856 2857 .mag-post-single .mag-post-detail .mag-post-meta > span { 2858 margin-inline-end: 5px; 2859 } 2860 2861 .mag-post-single .mag-post-detail .mag-post-meta .byline a, 2862 .mag-post-single .mag-post-detail .mag-post-meta .post-author a{ 2863 text-decoration: none; 2864 color: var(--color-text-main); 2865 font-size: 16px; 2866 margin-left: 10px; 2867 } 2868 2869 .blog .mag-post-single .mag-post-detail .mag-post-meta .byline a, 2870 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a, .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 2871 color: var(--color-text-main); 2872 } 2873 2874 .mag-post-single .mag-post-detail .mag-post-meta .byline a i, 2875 .mag-post-single .mag-post-detail .mag-post-meta .post-author a i { 2876 margin-inline-end: 5px; 2877 } 2878 2879 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, 2880 .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 2881 text-decoration: none; 2882 color: var(--color-text-main); 2883 font-size: 16px; 2884 margin-left: 10px; 2885 } 2886 2887 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a i, 2888 .mag-post-single .mag-post-detail .mag-post-meta .post-date a i { 2889 margin-inline-end: 5px; 2890 } 2891 2892 .mag-post-single .mag-post-detail .mag-post-excerpt { 2893 font-size: var(--font-size-sm); 2894 color: var(--background-color-white); 2895 } 2896 2897 .mag-post-single .mag-post-detail .mag-post-excerpt p { 2898 margin: 10px 0 0; 2899 font-size: 16px; 2900 } 2901 2902 .mag-post-single .mag-post-detail .mag-post-meta .post-comments{ 2903 margin-inline-end: 10px !important; 2904 } 2905 .mag-post-single .mag-post-detail .mag-post-meta .post-time{ 2906 margin-inline-end: 5px; 2907 } 2908 .mag-post-single .mag-post-detail .mag-post-meta .post-comments, 2909 .mag-post-single .mag-post-detail .mag-post-meta .post-comments i, 2910 .mag-post-single .mag-post-detail .mag-post-meta .post-time, 2911 .mag-post-single .mag-post-detail .mag-post-meta .post-time a{ 2912 color: var(--color-text-main); 2913 text-decoration: none; 3031 2914 font-size: 16px; 3032 margin-left: 10px; 3033 } 3034 3035 .blog .mag-post-single .mag-post-detail .mag-post-meta .byline a, 3036 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-author a, 3037 .blog .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, 3038 .blog .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 3039 color: var(--color-text-main); 3040 } 3041 3042 .mag-post-single .mag-post-detail .mag-post-meta .byline a i, 3043 .mag-post-single .mag-post-detail .mag-post-meta .post-author a i { 3044 margin-inline-end: 5px; 3045 } 3046 3047 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a, 3048 .mag-post-single .mag-post-detail .mag-post-meta .post-date a { 3049 text-decoration: none; 3050 color: var(--color-text-main); 3051 font-size: 16px; 3052 margin-left: 10px; 3053 } 3054 3055 .mag-post-single .mag-post-detail .mag-post-meta .posted-on a i, 3056 .mag-post-single .mag-post-detail .mag-post-meta .post-date a i { 3057 margin-inline-end: 5px; 3058 } 3059 3060 .mag-post-single .mag-post-detail .mag-post-excerpt { 3061 font-size: var(--font-size-sm); 3062 color: var(--background-color-white); 3063 } 3064 3065 .mag-post-single .mag-post-detail .mag-post-excerpt p { 3066 margin: 10px 0 0; 3067 font-size: 16px; 3068 } 3069 3070 .corporate-solutions-archive-layout { 3071 margin-bottom: 30px; 3072 } 3073 3074 3075 /*.corporate-solutions-archive-layout.grid-layout { 3076 display: grid; 3077 grid-gap: 30px; 3078 }*/ 3079 3080 .corporate-solutions-archive-layout.grid-layout article { 3081 margin-bottom: 0; 3082 } 3083 3084 .corporate-solutions-archive-layout.grid-layout.column-2 { 3085 grid-template-columns: repeat(2, 1fr); 3086 } 3087 3088 @media (max-width: 600px) { 3089 .corporate-solutions-archive-layout.grid-layout.column-2 { 3090 grid-template-columns: repeat(1, 1fr); 3091 } 3092 } 3093 3094 .corporate-solutions-archive-layout.grid-layout.column-3 { 3095 grid-template-columns: repeat(3, 1fr); 3096 } 3097 3098 @media (max-width: 768px) { 3099 .corporate-solutions-archive-layout.grid-layout.column-3 { 3100 grid-template-columns: repeat(2, 1fr); 3101 } 3102 } 3103 3104 @media (max-width: 600px) { 3105 .corporate-solutions-archive-layout.grid-layout.column-3 { 3106 grid-template-columns: repeat(1, 1fr); 3107 } 3108 } 3109 3110 .corporate-solutions-archive-layout.grid-layout.column-4 { 3111 grid-template-columns: repeat(4, 1fr); 3112 } 3113 3114 @media (max-width: 991px) { 3115 .corporate-solutions-archive-layout.grid-layout.column-4 { 3116 grid-template-columns: repeat(3, 1fr); 3117 } 3118 } 3119 3120 @media (max-width: 768px) { 3121 .corporate-solutions-archive-layout.grid-layout.column-4 { 3122 grid-template-columns: repeat(2, 1fr); 3123 } 3124 } 3125 3126 @media (max-width: 600px) { 3127 .corporate-solutions-archive-layout.grid-layout.column-4 { 3128 grid-template-columns: repeat(1, 1fr); 3129 } 3130 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper, 3131 .about-single { 3132 display: block !important; 3133 } 3134 #site-navigation button.menu-toggle { 3135 margin: 10px auto; 3136 } 3137 } 3138 3139 3140 /*-------------------------------------------------------------- 3141 # archive layouts 3142 --------------------------------------------------------------*/ 3143 3144 .site-main article .entry-header .entry-title { 3145 font-size: var(--font-size-lg); 3146 font-family: var(--font-heading); 3147 margin-top: 0; 3148 margin-bottom: 1.3rem; 3149 } 3150 3151 @media (min-width: 992px) { 3152 .site-main article .entry-header .entry-title { 3153 margin-bottom: 1.1rem; 3154 } 3155 } 3156 3157 .site-main article .entry-header .entry-title a { 3158 text-decoration: none; 3159 color: #fff; 3160 } 3161 3162 .site-main article .entry-meta { 3163 padding-bottom: 10px; 3164 } 3165 3166 .site-main article .entry-meta span { 3167 font-size: 16px; 3168 font-weight: normal; 3169 } 3170 3171 .site-main article .entry-meta span a, 3172 .site-main article .entry-meta span span { 3173 font-weight: normal; 3174 } 3175 3176 .site-main article .entry-meta span a { 3177 text-decoration: none; 3178 color: #fff; 3179 } 3180 3181 .site-main article .entry-meta span a:hover { 3182 color: var(--primary-color); 3183 } 3184 3185 .site-main article .entry-meta span.comments-link a { 3186 font-weight: bold; 3187 } 3188 3189 .site-main article .post-thumbnail { 3190 display: block; 3191 line-height: 0; 3192 } 3193 3194 .site-main article .post-thumbnail img { 3195 width: 100%; 3196 transition: all 0.3s linear; 3197 } 3198 3199 @media (min-width: 992px) { 3200 .site-main article .entry-meta { 3201 padding: 10px 0 20px; 3202 padding-top: 0; 3203 } 3204 } 3205 3206 .site-main article .entry-content { 3207 margin-top: 0; 3208 } 3209 3210 .site-main article .entry-content p { 3211 margin-bottom: 10px; 3212 } 3213 3214 .site-main article .entry-footer { 3215 display: flex; 3216 flex-direction: column; 3217 margin-top: 10px; 3218 } 3219 3220 .site-main article .entry-footer span { 3221 margin-bottom: 6px; 3222 font-size: 16px; 3223 font-weight: bold; 3224 } 3225 3226 .site-main article .entry-footer span a, 3227 .site-main article .entry-footer span span { 3228 font-weight: normal; 3229 } 3230 3231 .site-main article .entry-footer span a { 3232 text-decoration: none; 3233 color: #fff; 3234 display: inline-block; 3235 } 3236 3237 .site-main article .entry-footer span a:hover { 3238 color: var(--primary-color); 3239 } 3240 3241 .site-main article .entry-footer span.comments-link a { 3242 font-weight: bold; 3243 } 3244 3245 .related-posts h2 { 3246 font-size: var(--font-size-lg); 3247 font-family: var(--font-main); 3248 line-height: 1.2; 3249 } 3250 3251 .related-posts .row { 3252 display: grid; 3253 grid-gap: 30px; 3254 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 3255 /* Adjust minmax values as needed */ 3256 } 3257 3258 @media (max-width: 480px) { 3259 .related-posts .row { 3260 grid-template-columns: 1fr; 3261 } 3262 } 3263 3264 .related-posts .row article .post-thumbnail { 3265 line-height: 0; 3266 overflow: hidden; 3267 } 3268 3269 .related-posts .row article .post-thumbnail img { 3270 width: 100%; 3271 height: 100%; 3272 object-fit: cover; 3273 } 3274 3275 .related-posts .row article .entry-header { 3276 margin-top: 10px; 3277 } 3278 3279 .related-posts .row article .entry-header .entry-title { 3280 font-size: var(--font-size-base); 3281 } 3282 3283 .related-posts .row article .entry-header .entry-title a { 3284 display: inline-block; 3285 } 3286 3287 3288 /*-------------------------------------------------------------- 3289 # single 3290 --------------------------------------------------------------*/ 3291 3292 body.single .site-main > article header { 3293 margin-bottom: 10px; 3294 } 3295 3296 body.single .site-main > article header .entry-title { 3297 margin-bottom: 10px; 3298 } 3299 3300 body.single .site-main > article header .entry-meta { 3301 padding-bottom: 0; 3302 margin-bottom: 10px; 3303 } 3304 3305 3306 /*------------##gutenberg support----------*/ 3307 3308 img.alignright { 3309 clear: left; 3310 } 3311 3312 img.alignleft { 3313 clear: right; 3314 } 3315 3316 div.wp-block h6 a, 3317 div.wp-block h5 a, 3318 div.wp-block h4 a, 3319 div.wp-block h3 a, 3320 div.wp-block h2 a, 3321 div.wp-block h1 a { 3322 font-family: inherit; 3323 font-size: inherit; 3324 line-height: inherit; 3325 font-weight: inherit; 3326 font-style: inherit; 3327 } 3328 3329 div.wp-block b, 3330 div.wp-block strong { 3331 font-weight: bold; 3332 } 3333 3334 div.wp-block .editor-rich-text__tinymce code, 3335 div.wp-block .editor-rich-text__editable code { 3336 background-color: transparent; 3337 color: inherit; 3338 font-family: monospace; 3339 font-size: inherit; 3340 line-height: inherit; 3341 font-weight: inherit; 3342 font-style: inherit; 3343 letter-spacing: 1px; 3344 } 3345 3346 .entry-content .aligncenter { 3347 text-align: center; 3348 } 3349 3350 .entry-content ol:not([class*="wp-"]), 3351 .entry-content ul:not([class*="wp-"]) { 3352 margin-bottom: 0; 3353 list-style-position: inside; 3354 } 3355 3356 .entry-content ol:not([class*="wp-"]) ol, 3357 .entry-content ol:not([class*="wp-"]) ul, 3358 .entry-content ul:not([class*="wp-"]) ol, 3359 .entry-content ul:not([class*="wp-"]) ul { 3360 margin-bottom: 0; 3361 } 3362 3363 .entry-content ol:not([class*="wp-"]) ol li:last-child, 3364 .entry-content ol:not([class*="wp-"]) ul li:last-child, 3365 .entry-content ul:not([class*="wp-"]) ol li:last-child, 3366 .entry-content ul:not([class*="wp-"]) ul li:last-child { 3367 padding-bottom: 0; 3368 } 3369 3370 .entry-content ol:not([class*="wp-"]) .alignwide, 3371 .entry-content ul:not([class*="wp-"]) .alignwide { 3372 padding-right: 30px; 3373 } 3374 3375 .entry-content ol:not([class*="wp-"]) .alignfull, 3376 .entry-content ul:not([class*="wp-"]) .alignfull { 3377 margin-right: calc(50% - 50vw - 10px); 3378 padding-right: 40px; 3379 } 3380 3381 .entry-content ol:not([class*="wp-"]) { 3382 list-style-type: decimal; 3383 } 3384 3385 .entry-content p.has-drop-cap:not(:focus):first-letter { 3386 font-weight: normal; 3387 } 3388 3389 .entry-content .wp-block-image figcaption { 3390 text-align: center; 3391 } 3392 3393 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3394 margin-top: 1em; 3395 margin-bottom: 1em; 3396 } 3397 3398 .entry-content .wp-block-file { 3399 margin: 0 0 20px; 3400 } 3401 3402 .entry-content .wp-block-file > a:not([class]), 3403 .entry-content .wp-block-file .wp-block-file__textlink { 3404 display: inline-block; 3405 margin: 0 0 0 20px; 3406 } 3407 3408 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 3409 display: inline-block; 3410 margin: 0; 3411 } 3412 3413 .entry-content .wp-block-file .wp-block-file__button, 3414 .entry-content .wp-block-file a.wp-block-file__button { 3415 display: inline-block; 3416 position: relative; 3417 text-align: center; 3418 border: none; 3419 } 3420 3421 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 3422 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 3423 margin-right: 20px; 3424 margin-left: 0; 3425 } 3426 3427 .entry-content .wp-block-audio { 3428 margin-bottom: 20px; 3429 } 3430 3431 .entry-content .wp-block-audio figcaption { 3432 margin: 0; 3433 padding: 10px 0; 3434 } 3435 3436 .entry-content .wp-block-video { 3437 margin: 0 0 20px; 3438 text-align: center; 3439 } 3440 3441 .entry-content .wp-block-video video { 3442 display: inline-block; 3443 } 3444 3445 .entry-content .wp-block-video figcaption { 3446 margin: 0; 3447 padding: 6px 0 15px; 3448 text-align: center; 3449 } 3450 3451 .entry-content .wp-block-code { 3452 background-color: #f3f3f3; 3453 color: inherit; 3454 font-family: monospace; 3455 font-size: inherit; 3456 line-height: inherit; 3457 font-weight: inherit; 3458 font-style: inherit; 3459 letter-spacing: 1px; 3460 margin: 0 0 20px; 3461 border: none; 3462 } 3463 3464 .entry-content .wp-block-code code, 3465 .entry-content .wp-block-code .editor-plain-text { 3466 background-color: #202020; 3467 padding: 10px; 3468 color: inherit; 3469 color: #fff; 3470 font-family: inherit; 3471 font-size: inherit; 3472 line-height: inherit; 3473 font-weight: inherit; 3474 font-style: inherit; 3475 letter-spacing: inherit; 3476 display: block; 3477 } 3478 3479 .entry-content .wp-block-preformatted { 3480 margin: 0 0 20px; 3481 } 3482 3483 .entry-content .wp-block-preformatted pre { 3484 color: inherit; 3485 font-family: monospace; 3486 font-size: inherit; 3487 line-height: inherit; 3488 font-weight: inherit; 3489 font-style: inherit; 3490 letter-spacing: 1px; 3491 } 3492 3493 .entry-content .wp-block-preformatted a { 3494 text-decoration: underline; 3495 } 3496 3497 .entry-content .wp-block-pullquote { 3498 margin: 30px 0; 3499 padding: 30px 0; 3500 } 3501 3502 .entry-content .wp-block-pullquote p { 3503 font-size: 28px; 3504 line-height: 1.6; 3505 } 3506 3507 .entry-content .wp-block-pullquote.alignleft { 3508 margin-left: 2em; 3509 } 3510 3511 .entry-content .wp-block-pullquote.alignright { 3512 margin-right: 2em; 3513 } 3514 3515 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 3516 border-top-width: 4px; 3517 border-top-style: solid; 3518 border-bottom-width: 4px; 3519 border-bottom-style: solid; 3520 } 3521 3522 .entry-content .wp-block-pullquote.is-style-solid-color { 3523 padding-right: 50px; 3524 padding-left: 50px; 3525 } 3526 3527 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3528 max-width: 100%; 3529 } 3530 3531 .entry-content .wp-block-pullquote blockquote, 3532 .entry-content .wp-block-pullquote.alignleft blockquote, 3533 .entry-content .wp-block-pullquote.alignright blockquote, 3534 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3535 margin: 0; 3536 padding: 16px; 3537 border-width: 0; 3538 border-style: solid; 3539 text-align: center; 3540 } 3541 3542 .entry-content .wp-block-pullquote blockquote::before, 3543 .entry-content .wp-block-pullquote.alignleft blockquote::before, 3544 .entry-content .wp-block-pullquote.alignright blockquote::before, 3545 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 3546 content: none; 3547 } 3548 3549 .entry-content .wp-block-pullquote blockquote p:last-of-type, 3550 .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type, 3551 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 3552 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 3553 margin: 0; 3554 } 3555 3556 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3557 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3558 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3559 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3560 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3561 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3562 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3563 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3564 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3565 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3566 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3567 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3568 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3569 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3570 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3571 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 3572 margin: 0; 3573 } 3574 3575 .entry-content .wp-block-pullquote blockquote cite, 3576 .entry-content .wp-block-pullquote.alignleft blockquote cite, 3577 .entry-content .wp-block-pullquote.alignright blockquote cite, 3578 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 3579 display: block; 3580 margin-top: 15px; 3581 } 3582 3583 .entry-content .wp-block-table { 3584 border-spacing: 0; 3585 border-collapse: collapse; 3586 width: 100%; 3587 margin-bottom: 20px; 3588 } 3589 3590 .entry-content .wp-block-table caption { 3591 text-align: center; 3592 padding: 20px; 3593 } 3594 3595 .entry-content .wp-block-table:not([class]):not([id]) { 3596 border-spacing: 0; 3597 border-collapse: collapse; 3598 } 3599 3600 .entry-content .wp-block-table:not([class]):not([id]) th, 3601 .entry-content .wp-block-table:not([class]):not([id]) td { 3602 padding: 10px 20px; 3603 border-width: 1px; 3604 border-style: solid; 3605 } 3606 3607 .entry-content .wp-block-table td, 3608 .entry-content .wp-block-table th { 3609 padding: 10px 20px; 3610 border-top-width: 1px; 3611 border-top-style: solid; 3612 border-right-width: 1px; 3613 border-right-style: solid; 3614 word-break: break-all; 3615 } 3616 3617 .entry-content .wp-block-table td:last-child, 3618 .entry-content .wp-block-table th:last-child { 3619 border-left-width: 1px; 3620 border-left-style: solid; 3621 } 3622 3623 .entry-content .wp-block-table td:last-child td, 3624 .entry-content .wp-block-table th:last-child td { 3625 border-bottom-width: 1px; 3626 border-bottom-style: solid; 3627 } 3628 3629 .entry-content .wp-block-table.is-style-stripes { 3630 border-width: 0; 3631 border-style: solid; 3632 } 3633 3634 .entry-content .wp-block-table .wp-block-table__cell-content { 3635 color: inherit; 3636 font-family: inherit; 3637 font-size: inherit; 3638 line-height: inherit; 3639 font-weight: inherit; 3640 font-style: inherit; 3641 padding: 0; 3642 } 3643 3644 .entry-content pre.wp-block-verse { 3645 white-space: inherit; 3646 margin: 0 0 20px; 3647 padding: 40px 0; 3648 padding-right: 30px; 3649 position: relative; 3650 background-color: #e2e2e2; 3651 color: inherit; 3652 font-family: monospace; 3653 font-size: inherit; 3654 line-height: inherit; 3655 border: none; 3656 } 3657 3658 .entry-content pre.wp-block-verse { 3659 white-space: inherit; 3660 margin: 0 0 20px; 3661 padding: 40px 0; 3662 padding-right: 30px; 3663 position: relative; 3664 background-color: #e2e2e2; 3665 color: inherit; 3666 font-family: monospace; 3667 font-size: inherit; 3668 line-height: inherit; 3669 border: none; 3670 } 3671 3672 .entry-content .wp-block-spacer { 3673 clear: both; 3674 } 3675 3676 .entry-content ul.wp-block-archives, 3677 .entry-content ul.wp-block-categories, 3678 .entry-content ul.wp-block-categories__list { 3679 margin-bottom: 20px; 3680 padding: 0; 3681 position: relative; 3682 } 3683 3684 .entry-content div.wp-block ul.wp-block-archives ul, 3685 .entry-content div.wp-block ul.wp-block-categories ul, 3686 .entry-content div.wp-block ul.wp-block-categories__list ul { 3687 margin-bottom: 0; 3688 padding: 10px 0 0; 3689 } 3690 3691 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 3692 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 3693 margin-bottom: 20px; 3694 } 3695 3696 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 3697 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 3698 display: none; 3699 } 3700 3701 .entry-content .wp-block-latest-comments { 3702 list-style: none; 3703 margin-bottom: 20px; 3704 } 3705 3706 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 3707 min-height: auto; 3708 margin: 25px 0 0; 3709 padding: 0; 3710 overflow: hidden; 3711 } 3712 3713 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 3714 margin: 0; 3715 } 3716 3717 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 3718 min-height: 48px; 3719 } 3720 3721 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3722 width: 48px; 3723 height: 48px; 3724 margin: 0 0 0 17px; 3725 float: right; 3726 -webkit-border-radius: 50%; 3727 border-radius: 50%; 3728 } 3729 3730 .entry-content .wp-block-latest-comments article { 3731 display: block; 3732 padding: 0 3px 0 0; 3733 overflow: hidden; 3734 } 3735 3736 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 3737 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 3738 margin: 0; 3739 } 3740 3741 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 3742 margin: -3px 0 0; 3743 } 3744 3745 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 3746 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 3747 margin: 5px 0 0; 3748 } 3749 3750 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 3751 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 3752 margin: 0; 3753 padding: 0 0 20px; 3754 } 3755 3756 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 3757 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 3758 margin: 0; 3759 padding: 0; 3760 } 3761 3762 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 3763 margin: 0 auto 10px; 3764 float: none; 3765 } 3766 3767 .entry-content .wp-block-latest-comments.aligncenter article { 3768 padding: 0 3px; 3769 } 3770 3771 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 3772 text-align: center; 3773 } 3774 3775 .entry-content .wp-block-columns .wp-block-column { 3776 margin-bottom: 20px; 3777 } 3778 3779 .entry-content .wp-block-columns .wp-block-column > p { 3780 margin-bottom: 0; 3781 } 3782 3783 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 3784 padding-bottom: 0; 3785 } 3786 3787 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 3788 margin-bottom: 0; 3789 } 3790 3791 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 3792 padding-bottom: 0; 3793 } 3794 3795 3796 /** === dir= rtl Block latest comments=== */ 3797 3798 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3799 margin: 0 17px 0 0; 3800 float: left; 3801 } 3802 3803 [dir=rtl] .wp-block-latest-comments article { 3804 margin: 0 0 0 3px; 3805 } 3806 3807 3808 /** === dir= rtl Block latest comments=== */ 3809 3810 3811 /** === Block youtube and vimeo video=== */ 3812 3813 3814 /*no-align*/ 3815 3816 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 3817 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 3818 margin-right: auto !important; 3819 margin-left: auto !important; 3820 } 3821 3822 3823 /*no-align*/ 3824 3825 .wp-block-embed-youtube figcaption { 3826 text-align: center; 3827 } 3828 3829 3830 /*alignfull*/ 3831 3832 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 3833 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 3834 position: relative; 3835 padding-top: 56.25%; 3836 } 3837 3838 .wp-block-embed-vimeo.alignfull iframe, 3839 .wp-block-embed-youtube.alignfull iframe { 3840 position: absolute; 3841 top: 0; 3842 left: 0; 3843 bottom: 0; 3844 right: 0; 3845 width: 100% !important; 3846 height: 100% !important; 3847 } 3848 3849 3850 /*alignfull*/ 3851 3852 3853 /*alignwide*/ 3854 3855 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 3856 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 3857 position: relative; 3858 padding-top: 56.25%; 3859 } 3860 3861 .wp-block-embed-vimeo.alignwide iframe, 3862 .wp-block-embed-youtube.alignwide iframe { 3863 position: absolute; 3864 top: 0; 3865 left: 0; 3866 bottom: 0; 3867 right: 0; 3868 width: 100% !important; 3869 height: 100% !important; 3870 } 3871 3872 3873 /*alignwide*/ 3874 3875 3876 /** === Block youtube and vimeo video=== */ 3877 3878 @media only screen and (min-width: 1025px) { 3879 .wp-block-quote.is-large, 3880 .wp-block-quote.is-style-large { 3881 margin-top: 2.66667em; 3882 margin-bottom: 2em; 3883 padding: 0.66667em; 3884 padding-top: 1.33333em; 3885 padding-bottom: 1.33333em; 3886 } 3887 } 3888 3889 @media only screen and (max-width: 480px) { 3890 .wp-block-media-text { 3891 display: block; 3892 } 3893 .wp-block-media-text .wp-block-media-text__media { 3894 margin: 10px auto; 3895 } 3896 .wp-block-media-text .wp-block-media-text__content { 3897 padding: 0; 3898 } 3899 } 3900 3901 .aligncener, 3902 .alignfull, 3903 .alignwide { 3904 margin-top: 30px; 3905 margin-bottom: 30px; 3906 } 3907 3908 .alignfull .alignfull, 3909 .alignwide .alignwide { 3910 padding-top: 10px; 3911 padding-bottom: 10px; 3912 } 3913 3914 3915 /*body.no-sidebar .alignfull { 3916 margin-left: calc(50% - 50vw - 10px); 3917 margin-right: calc(50% - 50vw - 10px); 3918 max-width: 100vw; 3919 width: 100vw; 3920 }*/ 3921 3922 body.no-sidebar .alignfull .alignwide { 3923 margin-inline: auto; 3924 } 3925 3926 body.no-sidebar .alignwide { 3927 max-width: 100vw; 3928 } 3929 3930 @media (min-width: 768px) and (max-width: 1170px) { 3931 body.no-sidebar .alignwide { 3932 width: calc(100% + (100vw - 100%) / 2); 3933 margin-right: calc((100% - 100vw) / 4); 3934 } 3935 } 3936 3937 3938 /*@media (min-width: 1171px) { 3939 body.no-sidebar .alignwide { 3940 width: 1140px; 3941 margin-left: -195px; 3942 } 3943 }*/ 3944 3945 body.no-sidebar .alignwide .alignwide { 3946 margin-inline: auto; 3947 } 3948 3949 body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull, 3950 body.no-sidebar figure.wp-block-table.alignfull, 3951 body.no-sidebar div.wp-block-text-columns.alignfull, 3952 body.no-sidebar div.wp-block-columns.alignfull, 3953 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 3954 body.no-sidebar div.wp-block-file.alignfull { 3955 padding: 0 25px; 3956 } 3957 3958 3959 /** === search Block === */ 3960 3961 .wp-block-search .wp-block-search__label { 3962 display: none; 3963 } 3964 3965 .wp-block-search .wp-block-search__inside-wrapper { 3966 display: flex; 3967 } 3968 3969 .wp-block-search .wp-block-search__input { 3970 border-radius: var(--border-radius-all-lefts); 3971 } 3972 3973 .wp-block-search .wp-block-search__button { 3974 margin: 0; 3975 background-color: var(--primary-color); 3976 border-color: var(--primary-color); 3977 color: var(--white); 3978 border-radius: var(--border-radius-all-rights); 3979 } 3980 3981 3982 /** === search Block === */ 3983 3984 3985 /** === Latest Post Block === */ 3986 3987 .wp-block-latest-posts.wp-block-latest-posts__list { 3988 list-style: none; 3989 padding-right: 0; 3990 margin-inline: 0; 3991 } 3992 3993 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 3994 width: 50%; 3995 } 3996 3997 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 3998 line-height: 0; 3999 } 4000 4001 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 4002 text-decoration: none; 4003 color: var(--color-text-main); 4004 } 4005 4006 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 4007 color: var(--primary-color); 4008 } 4009 4010 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 4011 width: 100%; 4012 margin-inline: 0; 4013 margin-block-end: 1.5em; 4014 } 4015 4016 .wp-block-latest-posts__post-date, 4017 .wp-block-latest-posts__post-author { 4018 color: var(--color-text-main); 4019 } 4020 4021 4022 /** === Latest Post Block === */ 4023 4024 4025 /*------------##gutenberg support----------*/ 4026 4027 .asterthemes-author-box { 4028 border: 1px solid rgba(155, 155, 155, 0.1); 4029 padding: 15px; 4030 margin: 15px 0; 4031 display: flex; 4032 align-items: center; 4033 gap: 30px; 4034 } 4035 4036 @media (max-width: 600px) { 4037 .asterthemes-author-box { 4038 align-items: flex-start; 4039 flex-direction: column; 4040 gap: 10px; 4041 } 4042 } 4043 4044 .asterthemes-author-box .author-img { 4045 min-width: 120px; 4046 align-self: flex-start; 4047 } 4048 4049 .asterthemes-author-box .author-img img { 4050 width: 120px; 4051 height: 120px; 4052 object-fit: cover; 4053 } 4054 4055 .asterthemes-author-box .author-details .author-name { 4056 margin: 0 0 10px; 4057 font-size: var(--font-size-base); 4058 font-weight: 700; 4059 line-height: 1.3; 4060 } 4061 4062 .asterthemes-author-box .author-details .author-description { 4063 margin: 0; 4064 } 4065 4066 .asterthemes-author-box .author-details .author-social-contacts { 4067 display: inline-flex; 4068 gap: 10px; 4069 margin-top: 15px; 4070 } 4071 4072 .asterthemes-author-box .author-details .author-social-contacts a { 4073 width: 30px; 4074 height: 30px; 4075 } 4076 4077 .asterthemes-author-box .author-details .author-social-contacts a::before { 4078 z-index: 1; 4079 position: relative; 4080 } 4081 4082 .asterthemes-author-box .author-details .author-social-contacts a::after { 4083 position: absolute; 4084 content: ''; 4085 right: 0; 4086 top: 0; 4087 height: 100%; 4088 width: 100%; 4089 background-color: rgba(155, 155, 155, 0.1); 4090 opacity: 0.5; 4091 } 4092 4093 4094 /*-------------------------------------------------------------- 4095 # single 4096 --------------------------------------------------------------*/ 4097 4098 .page-links { 4099 clear: both; 4100 margin: 0 0 1.5em; 4101 } 4102 4103 .site-main article .entry-header .entry-title { 4104 font-size: var(--font-size-lg); 4105 font-family: var(--font-heading); 4106 margin-top: 0; 4107 margin-bottom: 1.3rem; 4108 } 4109 4110 @media (min-width: 992px) { 4111 .site-main article .entry-header .entry-title { 4112 margin-bottom: 1.1rem; 4113 } 4114 } 4115 4116 .site-main article .entry-meta span.comments-link a { 4117 font-weight: bold; 4118 } 4119 4120 .site-main article .post-thumbnail { 4121 display: block; 4122 line-height: 0; 4123 } 4124 4125 .site-main article .post-thumbnail img { 4126 width: 100%; 4127 transition: all 0.3s linear; 4128 } 4129 4130 @media (min-width: 992px) { 4131 .site-main article .entry-meta { 4132 padding: 10px 0 20px; 4133 padding-top: 0; 4134 } 4135 } 4136 4137 .site-main article .entry-content { 4138 margin-top: 0; 4139 } 4140 4141 .site-main article .entry-content p { 4142 margin-bottom: 10px; 4143 } 4144 4145 .site-main article .entry-footer { 4146 display: flex; 4147 flex-direction: column; 4148 margin-top: 10px; 4149 } 4150 4151 .site-main article .entry-footer span { 4152 margin-bottom: 6px; 4153 font-size: 16px; 4154 font-weight: bold; 4155 } 4156 4157 .site-main article .entry-footer span a, 4158 .site-main article .entry-footer span span { 4159 font-weight: normal; 4160 } 4161 4162 .site-main article .entry-footer span a { 4163 text-decoration: none; 4164 color: #fff; 4165 } 4166 4167 .entry-footer .tags-links a { 4168 margin: 10px; 2915 } 2916 2917 2918 .corporate-solutions-archive-layout { 2919 margin-bottom: 30px; 2920 } 2921 2922 /*.corporate-solutions-archive-layout.grid-layout { 2923 display: grid; 2924 grid-gap: 30px; 2925 }*/ 2926 2927 .corporate-solutions-archive-layout.grid-layout article { 2928 margin-bottom: 0; 2929 } 2930 2931 .corporate-solutions-archive-layout.grid-layout.column-2 { 2932 grid-template-columns: repeat(2, 1fr); 2933 } 2934 2935 @media (max-width: 600px) { 2936 .corporate-solutions-archive-layout.grid-layout.column-2 { 2937 grid-template-columns: repeat(1, 1fr); 2938 } 2939 } 2940 2941 .corporate-solutions-archive-layout.grid-layout.column-3 { 2942 grid-template-columns: repeat(3, 1fr); 2943 } 2944 2945 @media (max-width: 768px) { 2946 .corporate-solutions-archive-layout.grid-layout.column-3 { 2947 grid-template-columns: repeat(2, 1fr); 2948 } 2949 } 2950 2951 @media (max-width: 600px) { 2952 .corporate-solutions-archive-layout.grid-layout.column-3 { 2953 grid-template-columns: repeat(1, 1fr); 2954 } 2955 } 2956 2957 .corporate-solutions-archive-layout.grid-layout.column-4 { 2958 grid-template-columns: repeat(4, 1fr); 2959 } 2960 2961 @media (max-width: 991px) { 2962 .corporate-solutions-archive-layout.grid-layout.column-4 { 2963 grid-template-columns: repeat(3, 1fr); 2964 } 2965 2966 } 2967 2968 @media (max-width: 768px) { 2969 .corporate-solutions-archive-layout.grid-layout.column-4 { 2970 grid-template-columns: repeat(2, 1fr); 2971 } 2972 } 2973 2974 @media (max-width: 600px) { 2975 .corporate-solutions-archive-layout.grid-layout.column-4 { 2976 grid-template-columns: repeat(1, 1fr); 2977 } 2978 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper,.about-single{ 2979 display: block !important; 2980 } 2981 #site-navigation button.menu-toggle{ 2982 margin: 10px auto; 2983 } 2984 } 2985 2986 /*-------------------------------------------------------------- 2987 # archive layouts 2988 --------------------------------------------------------------*/ 2989 .site-main article .entry-header .entry-title { 2990 font-size: var(--font-size-lg); 2991 font-family: var(--font-heading); 2992 margin-top: 0; 2993 margin-bottom: 1.3rem; 2994 } 2995 2996 @media (min-width: 992px) { 2997 .site-main article .entry-header .entry-title { 2998 margin-bottom: 1.1rem; 2999 } 3000 } 3001 3002 .site-main article .entry-header .entry-title a { 3003 text-decoration: none; 3004 color: #fff; 3005 } 3006 3007 .site-main article .entry-meta { 3008 padding-bottom: 10px; 3009 } 3010 3011 .site-main article .entry-meta span { 3012 font-size: 16px; 3013 font-weight: normal; 3014 } 3015 3016 .site-main article .entry-meta span a, 3017 .site-main article .entry-meta span span { 3018 font-weight: normal; 3019 } 3020 3021 .site-main article .entry-meta span a { 3022 text-decoration: none; 3023 color: #fff; 3024 } 3025 3026 .site-main article .entry-meta span a:hover { 3027 color: var(--primary-color); 3028 } 3029 3030 .site-main article .entry-meta span.comments-link a { 3031 font-weight: bold; 3032 } 3033 3034 .site-main article .post-thumbnail { 3035 display: block; 3036 line-height: 0; 3037 } 3038 3039 .site-main article .post-thumbnail img { 3040 width: 100%; 3041 transition: all 0.3s linear; 3042 } 3043 3044 @media (min-width: 992px) { 3045 .site-main article .entry-meta { 3046 padding: 10px 0 20px; 3047 padding-top: 0; 3048 } 3049 } 3050 3051 .site-main article .entry-content { 3052 margin-top: 0; 3053 } 3054 3055 .site-main article .entry-content p { 3056 margin-bottom: 10px; 3057 } 3058 3059 .site-main article .entry-footer { 3060 display: flex; 3061 flex-direction: column; 3062 margin-top: 10px; 3063 } 3064 3065 .site-main article .entry-footer span { 3066 margin-bottom: 6px; 3067 font-size: 16px; 3068 font-weight: bold; 3069 } 3070 3071 .site-main article .entry-footer span a, 3072 .site-main article .entry-footer span span { 3073 font-weight: normal; 3074 } 3075 3076 .site-main article .entry-footer span a { 3077 text-decoration: none; 3078 color: #fff; 3079 display: inline-block; 3080 } 3081 3082 .site-main article .entry-footer span a:hover { 3083 color: var(--primary-color); 3084 } 3085 3086 .site-main article .entry-footer span.comments-link a { 3087 font-weight: bold; 3088 } 3089 3090 .related-posts h2 { 3091 font-size: var(--font-size-lg); 3092 font-family: var(--font-main); 3093 line-height: 1.2; 3094 } 3095 3096 .related-posts .row { 3097 display: grid; 3098 grid-gap: 30px; 3099 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */ 3100 } 3101 3102 @media (max-width: 480px) { 3103 .related-posts .row { 3104 grid-template-columns: 1fr; 3105 } 3106 } 3107 3108 .related-posts .row article .post-thumbnail { 3109 line-height: 0; 3110 overflow: hidden; 3111 } 3112 3113 .related-posts .row article .post-thumbnail img { 3114 width: 100%; 3115 height: 100%; 3116 object-fit: cover; 3117 } 3118 3119 .related-posts .row article .entry-header { 3120 margin-top: 10px; 3121 } 3122 3123 .related-posts .row article .entry-header .entry-title { 3124 font-size: var(--font-size-base); 3125 } 3126 3127 .related-posts .row article .entry-header .entry-title a { 3128 display: inline-block; 3129 } 3130 3131 /*-------------------------------------------------------------- 3132 # single 3133 --------------------------------------------------------------*/ 3134 body.single .site-main > article header { 3135 margin-bottom: 10px; 3136 } 3137 3138 body.single .site-main > article header .entry-title { 3139 margin-bottom: 10px; 3140 } 3141 3142 body.single .site-main > article header .entry-meta { 3143 padding-bottom: 0; 3144 margin-bottom: 10px; 3145 } 3146 3147 /*------------##gutenberg support----------*/ 3148 img.alignright { 3149 clear: left; 3150 } 3151 3152 img.alignleft { 3153 clear: right; 3154 } 3155 3156 div.wp-block h6 a, 3157 div.wp-block h5 a, 3158 div.wp-block h4 a, 3159 div.wp-block h3 a, 3160 div.wp-block h2 a, 3161 div.wp-block h1 a { 3162 font-family: inherit; 3163 font-size: inherit; 3164 line-height: inherit; 3165 font-weight: inherit; 3166 font-style: inherit; 3167 } 3168 3169 div.wp-block b, 3170 div.wp-block strong { 3171 font-weight: bold; 3172 } 3173 3174 div.wp-block .editor-rich-text__tinymce code, 3175 div.wp-block .editor-rich-text__editable code { 3176 background-color: transparent; 3177 color: inherit; 3178 font-family: monospace; 3179 font-size: inherit; 3180 line-height: inherit; 3181 font-weight: inherit; 3182 font-style: inherit; 3183 letter-spacing: 1px; 3184 } 3185 3186 .entry-content .aligncenter { 3187 text-align: center; 3188 } 3189 3190 .entry-content ol:not([class*="wp-"]), 3191 .entry-content ul:not([class*="wp-"]) { 3192 margin-bottom: 0; 3193 list-style-position: inside; 3194 } 3195 3196 .entry-content ol:not([class*="wp-"]) ol, 3197 .entry-content ol:not([class*="wp-"]) ul, 3198 .entry-content ul:not([class*="wp-"]) ol, 3199 .entry-content ul:not([class*="wp-"]) ul { 3200 margin-bottom: 0; 3201 } 3202 3203 .entry-content ol:not([class*="wp-"]) ol li:last-child, 3204 .entry-content ol:not([class*="wp-"]) ul li:last-child, 3205 .entry-content ul:not([class*="wp-"]) ol li:last-child, 3206 .entry-content ul:not([class*="wp-"]) ul li:last-child { 3207 padding-bottom: 0; 3208 } 3209 3210 .entry-content ol:not([class*="wp-"]) .alignwide, 3211 .entry-content ul:not([class*="wp-"]) .alignwide { 3212 padding-right: 30px; 3213 } 3214 3215 .entry-content ol:not([class*="wp-"]) .alignfull, 3216 .entry-content ul:not([class*="wp-"]) .alignfull { 3217 margin-right: calc(50% - 50vw - 10px); 3218 padding-right: 40px; 3219 } 3220 3221 .entry-content ol:not([class*="wp-"]) { 3222 list-style-type: decimal; 3223 } 3224 3225 .entry-content p.has-drop-cap:not(:focus):first-letter { 3226 font-weight: normal; 3227 } 3228 3229 .entry-content .wp-block-image figcaption { 3230 text-align: center; 3231 } 3232 3233 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 3234 margin-top: 1em; 3235 margin-bottom: 1em; 3236 } 3237 3238 .entry-content .wp-block-file { 3239 margin: 0 0 20px; 3240 } 3241 3242 .entry-content .wp-block-file > a:not([class]), 3243 .entry-content .wp-block-file .wp-block-file__textlink { 3244 display: inline-block; 3245 margin: 0 0 0 20px; 3246 } 3247 3248 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 3249 display: inline-block; 3250 margin: 0; 3251 } 3252 3253 .entry-content .wp-block-file .wp-block-file__button, 3254 .entry-content .wp-block-file a.wp-block-file__button { 3255 display: inline-block; 3256 position: relative; 3257 text-align: center; 3258 border: none; 3259 } 3260 3261 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 3262 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 3263 margin-right: 20px; 3264 margin-left: 0; 3265 } 3266 3267 .entry-content .wp-block-audio { 3268 margin-bottom: 20px; 3269 } 3270 3271 .entry-content .wp-block-audio figcaption { 3272 margin: 0; 3273 padding: 10px 0; 3274 } 3275 3276 .entry-content .wp-block-video { 3277 margin: 0 0 20px; 3278 text-align: center; 3279 } 3280 3281 .entry-content .wp-block-video video { 3282 display: inline-block; 3283 } 3284 3285 .entry-content .wp-block-video figcaption { 3286 margin: 0; 3287 padding: 6px 0 15px; 3288 text-align: center; 3289 } 3290 3291 .entry-content .wp-block-code { 3292 background-color: #f3f3f3; 3293 color: inherit; 3294 font-family: monospace; 3295 font-size: inherit; 3296 line-height: inherit; 3297 font-weight: inherit; 3298 font-style: inherit; 3299 letter-spacing: 1px; 3300 margin: 0 0 20px; 3301 border: none; 3302 } 3303 3304 .entry-content .wp-block-code code, 3305 .entry-content .wp-block-code .editor-plain-text { 3306 background-color: #202020; 3307 padding: 10px; 3308 color: inherit; 3309 color: #fff; 3310 font-family: inherit; 3311 font-size: inherit; 3312 line-height: inherit; 3313 font-weight: inherit; 3314 font-style: inherit; 3315 letter-spacing: inherit; 3316 display: block; 3317 } 3318 3319 .entry-content .wp-block-preformatted { 3320 margin: 0 0 20px; 3321 } 3322 3323 .entry-content .wp-block-preformatted pre { 3324 color: inherit; 3325 font-family: monospace; 3326 font-size: inherit; 3327 line-height: inherit; 3328 font-weight: inherit; 3329 font-style: inherit; 3330 letter-spacing: 1px; 3331 } 3332 3333 .entry-content .wp-block-preformatted a { 3334 text-decoration: underline; 3335 } 3336 3337 .entry-content .wp-block-pullquote { 3338 margin: 30px 0; 3339 padding: 30px 0; 3340 } 3341 3342 .entry-content .wp-block-pullquote p { 3343 font-size: 28px; 3344 line-height: 1.6; 3345 } 3346 3347 .entry-content .wp-block-pullquote.alignleft { 3348 margin-left: 2em; 3349 } 3350 3351 .entry-content .wp-block-pullquote.alignright { 3352 margin-right: 2em; 3353 } 3354 3355 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 3356 border-top-width: 4px; 3357 border-top-style: solid; 3358 border-bottom-width: 4px; 3359 border-bottom-style: solid; 3360 } 3361 3362 .entry-content .wp-block-pullquote.is-style-solid-color { 3363 padding-right: 50px; 3364 padding-left: 50px; 3365 } 3366 3367 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3368 max-width: 100%; 3369 } 3370 3371 .entry-content .wp-block-pullquote blockquote, 3372 .entry-content .wp-block-pullquote.alignleft blockquote, 3373 .entry-content .wp-block-pullquote.alignright blockquote, 3374 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 3375 margin: 0; 3376 padding: 16px; 3377 border-width: 0; 3378 border-style: solid; 3379 text-align: center; 3380 } 3381 3382 .entry-content .wp-block-pullquote blockquote::before, 3383 .entry-content .wp-block-pullquote.alignleft blockquote::before, 3384 .entry-content .wp-block-pullquote.alignright blockquote::before, 3385 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 3386 content: none; 3387 } 3388 3389 .entry-content .wp-block-pullquote blockquote p:last-of-type, 3390 .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type, 3391 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 3392 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 3393 margin: 0; 3394 } 3395 3396 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3397 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3398 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3399 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 3400 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3401 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3402 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3403 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 3404 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3405 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3406 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3407 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 3408 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3409 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3410 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 3411 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 3412 margin: 0; 3413 } 3414 3415 .entry-content .wp-block-pullquote blockquote cite, 3416 .entry-content .wp-block-pullquote.alignleft blockquote cite, 3417 .entry-content .wp-block-pullquote.alignright blockquote cite, 3418 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 3419 display: block; 3420 margin-top: 15px; 3421 } 3422 3423 .entry-content .wp-block-table { 3424 border-spacing: 0; 3425 border-collapse: collapse; 3426 width: 100%; 3427 margin-bottom: 20px; 3428 } 3429 3430 .entry-content .wp-block-table caption { 3431 text-align: center; 3432 padding: 20px; 3433 } 3434 3435 .entry-content .wp-block-table :not([class]):not([id]) { 3436 border-spacing: 0; 3437 border-collapse: collapse; 3438 } 3439 3440 .entry-content .wp-block-table :not([class]):not([id]) th, 3441 .entry-content .wp-block-table :not([class]):not([id]) td { 3442 padding: 10px 20px; 3443 border-width: 1px; 3444 border-style: solid; 3445 } 3446 3447 .entry-content .wp-block-table td, 3448 .entry-content .wp-block-table th { 3449 padding: 10px 20px; 3450 border-top-width: 1px; 3451 border-top-style: solid; 3452 border-right-width: 1px; 3453 border-right-style: solid; 3454 word-break: break-all; 3455 } 3456 3457 .entry-content .wp-block-table td:last-child, 3458 .entry-content .wp-block-table th:last-child { 3459 border-left-width: 1px; 3460 border-left-style: solid; 3461 } 3462 3463 .entry-content .wp-block-table td:last-child td, 3464 .entry-content .wp-block-table th:last-child td { 3465 border-bottom-width: 1px; 3466 border-bottom-style: solid; 3467 } 3468 3469 .entry-content .wp-block-table.is-style-stripes { 3470 border-width: 0; 3471 border-style: solid; 3472 } 3473 3474 .entry-content .wp-block-table .wp-block-table__cell-content { 3475 color: inherit; 3476 font-family: inherit; 3477 font-size: inherit; 3478 line-height: inherit; 3479 font-weight: inherit; 3480 font-style: inherit; 3481 padding: 0; 3482 } 3483 3484 .entry-content pre.wp-block-verse { 3485 white-space: inherit; 3486 margin: 0 0 20px; 3487 padding: 40px 0; 3488 padding-right: 30px; 3489 position: relative; 3490 background-color: #e2e2e2; 3491 color: inherit; 3492 font-family: monospace; 3493 font-size: inherit; 3494 line-height: inherit; 3495 border: none; 3496 } 3497 3498 .entry-content pre.wp-block-verse { 3499 white-space: inherit; 3500 margin: 0 0 20px; 3501 padding: 40px 0; 3502 padding-right: 30px; 3503 position: relative; 3504 background-color: #e2e2e2; 3505 color: inherit; 3506 font-family: monospace; 3507 font-size: inherit; 3508 line-height: inherit; 3509 border: none; 3510 } 3511 3512 .entry-content .wp-block-spacer { 3513 clear: both; 3514 } 3515 3516 .entry-content ul.wp-block-archives, 3517 .entry-content ul.wp-block-categories, 3518 .entry-content ul.wp-block-categories__list { 3519 margin-bottom: 20px; 3520 padding: 0; 3521 position: relative; 3522 } 3523 3524 .entry-content div.wp-block ul.wp-block-archives ul, 3525 .entry-content div.wp-block ul.wp-block-categories ul, 3526 .entry-content div.wp-block ul.wp-block-categories__list ul { 3527 margin-bottom: 0; 3528 padding: 10px 0 0; 3529 } 3530 3531 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 3532 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 3533 margin-bottom: 20px; 3534 } 3535 3536 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 3537 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 3538 display: none; 3539 } 3540 3541 .entry-content .wp-block-latest-comments { 3542 list-style: none; 3543 margin-bottom: 20px; 3544 } 3545 3546 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 3547 min-height: auto; 3548 margin: 25px 0 0; 3549 padding: 0; 3550 overflow: hidden; 3551 } 3552 3553 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 3554 margin: 0; 3555 } 3556 3557 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 3558 min-height: 48px; 3559 } 3560 3561 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3562 width: 48px; 3563 height: 48px; 3564 margin: 0 0 0 17px; 3565 float: right; 3566 -webkit-border-radius: 50%; 3567 border-radius: 50%; 3568 } 3569 3570 .entry-content .wp-block-latest-comments article { 3571 display: block; 3572 padding: 0 3px 0 0; 3573 overflow: hidden; 3574 } 3575 3576 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 3577 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 3578 margin: 0; 3579 } 3580 3581 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 3582 margin: -3px 0 0; 3583 } 3584 3585 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 3586 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 3587 margin: 5px 0 0; 3588 } 3589 3590 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 3591 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 3592 margin: 0; 3593 padding: 0 0 20px; 3594 } 3595 3596 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 3597 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 3598 margin: 0; 3599 padding: 0; 3600 } 3601 3602 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 3603 margin: 0 auto 10px; 3604 float: none; 3605 } 3606 3607 .entry-content .wp-block-latest-comments.aligncenter article { 3608 padding: 0 3px; 3609 } 3610 3611 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 3612 text-align: center; 3613 } 3614 3615 .entry-content .wp-block-columns .wp-block-column { 3616 margin-bottom: 20px; 3617 } 3618 3619 .entry-content .wp-block-columns .wp-block-column > p { 3620 margin-bottom: 0; 3621 } 3622 3623 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 3624 padding-bottom: 0; 3625 } 3626 3627 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 3628 margin-bottom: 0; 3629 } 3630 3631 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 3632 padding-bottom: 0; 3633 } 3634 3635 /** === dir= rtl Block latest comments=== */ 3636 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 3637 margin: 0 17px 0 0; 3638 float: left; 3639 } 3640 3641 [dir=rtl] .wp-block-latest-comments article { 3642 margin: 0 0 0 3px; 3643 } 3644 3645 /** === dir= rtl Block latest comments=== */ 3646 /** === Block youtube and vimeo video=== */ 3647 /*no-align*/ 3648 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 3649 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 3650 margin-right: auto !important; 3651 margin-left: auto !important; 3652 } 3653 3654 /*no-align*/ 3655 .wp-block-embed-youtube figcaption { 3656 text-align: center; 3657 } 3658 3659 /*alignfull*/ 3660 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 3661 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 3662 position: relative; 3663 padding-top: 56.25%; 3664 } 3665 3666 .wp-block-embed-vimeo.alignfull iframe, 3667 .wp-block-embed-youtube.alignfull iframe { 3668 position: absolute; 3669 top: 0; 3670 left: 0; 3671 bottom: 0; 3672 right: 0; 3673 width: 100% !important; 3674 height: 100% !important; 3675 } 3676 3677 /*alignfull*/ 3678 /*alignwide*/ 3679 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 3680 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 3681 position: relative; 3682 padding-top: 56.25%; 3683 } 3684 3685 .wp-block-embed-vimeo.alignwide iframe, 3686 .wp-block-embed-youtube.alignwide iframe { 3687 position: absolute; 3688 top: 0; 3689 left: 0; 3690 bottom: 0; 3691 right: 0; 3692 width: 100% !important; 3693 height: 100% !important; 3694 } 3695 3696 /*alignwide*/ 3697 /** === Block youtube and vimeo video=== */ 3698 @media only screen and (min-width: 1025px) { 3699 .wp-block-quote.is-large, 3700 .wp-block-quote.is-style-large { 3701 margin-top: 2.66667em; 3702 margin-bottom: 2em; 3703 padding: 0.66667em; 3704 padding-top: 1.33333em; 3705 padding-bottom: 1.33333em; 3706 } 3707 } 3708 3709 @media only screen and (max-width: 480px) { 3710 .wp-block-media-text { 3711 display: block; 3712 } 3713 .wp-block-media-text .wp-block-media-text__media { 3714 margin: 10px auto; 3715 } 3716 .wp-block-media-text .wp-block-media-text__content { 3717 padding: 0; 3718 } 3719 } 3720 3721 .aligncener, 3722 .alignfull, 3723 .alignwide { 3724 margin-top: 30px; 3725 margin-bottom: 30px; 3726 } 3727 3728 .alignfull .alignfull, 3729 .alignwide .alignwide { 3730 padding-top: 10px; 3731 padding-bottom: 10px; 3732 } 3733 3734 /*body.no-sidebar .alignfull { 3735 margin-left: calc(50% - 50vw - 10px); 3736 margin-right: calc(50% - 50vw - 10px); 3737 max-width: 100vw; 3738 width: 100vw; 3739 }*/ 3740 3741 body.no-sidebar .alignfull .alignwide { 3742 margin-inline: auto; 3743 } 3744 3745 body.no-sidebar .alignwide { 3746 max-width: 100vw; 3747 } 3748 3749 @media (min-width: 768px) and (max-width: 1170px) { 3750 body.no-sidebar .alignwide { 3751 width: calc(100% + (100vw - 100%) / 2); 3752 margin-right: calc((100% - 100vw) / 4); 3753 } 3754 } 3755 3756 /*@media (min-width: 1171px) { 3757 body.no-sidebar .alignwide { 3758 width: 1140px; 3759 margin-left: -195px; 3760 } 3761 }*/ 3762 3763 body.no-sidebar .alignwide .alignwide { 3764 margin-inline: auto; 3765 } 3766 3767 body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull, 3768 body.no-sidebar figure.wp-block-table.alignfull, 3769 body.no-sidebar div.wp-block-text-columns.alignfull, 3770 body.no-sidebar div.wp-block-columns.alignfull, 3771 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 3772 body.no-sidebar div.wp-block-file.alignfull { 3773 padding: 0 25px; 3774 } 3775 3776 /** === search Block === */ 3777 .wp-block-search .wp-block-search__label { 3778 display: none; 3779 } 3780 3781 .wp-block-search .wp-block-search__inside-wrapper { 3782 display: flex; 3783 } 3784 3785 .wp-block-search .wp-block-search__input { 3786 border-radius: var(--border-radius-all-lefts); 3787 } 3788 3789 .wp-block-search .wp-block-search__button { 3790 margin: 0; 3791 background-color: var(--primary-color); 3792 border-color: var(--primary-color); 3793 color: var(--white); 3794 border-radius: var(--border-radius-all-rights); 3795 } 3796 3797 /** === search Block === */ 3798 /** === Latest Post Block === */ 3799 .wp-block-latest-posts.wp-block-latest-posts__list { 3800 list-style: none; 3801 padding-right: 0; 3802 margin-inline: 0; 3803 } 3804 3805 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 3806 width: 50%; 3807 } 3808 3809 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 3810 line-height: 0; 3811 } 3812 3813 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 3814 text-decoration: none; 3815 color: var(--color-text-main); 3816 } 3817 3818 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 3819 color: var(--primary-color); 3820 } 3821 3822 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 3823 width: 100%; 3824 margin-inline: 0; 3825 margin-block-end: 1.5em; 3826 } 3827 3828 .wp-block-latest-posts__post-date, 3829 .wp-block-latest-posts__post-author { 3830 color: var(--color-text-main); 3831 } 3832 3833 /** === Latest Post Block === */ 3834 /*------------##gutenberg support----------*/ 3835 3836 .asterthemes-author-box { 3837 border: 1px solid rgba(155, 155, 155, 0.1); 3838 padding: 15px; 3839 margin: 15px 0; 3840 display: flex; 3841 align-items: center; 3842 gap: 30px; 3843 } 3844 3845 @media (max-width: 600px) { 3846 .asterthemes-author-box { 3847 align-items: flex-start; 3848 flex-direction: column; 3849 gap: 10px; 3850 } 3851 } 3852 3853 .asterthemes-author-box .author-img { 3854 min-width: 120px; 3855 align-self: flex-start; 3856 } 3857 3858 .asterthemes-author-box .author-img img { 3859 width: 120px; 3860 height: 120px; 3861 object-fit: cover; 3862 } 3863 3864 .asterthemes-author-box .author-details .author-name { 3865 margin: 0 0 10px; 3866 font-size: var(--font-size-base); 3867 font-weight: 700; 3868 line-height: 1.3; 3869 } 3870 3871 .asterthemes-author-box .author-details .author-description { 3872 margin: 0; 3873 } 3874 3875 .asterthemes-author-box .author-details .author-social-contacts { 3876 display: inline-flex; 3877 gap: 10px; 3878 margin-top: 15px; 3879 } 3880 3881 .asterthemes-author-box .author-details .author-social-contacts a { 3882 width: 30px; 3883 height: 30px; 3884 } 3885 3886 .asterthemes-author-box .author-details .author-social-contacts a::before { 3887 z-index: 1; 3888 position: relative; 3889 } 3890 3891 .asterthemes-author-box .author-details .author-social-contacts a::after { 3892 position: absolute; 3893 content: ''; 3894 right: 0; 3895 top: 0; 3896 height: 100%; 3897 width: 100%; 3898 background-color: rgba(155, 155, 155, 0.1); 3899 opacity: 0.5; 3900 } 3901 3902 /*-------------------------------------------------------------- 3903 # single 3904 --------------------------------------------------------------*/ 3905 .page-links { 3906 clear: both; 3907 margin: 0 0 1.5em; 3908 } 3909 3910 .site-main article .entry-header .entry-title { 3911 font-size: var(--font-size-lg); 3912 font-family: var(--font-heading); 3913 margin-top: 0; 3914 margin-bottom: 1.3rem; 3915 } 3916 3917 @media (min-width: 992px) { 3918 .site-main article .entry-header .entry-title { 3919 margin-bottom: 1.1rem; 3920 } 3921 } 3922 3923 .site-main article .entry-meta span.comments-link a { 3924 font-weight: bold; 3925 } 3926 3927 .site-main article .post-thumbnail { 3928 display: block; 3929 line-height: 0; 3930 } 3931 3932 .site-main article .post-thumbnail img { 3933 width: 100%; 3934 transition: all 0.3s linear; 3935 } 3936 3937 @media (min-width: 992px) { 3938 .site-main article .entry-meta { 3939 padding: 10px 0 20px; 3940 padding-top: 0; 3941 } 3942 } 3943 3944 .site-main article .entry-content { 3945 margin-top: 0; 3946 } 3947 3948 .site-main article .entry-content p { 3949 margin-bottom: 10px; 3950 } 3951 3952 .site-main article .entry-footer { 3953 display: flex; 3954 flex-direction: column; 3955 margin-top: 10px; 3956 } 3957 3958 .site-main article .entry-footer span { 3959 margin-bottom: 6px; 3960 font-size: 16px; 3961 font-weight: bold; 3962 } 3963 3964 .site-main article .entry-footer span a, 3965 .site-main article .entry-footer span span { 3966 font-weight: normal; 3967 } 3968 3969 .site-main article .entry-footer span a { 3970 text-decoration: none; 3971 color: #000; 3972 } 3973 .site-main article .entry-footer span a:hover { 3974 color: var(--primary-color); 3975 } 3976 .entry-footer .tags-links a{ 3977 margin: 10px; 4169 3978 padding: 5px; 4170 3979 border: 1px solid #fff; 4171 } 4172 4173 span.tags-links { 3980 } 3981 span.tags-links { 4174 3982 margin: 30px 0 !important; 4175 } 4176 4177 .site-main article .entry-footer span a:hover { 4178 color: var(--primary-color); 4179 } 4180 4181 .site-main article .entry-footer span.comments-link a { 4182 font-weight: bold; 4183 } 4184 4185 .related-posts h2 { 4186 font-size: var(--font-size-lg); 4187 font-family: var(--font-heading); 4188 line-height: 1.2; 4189 } 4190 4191 .related-posts .row { 4192 display: grid; 4193 grid-gap: 30px; 4194 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 4195 /* Adjust minmax values as needed */ 4196 } 4197 4198 @media (max-width: 480px) { 4199 .related-posts .row { 4200 grid-template-columns: 1fr; 4201 } 4202 } 4203 4204 .related-posts .row article .post-thumbnail { 4205 line-height: 0; 4206 overflow: hidden; 4207 } 4208 4209 .related-posts .row article .post-thumbnail img { 4210 width: 100%; 4211 } 4212 4213 .related-posts .row article .entry-header { 4214 margin-top: 10px; 4215 } 4216 4217 .related-posts .row article .entry-header .entry-title { 4218 font-size: var(--font-size-base); 4219 line-height: 1.3; 4220 margin: 0 0 10px; 4221 } 4222 4223 .related-posts .row article .entry-header .entry-title a { 4224 display: inline-block; 4225 } 4226 4227 4228 /*-------------------------------------------------------------- 4229 # single 4230 --------------------------------------------------------------*/ 4231 4232 body.single .site-main > article header { 4233 margin-bottom: 10px; 4234 } 4235 4236 body.single .site-main > article header .entry-title { 4237 margin-bottom: 10px; 4238 } 4239 4240 body.single .site-main > article header .entry-meta { 4241 padding-bottom: 0; 4242 margin-bottom: 10px; 4243 } 4244 4245 4246 /*------------##gutenberg support----------*/ 4247 4248 img.alignright { 4249 clear: left; 4250 } 4251 4252 img.alignleft { 4253 clear: right; 4254 } 4255 4256 div.wp-block h6 a, 4257 div.wp-block h5 a, 4258 div.wp-block h4 a, 4259 div.wp-block h3 a, 4260 div.wp-block h2 a, 4261 div.wp-block h1 a { 4262 font-family: inherit; 4263 font-size: inherit; 4264 line-height: inherit; 4265 font-weight: inherit; 4266 font-style: inherit; 4267 } 4268 4269 div.wp-block b, 4270 div.wp-block strong { 4271 font-weight: bold; 4272 } 4273 4274 div.wp-block .editor-rich-text__tinymce code, 4275 div.wp-block .editor-rich-text__editable code { 4276 background-color: transparent; 4277 color: inherit; 4278 font-family: monospace; 4279 font-size: inherit; 4280 line-height: inherit; 4281 font-weight: inherit; 4282 font-style: inherit; 4283 letter-spacing: 1px; 4284 } 4285 4286 .entry-content .aligncenter { 4287 text-align: center; 4288 } 4289 4290 .entry-content ol:not([class*="wp-"]) ol, 4291 .entry-content ol:not([class*="wp-"]) ul, 4292 .entry-content ul:not([class*="wp-"]) ol, 4293 .entry-content ul:not([class*="wp-"]) ul { 4294 margin-bottom: 0; 4295 } 4296 4297 .entry-content ol:not([class*="wp-"]) ol li:last-child, 4298 .entry-content ol:not([class*="wp-"]) ul li:last-child, 4299 .entry-content ul:not([class*="wp-"]) ol li:last-child, 4300 .entry-content ul:not([class*="wp-"]) ul li:last-child { 4301 padding-bottom: 0; 4302 } 4303 4304 .entry-content ol:not([class*="wp-"]) .alignwide, 4305 .entry-content ul:not([class*="wp-"]) .alignwide { 4306 padding-right: 30px; 4307 } 4308 4309 .entry-content ol:not([class*="wp-"]) .alignfull, 4310 .entry-content ul:not([class*="wp-"]) .alignfull { 4311 margin-right: calc(50% - 50vw - 10px); 4312 padding-right: 40px; 4313 } 4314 4315 .entry-content ol:not([class*="wp-"]) { 4316 list-style-type: decimal; 4317 } 4318 4319 .entry-content p.has-drop-cap:not(:focus):first-letter { 4320 font-weight: normal; 4321 } 4322 4323 .entry-content .wp-block-image figcaption { 4324 text-align: center; 4325 } 4326 4327 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 4328 margin-top: 1em; 4329 margin-bottom: 1em; 4330 } 4331 4332 .entry-content .wp-block-file { 4333 margin: 0 0 20px; 4334 } 4335 4336 .entry-content .wp-block-file > a:not([class]), 4337 .entry-content .wp-block-file .wp-block-file__textlink { 4338 display: inline-block; 4339 margin: 0 0 0 20px; 4340 } 4341 4342 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 4343 display: inline-block; 4344 margin: 0; 4345 } 4346 4347 .entry-content .wp-block-file .wp-block-file__button, 4348 .entry-content .wp-block-file a.wp-block-file__button { 4349 display: inline-block; 4350 position: relative; 4351 text-align: center; 4352 border: none; 4353 } 4354 4355 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 4356 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 4357 margin-right: 20px; 4358 margin-left: 0; 4359 } 4360 4361 .entry-content .wp-block-audio { 4362 margin-bottom: 20px; 4363 } 4364 4365 .entry-content .wp-block-audio figcaption { 4366 margin: 0; 4367 padding: 10px 0; 4368 } 4369 4370 .entry-content .wp-block-video { 4371 margin: 0 0 20px; 4372 text-align: center; 4373 } 4374 4375 .entry-content .wp-block-video video { 4376 display: inline-block; 4377 } 4378 4379 .entry-content .wp-block-video figcaption { 4380 margin: 0; 4381 padding: 6px 0 15px; 4382 text-align: center; 4383 } 4384 4385 .entry-content .wp-block-code { 4386 background-color: #f3f3f3; 4387 color: inherit; 4388 font-family: monospace; 4389 font-size: inherit; 4390 line-height: inherit; 4391 font-weight: inherit; 4392 font-style: inherit; 4393 letter-spacing: 1px; 4394 margin: 0 0 20px; 4395 border: none; 4396 } 4397 4398 .entry-content .wp-block-code code, 4399 .entry-content .wp-block-code .editor-plain-text { 4400 background-color: #202020; 4401 padding: 10px; 4402 color: inherit; 4403 color: #fff; 4404 font-family: inherit; 4405 font-size: inherit; 4406 line-height: inherit; 4407 font-weight: inherit; 4408 font-style: inherit; 4409 letter-spacing: inherit; 4410 display: block; 4411 } 4412 4413 .entry-content .wp-block-preformatted { 4414 margin: 0 0 20px; 4415 } 4416 4417 .entry-content .wp-block-preformatted pre { 4418 color: inherit; 4419 font-family: monospace; 4420 font-size: inherit; 4421 line-height: inherit; 4422 font-weight: inherit; 4423 font-style: inherit; 4424 letter-spacing: 1px; 4425 } 4426 4427 .entry-content .wp-block-preformatted a { 4428 text-decoration: underline; 4429 } 4430 4431 .entry-content .wp-block-pullquote { 4432 margin: 30px 0; 4433 padding: 30px 0; 4434 } 4435 4436 .entry-content .wp-block-pullquote p { 4437 font-size: 28px; 4438 line-height: 1.6; 4439 } 4440 4441 .entry-content .wp-block-pullquote.alignleft { 4442 margin-left: 2em; 4443 } 4444 4445 .entry-content .wp-block-pullquote.alignright { 4446 margin-right: 2em; 4447 } 4448 4449 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 4450 border-top-width: 4px; 4451 border-top-style: solid; 4452 border-bottom-width: 4px; 4453 border-bottom-style: solid; 4454 } 4455 4456 .entry-content .wp-block-pullquote.is-style-solid-color { 4457 padding-right: 50px; 4458 padding-left: 50px; 4459 } 4460 4461 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4462 max-width: 100%; 4463 } 4464 4465 .entry-content .wp-block-pullquote blockquote, 4466 .entry-content .wp-block-pullquote.alignleft blockquote, 4467 .entry-content .wp-block-pullquote.alignright blockquote, 4468 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4469 margin: 0; 4470 padding: 16px; 4471 border-width: 0; 4472 border-style: solid; 4473 text-align: center; 4474 } 4475 4476 .entry-content .wp-block-pullquote blockquote::before, 4477 .entry-content .wp-block-pullquote.alignleft blockquote::before, 4478 .entry-content .wp-block-pullquote.alignright blockquote::before, 4479 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 4480 content: none; 4481 } 4482 4483 .entry-content .wp-block-pullquote blockquote p:last-of-type, 4484 .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type, 4485 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 4486 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 4487 margin: 0; 4488 } 4489 4490 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4491 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4492 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4493 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4494 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4495 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4496 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4497 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4498 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4499 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4500 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4501 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4502 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4503 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4504 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4505 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 4506 margin: 0; 4507 } 4508 4509 .entry-content .wp-block-pullquote blockquote cite, 4510 .entry-content .wp-block-pullquote.alignleft blockquote cite, 4511 .entry-content .wp-block-pullquote.alignright blockquote cite, 4512 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 4513 display: block; 4514 margin-top: 15px; 4515 } 4516 4517 .entry-content .wp-block-table { 4518 border-spacing: 0; 4519 border-collapse: collapse; 4520 width: 100%; 4521 margin-bottom: 20px; 4522 } 4523 4524 .entry-content .wp-block-table caption { 4525 text-align: center; 4526 padding: 20px; 4527 } 4528 4529 .entry-content .wp-block-table:not([class]):not([id]) { 4530 border-spacing: 0; 4531 border-collapse: collapse; 4532 } 4533 4534 .entry-content .wp-block-table:not([class]):not([id]) th, 4535 .entry-content .wp-block-table:not([class]):not([id]) td { 4536 padding: 10px 20px; 4537 border-width: 1px; 4538 border-style: solid; 4539 } 4540 4541 .entry-content .wp-block-table td, 4542 .entry-content .wp-block-table th { 4543 padding: 10px 20px; 4544 border-top-width: 1px; 4545 border-top-style: solid; 4546 border-right-width: 1px; 4547 border-right-style: solid; 4548 word-break: break-all; 4549 } 4550 4551 .entry-content .wp-block-table td:last-child, 4552 .entry-content .wp-block-table th:last-child { 4553 border-left-width: 1px; 4554 border-left-style: solid; 4555 } 4556 4557 .entry-content .wp-block-table td:last-child td, 4558 .entry-content .wp-block-table th:last-child td { 4559 border-bottom-width: 1px; 4560 border-bottom-style: solid; 4561 } 4562 4563 .entry-content .wp-block-table.is-style-stripes { 4564 border-width: 0; 4565 border-style: solid; 4566 } 4567 4568 .entry-content .wp-block-table .wp-block-table__cell-content { 4569 color: inherit; 4570 font-family: inherit; 4571 font-size: inherit; 4572 line-height: inherit; 4573 font-weight: inherit; 4574 font-style: inherit; 4575 padding: 0; 4576 } 4577 4578 .entry-content pre.wp-block-verse { 4579 white-space: inherit; 4580 margin: 0 0 20px; 4581 padding: 40px 0; 4582 padding-right: 30px; 4583 position: relative; 4584 background-color: #e2e2e2; 4585 color: inherit; 4586 font-family: monospace; 4587 font-size: inherit; 4588 line-height: inherit; 4589 border: none; 4590 } 4591 4592 .entry-content pre.wp-block-verse { 4593 white-space: inherit; 4594 margin: 0 0 20px; 4595 padding: 40px 0; 4596 padding-right: 30px; 4597 position: relative; 4598 background-color: #e2e2e2; 4599 color: inherit; 4600 font-family: monospace; 4601 font-size: inherit; 4602 line-height: inherit; 4603 border: none; 4604 } 4605 4606 .entry-content .wp-block-spacer { 4607 clear: both; 4608 } 4609 4610 .entry-content ul.wp-block-archives, 4611 .entry-content ul.wp-block-categories, 4612 .entry-content ul.wp-block-categories__list { 4613 margin-bottom: 20px; 4614 padding: 0; 4615 position: relative; 4616 } 4617 4618 .entry-content div.wp-block ul.wp-block-archives ul, 4619 .entry-content div.wp-block ul.wp-block-categories ul, 4620 .entry-content div.wp-block ul.wp-block-categories__list ul { 4621 margin-bottom: 0; 4622 padding: 10px 0 0; 4623 } 4624 4625 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 4626 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 4627 margin-bottom: 20px; 4628 } 4629 4630 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 4631 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 4632 display: none; 4633 } 4634 4635 .entry-content .wp-block-latest-comments { 4636 list-style: none; 4637 margin-bottom: 20px; 4638 } 4639 4640 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 4641 min-height: auto; 4642 margin: 25px 0 0; 4643 padding: 0; 4644 overflow: hidden; 4645 } 4646 4647 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 4648 margin: 0; 4649 } 4650 4651 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 4652 min-height: 48px; 4653 } 4654 4655 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4656 width: 48px; 4657 height: 48px; 4658 margin: 0 0 0 17px; 4659 float: right; 4660 -webkit-border-radius: 50%; 4661 border-radius: 50%; 4662 } 4663 4664 .entry-content .wp-block-latest-comments article { 4665 display: block; 4666 padding: 0 3px 0 0; 4667 overflow: hidden; 4668 } 4669 4670 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 4671 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 4672 margin: 0; 4673 } 4674 4675 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 4676 margin: -3px 0 0; 4677 } 4678 4679 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 4680 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 4681 margin: 5px 0 0; 4682 } 4683 4684 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 4685 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 4686 margin: 0; 4687 padding: 0 0 20px; 4688 } 4689 4690 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 4691 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 4692 margin: 0; 4693 padding: 0; 4694 } 4695 4696 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 4697 margin: 0 auto 10px; 4698 float: none; 4699 } 4700 4701 .entry-content .wp-block-latest-comments.aligncenter article { 4702 padding: 0 3px; 4703 } 4704 4705 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 4706 text-align: center; 4707 } 4708 4709 .entry-content .wp-block-columns .wp-block-column { 4710 margin-bottom: 20px; 4711 } 4712 4713 .entry-content .wp-block-columns .wp-block-column > p { 4714 margin-bottom: 0; 4715 } 4716 4717 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 4718 padding-bottom: 0; 4719 } 4720 4721 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 4722 margin-bottom: 0; 4723 } 4724 4725 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 4726 padding-bottom: 0; 4727 } 4728 4729 4730 /** === dir= rtl Block latest comments=== */ 4731 4732 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4733 margin: 0 17px 0 0; 4734 float: left; 4735 } 4736 4737 [dir=rtl] .wp-block-latest-comments article { 4738 margin: 0 0 0 3px; 4739 } 4740 4741 4742 /** === dir= rtl Block latest comments=== */ 4743 4744 4745 /** === Block youtube and vimeo video=== */ 4746 4747 4748 /*no-align*/ 4749 4750 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 4751 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 4752 margin-right: auto !important; 4753 margin-left: auto !important; 4754 } 4755 4756 4757 /*no-align*/ 4758 4759 .wp-block-embed-youtube figcaption { 4760 text-align: center; 4761 } 4762 4763 4764 /*alignfull*/ 4765 4766 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 4767 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 4768 position: relative; 4769 padding-top: 56.25%; 4770 } 4771 4772 .wp-block-embed-vimeo.alignfull iframe, 4773 .wp-block-embed-youtube.alignfull iframe { 4774 position: absolute; 4775 top: 0; 4776 left: 0; 4777 bottom: 0; 4778 right: 0; 4779 width: 100% !important; 4780 height: 100% !important; 4781 } 4782 4783 4784 /*alignfull*/ 4785 4786 4787 /*alignwide*/ 4788 4789 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 4790 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 4791 position: relative; 4792 padding-top: 56.25%; 4793 } 4794 4795 .wp-block-embed-vimeo.alignwide iframe, 4796 .wp-block-embed-youtube.alignwide iframe { 4797 position: absolute; 4798 top: 0; 4799 left: 0; 4800 bottom: 0; 4801 right: 0; 4802 width: 100% !important; 4803 height: 100% !important; 4804 } 4805 4806 4807 /*alignwide*/ 4808 4809 4810 /** === Block youtube and vimeo video=== */ 4811 4812 @media only screen and (min-width: 1025px) { 4813 .wp-block-quote.is-large, 4814 .wp-block-quote.is-style-large { 4815 margin-top: 2.66667em; 4816 margin-bottom: 2em; 4817 padding: 0.66667em; 4818 padding-top: 1.33333em; 4819 padding-bottom: 1.33333em; 4820 } 4821 } 4822 4823 @media only screen and (max-width: 480px) { 4824 .wp-block-media-text { 4825 display: block; 4826 } 4827 .wp-block-media-text .wp-block-media-text__media { 4828 margin: 10px auto; 4829 } 4830 .wp-block-media-text .wp-block-media-text__content { 4831 padding: 0; 4832 } 4833 } 4834 4835 .aligncener, 4836 .alignfull, 4837 .alignwide { 4838 margin-top: 30px; 4839 margin-bottom: 30px; 4840 } 4841 4842 .alignfull .alignfull, 4843 .alignwide .alignwide { 4844 padding-top: 10px; 4845 padding-bottom: 10px; 4846 } 4847 4848 4849 /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4850 margin-left: calc(50% - 50vw - 10px); 4851 margin-right: calc(50% - 50vw - 10px); 4852 max-width: 100vw; 4853 width: 100vw; 4854 }*/ 4855 4856 @media (max-width: 767px) { 4857 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4858 margin-right: calc(50% - 50vw); 4859 margin-left: calc(50% - 50vw); 4860 padding: 0 20px; 4861 } 4862 } 4863 4864 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .alignwide { 4865 margin-inline: auto; 4866 } 4867 4868 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .aligncenter { 4869 margin-inline: auto; 4870 } 4871 4872 4873 /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4874 max-width: 100vw; 4875 }*/ 4876 4877 @media (min-width: 768px) and (max-width: 1170px) { 4878 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4879 width: calc(100% + (100vw - 100%) / 2); 4880 margin-right: calc((100% - 100vw) / 4); 4881 max-width: 90vw; 4882 } 4883 } 4884 4885 4886 /*@media (min-width: 1171px) { 4887 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4888 width: 1140px; 4889 margin-left: -195px; 4890 } 4891 }*/ 4892 4893 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide .alignwide { 4894 width: 100%; 4895 margin-left: auto; 4896 margin-right: auto; 4897 } 4898 4899 body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull, 4900 body.no-sidebar figure.wp-block-table.alignfull, 4901 body.no-sidebar div.wp-block-text-columns.alignfull, 4902 body.no-sidebar div.wp-block-columns.alignfull, 4903 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 4904 body.no-sidebar div.wp-block-file.alignfull { 4905 padding: 0 25px; 4906 } 4907 4908 4909 /** === search Block === */ 4910 4911 .wp-block-search .wp-block-search__label { 4912 display: none; 4913 } 4914 4915 .wp-block-search .wp-block-search__inside-wrapper { 4916 display: flex; 4917 } 4918 4919 .wp-block-search .wp-block-search__input { 4920 border-radius: var(--border-radius-all-lefts); 4921 } 4922 4923 .wp-block-search .wp-block-search__button { 4924 margin: 0; 4925 background-color: var(--primary-color); 4926 border-color: var(--primary-color); 4927 color: var(--white); 4928 border-radius: var(--border-radius-all-rights); 4929 } 4930 4931 4932 /** === search Block === */ 4933 4934 4935 /** === Latest Post Block === */ 4936 4937 .wp-block-latest-posts.wp-block-latest-posts__list { 4938 list-style: none; 4939 padding-right: 0; 4940 margin-inline: 0; 4941 } 4942 4943 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 4944 width: 50%; 4945 } 4946 4947 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 4948 line-height: 0; 4949 } 4950 4951 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 4952 text-decoration: none; 4953 color: var(--color-text-main); 4954 } 4955 4956 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 4957 color: var(--primary-color); 4958 } 4959 4960 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 4961 width: 100%; 4962 margin-inline: 0; 4963 margin-block-end: 1.5em; 4964 } 4965 4966 .wp-block-latest-posts__post-date, 4967 .wp-block-latest-posts__post-author { 4968 color: var(--color-text-main); 4969 } 4970 4971 4972 /** === Latest Post Block === */ 4973 4974 4975 /*------------##gutenberg support----------*/ 4976 4977 4978 /*-------------------------------------------------------------- 4979 # single 4980 --------------------------------------------------------------*/ 4981 4982 section.error-404.not-found { 4983 margin-bottom: 50px; 4984 max-width: 670px; 4985 } 4986 4987 4988 /* Comments 4989 --------------------------------------------- */ 4990 4991 .comment-content a { 4992 word-wrap: break-word; 4993 } 4994 4995 .bypostauthor { 4996 display: block; 4997 } 4998 4999 5000 /** 5001 * Comments Wrapper 5002 */ 5003 5004 .comments-area { 5005 padding-bottom: 30px; 5006 } 5007 5008 .comments-area > * { 5009 margin-top: 30px; 5010 margin-bottom: 30px; 5011 } 5012 5013 .comments-area > *:first-child { 5014 margin-top: 0; 5015 } 5016 5017 .comments-area > *:last-child { 5018 margin-bottom: 0; 5019 } 5020 5021 .comments-area.show-avatars .avatar { 5022 border-radius: 50%; 5023 position: absolute; 5024 top: 10px; 5025 } 5026 5027 .comments-area.show-avatars .fn { 5028 display: inline-block; 5029 padding-right: 85px; 5030 } 5031 5032 .comments-area.show-avatars .comment-metadata { 5033 padding: 8px 85px 9px 0; 5034 } 5035 5036 5037 /** 5038 * Comment Title 5039 */ 5040 5041 .comment-reply-title { 5042 display: flex; 5043 justify-content: space-between; 5044 } 5045 5046 .comment-reply-title small a { 5047 font-size: 15px; 5048 font-style: normal; 5049 font-weight: normal; 5050 letter-spacing: normal; 5051 } 5052 5053 5054 /* Nested comment reply title*/ 5055 5056 .comment .comment-respond .comment-reply-title { 5057 font-size: 30px; 5058 } 5059 5060 5061 /** 5062 * Comment Lists 5063 */ 5064 5065 .comments-area [type="checkbox"], 5066 .comments-area [type="radio"] { 5067 margin-bottom: 7px; 5068 margin-left: 10px; 5069 } 5070 5071 .comment-list { 5072 padding-right: 0; 5073 list-style: none; 5074 margin-right: 0; 5075 } 5076 5077 .comment-list ol { 5078 margin-right: 0; 5079 } 5080 5081 .comment-list > li { 5082 margin-top: 30px; 5083 margin-bottom: 30px; 5084 } 5085 5086 .comment-list .children { 5087 list-style: none; 5088 padding-right: 0; 5089 } 5090 5091 .comment-list .children > li { 5092 margin-top: 30px; 5093 margin-bottom: 30px; 5094 } 5095 5096 @media only screen and (min-width: 482px) { 5097 .comment-list .depth-2, 5098 .comment-list .depth-3 { 5099 padding-right: calc(4 * 20px); 5100 } 5101 } 5102 5103 5104 /** 5105 * Comment Meta 5106 */ 5107 5108 .comment-meta .comment-author { 5109 margin-bottom: calc(0.25 *20px); 5110 } 5111 5112 @media only screen and (min-width: 482px) { 5113 .comment-meta .comment-author { 5114 margin-bottom: 0; 5115 padding-left: 0; 5116 } 5117 } 5118 5119 .comment-meta .comment-author .fn { 5120 font-weight: normal; 5121 hyphens: auto; 5122 word-wrap: break-word; 5123 word-break: break-word; 5124 color: #000; 5125 } 5126 5127 .comment-meta .comment-metadata { 5128 color: var(--color-text-main); 5129 padding: 8px 0 9px 0; 5130 font-size: 15px; 5131 display: flex; 5132 justify-content: space-between; 5133 } 5134 5135 .comment-meta .comment-metadata .edit-link { 5136 margin-right: 20px; 5137 } 5138 5139 @media only screen and (min-width: 482px) { 5140 .comment-meta { 5141 margin-left: inherit; 5142 } 5143 .comment-meta .comment-author { 5144 max-width: inherit; 5145 } 5146 } 5147 5148 .bypostauthor { 5149 display: block; 5150 } 5151 5152 .says { 5153 display: none; 5154 } 5155 5156 .comment-meta { 5157 margin-bottom: 10px; 5158 } 5159 5160 .comment-body { 5161 position: relative; 5162 margin-bottom: 40px; 5163 padding: 30px; 5164 background-color: #fff; 5165 border: 1px solid #eee; 5166 } 5167 5168 .comment-body .reply { 5169 margin: 0; 5170 } 5171 5172 .comment-content { 5173 word-wrap: break-word; 5174 font-size: 16px; 5175 padding-bottom: 15px; 5176 color: #555; 5177 } 5178 5179 .pingback .comment-body, 5180 .trackback .comment-body { 5181 margin-top: 30px; 5182 margin-bottom: 30px; 5183 } 5184 5185 .comment-respond { 5186 margin-top: 30px; 5187 } 5188 5189 .comment-respond > * { 5190 margin-top: 20px; 5191 margin-bottom: 20px; 5192 } 5193 5194 .comment-respond > *:first-child { 5195 margin-top: 0; 5196 } 5197 5198 .comment-respond > *:last-child { 5199 margin-bottom: 0; 5200 } 5201 5202 .comment-respond > *:last-child.comment-form { 5203 margin-bottom: 30px; 5204 } 5205 5206 .comment-author { 5207 padding-top: 3px; 5208 } 5209 5210 .reply a, 5211 .comment-content a, 5212 .comment-meta .comment-metadata a, 5213 .comment-author .url { 5214 color: var(--background-color-white); 5215 } 5216 5217 .reply a:focus, 5218 .reply a:hover, 5219 .comment-content a:focus, 5220 .comment-content a:hover, 5221 .comment-meta .comment-metadata a:focus, 5222 .comment-meta .comment-metadata a:hover, 5223 .comment-author .url:focus, 5224 .comment-author .url:hover { 5225 color: var(--primary-color); 5226 } 5227 5228 .comment-form { 5229 display: flex; 5230 flex-wrap: wrap; 5231 } 5232 5233 .comment-form > * { 5234 flex-basis: 100%; 5235 } 5236 5237 .comment-form .comment-form-url, 5238 .comment-form .comment-form-comment { 5239 width: 100%; 5240 } 5241 5242 .comment-form .comment-form-author, 5243 .comment-form .comment-form-email { 5244 flex-basis: 0; 5245 flex-grow: 1; 5246 } 5247 5248 @media only screen and (max-width: 481px) { 5249 .comment-form .comment-form-author, 5250 .comment-form .comment-form-email { 5251 flex-basis: 100%; 5252 } 5253 } 5254 5255 .comment-form .comment-form-cookies-consent > label, 5256 .comment-form .comment-notes { 5257 font-size: 1rem; 5258 font-weight: normal; 5259 } 5260 5261 .comment-form > p { 5262 margin-bottom: 10px; 5263 } 5264 5265 .comment-form > p a { 5266 color: #fff; 5267 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 5268 text-decoration: none; 5269 } 5270 5271 .comment-form > p a:focus, 5272 .comment-form > p a:hover { 5273 color: var(--primary-color); 5274 } 5275 5276 .comment-form > p:first-of-type { 5277 margin-top: 0; 5278 } 5279 5280 .comment-form > p:last-of-type { 5281 margin-bottom: 0; 5282 } 5283 5284 .comment-form > p label, 5285 .comment-form > p input[type=email], 5286 .comment-form > p input[type=text], 5287 .comment-form > p input[type=url], 5288 .comment-form > p textarea { 5289 display: block; 5290 font-size: var(--global--font-size-sm); 5291 margin-bottom: calc(.5 *20px); 5292 width: 100%; 5293 font-weight: var(--form--label-weight); 5294 } 5295 5296 .comment-form > p.comment-form-cookies-consent { 5297 display: flex; 5298 align-items: center; 5299 } 5300 5301 @media only screen and (min-width: 482px) { 5302 .comment-form > p.comment-form-author, 5303 .woocommerce #review_form #respond p { 5304 margin-left: calc(1.5 * 20px); 5305 } 5306 .comment-form > p.comment-notes, 5307 .comment-form > p.logged-in-as { 5308 display: block; 5309 } 5310 } 5311 5312 nav.breadcrumb-trail ul.trail-items { 5313 list-style: none; 5314 padding: 0; 5315 margin: 0; 5316 color: #000; 5317 } 5318 5319 nav.breadcrumb-trail ul.trail-items li { 5320 display: inline-block; 5321 } 5322 5323 nav.breadcrumb-trail ul.trail-items li a { 5324 text-decoration: none; 5325 color: #000; 5326 } 5327 5328 nav.breadcrumb-trail ul.trail-items li a:focus, 5329 nav.breadcrumb-trail ul.trail-items li a:hover { 5330 color: var(--primary-color); 5331 } 5332 5333 nav.breadcrumb-trail ul.trail-items li::after { 5334 margin: 0 0.3rem; 5335 } 5336 5337 nav.breadcrumb-trail ul.trail-items li:last-child::after { 5338 display: none; 5339 } 5340 5341 5342 /*-------------------------------------------------------------- 5343 ## Comments 5344 --------------------------------------------------------------*/ 5345 5346 5347 /*comments section====*/ 5348 5349 #comments.comments-area { 5350 margin-block: 20px; 5351 } 5352 5353 #comments.comments-area .comments-title { 5354 font-size: var(--font-size-lg); 5355 font-family: var(--font-main); 5356 line-height: 1.2; 5357 } 5358 5359 #comments.comments-area .comment-list .comment .comment-author img { 5360 float: right; 5361 margin-left: 20px; 5362 margin-bottom: 20px; 5363 width: 50px; 5364 } 5365 5366 #comments.comments-area .comment-list .comment .comment-content p { 5367 margin-bottom: 5px; 5368 } 5369 5370 #comments.comments-area div#respond { 5371 margin-top: 20px; 5372 } 5373 5374 #comments.comments-area div#respond #reply-title { 5375 margin-top: 0; 5376 font-weight: 700; 5377 font-size: 18px; 5378 } 5379 5380 #comments.comments-area div#respond p { 5381 margin-bottom: 5px; 5382 } 5383 5384 #comments.comments-area div#respond label { 5385 font-weight: normal; 5386 } 5387 5388 #comments.comments-area div#respond textarea { 5389 width: 100%; 5390 background: #fafafa; 5391 } 5392 5393 #comments.comments-area div#respond p.comment-form-url, 5394 #comments.comments-area div#respond p.comment-form-email, 5395 #comments.comments-area div#respond p.comment-form-author { 5396 display: inline-block; 5397 width: 100%; 5398 } 5399 5400 #comments.comments-area div#respond p.comment-form-url label, 5401 #comments.comments-area div#respond p.comment-form-email label, 5402 #comments.comments-area div#respond p.comment-form-author label { 5403 display: block; 5404 } 5405 5406 #comments.comments-area div#respond p.comment-form-url input, 5407 #comments.comments-area div#respond p.comment-form-email input, 5408 #comments.comments-area div#respond p.comment-form-author input { 5409 width: 100%; 5410 } 5411 5412 #comments.comments-area div#respond p.comment-form-cookies-consent label { 5413 margin-right: 8px; 5414 position: relative; 5415 top: -1px; 5416 } 5417 5418 #comments.comments-area div#respond input[type="submit"] { 5419 display: inline-block; 5420 margin-top: 10px; 5421 } 5422 5423 #comments.comments-area div#respond #reply-title small a { 5424 display: inline-block; 5425 margin-right: 10px; 5426 } 5427 5428 .comment div#respond, 5429 .comment-content { 5430 margin-right: 70px; 5431 } 5432 5433 .comment-content a { 5434 word-wrap: break-word; 5435 } 5436 5437 .bypostauthor { 5438 display: block; 5439 } 5440 5441 5442 /*-------------------------------------------------------------- 5443 ## Comments 5444 --------------------------------------------------------------*/ 5445 5446 5447 /* Widgets 5448 --------------------------------------------- */ 5449 5450 .wp-block-button.is-style-squared a { 3983 } 3984 3985 .site-main article .entry-footer span a:hover { 3986 color: var(--primary-color); 3987 } 3988 3989 .site-main article .entry-footer span.comments-link a { 3990 font-weight: bold; 3991 } 3992 3993 .related-posts h2 { 3994 font-size: var(--font-size-lg); 3995 font-family: var(--font-heading); 3996 line-height: 1.2; 3997 } 3998 3999 .related-posts .row { 4000 display: grid; 4001 grid-gap: 30px; 4002 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjust minmax values as needed */ 4003 } 4004 4005 @media (max-width: 480px) { 4006 .related-posts .row { 4007 grid-template-columns: 1fr; 4008 } 4009 } 4010 4011 .related-posts .row article .post-thumbnail { 4012 line-height: 0; 4013 overflow: hidden; 4014 } 4015 4016 .related-posts .row article .post-thumbnail img { 4017 width: 100%; 4018 } 4019 4020 .related-posts .row article .entry-header { 4021 margin-top: 10px; 4022 } 4023 4024 .related-posts .row article .entry-header .entry-title { 4025 font-size: var(--font-size-base); 4026 line-height: 1.3; 4027 margin: 0 0 10px; 4028 } 4029 4030 .related-posts .row article .entry-header .entry-title a { 4031 display: inline-block; 4032 } 4033 4034 /*-------------------------------------------------------------- 4035 # single 4036 --------------------------------------------------------------*/ 4037 body.single .site-main > article header { 4038 margin-bottom: 10px; 4039 } 4040 4041 body.single .site-main > article header .entry-title { 4042 margin-bottom: 10px; 4043 } 4044 4045 body.single .site-main > article header .entry-meta { 4046 padding-bottom: 0; 4047 margin-bottom: 10px; 4048 } 4049 4050 /*------------##gutenberg support----------*/ 4051 img.alignright { 4052 clear: left; 4053 } 4054 4055 img.alignleft { 4056 clear: right; 4057 } 4058 4059 div.wp-block h6 a, 4060 div.wp-block h5 a, 4061 div.wp-block h4 a, 4062 div.wp-block h3 a, 4063 div.wp-block h2 a, 4064 div.wp-block h1 a { 4065 font-family: inherit; 4066 font-size: inherit; 4067 line-height: inherit; 4068 font-weight: inherit; 4069 font-style: inherit; 4070 } 4071 4072 div.wp-block b, 4073 div.wp-block strong { 4074 font-weight: bold; 4075 } 4076 4077 div.wp-block .editor-rich-text__tinymce code, 4078 div.wp-block .editor-rich-text__editable code { 4079 background-color: transparent; 4080 color: inherit; 4081 font-family: monospace; 4082 font-size: inherit; 4083 line-height: inherit; 4084 font-weight: inherit; 4085 font-style: inherit; 4086 letter-spacing: 1px; 4087 } 4088 4089 .entry-content .aligncenter { 4090 text-align: center; 4091 } 4092 4093 .entry-content ol:not([class*="wp-"]) ol, 4094 .entry-content ol:not([class*="wp-"]) ul, 4095 .entry-content ul:not([class*="wp-"]) ol, 4096 .entry-content ul:not([class*="wp-"]) ul { 4097 margin-bottom: 0; 4098 } 4099 4100 .entry-content ol:not([class*="wp-"]) ol li:last-child, 4101 .entry-content ol:not([class*="wp-"]) ul li:last-child, 4102 .entry-content ul:not([class*="wp-"]) ol li:last-child, 4103 .entry-content ul:not([class*="wp-"]) ul li:last-child { 4104 padding-bottom: 0; 4105 } 4106 4107 .entry-content ol:not([class*="wp-"]) .alignwide, 4108 .entry-content ul:not([class*="wp-"]) .alignwide { 4109 padding-right: 30px; 4110 } 4111 4112 .entry-content ol:not([class*="wp-"]) .alignfull, 4113 .entry-content ul:not([class*="wp-"]) .alignfull { 4114 margin-right: calc(50% - 50vw - 10px); 4115 padding-right: 40px; 4116 } 4117 4118 .entry-content ol:not([class*="wp-"]) { 4119 list-style-type: decimal; 4120 } 4121 4122 .entry-content p.has-drop-cap:not(:focus):first-letter { 4123 font-weight: normal; 4124 } 4125 4126 .entry-content .wp-block-image figcaption { 4127 text-align: center; 4128 } 4129 4130 .entry-content .wp-block-button:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { 4131 margin-top: 1em; 4132 margin-bottom: 1em; 4133 } 4134 4135 .entry-content .wp-block-file { 4136 margin: 0 0 20px; 4137 } 4138 4139 .entry-content .wp-block-file > a:not([class]), 4140 .entry-content .wp-block-file .wp-block-file__textlink { 4141 display: inline-block; 4142 margin: 0 0 0 20px; 4143 } 4144 4145 .entry-content .wp-block-file .wp-block-file__button-richtext-wrapper { 4146 display: inline-block; 4147 margin: 0; 4148 } 4149 4150 .entry-content .wp-block-file .wp-block-file__button, 4151 .entry-content .wp-block-file a.wp-block-file__button { 4152 display: inline-block; 4153 position: relative; 4154 text-align: center; 4155 border: none; 4156 } 4157 4158 .entry-content [dir=rtl] .wp-block-file > a:not([class]), 4159 .entry-content [dir=rtl] .wp-block-file .wp-block-file__textlink { 4160 margin-right: 20px; 4161 margin-left: 0; 4162 } 4163 4164 .entry-content .wp-block-audio { 4165 margin-bottom: 20px; 4166 } 4167 4168 .entry-content .wp-block-audio figcaption { 4169 margin: 0; 4170 padding: 10px 0; 4171 } 4172 4173 .entry-content .wp-block-video { 4174 margin: 0 0 20px; 4175 text-align: center; 4176 } 4177 4178 .entry-content .wp-block-video video { 4179 display: inline-block; 4180 } 4181 4182 .entry-content .wp-block-video figcaption { 4183 margin: 0; 4184 padding: 6px 0 15px; 4185 text-align: center; 4186 } 4187 4188 .entry-content .wp-block-code { 4189 background-color: #f3f3f3; 4190 color: inherit; 4191 font-family: monospace; 4192 font-size: inherit; 4193 line-height: inherit; 4194 font-weight: inherit; 4195 font-style: inherit; 4196 letter-spacing: 1px; 4197 margin: 0 0 20px; 4198 border: none; 4199 } 4200 4201 .entry-content .wp-block-code code, 4202 .entry-content .wp-block-code .editor-plain-text { 4203 background-color: #202020; 4204 padding: 10px; 4205 color: inherit; 4206 color: #fff; 4207 font-family: inherit; 4208 font-size: inherit; 4209 line-height: inherit; 4210 font-weight: inherit; 4211 font-style: inherit; 4212 letter-spacing: inherit; 4213 display: block; 4214 } 4215 4216 .entry-content .wp-block-preformatted { 4217 margin: 0 0 20px; 4218 } 4219 4220 .entry-content .wp-block-preformatted pre { 4221 color: inherit; 4222 font-family: monospace; 4223 font-size: inherit; 4224 line-height: inherit; 4225 font-weight: inherit; 4226 font-style: inherit; 4227 letter-spacing: 1px; 4228 } 4229 4230 .entry-content .wp-block-preformatted a { 4231 text-decoration: underline; 4232 } 4233 4234 .entry-content .wp-block-pullquote { 4235 margin: 30px 0; 4236 padding: 30px 0; 4237 } 4238 4239 .entry-content .wp-block-pullquote p { 4240 font-size: 28px; 4241 line-height: 1.6; 4242 } 4243 4244 .entry-content .wp-block-pullquote.alignleft { 4245 margin-left: 2em; 4246 } 4247 4248 .entry-content .wp-block-pullquote.alignright { 4249 margin-right: 2em; 4250 } 4251 4252 .entry-content .wp-block-pullquote:not(.is-style-solid-color) { 4253 border-top-width: 4px; 4254 border-top-style: solid; 4255 border-bottom-width: 4px; 4256 border-bottom-style: solid; 4257 } 4258 4259 .entry-content .wp-block-pullquote.is-style-solid-color { 4260 padding-right: 50px; 4261 padding-left: 50px; 4262 } 4263 4264 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4265 max-width: 100%; 4266 } 4267 4268 .entry-content .wp-block-pullquote blockquote, 4269 .entry-content .wp-block-pullquote.alignleft blockquote, 4270 .entry-content .wp-block-pullquote.alignright blockquote, 4271 .entry-content .wp-block-pullquote.is-style-solid-color blockquote { 4272 margin: 0; 4273 padding: 16px; 4274 border-width: 0; 4275 border-style: solid; 4276 text-align: center; 4277 } 4278 4279 .entry-content .wp-block-pullquote blockquote::before, 4280 .entry-content .wp-block-pullquote.alignleft blockquote::before, 4281 .entry-content .wp-block-pullquote.alignright blockquote::before, 4282 .entry-content .wp-block-pullquote.is-style-solid-color blockquote::before { 4283 content: none; 4284 } 4285 4286 .entry-content .wp-block-pullquote blockquote p:last-of-type, 4287 .entry-content .wp-block-pullquote.alignleft blockquote p:last-of-type, 4288 .entry-content .wp-block-pullquote.alignright blockquote p:last-of-type, 4289 .entry-content .wp-block-pullquote.is-style-solid-color blockquote p:last-of-type { 4290 margin: 0; 4291 } 4292 4293 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4294 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4295 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4296 .entry-content .wp-block-pullquote blockquote > .editor-rich-text p:last-of-type, 4297 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4298 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4299 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4300 .entry-content .wp-block-pullquote.alignleft blockquote > .editor-rich-text p:last-of-type, 4301 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4302 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4303 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4304 .entry-content .wp-block-pullquote.alignright blockquote > .editor-rich-text p:last-of-type, 4305 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4306 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4307 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type, 4308 .entry-content .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text p:last-of-type { 4309 margin: 0; 4310 } 4311 4312 .entry-content .wp-block-pullquote blockquote cite, 4313 .entry-content .wp-block-pullquote.alignleft blockquote cite, 4314 .entry-content .wp-block-pullquote.alignright blockquote cite, 4315 .entry-content .wp-block-pullquote.is-style-solid-color blockquote cite { 4316 display: block; 4317 margin-top: 15px; 4318 } 4319 4320 .entry-content .wp-block-table { 4321 border-spacing: 0; 4322 border-collapse: collapse; 4323 width: 100%; 4324 margin-bottom: 20px; 4325 } 4326 4327 .entry-content .wp-block-table caption { 4328 text-align: center; 4329 padding: 20px; 4330 } 4331 4332 .entry-content .wp-block-table :not([class]):not([id]) { 4333 border-spacing: 0; 4334 border-collapse: collapse; 4335 } 4336 4337 .entry-content .wp-block-table :not([class]):not([id]) th, 4338 .entry-content .wp-block-table :not([class]):not([id]) td { 4339 padding: 10px 20px; 4340 border-width: 1px; 4341 border-style: solid; 4342 } 4343 4344 .entry-content .wp-block-table td, 4345 .entry-content .wp-block-table th { 4346 padding: 10px 20px; 4347 border-top-width: 1px; 4348 border-top-style: solid; 4349 border-right-width: 1px; 4350 border-right-style: solid; 4351 word-break: break-all; 4352 } 4353 4354 .entry-content .wp-block-table td:last-child, 4355 .entry-content .wp-block-table th:last-child { 4356 border-left-width: 1px; 4357 border-left-style: solid; 4358 } 4359 4360 .entry-content .wp-block-table td:last-child td, 4361 .entry-content .wp-block-table th:last-child td { 4362 border-bottom-width: 1px; 4363 border-bottom-style: solid; 4364 } 4365 4366 .entry-content .wp-block-table.is-style-stripes { 4367 border-width: 0; 4368 border-style: solid; 4369 } 4370 4371 .entry-content .wp-block-table .wp-block-table__cell-content { 4372 color: inherit; 4373 font-family: inherit; 4374 font-size: inherit; 4375 line-height: inherit; 4376 font-weight: inherit; 4377 font-style: inherit; 4378 padding: 0; 4379 } 4380 4381 .entry-content pre.wp-block-verse { 4382 white-space: inherit; 4383 margin: 0 0 20px; 4384 padding: 40px 0; 4385 padding-right: 30px; 4386 position: relative; 4387 background-color: #e2e2e2; 4388 color: inherit; 4389 font-family: monospace; 4390 font-size: inherit; 4391 line-height: inherit; 4392 border: none; 4393 } 4394 4395 .entry-content pre.wp-block-verse { 4396 white-space: inherit; 4397 margin: 0 0 20px; 4398 padding: 40px 0; 4399 padding-right: 30px; 4400 position: relative; 4401 background-color: #e2e2e2; 4402 color: inherit; 4403 font-family: monospace; 4404 font-size: inherit; 4405 line-height: inherit; 4406 border: none; 4407 } 4408 4409 .entry-content .wp-block-spacer { 4410 clear: both; 4411 } 4412 4413 .entry-content ul.wp-block-archives, 4414 .entry-content ul.wp-block-categories, 4415 .entry-content ul.wp-block-categories__list { 4416 margin-bottom: 20px; 4417 padding: 0; 4418 position: relative; 4419 } 4420 4421 .entry-content div.wp-block ul.wp-block-archives ul, 4422 .entry-content div.wp-block ul.wp-block-categories ul, 4423 .entry-content div.wp-block ul.wp-block-categories__list ul { 4424 margin-bottom: 0; 4425 padding: 10px 0 0; 4426 } 4427 4428 .entry-content div.wp-block-archives.wp-block-archives-dropdown, 4429 .entry-content div.wp-block-categories.wp-block-categories-dropdown { 4430 margin-bottom: 20px; 4431 } 4432 4433 .entry-content div.wp-block-archives.wp-block-archives-dropdown label, 4434 .entry-content div.wp-block-categories.wp-block-categories-dropdown label { 4435 display: none; 4436 } 4437 4438 .entry-content .wp-block-latest-comments { 4439 list-style: none; 4440 margin-bottom: 20px; 4441 } 4442 4443 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment { 4444 min-height: auto; 4445 margin: 25px 0 0; 4446 padding: 0; 4447 overflow: hidden; 4448 } 4449 4450 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { 4451 margin: 0; 4452 } 4453 4454 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 4455 min-height: 48px; 4456 } 4457 4458 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4459 width: 48px; 4460 height: 48px; 4461 margin: 0 0 0 17px; 4462 float: right; 4463 -webkit-border-radius: 50%; 4464 border-radius: 50%; 4465 } 4466 4467 .entry-content .wp-block-latest-comments article { 4468 display: block; 4469 padding: 0 3px 0 0; 4470 overflow: hidden; 4471 } 4472 4473 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta, 4474 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta { 4475 margin: 0; 4476 } 4477 4478 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date { 4479 margin: -3px 0 0; 4480 } 4481 4482 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, 4483 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt { 4484 margin: 5px 0 0; 4485 } 4486 4487 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt p, 4488 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { 4489 margin: 0; 4490 padding: 0 0 20px; 4491 } 4492 4493 .entry-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt > *:last-child, 4494 .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > *:last-child { 4495 margin: 0; 4496 padding: 0; 4497 } 4498 4499 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-avatar { 4500 margin: 0 auto 10px; 4501 float: none; 4502 } 4503 4504 .entry-content .wp-block-latest-comments.aligncenter article { 4505 padding: 0 3px; 4506 } 4507 4508 .entry-content .wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment-excerpt { 4509 text-align: center; 4510 } 4511 4512 .entry-content .wp-block-columns .wp-block-column { 4513 margin-bottom: 20px; 4514 } 4515 4516 .entry-content .wp-block-columns .wp-block-column > p { 4517 margin-bottom: 0; 4518 } 4519 4520 .entry-content .wp-block-columns .wp-block-column > p:not(.has-background) { 4521 padding-bottom: 0; 4522 } 4523 4524 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph { 4525 margin-bottom: 0; 4526 } 4527 4528 .entry-content .wp-block-columns .wp-block-column .wp-block-paragraph:not(.has-background) { 4529 padding-bottom: 0; 4530 } 4531 4532 /** === dir= rtl Block latest comments=== */ 4533 [dir=rtl] .wp-block-latest-comments .wp-block-latest-comments__comment-avatar { 4534 margin: 0 17px 0 0; 4535 float: left; 4536 } 4537 4538 [dir=rtl] .wp-block-latest-comments article { 4539 margin: 0 0 0 3px; 4540 } 4541 4542 /** === dir= rtl Block latest comments=== */ 4543 /** === Block youtube and vimeo video=== */ 4544 /*no-align*/ 4545 .wp-block-embed-vimeo:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe, 4546 .wp-block-embed-youtube:not(.alignfull):not(.alignwide):not(.alignright):not(.alignleft) .wp-block-embed__wrapper iframe { 4547 margin-right: auto !important; 4548 margin-left: auto !important; 4549 } 4550 4551 /*no-align*/ 4552 .wp-block-embed-youtube figcaption { 4553 text-align: center; 4554 } 4555 4556 /*alignfull*/ 4557 .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper, 4558 .wp-block-embed-youtube.alignfull .wp-block-embed__wrapper { 4559 position: relative; 4560 padding-top: 56.25%; 4561 } 4562 4563 .wp-block-embed-vimeo.alignfull iframe, 4564 .wp-block-embed-youtube.alignfull iframe { 4565 position: absolute; 4566 top: 0; 4567 left: 0; 4568 bottom: 0; 4569 right: 0; 4570 width: 100% !important; 4571 height: 100% !important; 4572 } 4573 4574 /*alignfull*/ 4575 /*alignwide*/ 4576 .wp-block-embed-vimeo.alignwide .wp-block-embed__wrapper, 4577 .wp-block-embed-youtube.alignwide .wp-block-embed__wrapper { 4578 position: relative; 4579 padding-top: 56.25%; 4580 } 4581 4582 .wp-block-embed-vimeo.alignwide iframe, 4583 .wp-block-embed-youtube.alignwide iframe { 4584 position: absolute; 4585 top: 0; 4586 left: 0; 4587 bottom: 0; 4588 right: 0; 4589 width: 100% !important; 4590 height: 100% !important; 4591 } 4592 4593 /*alignwide*/ 4594 /** === Block youtube and vimeo video=== */ 4595 @media only screen and (min-width: 1025px) { 4596 .wp-block-quote.is-large, 4597 .wp-block-quote.is-style-large { 4598 margin-top: 2.66667em; 4599 margin-bottom: 2em; 4600 padding: 0.66667em; 4601 padding-top: 1.33333em; 4602 padding-bottom: 1.33333em; 4603 } 4604 } 4605 4606 @media only screen and (max-width: 480px) { 4607 .wp-block-media-text { 4608 display: block; 4609 } 4610 .wp-block-media-text .wp-block-media-text__media { 4611 margin: 10px auto; 4612 } 4613 .wp-block-media-text .wp-block-media-text__content { 4614 padding: 0; 4615 } 4616 } 4617 4618 .aligncener, 4619 .alignfull, 4620 .alignwide { 4621 margin-top: 30px; 4622 margin-bottom: 30px; 4623 } 4624 4625 .alignfull .alignfull, 4626 .alignwide .alignwide { 4627 padding-top: 10px; 4628 padding-bottom: 10px; 4629 } 4630 4631 /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4632 margin-left: calc(50% - 50vw - 10px); 4633 margin-right: calc(50% - 50vw - 10px); 4634 max-width: 100vw; 4635 width: 100vw; 4636 }*/ 4637 4638 @media (max-width: 767px) { 4639 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull { 4640 margin-right: calc(50% - 50vw); 4641 margin-left: calc(50% - 50vw); 4642 padding: 0 20px; 4643 } 4644 } 4645 4646 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .alignwide { 4647 margin-inline: auto; 4648 } 4649 4650 body.no-sidebar:not(.asterthemes-boxed-layout) .alignfull .aligncenter { 4651 margin-inline: auto; 4652 } 4653 4654 /*body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4655 max-width: 100vw; 4656 }*/ 4657 4658 @media (min-width: 768px) and (max-width: 1170px) { 4659 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4660 width: calc(100% + (100vw - 100%) / 2); 4661 margin-right: calc((100% - 100vw) / 4); 4662 max-width: 90vw; 4663 } 4664 } 4665 4666 /*@media (min-width: 1171px) { 4667 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide { 4668 width: 1140px; 4669 margin-left: -195px; 4670 } 4671 }*/ 4672 4673 body.no-sidebar:not(.asterthemes-boxed-layout) .alignwide .alignwide { 4674 width: 100%; 4675 margin-left: auto; 4676 margin-right: auto; 4677 } 4678 4679 body.no-sidebar figure.wp-block-embed.is-type-wp-embed.alignfull, 4680 body.no-sidebar figure.wp-block-table.alignfull, 4681 body.no-sidebar div.wp-block-text-columns.alignfull, 4682 body.no-sidebar div.wp-block-columns.alignfull, 4683 body.no-sidebar div.wp-block-categories-dropdown.alignfull, 4684 body.no-sidebar div.wp-block-file.alignfull { 4685 padding: 0 25px; 4686 } 4687 4688 /** === search Block === */ 4689 .wp-block-search .wp-block-search__label { 4690 display: none; 4691 } 4692 4693 .wp-block-search .wp-block-search__inside-wrapper { 4694 display: flex; 4695 } 4696 4697 .wp-block-search .wp-block-search__input { 4698 border-radius: var(--border-radius-all-lefts); 4699 } 4700 4701 .wp-block-search .wp-block-search__button { 4702 margin: 0; 4703 background-color: var(--primary-color); 4704 border-color: var(--primary-color); 4705 color: var(--white); 4706 border-radius: var(--border-radius-all-rights); 4707 } 4708 4709 /** === search Block === */ 4710 /** === Latest Post Block === */ 4711 .wp-block-latest-posts.wp-block-latest-posts__list { 4712 list-style: none; 4713 padding-right: 0; 4714 margin-inline: 0; 4715 } 4716 4717 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image { 4718 width: 50%; 4719 } 4720 4721 .wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__featured-image > a { 4722 line-height: 0; 4723 } 4724 4725 .wp-block-latest-posts.wp-block-latest-posts__list li > a { 4726 text-decoration: none; 4727 color: var(--color-text-main); 4728 } 4729 4730 .wp-block-latest-posts.wp-block-latest-posts__list li > a:hover { 4731 color: var(--primary-color); 4732 } 4733 4734 .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li .wp-block-latest-posts__featured-image { 4735 width: 100%; 4736 margin-inline: 0; 4737 margin-block-end: 1.5em; 4738 } 4739 4740 .wp-block-latest-posts__post-date, 4741 .wp-block-latest-posts__post-author { 4742 color: var(--color-text-main); 4743 } 4744 4745 /** === Latest Post Block === */ 4746 /*------------##gutenberg support----------*/ 4747 4748 /*-------------------------------------------------------------- 4749 # single 4750 --------------------------------------------------------------*/ 4751 section.error-404.not-found { 4752 margin-bottom: 50px; 4753 max-width: 670px; 4754 } 4755 4756 /* Comments 4757 --------------------------------------------- */ 4758 .comment-content a { 4759 word-wrap: break-word; 4760 } 4761 4762 .bypostauthor { 4763 display: block; 4764 } 4765 4766 /** 4767 * Comments Wrapper 4768 */ 4769 .comments-area { 4770 padding-bottom: 30px; 4771 } 4772 4773 .comments-area > * { 4774 margin-top: 30px; 4775 margin-bottom: 30px; 4776 } 4777 4778 .comments-area > *:first-child { 4779 margin-top: 0; 4780 } 4781 4782 .comments-area > *:last-child { 4783 margin-bottom: 0; 4784 } 4785 4786 .comments-area.show-avatars .avatar { 4787 border-radius: 50%; 4788 position: absolute; 4789 top: 10px; 4790 } 4791 4792 .comments-area.show-avatars .fn { 4793 display: inline-block; 4794 padding-right: 85px; 4795 } 4796 4797 .comments-area.show-avatars .comment-metadata { 4798 padding: 8px 85px 9px 0; 4799 } 4800 4801 /** 4802 * Comment Title 4803 */ 4804 .comment-reply-title { 4805 display: flex; 4806 justify-content: space-between; 4807 } 4808 4809 .comment-reply-title small a { 4810 font-size: 15px; 4811 font-style: normal; 4812 font-weight: normal; 4813 letter-spacing: normal; 4814 } 4815 4816 /* Nested comment reply title*/ 4817 .comment .comment-respond .comment-reply-title { 4818 font-size: 30px; 4819 } 4820 4821 /** 4822 * Comment Lists 4823 */ 4824 .comments-area [type="checkbox"], 4825 .comments-area [type="radio"] { 4826 margin-bottom: 7px; 4827 margin-left: 10px; 4828 } 4829 4830 .comment-list { 4831 padding-right: 0; 4832 list-style: none; 4833 margin-right: 0; 4834 } 4835 4836 .comment-list ol { 4837 margin-right: 0; 4838 } 4839 4840 .comment-list > li { 4841 margin-top: 30px; 4842 margin-bottom: 30px; 4843 } 4844 4845 .comment-list .children { 4846 list-style: none; 4847 padding-right: 0; 4848 } 4849 4850 .comment-list .children > li { 4851 margin-top: 30px; 4852 margin-bottom: 30px; 4853 } 4854 4855 @media only screen and (min-width: 482px) { 4856 .comment-list .depth-2, 4857 .comment-list .depth-3 { 4858 padding-right: calc(4 * 20px); 4859 } 4860 } 4861 4862 /** 4863 * Comment Meta 4864 */ 4865 .comment-meta .comment-author { 4866 margin-bottom: calc(0.25 *20px); 4867 } 4868 4869 @media only screen and (min-width: 482px) { 4870 .comment-meta .comment-author { 4871 margin-bottom: 0; 4872 padding-left: 0; 4873 } 4874 } 4875 4876 .comment-meta .comment-author .fn { 4877 font-weight: normal; 4878 hyphens: auto; 4879 word-wrap: break-word; 4880 word-break: break-word; 4881 color: #000; 4882 } 4883 4884 .comment-meta .comment-metadata { 4885 color: var(--color-text-main); 4886 padding: 8px 0 9px 0; 4887 font-size: 15px; 4888 display: flex; 4889 justify-content: space-between; 4890 } 4891 4892 .comment-meta .comment-metadata .edit-link { 4893 margin-right: 20px; 4894 } 4895 4896 @media only screen and (min-width: 482px) { 4897 .comment-meta { 4898 margin-left: inherit; 4899 } 4900 .comment-meta .comment-author { 4901 max-width: inherit; 4902 } 4903 } 4904 4905 .bypostauthor { 4906 display: block; 4907 } 4908 4909 .says { 4910 display: none; 4911 } 4912 4913 .comment-meta { 4914 margin-bottom: 10px; 4915 } 4916 4917 .comment-body { 4918 position: relative; 4919 margin-bottom: 40px; 4920 padding: 30px; 4921 background-color: #fff; 4922 border: 1px solid #eee; 4923 } 4924 4925 .comment-body .reply { 4926 margin: 0; 4927 } 4928 4929 .comment-content { 4930 word-wrap: break-word; 4931 font-size: 16px; 4932 padding-bottom: 15px; 4933 color: #555; 4934 } 4935 4936 .pingback .comment-body, 4937 .trackback .comment-body { 4938 margin-top: 30px; 4939 margin-bottom: 30px; 4940 } 4941 4942 .comment-respond { 4943 margin-top: 30px; 4944 } 4945 4946 .comment-respond > * { 4947 margin-top: 20px; 4948 margin-bottom: 20px; 4949 } 4950 4951 .comment-respond > *:first-child { 4952 margin-top: 0; 4953 } 4954 4955 .comment-respond > *:last-child { 4956 margin-bottom: 0; 4957 } 4958 4959 .comment-respond > *:last-child.comment-form { 4960 margin-bottom: 30px; 4961 } 4962 4963 .comment-author { 4964 padding-top: 3px; 4965 } 4966 4967 .reply a, 4968 .comment-content a, 4969 .comment-meta .comment-metadata a, 4970 .comment-author .url { 4971 color: var(--background-color-white); 4972 } 4973 4974 .reply a:focus, .reply a:hover, 4975 .comment-content a:focus, 4976 .comment-content a:hover, 4977 .comment-meta .comment-metadata a:focus, 4978 .comment-meta .comment-metadata a:hover, 4979 .comment-author .url:focus, 4980 .comment-author .url:hover { 4981 color: var(--primary-color); 4982 } 4983 4984 .comment-form { 4985 display: flex; 4986 flex-wrap: wrap; 4987 } 4988 4989 .comment-form > * { 4990 flex-basis: 100%; 4991 } 4992 4993 .comment-form .comment-form-url, 4994 .comment-form .comment-form-comment { 4995 width: 100%; 4996 } 4997 4998 .comment-form .comment-form-author, 4999 .comment-form .comment-form-email { 5000 flex-basis: 0; 5001 flex-grow: 1; 5002 } 5003 5004 @media only screen and (max-width: 481px) { 5005 .comment-form .comment-form-author, 5006 .comment-form .comment-form-email { 5007 flex-basis: 100%; 5008 } 5009 } 5010 5011 .comment-form .comment-form-cookies-consent > label, 5012 .comment-form .comment-notes { 5013 font-size: 1rem; 5014 font-weight: normal; 5015 } 5016 5017 .comment-form > p { 5018 margin-bottom: 10px; 5019 } 5020 5021 .comment-form > p a { 5022 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 5023 text-decoration: none; 5024 color: #000; 5025 } 5026 5027 .comment-form > p a:focus, .comment-form > p a:hover { 5028 color: var(--primary-color); 5029 } 5030 5031 .comment-form > p:first-of-type { 5032 margin-top: 0; 5033 } 5034 5035 .comment-form > p:last-of-type { 5036 margin-bottom: 0; 5037 } 5038 5039 .comment-form > p label, 5040 .comment-form > p input[type=email], 5041 .comment-form > p input[type=text], 5042 .comment-form > p input[type=url], 5043 .comment-form > p textarea { 5044 display: block; 5045 font-size: var(--global--font-size-sm); 5046 margin-bottom: calc(.5 *20px); 5047 width: 100%; 5048 font-weight: var(--form--label-weight); 5049 } 5050 5051 .comment-form > p.comment-form-cookies-consent { 5052 display: flex; 5053 align-items: center; 5054 } 5055 5056 @media only screen and (min-width: 482px) { 5057 .comment-form > p.comment-form-author, 5058 .woocommerce #review_form #respond p { 5059 margin-left: calc(1.5 * 20px); 5060 } 5061 .comment-form > p.comment-notes, 5062 .comment-form > p.logged-in-as { 5063 display: block; 5064 } 5065 } 5066 5067 nav.breadcrumb-trail ul.trail-items { 5068 list-style: none; 5069 padding: 0; 5070 margin: 0; 5071 color: #000; 5072 } 5073 5074 nav.breadcrumb-trail ul.trail-items li { 5075 display: inline-block; 5076 } 5077 5078 nav.breadcrumb-trail ul.trail-items li a { 5079 text-decoration: none; 5080 color: #000; 5081 } 5082 5083 nav.breadcrumb-trail ul.trail-items li a:focus, nav.breadcrumb-trail ul.trail-items li a:hover { 5084 color: var(--primary-color); 5085 } 5086 5087 nav.breadcrumb-trail ul.trail-items li::after { 5088 margin: 0 0.3rem; 5089 } 5090 5091 nav.breadcrumb-trail ul.trail-items li:last-child::after { 5092 display: none; 5093 } 5094 5095 /*-------------------------------------------------------------- 5096 ## Comments 5097 --------------------------------------------------------------*/ 5098 /*comments section====*/ 5099 #comments.comments-area { 5100 margin-block: 20px; 5101 } 5102 5103 #comments.comments-area .comments-title { 5104 font-size: var(--font-size-lg); 5105 font-family: var(--font-main); 5106 line-height: 1.2; 5107 } 5108 5109 #comments.comments-area .comment-list .comment .comment-author img { 5110 float: right; 5111 margin-left: 20px; 5112 margin-bottom: 20px; 5113 width: 50px; 5114 } 5115 5116 #comments.comments-area .comment-list .comment .comment-content p { 5117 margin-bottom: 5px; 5118 } 5119 5120 #comments.comments-area div#respond { 5121 margin-top: 20px; 5122 } 5123 5124 #comments.comments-area div#respond #reply-title { 5125 margin-top: 0; 5126 font-weight: 700; 5127 font-size: 18px; 5128 } 5129 5130 #comments.comments-area div#respond p { 5131 margin-bottom: 5px; 5132 } 5133 5134 #comments.comments-area div#respond label { 5135 font-weight: normal; 5136 } 5137 5138 #comments.comments-area div#respond textarea { 5139 width: 100%; 5140 background: #fafafa; 5141 } 5142 5143 #comments.comments-area div#respond p.comment-form-url, 5144 #comments.comments-area div#respond p.comment-form-email, 5145 #comments.comments-area div#respond p.comment-form-author { 5146 display: inline-block; 5147 width: 100%; 5148 } 5149 5150 #comments.comments-area div#respond p.comment-form-url label, 5151 #comments.comments-area div#respond p.comment-form-email label, 5152 #comments.comments-area div#respond p.comment-form-author label { 5153 display: block; 5154 } 5155 5156 #comments.comments-area div#respond p.comment-form-url input, 5157 #comments.comments-area div#respond p.comment-form-email input, 5158 #comments.comments-area div#respond p.comment-form-author input { 5159 width: 100%; 5160 } 5161 5162 #comments.comments-area div#respond p.comment-form-cookies-consent label { 5163 margin-right: 8px; 5164 position: relative; 5165 top: -1px; 5166 } 5167 5168 #comments.comments-area div#respond input[type="submit"] { 5169 display: inline-block; 5170 margin-top: 10px; 5171 } 5172 5173 #comments.comments-area div#respond #reply-title small a { 5174 display: inline-block; 5175 margin-right: 10px; 5176 } 5177 5178 .comment div#respond, 5179 .comment-content { 5180 margin-right: 70px; 5181 } 5182 5183 .comment-content a { 5184 word-wrap: break-word; 5185 } 5186 5187 .bypostauthor { 5188 display: block; 5189 } 5190 5191 /*-------------------------------------------------------------- 5192 ## Comments 5193 --------------------------------------------------------------*/ 5194 /* Widgets 5195 --------------------------------------------- */ 5196 .wp-block-button.is-style-squared a { 5451 5197 border-radius: 0px; 5452 } 5453 5454 .widget { 5198 } 5199 .widget { 5455 5200 margin: 0 0 1.5em; 5456 5201 padding: 15px; 5457 } 5458 5459 footer#colophon .asterthemes-wrapper { 5202 } 5203 footer#colophon .asterthemes-wrapper { 5460 5204 padding: 0px 10px; 5461 } 5462 5463 .Left-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5464 background: #000; 5465 border: 1px solid; 5466 } 5467 5468 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5469 background: #000; 5470 border-right: 5px solid var(--primary-color) !important; 5471 border-left: 5px solid var(--primary-color) !important; 5472 border-radius: 12px; 5473 } 5474 5475 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5476 background: #000; 5477 border-right: 5px solid var(--primary-color) !important; 5478 border-left: 5px solid var(--primary-color) !important; 5479 border-radius: 12px; 5480 } 5481 5482 .footer-widgets-wrapper .widget { 5483 margin-bottom: 0; 5484 } 5485 5486 .widget select { 5487 max-width: 100%; 5488 } 5489 5490 .asterthemes-widget { 5491 margin-bottom: 30px; 5492 } 5493 5494 .widget_block h1, 5495 .widget_block h2, 5496 .widget_block h3, 5497 .widget_block h4, 5498 .widget_block h5, 5499 .widget_block h6 { 5500 margin-top: 0; 5501 margin-bottom: 10px; 5502 line-height: 1.2; 5503 } 5504 5505 5506 /*widget title===============*/ 5507 5508 .widgettitle, 5509 .widget-title { 5510 margin-bottom: 15px; 5511 line-height: 1.2; 5512 position: relative; 5513 border-bottom: 1px solid #fff; 5514 font-size: 24px; 5515 margin-top: 0; 5516 font-weight: 700; 5517 text-align: start; 5518 color: #fff; 5519 } 5520 5521 h2.wp-block-heading, 5522 .widgettitle, 5523 .widget-title { 5524 margin-bottom: 15px; 5525 line-height: 1.2; 5526 position: relative; 5527 font-size: 24px; 5528 margin-top: 0; 5529 font-weight: 700; 5530 text-align: start; 5531 } 5532 5533 5534 /*widget title===============*/ 5535 5536 5537 /*widget list===============*/ 5538 5539 .widget ol:not(.corporate-solutions-tabs), 5540 .widget ul:not(.corporate-solutions-tabs) { 5541 list-style: none; 5542 padding: 0; 5543 margin-inline: 0; 5544 } 5545 5546 .widget ol:not(.corporate-solutions-tabs) li, 5547 .widget ul:not(.corporate-solutions-tabs) li { 5548 margin-bottom: 7px; 5549 padding-bottom: 7px; 5550 font-size: var(--font-size-sm); 5551 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5552 color: #fff; 5553 } 5554 5555 .widget ol:not(.corporate-solutions-tabs) li a, 5556 .widget ul:not(.corporate-solutions-tabs) li a { 5557 text-decoration: none; 5558 word-wrap: break-word!important; 5559 font-size: 15px; 5560 color: var(--color-text-white); 5561 } 5562 5563 .widget ol:not(.corporate-solutions-tabs) li a:focus, 5564 .widget ol:not(.corporate-solutions-tabs) li a:hover, 5565 .widget ul:not(.corporate-solutions-tabs) li a:focus, 5566 .widget ul:not(.corporate-solutions-tabs) li a:hover { 5567 color: var(--primary-color); 5568 word-wrap: break-word; 5569 } 5570 5571 .widget ol:not(.corporate-solutions-tabs) ol, 5572 .widget ol:not(.corporate-solutions-tabs) ul, 5573 .widget ul:not(.corporate-solutions-tabs) ol, 5574 .widget ul:not(.corporate-solutions-tabs) ul { 5575 padding-top: 7px; 5576 margin-right: 10px; 5577 padding-right: 10px; 5578 } 5579 5580 .widget > ol > li, 5581 .widget > ul > li { 5582 margin-bottom: 7px; 5583 padding-bottom: 7px; 5584 font-size: 14px; 5585 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5586 } 5587 5588 .widget > ol > li a, 5589 .widget > ul > li a { 5590 color: var(--clr-foreground); 5591 transition: all 0.5s linear; 5592 } 5593 5594 .widget > ol > li a:focus, 5595 .widget > ol > li a:hover, 5596 .widget > ul > li a:focus, 5597 .widget > ul > li a:hover { 5598 color: var(--theme-color); 5599 } 5600 5601 .widget ol > li:last-child, 5602 .widget ul > li:last-child { 5603 margin-bottom: 0; 5604 padding-bottom: 0; 5605 border-bottom: none; 5606 } 5607 5608 5609 /*widget list===============*/ 5610 5611 5612 /*widget tag cloud ===============*/ 5613 5614 #secondary .wp-block-tag-cloud a, 5615 #secondary .tagcloud a { 5616 display: inline-block; 5617 text-decoration: none; 5618 font-size: var(--font-size-small) !important; 5619 color: var(--color-text-white); 5620 border: 1px solid var(--color-text-white); 5621 padding: 3px 7px; 5622 border-radius: 3px; 5623 margin-inline-end: 5px; 5624 margin-block-end: 5px; 5625 line-height: 1.2; 5626 } 5627 5628 .wp-block-tag-cloud a:focus, 5629 .wp-block-tag-cloud a:hover, 5630 .tagcloud a:focus, 5631 .tagcloud a:hover { 5632 color: var(--primary-color); 5633 border: 1px solid var(--primary-color); 5634 } 5635 5636 .site-footer .wp-block-tag-cloud a, 5637 .site-footer .tagcloud a { 5638 border: 1px solid var(--color-text-white); 5639 color: var(--color-text-white); 5640 } 5641 5642 .site-footer .wp-block-tag-cloud a:focus, 5643 .site-footer .wp-block-tag-cloud a:hover, 5644 .site-footer .tagcloud a:focus, 5645 .site-footer .tagcloud a:hover { 5646 color: var(--primary-color); 5647 border: 1px solid var(--primary-color); 5648 } 5649 5650 5651 /*widget tag cloud ===============*/ 5652 5653 5654 /*widget search ===============*/ 5655 5656 .widget.widget_search .wp-block-search__inside-wrapper { 5657 display: flex; 5658 } 5659 5660 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 5661 border: 1px solid #d3ced2; 5662 padding: 6px 16px; 5663 font-size: 0.9rem; 5664 border-radius: 0 3px 3px 0; 5665 } 5666 5667 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button { 5668 cursor: pointer; 5669 color: var(--background-color-white); 5670 background-color: var(--primary-color); 5671 margin: 0; 5672 padding: 10px 25px; 5673 border-radius: 3px 0 0 3px; 5674 } 5675 5676 .search-form { 5677 display: flex; 5678 } 5679 5680 .search-form label, 5681 .search-form .search-field { 5682 width: 100%; 5683 } 5684 5685 .search-form .search-field { 5686 border: 1px solid #d3ced2; 5687 padding: 6px 16px; 5688 font-size: 0.9rem; 5689 border-radius: 0 3px 3px 0; 5690 } 5691 5692 .search-form .search-submit { 5693 border-radius: 3px 0 0 3px; 5694 } 5695 5696 5697 /*widget search ===============*/ 5698 5699 5700 /*widget social icons ===============*/ 5701 5702 .widget.widget_corporate_solutions_social_icons .social-links li { 5703 margin: 0; 5704 padding: 0; 5705 border: none; 5706 } 5707 5708 .widget.widget_corporate_solutions_social_icons .social-links li a { 5709 opacity: 0.8; 5710 color: #fff; 5711 margin: 0; 5712 } 5713 5714 .widget.widget_corporate_solutions_social_icons .social-links li a:focus, 5715 .widget.widget_corporate_solutions_social_icons .social-links li a:hover { 5716 color: #fff; 5717 opacity: 1; 5718 } 5719 5720 5721 /*widget social icons ===============*/ 5722 5723 5724 /* Media 5725 --------------------------------------------- */ 5726 5727 .page-content .wp-smiley, 5728 .entry-content .wp-smiley, 5729 .comment-content .wp-smiley { 5730 border: none; 5731 margin-bottom: 0; 5732 margin-top: 0; 5733 padding: 0; 5734 } 5735 5736 5737 /* Make sure logo link wraps around logo image. */ 5738 5739 .custom-logo-link { 5740 display: inline-block; 5741 } 5742 5743 5744 /* Captions 5745 --------------------------------------------- */ 5746 5747 .wp-caption { 5748 margin-bottom: 1.5em; 5749 max-width: 100%; 5750 } 5751 5752 .wp-caption img[class*="wp-image-"] { 5753 display: block; 5754 margin-right: auto; 5755 margin-left: auto; 5756 } 5757 5758 .wp-caption .wp-caption-text { 5759 margin: 0.8075em 0; 5760 } 5761 5762 .wp-caption-text { 5763 text-align: center; 5764 } 5765 5766 5767 /* Galleries 5768 --------------------------------------------- */ 5769 5770 .gallery { 5771 margin-bottom: 1.5em; 5772 display: grid; 5773 grid-gap: 1.5em; 5774 } 5775 5776 .gallery-item { 5777 display: inline-block; 5778 text-align: center; 5779 width: 100%; 5780 margin: 0; 5781 } 5782 5783 .gallery-columns-2 { 5784 grid-template-columns: repeat(2, 1fr); 5785 } 5786 5787 .gallery-columns-3 { 5788 grid-template-columns: repeat(3, 1fr); 5789 } 5790 5791 .gallery-columns-4 { 5792 grid-template-columns: repeat(4, 1fr); 5793 } 5794 5795 .gallery-columns-5 { 5796 grid-template-columns: repeat(5, 1fr); 5797 } 5798 5799 .gallery-columns-6 { 5800 grid-template-columns: repeat(6, 1fr); 5801 } 5802 5803 .gallery-columns-7 { 5804 grid-template-columns: repeat(7, 1fr); 5805 } 5806 5807 .gallery-columns-8 { 5808 grid-template-columns: repeat(8, 1fr); 5809 } 5810 5811 .gallery-columns-9 { 5812 grid-template-columns: repeat(9, 1fr); 5813 } 5814 5815 .gallery-caption { 5816 display: block; 5817 } 5818 5819 5820 /*-------------------------------------------------------------- 5821 # Plugins 5822 --------------------------------------------------------------*/ 5823 5824 5825 /* Jetpack infinite scroll 5826 --------------------------------------------- */ 5827 5828 5829 /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ 5830 5831 .infinite-scroll .posts-navigation, 5832 .infinite-scroll.neverending .site-footer { 5833 display: none; 5834 } 5835 5836 5837 /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ 5838 5839 .infinity-end.neverending .site-footer { 5840 display: block; 5841 } 5842 5843 5844 /*-------------------------------------------------------------- 5845 # Utilities 5846 --------------------------------------------------------------*/ 5847 5848 5849 /* Accessibility 5850 --------------------------------------------- */ 5851 5852 5853 /* Text meant only for screen readers. */ 5854 5855 .screen-reader-text { 5856 border: 0; 5857 clip: rect(1px, 1px, 1px, 1px); 5858 clip-path: inset(50%); 5859 height: 1px; 5860 margin: -1px; 5861 overflow: hidden; 5862 padding: 0; 5863 position: absolute !important; 5864 width: 1px; 5865 word-wrap: normal !important; 5866 } 5867 5868 .screen-reader-text:focus { 5869 background-color: #f1f1f1; 5870 border-radius: 3px; 5871 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 5872 clip: auto !important; 5873 clip-path: none; 5874 color: #21759b; 5875 display: block; 5876 font-size: 0.875rem; 5877 font-weight: 700; 5878 height: auto; 5879 right: 5px; 5880 line-height: normal; 5881 padding: 15px 23px 14px; 5882 text-decoration: none; 5883 top: 5px; 5884 width: auto; 5885 z-index: 100000; 5886 } 5887 5888 5889 /* Do not show the outline on the skip link target. */ 5890 5891 #primary[tabindex="-1"]:focus { 5892 outline: 0; 5893 } 5894 5895 5896 /* Alignments 5897 --------------------------------------------- */ 5898 5899 .wp-block-image .alignright { 5205 } 5206 .Left-sidebar .asterthemes-wrapper .asterthemes-page .widget{ 5207 background: #000; 5208 border: 1px solid; 5209 } 5210 .right-sidebar .asterthemes-wrapper .asterthemes-page .widget { 5211 background: #000; 5212 border-right: 5px solid var(--primary-color) !important; 5213 border-left: 5px solid var(--primary-color) !important; 5214 border-radius: 12px; 5215 } 5216 .left-sidebar .asterthemes-wrapper .asterthemes-page .widget{ 5217 background: #000; 5218 border-right: 5px solid var(--primary-color) !important; 5219 border-left: 5px solid var(--primary-color) !important; 5220 border-radius: 12px; 5221 } 5222 .footer-widgets-wrapper .widget{ 5223 margin-bottom: 0; 5224 } 5225 5226 .widget select { 5227 max-width: 100%; 5228 } 5229 5230 .asterthemes-widget { 5231 margin-bottom: 30px; 5232 } 5233 5234 .widget_block h1, 5235 .widget_block h2, 5236 .widget_block h3, 5237 .widget_block h4, 5238 .widget_block h5, 5239 .widget_block h6 { 5240 margin-top: 0; 5241 margin-bottom: 10px; 5242 line-height: 1.2; 5243 } 5244 5245 /*widget title===============*/ 5246 .widgettitle, 5247 .widget-title { 5248 margin-bottom: 15px; 5249 line-height: 1.2; 5250 position: relative; 5251 border-bottom: 1px solid #fff; 5252 font-size: 24px; 5253 margin-top: 0; 5254 font-weight: 700; 5255 text-align: start; 5256 color:#fff; 5257 } 5258 5259 h2.wp-block-heading, .widgettitle, .widget-title{ 5260 margin-bottom: 15px; 5261 line-height: 1.2; 5262 position: relative; 5263 font-size: 24px; 5264 margin-top: 0; 5265 font-weight: 700; 5266 text-align: start; 5267 } 5268 5269 /*widget title===============*/ 5270 /*widget list===============*/ 5271 .widget ol:not(.corporate-solutions-tabs), 5272 .widget ul:not(.corporate-solutions-tabs) { 5273 list-style: none; 5274 padding: 0; 5275 margin-inline: 0; 5276 } 5277 5278 .widget ol:not(.corporate-solutions-tabs) li, 5279 .widget ul:not(.corporate-solutions-tabs) li { 5280 margin-bottom: 7px; 5281 padding-bottom: 7px; 5282 font-size: var(--font-size-sm); 5283 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5284 color: #fff; 5285 } 5286 5287 .widget ol:not(.corporate-solutions-tabs) li a, 5288 .widget ul:not(.corporate-solutions-tabs) li a { 5289 text-decoration: none; 5290 word-wrap: break-word!important; 5291 font-size: 15px; 5292 color: var(--color-text-white); 5293 } 5294 5295 .widget ol:not(.corporate-solutions-tabs) li a:focus, .widget ol:not(.corporate-solutions-tabs) li a:hover, 5296 .widget ul:not(.corporate-solutions-tabs) li a:focus, 5297 .widget ul:not(.corporate-solutions-tabs) li a:hover { 5298 color: var(--primary-color); 5299 word-wrap: break-word; 5300 } 5301 5302 .widget ol:not(.corporate-solutions-tabs) ol, 5303 .widget ol:not(.corporate-solutions-tabs) ul, 5304 .widget ul:not(.corporate-solutions-tabs) ol, 5305 .widget ul:not(.corporate-solutions-tabs) ul { 5306 padding-top: 7px; 5307 margin-right: 10px; 5308 padding-right: 10px; 5309 } 5310 5311 .widget > ol > li, 5312 .widget > ul > li { 5313 margin-bottom: 7px; 5314 padding-bottom: 7px; 5315 font-size: 14px; 5316 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 5317 } 5318 5319 .widget > ol > li a, 5320 .widget > ul > li a { 5321 color: var(--clr-foreground); 5322 transition: all 0.5s linear; 5323 } 5324 5325 .widget > ol > li a:focus, .widget > ol > li a:hover, 5326 .widget > ul > li a:focus, 5327 .widget > ul > li a:hover { 5328 color: var(--theme-color); 5329 } 5330 5331 .widget ol > li:last-child, 5332 .widget ul > li:last-child { 5333 margin-bottom: 0; 5334 padding-bottom: 0; 5335 border-bottom: none; 5336 } 5337 5338 /*widget list===============*/ 5339 /*widget tag cloud ===============*/ 5340 #secondary .wp-block-tag-cloud a, 5341 #secondary .tagcloud a { 5342 display: inline-block; 5343 text-decoration: none; 5344 font-size: var(--font-size-small) !important; 5345 color: var(--color-text-white); 5346 border: 1px solid var(--color-text-white); 5347 padding: 3px 7px; 5348 border-radius: 3px; 5349 margin-inline-end: 5px; 5350 margin-block-end: 5px; 5351 line-height: 1.2; 5352 } 5353 5354 .wp-block-tag-cloud a:focus, .wp-block-tag-cloud a:hover, 5355 .tagcloud a:focus, 5356 .tagcloud a:hover { 5357 color: var(--primary-color); 5358 border: 1px solid var(--primary-color); 5359 } 5360 5361 .site-footer .wp-block-tag-cloud a, .site-footer 5362 .tagcloud a { 5363 border: 1px solid var(--color-text-white); 5364 color: var(--color-text-white); 5365 } 5366 5367 .site-footer .wp-block-tag-cloud a:focus, .site-footer .wp-block-tag-cloud a:hover, .site-footer 5368 .tagcloud a:focus, .site-footer 5369 .tagcloud a:hover { 5370 color: var(--primary-color); 5371 border: 1px solid var(--primary-color); 5372 } 5373 5374 /*widget tag cloud ===============*/ 5375 /*widget search ===============*/ 5376 .widget.widget_search .wp-block-search__inside-wrapper { 5377 display: flex; 5378 } 5379 5380 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input { 5381 border: 1px solid #d3ced2; 5382 padding: 6px 16px; 5383 font-size: 0.9rem; 5384 border-radius: 0 3px 3px 0; 5385 } 5386 5387 .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button { 5388 cursor: pointer; 5389 color: var(--background-color-white); 5390 background-color: var(--primary-color); 5391 margin: 0; 5392 padding: 10px 25px; 5393 border-radius: 3px 0 0 3px; 5394 } 5395 5396 .search-form { 5397 display: flex; 5398 } 5399 5400 .search-form label, 5401 .search-form .search-field { 5402 width: 100%; 5403 } 5404 5405 .search-form .search-field { 5406 border: 1px solid #d3ced2; 5407 padding: 6px 16px; 5408 font-size: 0.9rem; 5409 border-radius: 0 3px 3px 0; 5410 } 5411 5412 .search-form .search-submit { 5413 border-radius: 3px 0 0 3px; 5414 } 5415 5416 /*widget search ===============*/ 5417 /*widget social icons ===============*/ 5418 .widget.widget_corporate_solutions_social_icons .social-links li { 5419 margin: 0; 5420 padding: 0; 5421 border: none; 5422 } 5423 5424 .widget.widget_corporate_solutions_social_icons .social-links li a { 5425 opacity: 0.8; 5426 color: #fff; 5427 margin: 0; 5428 } 5429 5430 .widget.widget_corporate_solutions_social_icons .social-links li a:focus, .widget.widget_corporate_solutions_social_icons .social-links li a:hover { 5431 color: #fff; 5432 opacity: 1; 5433 } 5434 5435 /*widget social icons ===============*/ 5436 /* Media 5437 --------------------------------------------- */ 5438 .page-content .wp-smiley, 5439 .entry-content .wp-smiley, 5440 .comment-content .wp-smiley { 5441 border: none; 5442 margin-bottom: 0; 5443 margin-top: 0; 5444 padding: 0; 5445 } 5446 5447 /* Make sure logo link wraps around logo image. */ 5448 .custom-logo-link { 5449 display: inline-block; 5450 } 5451 5452 /* Captions 5453 --------------------------------------------- */ 5454 .wp-caption { 5455 margin-bottom: 1.5em; 5456 max-width: 100%; 5457 } 5458 5459 .wp-caption img[class*="wp-image-"] { 5460 display: block; 5461 margin-right: auto; 5462 margin-left: auto; 5463 } 5464 5465 .wp-caption .wp-caption-text { 5466 margin: 0.8075em 0; 5467 } 5468 5469 .wp-caption-text { 5470 text-align: center; 5471 } 5472 5473 /* Galleries 5474 --------------------------------------------- */ 5475 .gallery { 5476 margin-bottom: 1.5em; 5477 display: grid; 5478 grid-gap: 1.5em; 5479 } 5480 5481 .gallery-item { 5482 display: inline-block; 5483 text-align: center; 5484 width: 100%; 5485 margin: 0; 5486 } 5487 5488 .gallery-columns-2 { 5489 grid-template-columns: repeat(2, 1fr); 5490 } 5491 5492 .gallery-columns-3 { 5493 grid-template-columns: repeat(3, 1fr); 5494 } 5495 5496 .gallery-columns-4 { 5497 grid-template-columns: repeat(4, 1fr); 5498 } 5499 5500 .gallery-columns-5 { 5501 grid-template-columns: repeat(5, 1fr); 5502 } 5503 5504 .gallery-columns-6 { 5505 grid-template-columns: repeat(6, 1fr); 5506 } 5507 5508 .gallery-columns-7 { 5509 grid-template-columns: repeat(7, 1fr); 5510 } 5511 5512 .gallery-columns-8 { 5513 grid-template-columns: repeat(8, 1fr); 5514 } 5515 5516 .gallery-columns-9 { 5517 grid-template-columns: repeat(9, 1fr); 5518 } 5519 5520 .gallery-caption { 5521 display: block; 5522 } 5523 5524 /*-------------------------------------------------------------- 5525 # Plugins 5526 --------------------------------------------------------------*/ 5527 /* Jetpack infinite scroll 5528 --------------------------------------------- */ 5529 /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ 5530 .infinite-scroll .posts-navigation, 5531 .infinite-scroll.neverending .site-footer { 5532 display: none; 5533 } 5534 5535 /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ 5536 .infinity-end.neverending .site-footer { 5537 display: block; 5538 } 5539 5540 /*-------------------------------------------------------------- 5541 # Utilities 5542 --------------------------------------------------------------*/ 5543 /* Accessibility 5544 --------------------------------------------- */ 5545 /* Text meant only for screen readers. */ 5546 .screen-reader-text { 5547 border: 0; 5548 clip: rect(1px, 1px, 1px, 1px); 5549 clip-path: inset(50%); 5550 height: 1px; 5551 margin: -1px; 5552 overflow: hidden; 5553 padding: 0; 5554 position: absolute !important; 5555 width: 1px; 5556 word-wrap: normal !important; 5557 } 5558 5559 .screen-reader-text:focus { 5560 background-color: #f1f1f1; 5561 border-radius: 3px; 5562 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 5563 clip: auto !important; 5564 clip-path: none; 5565 color: #21759b; 5566 display: block; 5567 font-size: 0.875rem; 5568 font-weight: 700; 5569 height: auto; 5570 right: 5px; 5571 line-height: normal; 5572 padding: 15px 23px 14px; 5573 text-decoration: none; 5574 top: 5px; 5575 width: auto; 5576 z-index: 100000; 5577 } 5578 5579 /* Do not show the outline on the skip link target. */ 5580 #primary[tabindex="-1"]:focus { 5581 outline: 0; 5582 } 5583 5584 /* Alignments 5585 --------------------------------------------- */ 5586 5587 .wp-block-image .alignright { 5900 5588 float: none; 5901 5589 margin: 0; 5902 } 5903 5904 .alignleft { 5905 float: left; 5906 margin-right: 1.5em; 5907 margin-bottom: 1.5em; 5908 } 5909 5910 .alignright { 5911 float: right; 5912 margin-left: 1.5em; 5913 margin-bottom: 1.5em; 5914 } 5915 5916 .aligncenter { 5917 clear: both; 5918 display: block; 5919 margin-right: auto; 5920 margin-left: auto; 5921 margin-bottom: 1.5em; 5922 } 5923 5924 5925 /* Header CSS start 5926 --------------------------------------------- */ 5927 5928 .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover { 5590 } 5591 5592 .alignleft { 5593 float: left; 5594 margin-right: 1.5em; 5595 margin-bottom: 1.5em; 5596 } 5597 5598 .alignright { 5599 float: right; 5600 margin-left: 1.5em; 5601 margin-bottom: 1.5em; 5602 } 5603 5604 .aligncenter { 5605 clear: both; 5606 display: block; 5607 margin-right: auto; 5608 margin-left: auto; 5609 margin-bottom: 1.5em; 5610 } 5611 5612 /* Header CSS start 5613 --------------------------------------------- */ 5614 .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover { 5929 5615 background: #000; 5930 } 5931 5932 p.site-title { 5616 } 5617 p.site-title { 5933 5618 font-size: 30px; 5934 5619 font-weight: 600; 5935 5620 margin: 0; 5936 } 5937 5938 form.woo-pro-search input#woocommerce-product-search-field { 5621 } 5622 form.woo-pro-search input#woocommerce-product-search-field { 5939 5623 border: 1px solid #ccc; 5940 5624 border-radius: 30px; 5941 5625 padding: 10px 15px; 5942 } 5943 5944 form.woo-pro-search button.search-button { 5626 } 5627 form.woo-pro-search button.search-button { 5945 5628 position: absolute; 5946 5629 color: #fff; … … 5952 5635 height: 35px; 5953 5636 padding: 0; 5954 } 5955 5956 .user-account a, 5957 a.cart-customlocation { 5637 } 5638 .user-account a,a.cart-customlocation { 5958 5639 font-size: 18px; 5959 } 5960 5961 .page-template-front-page .header-background-image { 5962 height: auto; 5963 background: transparent; 5964 } 5965 5966 5967 /* body.home .header-main-wrapper { 5968 position: absolute; 5969 width: 100%; 5970 z-index: 9999; 5971 padding-top: 20px; 5972 } */ 5973 5974 .header-main-wrapper { 5640 } 5641 5642 .page-template-front-page .header-background-image{ 5643 height: auto; 5644 background: transparent; 5645 } 5646 /* body.home .header-main-wrapper { 5647 position: absolute; 5648 width: 100%; 5649 z-index: 9999; 5650 padding-top: 20px; 5651 } */ 5652 .header-main-wrapper { 5975 5653 padding: 20px 0; 5976 } 5977 5978 .contact-icon { 5654 } 5655 .contact-icon { 5979 5656 display: contents; 5980 } 5981 5982 .header-contact-inner { 5657 } 5658 .header-contact-inner { 5983 5659 display: flex; 5984 5660 align-items: center; … … 5987 5663 background-image: var(--background-color-gradiant); 5988 5664 padding: 10px 20px; 5989 } 5990 5991 .header-contact-inner p { 5665 } 5666 .header-contact-inner p { 5992 5667 margin-bottom: 0; 5993 5668 margin-top: 0; 5994 }5995 5996 .contact-icon i {5669 } 5670 5671 .contact-icon i { 5997 5672 font-size: 35px; 5998 } 5999 6000 header.site-header { 6001 position: relative; 6002 } 6003 6004 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper, 6005 .services-part-wrapper { 6006 display: flex; 6007 align-items: center; 6008 flex-wrap: nowrap; 6009 justify-content: space-between; 6010 } 6011 6012 @media only screen and (max-width: 600px) { 6013 body.home .header-main-wrapper { 6014 position: relative; 6015 } 6016 .header-main-wrapper { 6017 position: relative; 6018 } 6019 } 6020 6021 @media (max-width: 480px) { 6022 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part { 6023 align-self: center; 6024 } 6025 } 6026 6027 @media (max-width: 375px) { 6028 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity { 6029 text-align: center; 6030 } 6031 } 6032 6033 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title { 6034 font-size: 30px; 6035 line-height: 1.1; 6036 margin: 0; 6037 } 6038 6039 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a { 6040 text-decoration: none; 6041 color: var(--header-text-color); 6042 } 6043 6044 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a:focus { 6045 outline-offset: 2px; 6046 } 6047 6048 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 6049 margin-bottom: 0; 6050 margin-top: 5px; 6051 color: var(--header-text-color); 6052 } 6053 6054 @media (max-width: 480px) { 6055 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 6056 font-size: 0.8rem; 6057 margin-top: 0; 6058 } 6059 } 6060 6061 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 6062 display: flex; 6063 gap: 20px; 6064 align-items: center; 6065 } 6066 6067 @media (max-width: 600px) { 6068 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 6069 position: relative; 6070 } 6071 .service-single { 6072 width: 100%; 6073 } 6074 } 6075 6076 @media (max-width: 480px) { 6077 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 6078 width: 100%; 6079 justify-content: space-between; 6080 min-height: 55px; 6081 } 6082 } 6083 6084 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part { 6085 display: flex; 6086 } 6087 6088 @media (min-width: 601px) { 6089 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part { 6090 display: none; 6091 } 6092 } 6093 6094 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact { 6095 border-block: 1px solid #f1f1f1; 6096 padding-block: 15px; 6097 display: flex; 6098 flex-direction: column; 6099 gap: 10px; 6100 } 6101 6102 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons { 6103 padding: 10px 20px; 6104 } 6105 6106 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links { 6107 display: flex; 6108 } 6109 6110 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links a { 6111 padding: 0; 6112 } 6113 6114 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search { 6115 display: flex; 6116 align-items: center; 6117 gap: 10px; 6118 } 6119 6120 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .asterthemes-custom-button a { 6121 padding: 6px 30px; 6122 } 6123 6124 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 6125 width: 25px; 6126 position: unset; 6127 display: inline-block; 6128 text-align: center; 6129 } 6130 6131 @media (min-width: 601px) { 6132 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 6133 display: none; 6134 } 6135 } 6136 6137 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon { 6138 display: flex; 6139 justify-content: center; 6140 align-items: center; 6141 width: 25px; 6142 height: 25px; 6143 border-radius: 50%; 6144 font-size: 14px; 6145 color: var(--color-text-main); 6146 font-weight: 700; 6147 text-align: center; 6148 text-decoration: none; 6149 outline: 0; 6150 } 6151 6152 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:hover { 6153 color: var(--primary-color); 6154 } 6155 6156 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:focus-within { 6157 color: var(--primary-color); 6158 outline: 1px dashed var(--primary-color); 6159 } 6160 6161 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form { 6162 position: absolute; 6163 background: #fff; 6164 left: 0; 6165 opacity: 0; 6166 visibility: hidden; 6167 top: 100%; 6168 width: 100%; 6169 padding: 14px; 6170 z-index: 99; 6171 } 6172 6173 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form { 6174 display: flex; 6175 } 6176 6177 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label { 6178 width: 75%; 6179 } 6180 6181 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label input { 6182 width: 100%; 6183 } 6184 6185 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form input.search-submit { 6186 border: 1px solid var(--primary-color); 6187 background-color: var(--primary-color); 6188 color: #fff; 6189 padding: 0px; 6190 font-size: 13px; 6191 width: 25%; 6192 margin: 0; 6193 } 6194 6195 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap.show .header-search-form { 6196 margin: 0; 6197 opacity: 1; 6198 visibility: visible; 6199 } 6200 6201 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header { 6202 position: fixed; 6203 width: 100%; 6204 top: 0; 6205 z-index: 15; 6206 background-color: var(--background-color-white); 6207 border-bottom: 1px solid #f3f1ef; 6208 z-index: 999; 6209 } 6210 6211 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 6212 color: var(--primary-color); 6213 } 6214 6215 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 6216 color: var(--color-text-main); 6217 } 6218 6219 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a { 6220 color: var(--primary-color); 6221 } 6222 6223 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-description { 6224 color: #fff; 6225 } 6226 6227 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 6228 color: var(--primary-color); 6229 } 6230 6231 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 6232 color: var(--color-text-main); 6233 } 6234 6235 @media (min-width: 1024px) { 6236 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6237 top: 32px; 6238 } 6239 } 6240 6241 @media (min-width: 601px) and (max-width: 768px) { 6242 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6243 top: 46px; 6244 } 6245 } 6246 6247 body.scroll-up header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6248 transform: translateY(0); 6249 transition: all 0.3s ease; 6250 } 6251 6252 body:not(.scroll-up) header.site-header .header-main-wrapper .bottom-header-part.fix-header { 6253 transform: translateY(-100%); 6254 transition: all 0.3s ease; 6255 } 6256 6257 6258 /* Header CSS end 6259 --------------------------------------------- */ 6260 6261 6262 /* frontpage section CSS start 6263 --------------------------------------------- */ 6264 6265 .asterthemes-frontpage-section { 5673 } 5674 5675 header.site-header { 5676 position: relative; 5677 z-index: 2; 5678 } 5679 5680 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper, .services-part-wrapper { 5681 display: flex; 5682 align-items: center; 5683 flex-wrap: nowrap; 5684 justify-content: space-between; 5685 } 5686 @media only screen and (max-width: 600px) { 5687 body.home .header-main-wrapper{ 5688 position:relative ; 5689 } 5690 .header-main-wrapper { 5691 position: relative; 5692 } 5693 } 5694 5695 @media (max-width: 480px) { 5696 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part { 5697 align-self: center; 5698 } 5699 } 5700 5701 @media (max-width: 375px) { 5702 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity { 5703 text-align: center; 5704 } 5705 } 5706 5707 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title { 5708 font-size: 30px; 5709 line-height: 1.1; 5710 margin: 0; 5711 } 5712 5713 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a { 5714 text-decoration: none; 5715 color: var(--header-text-color); 5716 } 5717 5718 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-title a:focus { 5719 outline-offset: 2px; 5720 } 5721 5722 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 5723 margin-bottom: 0; 5724 margin-top: 5px; 5725 color: var(--header-text-color); 5726 } 5727 5728 @media (max-width: 480px) { 5729 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-left-part .site-branding .site-identity .site-description { 5730 font-size: 0.8rem; 5731 margin-top: 0; 5732 } 5733 } 5734 5735 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 5736 display: flex; 5737 gap: 20px; 5738 align-items: center; 5739 } 5740 5741 @media (max-width: 600px) { 5742 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 5743 position: relative; 5744 } 5745 .service-single { 5746 width: 100%; 5747 } 5748 } 5749 5750 @media (max-width: 480px) { 5751 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part { 5752 width: 100%; 5753 justify-content: space-between; 5754 min-height: 55px; 5755 } 5756 } 5757 5758 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part { 5759 display: flex; 5760 } 5761 5762 @media (min-width: 601px) { 5763 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part { 5764 display: none; 5765 } 5766 } 5767 5768 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .top-header-contact { 5769 border-block: 1px solid #f1f1f1; 5770 padding-block: 15px; 5771 display: flex; 5772 flex-direction: column; 5773 gap: 10px; 5774 } 5775 5776 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons { 5777 padding: 10px 20px; 5778 } 5779 5780 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links { 5781 display: flex; 5782 } 5783 5784 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .navigation-part .main-navigation-links .top-header-inside-part .social-icons .social-links a { 5785 padding: 0; 5786 } 5787 5788 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search { 5789 display: flex; 5790 align-items: center; 5791 gap: 10px; 5792 } 5793 5794 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .asterthemes-custom-button a { 5795 padding: 6px 30px; 5796 } 5797 5798 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 5799 width: 25px; 5800 position: unset; 5801 display: inline-block; 5802 text-align: center; 5803 } 5804 5805 @media (min-width: 601px) { 5806 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search { 5807 display: none; 5808 } 5809 } 5810 5811 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon { 5812 display: flex; 5813 justify-content: center; 5814 align-items: center; 5815 width: 25px; 5816 height: 25px; 5817 border-radius: 50%; 5818 font-size: 14px; 5819 color: var(--color-text-main); 5820 font-weight: 700; 5821 text-align: center; 5822 text-decoration: none; 5823 outline: 0; 5824 } 5825 5826 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:hover { 5827 color: var(--primary-color); 5828 } 5829 5830 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-icon:focus-within { 5831 color: var(--primary-color); 5832 outline: 1px dashed var(--primary-color); 5833 } 5834 5835 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form { 5836 position: absolute; 5837 background: #fff; 5838 left: 0; 5839 opacity: 0; 5840 visibility: hidden; 5841 top: 100%; 5842 width: 100%; 5843 padding: 14px; 5844 z-index: 99; 5845 } 5846 5847 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form { 5848 display: flex; 5849 } 5850 5851 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label { 5852 width: 75%; 5853 } 5854 5855 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form label input { 5856 width: 100%; 5857 } 5858 5859 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap .header-search-form .search-form input.search-submit { 5860 border: 1px solid var(--primary-color); 5861 background-color: var(--primary-color); 5862 color: #fff; 5863 padding: 0px; 5864 font-size: 13px; 5865 width: 25%; 5866 margin: 0; 5867 } 5868 5869 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .bottom-header-right-part .header-custom-btn-search .header-search .header-search-wrap.show .header-search-form { 5870 margin: 0; 5871 opacity: 1; 5872 visibility: visible; 5873 } 5874 5875 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header { 5876 position: fixed; 5877 width: 100%; 5878 top: 0; 5879 z-index: 15; 5880 background-color: var(--background-color-white); 5881 border-bottom: 1px solid #f3f1ef; 5882 z-index: 999; 5883 } 5884 5885 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 5886 color: var(--primary-color); 5887 } 5888 5889 header.site-header .header-main-wrapper .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 5890 color: var(--color-text-main); 5891 } 5892 5893 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-title a { 5894 color: var(--primary-color); 5895 } 5896 5897 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part .bottom-header-part-wrapper .site-branding .site-identity .site-description { 5898 color: #fff; 5899 } 5900 5901 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-title a { 5902 color: var(--primary-color); 5903 } 5904 5905 header.site-header .header-main-wrapper:not(.transparent-header) .bottom-header-outer-wrapper .bottom-header-part.fix-header .site-branding .site-identity .site-description { 5906 color: var(--color-text-main); 5907 } 5908 5909 @media (min-width: 1024px) { 5910 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5911 top: 32px; 5912 } 5913 } 5914 5915 @media (min-width: 601px) and (max-width: 768px) { 5916 body.admin-bar header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5917 top: 46px; 5918 } 5919 } 5920 5921 body.scroll-up header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5922 transform: translateY(0); 5923 transition: all 0.3s ease; 5924 } 5925 5926 body:not(.scroll-up) header.site-header .header-main-wrapper .bottom-header-part.fix-header { 5927 transform: translateY(-100%); 5928 transition: all 0.3s ease; 5929 } 5930 5931 /* Header CSS end 5932 --------------------------------------------- */ 5933 /* frontpage section CSS start 5934 --------------------------------------------- */ 5935 .asterthemes-frontpage-section { 6266 5936 padding: 80px 0; 6267 } 6268 6269 @media screen and (max-width: 992px) and (min-width: 600px) { 6270 .asterthemes-frontpage-section { 6271 padding: 40px 0; 6272 } 6273 } 6274 6275 @media (max-width: 768px) { 6276 .asterthemes-frontpage-section { 6277 padding: 40px 0 !important; 6278 } 6279 } 6280 6281 .asterthemes-frontpage-section.asterthemes-grey-background { 6282 background: var(--background-color-grey); 6283 } 6284 6285 .asterthemes-frontpage-section.asterthemes-dark-background { 6286 background: var(--background-color-dark); 6287 } 6288 6289 .asterthemes-frontpage-section.section-has-background:not(.cta-style-2) + .section-has-background:not(.cta-style-2) { 6290 margin-top: 0; 6291 } 6292 6293 6294 /* frontpage section CSS end 6295 --------------------------------------------- */ 6296 6297 6298 /* banner section CSS start 6299 --------------------------------------------- */ 6300 6301 .banner-section:not(:first-child) { 6302 margin-bottom: 0; 6303 } 6304 6305 .banner-section:last-child { 6306 margin-bottom: 0; 6307 margin-top: 80px; 6308 } 6309 6310 @media screen and (max-width: 992px) and (min-width: 600px) { 6311 .banner-section:last-child { 6312 margin-top: 40px; 6313 } 6314 .service-single { 6315 width: 47%; 6316 } 6317 } 6318 6319 @media (max-width: 768px) { 6320 .banner-section:last-child { 6321 margin-top: 40px; 6322 } 6323 } 6324 6325 .banner-section.banner-style-1 .banner-single { 6326 position: relative; 6327 min-height: 750px; 6328 display: flex !important; 6329 flex-direction: column; 6330 justify-content: center; 6331 } 6332 6333 @media (max-width: 1024px) { 6334 .banner-section.banner-style-1 .banner-single { 6335 min-height: 650px; 6336 } 6337 } 6338 6339 @media (max-width: 768px) { 6340 .banner-section.banner-style-1 .banner-single { 6341 min-height: 550px; 6342 } 6343 } 6344 6345 @media (max-width: 600px) { 6346 .banner-section.banner-style-1 .banner-single { 6347 min-height: 480px; 6348 } 6349 } 6350 6351 .banner-section.banner-style-1 .banner-single .banner-img { 6352 position: absolute; 6353 top: 0; 6354 right: 0; 6355 width: 100%; 6356 height: 100%; 6357 } 6358 6359 .banner-section.banner-style-1 .banner-single .banner-img img { 6360 width: 100%; 6361 height: 100%; 6362 object-fit: cover; 6363 } 6364 6365 .banner-section.banner-style-1 .banner-single .banner-img::after { 6366 position: absolute; 6367 content: ""; 6368 top: 0; 6369 right: 0; 6370 width: 100%; 6371 height: 100%; 6372 background-color: #202020; 6373 opacity: 0.4; 6374 } 6375 6376 .banner-section.banner-style-1 .banner-single .banner-caption { 6377 position: absolute; 5937 } 5938 5939 @media screen and (max-width: 992px) and (min-width: 600px) { 5940 .asterthemes-frontpage-section { 5941 padding: 40px 0; 5942 } 5943 } 5944 5945 @media (max-width: 768px) { 5946 .asterthemes-frontpage-section { 5947 padding: 40px 0 !important; 5948 } 5949 } 5950 5951 .asterthemes-frontpage-section.asterthemes-grey-background { 5952 background: var(--background-color-grey); 5953 } 5954 5955 .asterthemes-frontpage-section.asterthemes-dark-background { 5956 background: var(--background-color-dark); 5957 } 5958 5959 .asterthemes-frontpage-section.section-has-background:not(.cta-style-2) + .section-has-background:not(.cta-style-2) { 5960 margin-top: 0; 5961 } 5962 5963 /* frontpage section CSS end 5964 --------------------------------------------- */ 5965 /* banner section CSS start 5966 --------------------------------------------- */ 5967 5968 .banner-section:not(:first-child) { 5969 margin-bottom: 0; 5970 } 5971 5972 .banner-section:last-child { 5973 margin-bottom: 0; 5974 margin-top: 80px; 5975 } 5976 5977 @media screen and (max-width: 992px) and (min-width: 600px) { 5978 .banner-section:last-child { 5979 margin-top: 40px; 5980 } 5981 .service-single { 5982 width:47%; 5983 } 5984 } 5985 5986 @media (max-width: 768px) { 5987 .banner-section:last-child { 5988 margin-top: 40px; 5989 } 5990 } 5991 5992 .banner-section.banner-style-1 .banner-single { 5993 position: relative; 5994 min-height: 750px; 5995 display: flex !important; 5996 flex-direction: column; 5997 justify-content: center; 5998 } 5999 6000 @media (max-width: 1024px) { 6001 .banner-section.banner-style-1 .banner-single { 6002 min-height: 650px; 6003 } 6004 } 6005 6006 @media (max-width: 768px) { 6007 .banner-section.banner-style-1 .banner-single { 6008 min-height: 550px; 6009 } 6010 } 6011 6012 @media (max-width: 600px) { 6013 .banner-section.banner-style-1 .banner-single { 6014 min-height: 480px; 6015 } 6016 } 6017 6018 .banner-section.banner-style-1 .banner-single .banner-img { 6019 position: absolute; 6020 top: 0; 6021 right: 0; 6022 width: 100%; 6023 height: 100%; 6024 } 6025 6026 .banner-section.banner-style-1 .banner-single .banner-img img { 6027 width: 100%; 6028 height: 100%; 6029 object-fit: cover; 6030 } 6031 6032 .banner-section.banner-style-1 .banner-single .banner-img::after { 6033 position: absolute; 6034 content: ""; 6035 top: 0; 6036 right: 0; 6037 width: 100%; 6038 height: 100%; 6039 background-color: #202020; 6040 opacity: 0.4; 6041 } 6042 6043 .banner-section.banner-style-1 .banner-single .banner-caption { 6044 position: absolute; 6378 6045 z-index: 1; 6379 6046 color: var(--color-text-white); … … 6384 6051 left: 35%; 6385 6052 text-align: center; 6386 }6387 6388 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper {6389 visibility: hidden;6390 }6391 6392 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-subtitle {6393 font-size: var(--font-size-md);6394 font-family: var(--font-heading);6395 font-weight: normal;6396 margin: 0;6397 line-height: 1.2;6398 color: var(--color-text-white);6399 }6400 6401 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title {6053 } 6054 6055 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper { 6056 visibility: hidden; 6057 } 6058 6059 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-subtitle { 6060 font-size: var(--font-size-md); 6061 font-family: var(--font-heading); 6062 font-weight: normal; 6063 margin: 0; 6064 line-height: 1.2; 6065 color: var(--color-text-white); 6066 } 6067 6068 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title { 6402 6069 font-size: 41px; 6403 6070 margin-top: 10px; … … 6407 6074 color: var(--color-text-white); 6408 6075 font-weight: bold; 6409 } 6410 6411 @media (max-width: 480px) { 6412 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title { 6413 font-size: var(--font-size-xxl); 6414 } 6415 .services-part-wrapper { 6416 display: block; 6417 } 6418 } 6419 6420 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-description p { 6421 font-size: 16px; 6422 } 6423 6424 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-slider-btn { 6425 display: inline-block; 6426 } 6427 6428 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper, 6429 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper { 6430 visibility: visible; 6431 } 6432 6433 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle, 6434 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title, 6435 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description, 6436 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn, 6437 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle, 6438 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title, 6439 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description, 6440 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn { 6441 transform-origin: top; 6442 animation-name: asterthemes-animation1; 6443 animation-fill-mode: both; 6444 animation-duration: 0.7s; 6445 } 6446 6447 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle, 6448 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle { 6449 animation-delay: 0.2s; 6450 } 6451 6452 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title, 6453 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title { 6454 animation-delay: 0.3s; 6455 } 6456 6457 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description, 6458 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description { 6459 animation-delay: 0.4s; 6460 } 6461 6462 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn, 6463 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn { 6464 animation-delay: 0.5s; 6465 } 6466 6467 @keyframes asterthemes-animation1 { 6468 from { 6469 opacity: 0; 6470 transform: translateY(100px); 6471 } 6472 to { 6473 opacity: 1; 6474 transform: translateY(0); 6475 } 6476 } 6477 6478 6479 /* 6480 --------------------------------------------- */ 6481 6482 6483 /* footer CSS start 6484 --------------------------------------------- */ 6485 6486 .dt_footer-widgets .footer-widgets-column { 6076 } 6077 6078 @media (max-width: 480px) { 6079 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-caption-title { 6080 font-size: var(--font-size-xxl); 6081 } 6082 .services-part-wrapper{ 6083 display: block; 6084 } 6085 6086 } 6087 6088 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .caption-description p { 6089 font-size: 16px; 6090 } 6091 6092 .banner-section.banner-style-1 .banner-single .banner-caption .banner-catption-wrapper .banner-slider-btn { 6093 display: inline-block; 6094 } 6095 6096 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper, 6097 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper { 6098 visibility: visible; 6099 } 6100 6101 /* 6102 --------------------------------------------- */ 6103 /* footer CSS start 6104 --------------------------------------------- */ 6105 .dt_footer-widgets .footer-widgets-column { 6487 6106 display: flex; 6488 6107 flex-wrap: nowrap; 6489 padding: 20px 0;6108 padding: 20px 0; 6490 6109 justify-content: center; 6491 } 6110 } 6111 .footer-one-column { 6112 width: 25%; 6113 } 6114 .site-footer { 6115 background: #202020; 6116 } 6117 6118 footer#colophon { 6119 background-size: 100% 100%; 6120 } 6121 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6122 width: 25%; 6123 flex-shrink: 0; 6124 padding: 0 15px; 6125 color: var(--color-text-white); 6126 } 6127 6128 @media (max-width: 768px) { 6129 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6130 width: 50%; 6131 } 6132 } 6133 6134 @media (max-width: 480px) { 6135 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6136 width: 100%; 6137 } 6138 a.corporate-solutions-scroll-to-top{ 6139 height: 40px!important; 6140 width: 40px!important; 6141 } 6142 } 6143 6144 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h1, 6145 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h2, 6146 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h3, 6147 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h4, 6148 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h5, 6149 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h6 { 6150 margin-top: 0; 6151 } 6152 6153 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title { 6154 color: var(--primary-color); 6155 } 6156 6157 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a, 6158 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a { 6159 color: var(--color-text-white); 6160 } 6161 6162 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus, .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover, 6163 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:focus, 6164 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:hover { 6165 color: var(--primary-color); 6166 } 6167 6168 .site-footer .site-footer-bottom { 6169 position: relative; 6170 padding: 15px 0; 6171 z-index: 1; 6172 color: var(--color-text-white); 6173 background-image: var(--background-color-gradiant); 6174 } 6175 6176 .site-footer .site-footer-bottom .site-footer-bottom-wrapper { 6177 display: flex; 6178 flex-wrap: wrap; 6179 align-items: center; 6180 justify-content: center; 6181 position: relative; 6182 } 6183 6184 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a { 6185 color: var(--color-text-white); 6186 text-decoration: none; 6187 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6188 } 6189 6190 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus, .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover { 6191 color: #000; 6192 } 6193 6194 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .social-icons ul.social-links { 6195 margin: 0; 6196 padding: 0; 6197 list-style: none; 6198 } 6199 6200 .site-footer .site-footer-bottom::before { 6201 position: absolute; 6202 content: ''; 6203 top: 0; 6204 right: 0; 6205 height: 100%; 6206 width: 100%; 6207 background: #d9d9d9; 6208 opacity: 0.1; 6209 } 6210 6211 /* footer CSS end 6212 --------------------------------------------- */ 6213 6214 /* footer social icons CSS start 6215 --------------------------------------------- */ 6216 6217 .socialicons{ 6218 text-align: center; 6219 background-color: #000; 6220 padding: 10px 0; 6221 } 6222 .socialicons a{ 6223 color: #fff; 6224 font-size: 16px; 6225 padding: 5px; 6226 cursor: pointer; 6227 } 6492 6228 6493 .footer-one-column { 6494 width: 25%; 6495 } 6496 6497 .site-footer { 6498 background: #202020; 6499 } 6500 6501 footer#colophon { 6502 background-size: 100% 100%; 6503 } 6504 6505 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6506 width: 25%; 6507 flex-shrink: 0; 6508 padding: 0 15px; 6509 color: var(--color-text-white); 6510 } 6511 6512 @media (max-width: 768px) { 6513 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6514 width: 50%; 6515 } 6516 } 6517 6518 @media (max-width: 480px) { 6519 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single { 6520 width: 100%; 6521 } 6522 a.corporate-solutions-scroll-to-top { 6523 height: 40px!important; 6524 width: 40px!important; 6525 } 6526 } 6527 6528 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h1, 6529 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h2, 6530 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h3, 6531 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h4, 6532 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h5, 6533 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single h6 { 6534 margin-top: 0; 6535 } 6536 6537 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget .widget-title { 6538 color: var(--primary-color); 6539 } 6540 6541 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a, 6542 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a { 6543 color: var(--color-text-white); 6544 } 6545 6546 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:focus, 6547 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ul li a:hover, 6548 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:focus, 6549 .site-footer .site-footer-top .footer-widgets-wrapper .footer-widget-single .widget ol li a:hover { 6550 color: var(--primary-color); 6551 } 6552 6553 .site-footer .site-footer-bottom { 6554 position: relative; 6555 padding: 15px 0; 6556 z-index: 1; 6557 color: var(--color-text-white); 6558 background-image: var(--background-color-gradiant); 6559 } 6560 6561 .site-footer .site-footer-bottom .site-footer-bottom-wrapper { 6562 display: flex; 6563 flex-wrap: wrap; 6564 align-items: center; 6565 justify-content: center; 6566 position: relative; 6567 } 6568 6569 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a { 6570 color: var(--color-text-white); 6571 text-decoration: none; 6572 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6573 } 6574 6575 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:focus, 6576 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .site-info a:hover { 6577 color: #000; 6578 } 6579 6580 .site-footer .site-footer-bottom .site-footer-bottom-wrapper .social-icons ul.social-links { 6581 margin: 0; 6582 padding: 0; 6583 list-style: none; 6584 } 6585 6586 .site-footer .site-footer-bottom::before { 6587 position: absolute; 6588 content: ''; 6589 top: 0; 6590 right: 0; 6591 height: 100%; 6592 width: 100%; 6593 background: #d9d9d9; 6594 opacity: 0.1; 6595 } 6596 6597 6598 /* footer CSS end 6599 --------------------------------------------- */ 6600 6601 6602 /* scroll to top CSS start 6603 --------------------------------------------- */ 6604 6605 a.corporate-solutions-scroll-to-top { 6606 position: fixed; 6607 bottom: 55px; 6608 left: 30px; 6609 height: 50px; 6610 width: 50px; 6611 opacity: 0; 6612 visibility: hidden; 6613 z-index: 17; 6614 display: flex; 6615 align-items: center; 6616 justify-content: center; 6617 text-decoration: none; 6618 color: #fff; 6619 background-image: var(--background-color-gradiant); 6620 border: 1px solid var(--color-text-white); 6621 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6622 border-radius: 5px; 6623 } 6624 6625 a.corporate-solutions-scroll-to-top:hover, 6626 a.corporate-solutions-scroll-to-top:focus { 6627 box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15); 6628 transform: translateY(-10px); 6629 } 6630 6631 a.corporate-solutions-scroll-to-top.show { 6632 opacity: 1; 6633 visibility: visible; 6634 } 6635 6636 6637 /* scroll to top CSS end 6638 --------------------------------------------- */ 6639 6640 .mfp-iframe-holder .mfp-close, 6641 .mfp-image-holder .mfp-close { 6642 width: auto; 6643 padding: 10px; 6644 display: flex; 6645 align-items: center; 6646 justify-content: center; 6647 } 6648 6649 .mfp-iframe-holder .mfp-close:focus, 6650 .mfp-image-holder .mfp-close:focus { 6651 outline: 1px dotted; 6652 } 6653 6654 6655 /* give plugin CSS start 6656 --------------------------------------------- */ 6657 6658 .give_notices { 6659 padding-inline-start: 18px; 6660 } 6661 6662 .give-btn { 6663 font-weight: 700; 6664 } 6665 6666 .give-btn:hover { 6667 color: var(--primary-color); 6668 background-color: #fff; 6669 } 6670 6671 .give-embed-form-wrapper.modal:after { 6672 background-color: #ffffffe6; 6673 } 6674 6675 .give-embed-form-wrapper.modal .close-btn { 6676 opacity: 0.7; 6677 } 6678 6679 .site-footer .give-goal-progress .income { 6680 color: #fff; 6681 } 6682 6683 6684 /*-------- blog post CSS -------*/ 6685 6686 .mag-post-single img { 6687 height: 100%; 6688 max-height: 300px; 6689 width: 100%; 6690 border-radius: 10px; 6691 object-fit: cover; 6692 } 6693 6694 .mag-post-single, 6695 .related-posts .mag-post-single { 6229 /* footer social icons CSS end 6230 --------------------------------------------- */ 6231 6232 /* scroll to top CSS start 6233 --------------------------------------------- */ 6234 a.corporate-solutions-scroll-to-top { 6235 position: fixed; 6236 bottom: 55px; 6237 left: 30px; 6238 height: 50px; 6239 width: 50px; 6240 opacity: 0; 6241 visibility: hidden; 6242 z-index: 17; 6243 display: flex; 6244 align-items: center; 6245 justify-content: center; 6246 text-decoration: none; 6247 color: #fff; 6248 background-image: var(--background-color-gradiant); 6249 border: 1px solid var(--color-text-white); 6250 transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1); 6251 border-radius: 5px; 6252 } 6253 6254 a.corporate-solutions-scroll-to-top:hover, a.corporate-solutions-scroll-to-top:focus { 6255 box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15); 6256 transform: translateY(-10px); 6257 } 6258 6259 a.corporate-solutions-scroll-to-top.show { 6260 opacity: 1; 6261 visibility: visible; 6262 } 6263 6264 /* scroll to top CSS end 6265 --------------------------------------------- */ 6266 .mfp-iframe-holder .mfp-close, 6267 .mfp-image-holder .mfp-close { 6268 width: auto; 6269 padding: 10px; 6270 display: flex; 6271 align-items: center; 6272 justify-content: center; 6273 } 6274 6275 .mfp-iframe-holder .mfp-close:focus, 6276 .mfp-image-holder .mfp-close:focus { 6277 outline: 1px dotted; 6278 } 6279 6280 /* give plugin CSS start 6281 --------------------------------------------- */ 6282 .give_notices { 6283 padding-inline-start: 18px; 6284 } 6285 6286 .give-btn { 6287 font-weight: 700; 6288 } 6289 6290 .give-btn:hover { 6291 color: var(--primary-color); 6292 background-color: #fff; 6293 } 6294 6295 .give-embed-form-wrapper.modal:after { 6296 background-color: #ffffffe6; 6297 } 6298 6299 .give-embed-form-wrapper.modal .close-btn { 6300 opacity: 0.7; 6301 } 6302 6303 .site-footer .give-goal-progress .income { 6304 color: #fff; 6305 } 6306 6307 6308 /*-------- blog post CSS -------*/ 6309 .mag-post-single img { 6310 height: 100%; 6311 max-height: 300px; 6312 width: 100%; 6313 border-radius: 10px; 6314 object-fit: cover; 6315 } 6316 .mag-post-single, .related-posts .mag-post-single{ 6696 6317 background: #e0f1f1; 6697 6318 padding: 20px; … … 6702 6323 border: 1px solid; 6703 6324 box-shadow: #0000004f 0px 0px 8px; 6704 border-right: 5px solid var(--primary-color) !important; 6705 border-left: 5px solid var(--primary-color) !important; 6706 } 6707 6708 .sticky .mag-post-single:before { 6325 border-right: 5px solid var(--primary-color) !important; 6326 border-left: 5px solid var(--primary-color) !important; 6327 } 6328 .sticky .mag-post-single:before { 6709 6329 position: absolute; 6710 6330 content: ''; … … 6716 6336 z-index: -1; 6717 6337 border-radius: 20px; 6718 opacity: 30%; 6719 } 6720 6721 .sticky .mag-post-single { 6338 opacity: 30%; 6339 } 6340 .sticky .mag-post-single { 6722 6341 position: relative; 6723 z-index: 0;6724 }6725 6726 6727 /*woocommerce css*/ 6728 6729 .woocommerce ul.products li span.price { 6730 margin: 0 5px; 6731 }6732 6733 .woocommerce ul.products li.product a img { 6734 margin: 0; 6735 } 6736 6737 .woocommerce h2.woocommerce-loop-product__title { 6738 color: #fff; 6739 } 6740 6741 .woocommerce h2.woocommerce-loop-product__title:hover{6742 color: var(--background-color-gradiant);6743 }6744 6745 p.price,6746 .woocommerce ul.products li.product.price,6747 .woocommerce div.product p.price,6748 .woocommerce div.product span.price {6749 color: #fff;6750 font-weight: bold;6751 font-size: 14px;6752 }6753 6754 span.onsale { 6755 position: absolute; 6756 top: 0; 6757 right: 0;6758 background: var(--background-color-gradiant);6759 color: #fff;6760 padding: 2px 5px;6761 font-weight: bold;6762 font-size: 10px;6763 text-transform: uppercase;6764 }6765 6766 .pro-button a, 6767 .woocommerce #respond input#submit,6768 .woocommerce a.button,6769 .woocommerce button.button,6770 .woocommerce input.button,6771 .woocommerce #respond input#submit.alt,6772 .woocommerce a.button.alt,6773 .woocommerce button.button.alt,6774 .woocommerce input.button.alt,6775 .woocommerce a.added_to_cart,6776 .woocommerce-Address-title.title a,6777 .wc-block-cart__submit-button {6778 padding: 12px 15px;6342 z-index: 0; 6343 } 6344 6345 /*woocommerce css*/ 6346 .woocommerce ul.products li span.price { 6347 margin: 0 5px; 6348 } 6349 .woocommerce ul.products li.product a img{ 6350 margin: 0; 6351 } 6352 .woocommerce h2.woocommerce-loop-product__title, 6353 .wc-block-grid__product .wc-block-grid__product-title{ 6354 color: #000; 6355 } 6356 .woocommerce h2.woocommerce-loop-product__title:hover, 6357 .wc-block-grid__product .wc-block-grid__product-title:hover{ 6358 color: var(--primary-color); 6359 } 6360 .wc-block-grid__product a{ 6361 text-decoration: none; 6362 } 6363 p.price, 6364 .woocommerce ul.products li.product .price, 6365 .woocommerce div.product p.price, 6366 .woocommerce div.product span.price, 6367 .wc-block-grid__product-price { 6368 color: #000; 6369 font-weight: bold; 6370 font-size: 14px; 6371 } 6372 .wc-block-grid__product-price del{ 6373 opacity: 0.5; 6374 } 6375 span.onsale { 6376 position: absolute; 6377 top: 0; 6378 right: 0; 6379 background: var(--background-color-gradiant); 6380 color: #fff; 6381 padding: 2px 5px; 6382 font-weight: bold; 6383 font-size: 10px; 6384 text-transform: uppercase; 6385 } 6386 .pro-button a, 6387 .woocommerce #respond input#submit, 6388 .woocommerce a.button, 6389 .woocommerce button.button, 6390 .woocommerce input.button, 6391 .woocommerce #respond input#submit.alt, 6392 .woocommerce a.button.alt, 6393 .woocommerce button.button.alt, 6394 .woocommerce input.button.alt,.woocommerce a.added_to_cart, 6395 .woocommerce-Address-title.title a, 6396 .wc-block-cart__submit-button { 6397 padding: 12px 15px; 6779 6398 color: #fff; 6780 6399 margin: 3px; … … 6782 6401 line-height: 15px; 6783 6402 background: var(--background-color-gradiant); 6784 } 6785 6786 .wc-block-cart__submit-button { 6787 color: #fff !important; 6788 } 6789 6790 .pro-button a:hover, 6791 .woocommerce #respond input#submit:hover, 6792 .woocommerce a.button:hover, 6793 .woocommerce button.button:hover, 6794 .woocommerce input.button:hover, 6795 .woocommerce #respond input#submit.alt:hover, 6796 .woocommerce a.button.alt:hover, 6797 .woocommerce button.button.alt:hover, 6798 .woocommerce input.button.alt:hover, 6799 .woocommerce ul.products li.product .button:hover, 6800 .woocommerce-Address-title.title a:hover, 6801 .wc-block-cart__submit-button:hover { 6802 background: #111111; 6803 color: #fff; 6804 } 6805 6806 .woocommerce-privacy-policy-text p { 6807 color: #202020; 6808 } 6809 6810 ins { 6811 text-decoration: none; 6812 } 6813 6814 .woocommerce ul.products li { 6403 } 6404 .wc-block-cart__submit-button{ 6405 color: #fff !important; 6406 } 6407 .pro-button a:hover, 6408 .woocommerce #respond input#submit:hover, 6409 .woocommerce a.button:hover, 6410 .woocommerce button.button:hover, 6411 .woocommerce input.button:hover, 6412 .woocommerce #respond input#submit.alt:hover, 6413 .woocommerce a.button.alt:hover, 6414 .woocommerce button.button.alt:hover, 6415 .woocommerce input.button.alt:hover, 6416 .woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a:hover,.wc-block-cart__submit-button:hover{ 6417 background: #111111; 6418 color: #fff; 6419 } 6420 .woocommerce-privacy-policy-text p{ 6421 color: #202020; 6422 } 6423 ins { 6424 text-decoration: none; 6425 } 6426 .woocommerce ul.products li { 6815 6427 text-align: center; 6816 6428 padding: 0px !important; 6817 6429 border-radius: 0px; 6430 } 6431 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { 6432 top: 0px; 6433 left: auto; 6434 right: 0px; 6435 margin: 0; 6436 line-height: 1; 6437 background: var(--background-color-gradiant); 6438 border-radius: 25px; 6439 padding: 9px 10px; 6440 border-radius: 0px; 6441 height: 33px; 6442 color: #fff; 6443 min-height: 0; 6444 text-transform: uppercase; 6445 } 6446 .woocommerce ul.products li.product .star-rating,.woocommerce .star-rating { 6447 margin: 0px auto 10px; 6448 color: #ffc53f; 6449 } 6450 .woocommerce .star-rating { 6451 font-size: 20px; 6452 } 6453 .woocommerce .woocommerce-ordering select { 6454 background: var(--background-color-gradiant); 6455 color: #fff; 6456 padding: 2px; 6457 border: 1px solid #e3e3e3; 6458 } 6459 .woocommerce .entry-summary { 6460 margin: 0; 6461 } 6462 .woocommerce .quantity .qty { 6463 padding: 8px; 6464 border: solid 2px #111111; 6465 } 6466 .woocommerce-message, 6467 .woocommerce-info,.woocommerce-error{ 6468 border-top-color: var(--background-color-gradiant); 6469 } 6470 .woocommerce-message::before, 6471 .woocommerce-info::before{ 6472 color: var(--background-color-gradiant); 6473 } 6474 input[type="text"], 6475 input[type="email"], 6476 input[type="phno"], 6477 input[type="password"], 6478 textarea { 6479 border: 1px solid #bcbcbc; 6480 width: 100%; 6481 font-size: 16px; 6482 padding: 10px 10px; 6483 margin: 0 0 23px 0; 6484 height: auto; 6485 } 6486 .woocommerce-MyAccount-content a:hover { 6487 color: #000; 6488 } 6489 .woocommerce-account .woocommerce-MyAccount-navigation ul li { 6490 display: inline-block; 6491 background: var(--background-color-gradiant); 6492 padding: 10px; 6493 font-size: 15px; 6494 font-weight: 600; 6495 white-space: nowrap; 6496 overflow-x: auto; 6497 margin: 0; 6818 6498 } 6819 6820 .woocommerce ul.products li.product .onsale, 6821 .woocommerce span.onsale { 6822 top: 0px; 6823 left: auto; 6824 right: 0px; 6825 margin: 0; 6826 line-height: 1; 6827 background: var(--background-color-gradiant); 6828 border-radius: 25px; 6829 padding: 9px 10px; 6830 border-radius: 0px; 6831 height: 33px; 6832 color: #fff; 6833 min-height: 0; 6834 text-transform: uppercase; 6835 } 6836 6837 .woocommerce ul.products li.product .star-rating, 6838 .woocommerce .star-rating { 6839 margin: 0px auto 10px; 6840 color: #ffc53f; 6841 } 6842 6843 .woocommerce .woocommerce-ordering select { 6844 background: var(--background-color-gradiant); 6845 color: #fff; 6846 padding: 2px; 6847 border: 1px solid #e3e3e3; 6848 } 6849 6850 .woocommerce .entry-summary { 6851 margin: 0; 6852 } 6853 6854 .woocommerce .quantity .qty { 6855 padding: 8px; 6856 border: solid 2px #111111; 6857 } 6858 6859 .woocommerce-message, 6860 .woocommerce-info, 6861 .woocommerce-error { 6862 border-top-color: var(--background-color-gradiant); 6863 } 6864 6865 .woocommerce-message::before, 6866 .woocommerce-info::before { 6867 color: var(--background-color-gradiant); 6868 } 6869 6870 input[type="text"], 6871 input[type="email"], 6872 input[type="phno"], 6873 input[type="password"], 6874 textarea { 6875 border: 1px solid #bcbcbc; 6876 width: 100%; 6877 font-size: 16px; 6878 padding: 10px 10px; 6879 margin: 0 0 23px 0; 6880 height: auto; 6881 } 6882 6883 .woocommerce-MyAccount-content a:hover { 6884 color: #000; 6885 } 6886 6887 .woocommerce-account .woocommerce-MyAccount-navigation ul li { 6888 display: initial; 6889 background: var(--background-color-gradiant); 6890 padding: 10px; 6891 margin-left: 5px; 6892 font-size: 15px; 6893 font-weight: 600; 6894 } 6895 6896 .woocommerce-account .woocommerce-MyAccount-navigation ul li a { 6897 color: #fff; 6898 text-decoration: none; 6899 } 6900 6901 h2.woocommerce-loop-product__title { 6902 font-size: 16px !important; 6903 padding: 8px 0 !important; 6904 } 6905 6906 .woocommerce #customer_login .col2-set .col-1, 6907 .woocommerce-page .col2-set .col-1, 6908 .woocommerce #customer_login .col2-set .col-2, 6909 .woocommerce-page .col2-set .col-2 { 6910 display: table-cell; 6911 max-width: 100%; 6912 float: none; 6913 } 6914 6915 .woocommerce ul.products li.product .button { 6916 margin-top: 0; 6917 border-radius: 3px; 6918 color: #fff; 6919 } 6920 6921 .woocommerce ul.products li.product .button:hover { 6922 color: var(--primary-color); 6923 background: #fff; 6924 } 6925 6926 .woocommerce nav.woocommerce-pagination ul li a, 6927 .woocommerce nav.woocommerce-pagination ul li span { 6499 .woocommerce-account .woocommerce-MyAccount-navigation ul li a{ 6500 color: #fff; 6501 text-decoration: none; 6502 } 6503 h2.woocommerce-loop-product__title, 6504 .wc-block-grid__product-title { 6505 font-size: 20px !important; 6506 padding: 8px 0 !important; 6507 font-weight: 700; 6508 text-decoration:none; 6509 } 6510 .woocommerce #customer_login .col2-set .col-1, .woocommerce-page .col2-set .col-1, 6511 .woocommerce #customer_login .col2-set .col-2, .woocommerce-page .col2-set .col-2{ 6512 display: table-cell; 6513 max-width: 100%; 6514 float: none; 6515 } 6516 .woocommerce ul.products li.product .button{ 6517 margin-top: 0; 6518 border-radius: 3px; 6519 color: #fff; 6520 } 6521 .woocommerce ul.products li.product .button:hover{ 6522 color: var(--primary-color); 6523 background: #fff; 6524 } 6525 .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { 6928 6526 padding: 15px 20px; 6929 6527 margin: 0 5px; … … 6931 6529 font-size: 18px; 6932 6530 font-weight: 600; 6933 } 6934 6935 .woocommerce nav.woocommerce-pagination ul li { 6531 } 6532 .woocommerce nav.woocommerce-pagination ul li{ 6936 6533 border-left: 0px; 6937 } 6938 6939 .woocommerce nav.woocommerce-pagination ul { 6534 } 6535 .woocommerce nav.woocommerce-pagination ul{ 6940 6536 border: 0px; 6941 } 6942 6943 .woocommerce nav.woocommerce-pagination ul li a:focus, 6944 .woocommerce nav.woocommerce-pagination ul li a:hover, 6945 .woocommerce nav.woocommerce-pagination ul li span.current { 6537 6538 } 6539 .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { 6946 6540 background: var(--background-color-gradiant); 6947 6541 color: #ffff; 6948 6542 margin-bottom: 35px; 6949 } 6950 6951 .woocommerce-account .woocommerce-MyAccount-navigation, 6952 .woocommerce-account .woocommerce-MyAccount-content { 6953 width: 100%; 6954 } 6955 6956 .woocommerce-account .woocommerce-MyAccount-navigation ul { 6543 } 6544 .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ 6545 width: 100%; 6546 } 6547 .woocommerce-account .woocommerce-MyAccount-navigation ul { 6957 6548 padding: 0; 6958 6549 margin: 0; 6959 6550 list-style: none; 6960 } 6961 6962 .woocommerce-account .woocommerce-MyAccount-navigation ul { 6551 } 6552 .woocommerce-account .woocommerce-MyAccount-navigation ul { 6963 6553 padding: 0; 6964 6554 margin: 0; 6965 6555 list-style: none; 6966 } 6967 6968 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 6556 } 6557 .woocommerce a.added_to_cart { 6558 font-size: 18px; 6559 font-weight: 700; 6560 border-radius: 3px; 6561 } 6562 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 6969 6563 border: 1px solid; 6970 6564 padding: 11px; 6971 } 6972 6973 .wp-block-woocommerce-cart-order-summary-block { 6565 } 6566 .wp-block-woocommerce-cart-order-summary-block { 6974 6567 border: 1px solid; 6975 6568 padding: 10px; 6976 } 6569 } 6570 .is-large.wc-block-cart .wc-block-cart-items th { 6571 font-size: 20px; 6977 6572 6978 .is-large.wc-block-cart .wc-block-cart-items th { 6979 font-size: 20px; 6980 } 6981 6982 .wc-block-components-product-badge.wc-block-components-sale-badge { 6573 } 6574 .wc-block-components-checkout-return-to-cart-button{ 6575 background-color: var(--primary-color); 6576 padding: 10px; 6577 padding-right: 25px; 6578 } 6579 .wc-block-checkout__actions .wc-block-checkout__actions_row a{ 6580 color: #fff !important; 6581 } 6582 .wc-block-components-product-badge.wc-block-components-sale-badge { 6983 6583 padding: 8px; 6984 } 6985 6986 .is-large.wc-block-cart .wc-block-cart__totals-title { 6584 } 6585 .is-large.wc-block-cart .wc-block-cart__totals-title { 6987 6586 font-size: 14px; 6988 } 6989 6990 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block { 6991 border: 1px solid; 6992 } 6993 6994 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name { 6995 font-size: 20px; 6996 } 6997 6998 .woocommerce table.shop_table, 6999 .woocommerce table.shop_table td { 6587 } 6588 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{ 6589 border: 1px solid; 6590 } 6591 .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-order-summary__content .wc-block-components-product-name{ 6592 font-size: 20px; 6593 6594 } 6595 .woocommerce table.shop_table, .woocommerce table.shop_table td { 7000 6596 border: 1px solid #ffffff52; 7001 } 7002 7003 .nav-previous a { 6597 } 6598 .nav-previous a { 7004 6599 border: 2px solid; 7005 6600 padding: 8px 16px; 7006 } 7007 7008 .nav-next a { 6601 } 6602 .nav-next a { 7009 6603 border: 1px solid; 7010 6604 padding: 8px 16px; 7011 } 7012 7013 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 6605 } 6606 .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block { 7014 6607 border: 1px solid!important; 6608 7015 6609 padding: 8px!important; 7016 } 7017 7018 7019 /*------------------------ NEW CSS -------------------------- */ 7020 7021 7022 /* Basic sticky header style */ 7023 7024 .sticky-header { 7025 top: 0; 7026 z-index: 1000; 7027 /* Ensures the header is above other content */ 7028 } 7029 7030 body.admin-bar .sticky-header { 7031 top: 32px; 7032 } 7033 7034 .sticky-header.is-sticky { 7035 right: 0; 7036 transition: all 0.3s ease-in-out; 7037 position: -webkit-sticky !important; 7038 /* For Safari */ 7039 position: fixed !important; 7040 background: #000; 7041 width: 100%; 7042 padding: 10px; 7043 } 7044 7045 p.site-description { 7046 text-align: right; 7047 } 7048 7049 @media only screen and (max-width: 1500px) { 7050 .related-posts .row { 7051 display: grid; 7052 grid-gap: 20px; 7053 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 7054 } 7055 } 7056 7057 @media only screen and (max-width: 900px) { 7058 body.admin-bar .sticky-header { 7059 top: 45px; 7060 } 7061 ul.nav-menu { 7062 text-align: right; 7063 } 7064 .main-navigation ul ul ul { 7065 right: 0 !important; 7066 top: 0; 7067 } 7068 .main-navigation ul ul { 7069 position: unset !important; 7070 float: none; 7071 } 7072 .main-navigation ul ul { 7073 opacity: 1; 7074 } 7075 } 7076 7077 @media only screen and (max-width: 600px) { 7078 .sticky-header, 7079 .sticky-header.is-sticky { 7080 position: unset !important; 7081 padding: 0; 7082 background: none; 7083 box-shadow: none; 7084 } 7085 h1.site-title { 7086 text-align: center; 7087 } 7088 p.site-description { 7089 text-align: center; 7090 } 7091 .related-posts .row { 7092 grid-template-columns: 1fr; 7093 } 7094 } 7095 7096 nav.woocommerce-breadcrumb { 7097 display: none; 7098 } 7099 7100 .paganot-found-button { 7101 margin-top: 30px; 7102 } 7103 7104 ul#menu-all-pages li ul { 7105 width: 100% !important; 7106 min-width: 145px !important; 7107 } 7108 7109 span.nav-title { 7110 word-break: break-all; 7111 } 7112 7113 .sticky-header.is-sticky .header-main-wrapper { 7114 background: #000; 7115 } 7116 7117 7118 /* scroll top css */ 7119 7120 7121 /* Shape Options */ 7122 7123 #scroll-to-top.box { 7124 border-radius: 0; 7125 } 7126 7127 #scroll-to-top.curved-box { 7128 border-radius: 15px; 7129 } 7130 7131 #scroll-to-top.circle { 7132 border-radius: 50%; 7133 } 7134 7135 .media-container audio { 7136 width: 100%; 7137 } 7138 7139 .video-container video { 7140 width: 100%; 7141 border-radius: 10px; 7142 } 7143 7144 body.site-boxed--layout #page { 7145 margin: 50px; 7146 box-shadow: 0 0 15px rgba(255, 255, 255, 0.32); 7147 position: relative; 7148 } 7149 7150 body.site-wide--layout #page { 7151 margin: 0; 7152 box-shadow: none; 7153 } 7154 7155 nav.wp-calendar-nav span a { 7156 color: var(--primary-color) !important; 7157 } 7158 7159 7160 /* Read More CSS */ 7161 7162 .read-more-button { 7163 display: inline-flex; 7164 align-items: center; 7165 padding: 10px 20px; 7166 margin-top: 10px; 7167 background-color: #000; 7168 color: #ffffff !important; 7169 text-decoration: none; 7170 border-radius: 5px; 7171 font-size: 16px; 7172 transition: all 0.5s ease; 7173 } 7174 7175 .read-more-button .dashicons { 7176 margin-right: 8px; 7177 font-size: 20px; 7178 transition: transform 0.5s ease; 7179 } 7180 7181 .read-more-button:hover { 7182 background-color: var(--primary-color); 7183 cursor: pointer; 7184 } 7185 7186 .mag-post-read-more a { 7187 transition: all 0.5s ease; 7188 } 7189 7190 .mag-post-read-more i { 7191 padding-right: 10px; 7192 transition: transform 0.5s ease; 7193 } 7194 7195 .read-more-button:hover .dashicons, 7196 .read-more-button:hover i { 7197 transform: translateX(-8px); 7198 } 7199 7200 .mag-post-read-more a { 7201 position: relative; 7202 } 7203 7204 .read-more-button::before { 7205 content: ''; 7206 position: absolute; 7207 top: 0; 7208 right: -100em; 7209 width: 100%; 7210 height: 100%; 7211 background-color: rgba(255, 255, 255, 0.1); 7212 transition: right 0.5s ease; 7213 } 7214 7215 .read-more-button:hover::before { 7216 right: 0; 7217 } 7218 7219 div#content { 7220 margin-top: 3em; 7221 } 7222 7223 nav.woocommerce-MyAccount-navigation { 7224 margin-bottom: 20px; 7225 margin-top: 20px; 7226 } 7227 7228 7229 /*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/ 7230 7231 h1.page-header-title { 7232 font-size: 50px; 7233 } 7234 7235 h2.page-header-title { 7236 font-size: 40px; 7237 } 7238 7239 h3.page-header-title { 7240 font-size: 30px; 7241 } 7242 7243 h4.page-header-title { 7244 font-size: 26px; 7245 } 7246 7247 h5.page-header-title { 7248 font-size: 24px; 7249 } 7250 7251 h6.page-header-title { 7252 font-size: 22px; 7253 } 7254 7255 .page-header { 7256 position: relative; 7257 background-color: #f5f5f5; 7258 padding: 50px 0; 7259 } 7260 7261 .page-header .container { 7262 position: relative; 7263 } 7264 7265 .page-header-title { 7266 display: block; 7267 line-height: 1.4em; 7268 margin: 0; 7269 color: var(--primary-color); 7270 } 7271 7272 h2.page-header-title { 7273 margin: 5px 0; 7274 } 7275 7276 nav.breadcrumb-trail.breadcrumbs { 7277 margin: 15px 0 0; 7278 } 7279 7280 .header-style-centered .page-header-inner { 7281 text-align: center; 7282 } 7283 7284 .header-style-inline .page-header-inner { 7285 display: flex; 7286 align-items: center; 7287 justify-content: space-between; 7288 } 7289 7290 @media only screen and (max-width: 700px) { 7291 .hide-on-mobile { 7292 display: none; 7293 } 7294 } 7295 7296 @media only screen and (min-width: 768px) and (max-width: 1000px) { 7297 .hide-on-tablet { 7298 display: none; 7299 } 7300 } 7301 7302 @media only screen and (max-width: 900px) { 7303 .hide-on-tablet-mobile { 7304 display: none; 7305 } 7306 } 7307 7308 header.page-header.has-background-image { 7309 position: relative; 7310 } 7311 7312 header.page-header.has-background-image .page-header-inner { 7313 position: absolute; 7314 top: 50%; 7315 right: 50%; 7316 transform: translate(50%, -50%); 7317 width: 100%; 7318 } 7319 7320 header.page-header { 7321 overflow-wrap: anywhere; 7322 } 7323 7324 .woocommerce-products-header__title { 7325 display: none; 7326 } 7327 7328 @media only screen and (max-width: 700px) { 7329 .asterthemes-wrapper.page-header-inner { 7330 display: flex; 7331 justify-content: center; 7332 align-items: center; 7333 flex-direction: column; 7334 } 7335 nav.breadcrumb-trail.breadcrumbs { 7336 width: 100%; 7337 } 7338 .page-header-title { 7339 width: 100%; 7340 } 7341 .woocommerce ul.products[class*=columns-] li.product, 7342 .woocommerce-page ul.products[class*=columns-] li.product { 7343 width: 100%; 7344 float: right; 7345 clear: both; 7346 margin: 0 0 2.992em; 7347 } 7348 } 7349 7350 h2.woocommerce-loop-product__title { 7351 overflow-wrap: anywhere; 7352 } 7353 7354 div#tab-description { 7355 overflow-wrap: anywhere; 7356 } 7357 7358 .widget ol:not(.corporate-solutions-tabs) ol, 7359 .widget ol:not(.corporate-solutions-tabs) ul, 7360 .widget ul:not(.corporate-solutions-tabs) ol, 7361 .widget ul:not(.corporate-solutions-tabs) ul { 7362 padding-top: 0px !important; 7363 margin-right: 0px !important; 7364 } 7365 7366 @media only screen and (max-width: 900px) { 7367 .widget ol:not(.corporate-solutions-tabs) ol, 7368 .widget ol:not(.corporate-solutions-tabs) ul, 7369 .widget ul:not(.corporate-solutions-tabs) ol, 7370 .widget ul:not(.corporate-solutions-tabs) ul { 7371 padding-right: 0px !important; 7372 } 7373 } 7374 7375 .entry-content { 7376 overflow-wrap: anywhere; 7377 } 7378 7379 .asterthemes-wrapper.page-header-inner { 7380 gap: 10px; 7381 } 7382 7383 .dt_footer-widgets.one-column .footer-one-column { 7384 width: 100%; 7385 } 7386 7387 .dt_footer-widgets.two-columns .footer-one-column { 7388 width: 50%; 7389 } 7390 7391 .dt_footer-widgets.three-columns .footer-one-column { 7392 width: 33.33%; 7393 } 7394 7395 .dt_footer-widgets.four-columns .footer-one-column { 7396 width: 25%; 7397 } 7398 7399 @media only screen and (max-width: 800px) { 7400 .calendar_wrap { 7401 font-size: 14px; 7402 } 7403 } 7404 7405 @media only screen and (max-width: 600px) { 7406 .footer-one-column { 7407 width: 100% !important; 7408 } 7409 .dt_footer-widgets .footer-widgets-column { 7410 display: block !important; 7411 } 7412 } 7413 7414 7415 /* ARCHIVE LAYOUT */ 7416 7417 .corporate_solutions-archive-layout { 7418 margin-bottom: 30px; 7419 } 7420 7421 .corporate_solutions-archive-layout.grid-layout { 7422 display: grid; 7423 grid-gap: 30px; 7424 } 7425 7426 .corporate_solutions-archive-layout.grid-layout article { 7427 margin-bottom: 0; 7428 } 7429 7430 .corporate_solutions-archive-layout.grid-layout.column-2 { 7431 grid-template-columns: repeat(2, 1fr); 7432 } 7433 7434 .corporate_solutions-archive-layout.grid-layout.column-3 { 7435 grid-template-columns: repeat(3, 1fr); 7436 grid-gap: 20px; 7437 } 7438 7439 .corporate_solutions-archive-layout.grid-layout.column-4 { 7440 grid-template-columns: repeat(4, 1fr); 7441 grid-gap: 20px; 7442 } 7443 7444 .corporate_solutions-archive-layout.grid-layout.column-4 .mag-post-single { 7445 padding: 15px; 7446 } 7447 7448 .corporate_solutions-archive-layout.grid-layout.column-3 .read-more-button { 7449 padding: 10px 10px; 7450 } 7451 7452 .corporate_solutions-archive-layout.grid-layout.column-4 .read-more-button { 7453 padding: 10px 15px; 7454 } 7455 7456 @media (max-width: 991px) { 7457 .corporate_solutions-archive-layout.grid-layout.column-4 { 7458 grid-template-columns: repeat(3, 1fr); 7459 } 7460 } 7461 7462 @media (max-width: 768px) { 7463 .corporate_solutions-archive-layout.grid-layout.column-4, 7464 .corporate_solutions-archive-layout.grid-layout.column-3 { 7465 grid-template-columns: repeat(2, 1fr); 7466 } 7467 } 7468 7469 .site-logo img, 7470 .site-logo a, 7471 .site-logo, 7472 .site-branding { 7473 width: 100%; 7474 } 7475 7476 @media (max-width: 600px) { 7477 .corporate_solutions-archive-layout.grid-layout.column-4, 7478 .corporate_solutions-archive-layout.grid-layout.column-2, 7479 .corporate_solutions-archive-layout.grid-layout.column-3 { 7480 grid-template-columns: repeat(1, 1fr); 7481 } 7482 .site-logo img, 7483 .site-logo a, 7484 .site-logo, 7485 .site-branding { 7486 text-align: center; 7487 } 7488 } 7489 7490 .page-header.has-background-image { 7491 padding: 0; 7492 } 7493 7494 footer#colophon .asterthemes-wrapper { 7495 padding: 0; 7496 } 7497 7498 .site-logo img, 7499 .site-logo a, 7500 .site-logo, 7501 .site-branding { 7502 width: 100%; 7503 } 7504 7505 .woocommerce-Addresses .woocommerce .col2-set, 7506 .woocommerce-page .col2-set { 7507 display: flex; 7508 } 7509 7510 .woocommerce-Address-title.title { 6610 } 6611 6612 6613 6614 /*------------------------ NEW CSS -------------------------- */ 6615 6616 /* Basic sticky header style */ 6617 .sticky-header { 6618 top: 0; 6619 z-index: 1000; /* Ensures the header is above other content */ 6620 } 6621 6622 body.admin-bar .sticky-header{ 6623 top: 32px; 6624 } 6625 6626 .sticky-header.is-sticky { 6627 right: 0; 6628 transition: all 0.3s ease-in-out; 6629 position: -webkit-sticky !important; /* For Safari */ 6630 position: fixed !important; 6631 background: #000; 6632 width: 100%; 6633 padding: 10px; 6634 } 6635 6636 p.site-description { 6637 text-align: right; 6638 } 6639 6640 @media only screen and (max-width: 1500px) { 6641 .related-posts .row { 6642 display: grid; 6643 grid-gap: 20px; 6644 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 6645 } 6646 } 6647 6648 @media only screen and (max-width: 900px) { 6649 body.admin-bar .sticky-header { 6650 top: 45px; 6651 } 6652 ul.nav-menu { 6653 text-align: right; 6654 } 6655 .main-navigation ul ul ul { 6656 right: 0 !important; 6657 top: 0; 6658 } 6659 .main-navigation ul ul { 6660 position: unset !important; 6661 float: none; 6662 } 6663 .main-navigation ul ul { 6664 opacity: 1; 6665 } 6666 } 6667 6668 6669 @media only screen and (max-width: 600px) { 6670 .sticky-header, .sticky-header.is-sticky { 6671 position: unset !important; 6672 padding: 0; 6673 background: none; 6674 box-shadow: none; 6675 } 6676 h1.site-title { 6677 text-align: center; 6678 } 6679 p.site-description { 6680 text-align: center; 6681 } 6682 .related-posts .row { 6683 grid-template-columns: 1fr; 6684 } 6685 } 6686 6687 6688 nav.woocommerce-breadcrumb { 6689 display: none; 6690 } 6691 6692 .paganot-found-button { 6693 margin-top: 30px; 6694 } 6695 6696 ul#menu-all-pages li ul { 6697 width: 100% !important; 6698 min-width: 145px !important; 6699 } 6700 6701 6702 span.nav-title { 6703 word-break: break-all; 6704 } 6705 .sticky-header.is-sticky .header-main-wrapper { 6706 background: #000 ; 6707 } 6708 6709 /* scroll top css */ 6710 6711 /* Shape Options */ 6712 #scroll-to-top.box { 6713 border-radius: 0; 6714 } 6715 6716 #scroll-to-top.curved-box { 6717 border-radius: 15px; 6718 } 6719 6720 #scroll-to-top.circle { 6721 border-radius: 50%; 6722 } 6723 .media-container audio{ 6724 width: 100%; 6725 } 6726 .video-container video { 6727 width: 100%; 6728 border-radius: 10px; 6729 } 6730 body.site-boxed--layout #page { 6731 margin: 50px; 6732 box-shadow: 0 0 15px rgba(255, 255, 255, 0.32); 6733 position: relative; 6734 } 6735 6736 body.site-wide--layout #page { 6737 margin: 0; 6738 box-shadow: none; 6739 } 6740 6741 nav.wp-calendar-nav span a{ 6742 color: var(--primary-color) !important; 6743 } 6744 6745 /* Read More CSS */ 6746 6747 .read-more-button { 6748 display: inline-flex; 6749 align-items: center; 6750 padding: 10px 20px; 6751 margin-top: 10px; 6752 background-color: #000; 6753 color: #ffffff !important; 6754 text-decoration: none; 6755 border-radius: 5px; 6756 font-size: 16px; 6757 transition: all 0.5s ease; 6758 } 6759 6760 .read-more-button .dashicons { 6761 margin-right: 8px; 6762 font-size: 20px; 6763 transition: transform 0.5s ease; 6764 } 6765 6766 .read-more-button:hover { 6767 background-color: var(--primary-color); 6768 cursor: pointer; 6769 } 6770 6771 .mag-post-read-more a { 6772 transition: all 0.5s ease; 6773 } 6774 6775 .mag-post-read-more i { 6776 padding-right: 10px; 6777 transition: transform 0.5s ease; 6778 } 6779 6780 .read-more-button:hover .dashicons, .read-more-button:hover i { 6781 transform: translateX(-8px); 6782 } 6783 6784 .mag-post-read-more a { 6785 position: relative; 6786 } 6787 6788 .read-more-button::before { 6789 content: ''; 6790 position: absolute; 6791 top: 0; 6792 right: -100em; 6793 width: 100%; 6794 height: 100%; 6795 background-color: rgba(255, 255, 255, 0.1); 6796 transition: right 0.5s ease; 6797 } 6798 6799 .read-more-button:hover::before { 6800 right: 0; 6801 } 6802 6803 div#content { 6804 padding-top: 3em; 6805 } 6806 6807 nav.woocommerce-MyAccount-navigation { 6808 margin-bottom: 20px; 6809 margin-top: 20px; 6810 } 6811 /*------------------------------------* PAGE TITLE HEADER CSS*------------------------------------*/ 6812 h1.page-header-title{ 6813 font-size: 50px; 6814 } 6815 h2.page-header-title{ 6816 font-size: 40px; 6817 } 6818 h3.page-header-title{ 6819 font-size: 30px; 6820 } 6821 h4.page-header-title{ 6822 font-size: 26px; 6823 } 6824 h5.page-header-title{ 6825 font-size: 24px; 6826 } 6827 h6.page-header-title{ 6828 font-size: 22px; 6829 } 6830 6831 .page-header { 6832 position: relative; 6833 background-color: #eee; 6834 padding: 50px 0; 6835 } 6836 .page-header .container { 6837 position: relative; 6838 } 6839 6840 .page-header-title { 6841 display: block; 6842 line-height: 1.4em; 6843 margin: 0; 6844 color: var(--primary-color); 6845 } 6846 6847 h2.page-header-title{ 6848 margin: 5px 0; 6849 } 6850 6851 nav.breadcrumb-trail.breadcrumbs { 6852 margin: 15px 0 0; 6853 } 6854 6855 .header-style-centered .page-header-inner { 6856 text-align: center; 6857 } 6858 6859 .header-style-inline .page-header-inner { 6860 display: flex; 6861 align-items: center; 6862 justify-content: space-between; 6863 } 6864 6865 #coming-soon-footer-banner .coming-soon-footer-banner__content{ 6866 color:#000; 6867 } 6868 6869 @media only screen and (max-width: 700px) { 6870 .hide-on-mobile { 6871 display: none; 6872 } 6873 } 6874 6875 @media only screen and (min-width: 768px) and (max-width: 1000px) { 6876 .hide-on-tablet { 6877 display: none; 6878 } 6879 } 6880 6881 @media only screen and (max-width: 900px) { 6882 .hide-on-tablet-mobile { 6883 display: none; 6884 } 6885 } 6886 6887 header.page-header.has-background-image{ 6888 position: relative; 6889 } 6890 6891 header.page-header.has-background-image .page-header-inner { 6892 position: absolute; 6893 top: 50%; 6894 right: 50%; 6895 transform: translate(50%, -50%); 6896 width: 100%; 6897 } 6898 6899 header.page-header { 6900 overflow-wrap: anywhere; 6901 } 6902 6903 .woocommerce-products-header__title { 6904 display: none; 6905 } 6906 6907 @media only screen and (max-width: 700px) { 6908 .asterthemes-wrapper.page-header-inner { 6909 display: flex; 6910 justify-content: center; 6911 align-items: center; 6912 flex-direction: column; 6913 } 6914 nav.breadcrumb-trail.breadcrumbs { 6915 width: 100%; 6916 } 6917 .page-header-title { 6918 width: 100%; 6919 } 6920 .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { 6921 width: 100%; 6922 float: right; 6923 clear: both; 6924 margin: 0 0 2.992em; 6925 } 6926 } 6927 6928 h2.woocommerce-loop-product__title { 6929 overflow-wrap: anywhere; 6930 } 6931 div#tab-description { 6932 overflow-wrap: anywhere; 6933 } 6934 6935 .widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul { 6936 padding-top: 0px !important; 6937 margin-right: 0px !important; 6938 } 6939 @media only screen and (max-width: 900px) { 6940 .widget ol:not(.corporate-solutions-tabs) ol, .widget ol:not(.corporate-solutions-tabs) ul, .widget ul:not(.corporate-solutions-tabs) ol, .widget ul:not(.corporate-solutions-tabs) ul { 6941 padding-right: 0px !important; 6942 } 6943 } 6944 #content{ 6945 color: #000; 6946 background-color: #fff; 6947 } 6948 .entry-content { 6949 overflow-wrap: anywhere; 6950 } 6951 6952 .asterthemes-wrapper.page-header-inner{ 6953 gap: 10px; 6954 } 6955 6956 6957 .dt_footer-widgets.one-column .footer-one-column { 6958 width: 100%; 6959 } 6960 6961 .dt_footer-widgets.two-columns .footer-one-column { 6962 width: 50%; 6963 } 6964 6965 .dt_footer-widgets.three-columns .footer-one-column { 6966 width: 33.33%; 6967 } 6968 6969 .dt_footer-widgets.four-columns .footer-one-column { 6970 width: 25%; 6971 } 6972 6973 @media only screen and (max-width: 800px) { 6974 .calendar_wrap { 6975 font-size: 14px; 6976 } 6977 } 6978 6979 @media only screen and (max-width: 600px) { 6980 .footer-one-column{ 6981 width: 100% !important; 6982 } 6983 .dt_footer-widgets .footer-widgets-column { 6984 display: block !important; 6985 } 6986 } 6987 6988 /* ARCHIVE LAYOUT */ 6989 6990 .corporate_solutions-archive-layout { 6991 margin-bottom: 30px; 6992 } 6993 6994 .corporate_solutions-archive-layout.grid-layout { 6995 display: grid; 6996 grid-gap: 30px; 6997 } 6998 6999 .corporate_solutions-archive-layout.grid-layout article { 7000 margin-bottom: 0; 7001 } 7002 7003 .corporate_solutions-archive-layout.grid-layout.column-2 { 7004 grid-template-columns: repeat(2, 1fr); 7005 } 7006 7007 .corporate_solutions-archive-layout.grid-layout.column-3 { 7008 grid-template-columns: repeat(3, 1fr); 7009 grid-gap: 20px; 7010 } 7011 7012 .corporate_solutions-archive-layout.grid-layout.column-4 { 7013 grid-template-columns: repeat(4, 1fr); 7014 grid-gap: 20px; 7015 } 7016 7017 .corporate_solutions-archive-layout.grid-layout.column-4 .mag-post-single{ 7018 padding: 15px; 7019 } 7020 7021 .corporate_solutions-archive-layout.grid-layout.column-3 .read-more-button { 7022 padding: 10px 10px; 7023 } 7024 7025 .corporate_solutions-archive-layout.grid-layout.column-4 .read-more-button { 7026 padding: 10px 15px; 7027 } 7028 7029 @media (max-width: 991px) { 7030 .corporate_solutions-archive-layout.grid-layout.column-4 { 7031 grid-template-columns: repeat(3, 1fr); 7032 } 7033 } 7034 7035 @media (max-width: 768px) { 7036 .corporate_solutions-archive-layout.grid-layout.column-4, .corporate_solutions-archive-layout.grid-layout.column-3 { 7037 grid-template-columns: repeat(2, 1fr); 7038 } 7039 } 7040 .site-logo img,.site-logo a,.site-logo, .site-branding { 7041 width: 100%; 7042 } 7043 @media (max-width: 600px) { 7044 .corporate_solutions-archive-layout.grid-layout.column-4,.corporate_solutions-archive-layout.grid-layout.column-2,.corporate_solutions-archive-layout.grid-layout.column-3 { 7045 grid-template-columns: repeat(1, 1fr); 7046 } 7047 .site-logo img,.site-logo a,.site-logo, .site-branding { 7048 text-align: center; 7049 } 7050 } 7051 7052 .page-header.has-background-image{ 7053 padding:0; 7054 } 7055 footer#colophon .asterthemes-wrapper { 7056 padding: 0; 7057 } 7058 7059 .site-logo img,.site-logo a,.site-logo, .site-branding { 7060 width: 100%; 7061 } 7062 7063 .woocommerce-Addresses .woocommerce .col2-set, .woocommerce-page .col2-set { 7064 display: flex; 7065 } 7066 .woocommerce-Address-title.title{ 7511 7067 margin-bottom: 20px !important; 7512 } 7513 7514 .woocommerce-account .addresses .title .edit { 7068 } 7069 .woocommerce-account .addresses .title .edit{ 7515 7070 float: right; 7516 7071 text-decoration: none !important; 7517 } 7518 7519 #secondary .tagcloud a:hover { 7072 } 7073 #secondary .tagcloud a:hover { 7520 7074 color: var(--primary-color) !important; 7521 7075 border-color: var(--primary-color) !important; 7522 } 7076 } 7077 @media (max-width: 1400px) { 7078 .site-footer .site-footer-bottom .site-footer-bottom-wrapper{ 7079 padding: 0px 10px; 7080 } 7081 } -
corporate-solutions/5.0/style.css
r315237 r318976 5 5 Author URI: https://asterthemes.com 6 6 Description: Corporate Solutions is a professional and versatile website template designed for businesses of all sizes. It caters to diverse industries, providing a user-friendly platform for companies to establish a strong online presence. The template is perfect for business consulting, enterprise solutions, corporate services, professional consulting, business strategy, corporate management, business development, consulting firm, corporate agency, financial services, management consulting, strategic planning, corporate branding, corporate marketing, business operations, project management, human resources, corporate training, leadership consulting, digital transformation, corporate governance, IT solutions, corporate communications, business outsourcing, performance management, brand consulting, business analysis, corporate restructuring, and supply chain management. With an emphasis on simplicity and functionality, this template ensures easy navigation for visitors and allows companies to present corporate information, services, and products in a clear and organized manner. Featuring a clean and modern design, intuitive layout, and fully compatible with Contact Form 7 for inquiries or client communication, the template reflects corporate professionalism while enabling seamless customization of colors, fonts, and sections. Corporate Solutions is suitable for various sectors, including finance, technology, consulting, marketing, and more, providing businesses with a polished and reliable platform to convey trustworthiness, competence, and expertise to their audience. 7 Version: 4.97 Version: 5.0 8 8 Tested up to: 6.9 9 9 Requires PHP: 7.2 … … 6153 6153 } 6154 6154 6155 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,6156 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,6157 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,6158 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,6159 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle,6160 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title,6161 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description,6162 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {6163 transform-origin: top;6164 animation-name: asterthemes-animation1;6165 animation-fill-mode: both;6166 animation-duration: 0.7s;6167 }6168 6169 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-subtitle,6170 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-subtitle {6171 animation-delay: 0.2s;6172 }6173 6174 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-caption-title,6175 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-caption-title {6176 animation-delay: 0.3s;6177 }6178 6179 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .caption-description,6180 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .caption-description {6181 animation-delay: 0.4s;6182 }6183 6184 .banner-section.banner-style-1 .slick-active.banner-single .banner-catption-wrapper .banner-slider-btn,6185 .banner-section.banner-style-1 .slick-active .banner-single .banner-catption-wrapper .banner-slider-btn {6186 animation-delay: 0.5s;6187 }6188 6189 @keyframes asterthemes-animation1 {6190 from {6191 opacity: 0;6192 transform: translateY(100px);6193 }6194 to {6195 opacity: 1;6196 transform: translateY(0);6197 }6198 }6199 6200 6155 /* 6201 6156 --------------------------------------------- */ -
corporate-solutions/5.0/theme-library/customizer/front-page-options/banner.php
r254271 r318976 175 175 ); 176 176 } 177 178 // Banner Button Label Color 179 $wp_customize->add_setting( 180 'corporate_solutions_banner_btn_color', 181 array( 182 'default' => '', 183 'sanitize_callback' => 'sanitize_hex_color', 184 ) 185 ); 186 $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'corporate_solutions_banner_btn_color',array( 187 'label' => __('Banner Button Label Color','corporate-solutions'), 188 'section' => 'corporate_solutions_banner_section', 189 'settings' => 'corporate_solutions_banner_btn_color', 190 'active_callback' => 'corporate_solutions_is_banner_slider_section_enabled', 191 ) 192 ) 193 ); 194 195 // Banner Button Background Color 196 $wp_customize->add_setting('corporate_solutions_banner_btn_bg_color',array( 197 'default' => '', 198 'sanitize_callback' => 'sanitize_hex_color', 199 ) 200 ); 201 $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize,'corporate_solutions_banner_btn_bg_color',array( 202 'label' => __('Banner Button Background Color','corporate-solutions'), 203 'section' => 'corporate_solutions_banner_section', 204 'settings' => 'corporate_solutions_banner_btn_bg_color', 205 'active_callback' => 'corporate_solutions_is_banner_slider_section_enabled', 206 ) 207 ) 208 ); -
corporate-solutions/5.0/theme-library/customizer/theme-options/theme-options.php
r273526 r318976 559 559 ), 560 560 ))); 561 562 // ---------------------------------------- ANIMATION ---------------------------------------------------- 563 564 $wp_customize->add_setting( 'corporate_solutions_animation_separator', array( 565 'sanitize_callback' => 'sanitize_text_field', 566 ) ); 567 $wp_customize->add_control( new Corporate_Solutions_Separator_Custom_Control( $wp_customize, 'corporate_solutions_animation_separator', array( 568 'label' => __( 'Enable / Disable Animation', 'corporate-solutions' ), 569 'section' => 'corporate_solutions_general_options', 570 'settings' => 'corporate_solutions_animation_separator', 571 ) ) ); 572 // Animation Enable / Disable 573 $wp_customize->add_setting('corporate_solutions_enable_animation',array( 574 'default' => true, 575 'sanitize_callback' => 'corporate_solutions_sanitize_switch', 576 ) 577 ); 578 $wp_customize->add_control( 579 new Corporate_Solutions_Toggle_Switch_Custom_Control($wp_customize,'corporate_solutions_enable_animation',array( 580 'label' => esc_html__( 'Enable Animation', 'corporate-solutions' ), 581 'section' => 'corporate_solutions_general_options', 582 ) 583 ) 584 ); -
corporate-solutions/5.0/theme-library/function-files/customizer-settings-functions.php
r315237 r318976 402 402 } 403 403 add_action( 'wp_enqueue_scripts', 'corporate_solutions_show_first_caps' ); 404 405 // Banner Button Color 406 function corporate_solutions_banner_button_color_css() { 407 $btn_color = get_theme_mod('corporate_solutions_banner_btn_color'); 408 $btn_bg_color = get_theme_mod('corporate_solutions_banner_btn_bg_color'); 409 410 $custom_css = ''; 411 if ( !empty($btn_color) ) { 412 $custom_css .= " 413 .banner-slider-btn a.asterthemes-button{ 414 color: {$btn_color}; 415 }"; 416 } 417 418 if ( !empty($btn_bg_color) ) { 419 $custom_css .= " 420 .banner-slider-btn a.asterthemes-button { 421 background: {$btn_bg_color} !important; 422 background-image: none !important; 423 } 424 425 .banner-slider-btn a.asterthemes-button:hover { 426 background: {$btn_bg_color} !important; 427 background-image: none !important; 428 }"; 429 } 430 431 wp_add_inline_style('corporate-solutions-style', $custom_css); 432 } 433 add_action('wp_enqueue_scripts','corporate_solutions_banner_button_color_css');
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)