github.com/tooploox/oya@v0.0.21-0.20230524103240-1cda1861aad6/docs/css/webflow.css (about) 1 @font-face { 2 font-family: 'webflow-icons'; 3 src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); 4 font-weight: normal; 5 font-style: normal; 6 } 7 [class^="w-icon-"], 8 [class*=" w-icon-"] { 9 /* use !important to prevent issues with browser extensions that change fonts */ 10 font-family: 'webflow-icons' !important; 11 speak: none; 12 font-style: normal; 13 font-weight: normal; 14 font-variant: normal; 15 text-transform: none; 16 line-height: 1; 17 /* Better Font Rendering =========== */ 18 -webkit-font-smoothing: antialiased; 19 -moz-osx-font-smoothing: grayscale; 20 } 21 .w-icon-slider-right:before { 22 content: "\e600"; 23 } 24 .w-icon-slider-left:before { 25 content: "\e601"; 26 } 27 .w-icon-nav-menu:before { 28 content: "\e602"; 29 } 30 .w-icon-arrow-down:before, 31 .w-icon-dropdown-toggle:before { 32 content: "\e603"; 33 } 34 .w-icon-file-upload-remove:before { 35 content: "\e900"; 36 } 37 .w-icon-file-upload-icon:before { 38 content: "\e903"; 39 } 40 * { 41 -webkit-box-sizing: border-box; 42 -moz-box-sizing: border-box; 43 box-sizing: border-box; 44 } 45 html { 46 height: 100%; 47 } 48 body { 49 margin: 0; 50 min-height: 100%; 51 background-color: #fff; 52 font-family: Arial, sans-serif; 53 font-size: 14px; 54 line-height: 20px; 55 color: #333; 56 } 57 img { 58 max-width: 100%; 59 vertical-align: middle; 60 display: inline-block; 61 } 62 html.w-mod-touch * { 63 background-attachment: scroll !important; 64 } 65 .w-block { 66 display: block; 67 } 68 .w-inline-block { 69 max-width: 100%; 70 display: inline-block; 71 } 72 .w-clearfix:before, 73 .w-clearfix:after { 74 content: " "; 75 display: table; 76 grid-column-start: 1; 77 grid-row-start: 1; 78 grid-column-end: 2; 79 grid-row-end: 2; 80 } 81 .w-clearfix:after { 82 clear: both; 83 } 84 .w-hidden { 85 display: none; 86 } 87 .w-button { 88 display: inline-block; 89 padding: 9px 15px; 90 background-color: #3898EC; 91 color: white; 92 border: 0; 93 line-height: inherit; 94 text-decoration: none; 95 cursor: pointer; 96 border-radius: 0; 97 } 98 input.w-button { 99 -webkit-appearance: button; 100 } 101 html[data-w-dynpage] [data-w-cloak] { 102 color: transparent !important; 103 } 104 .w-webflow-badge, 105 .w-webflow-badge * { 106 position: static; 107 left: auto; 108 top: auto; 109 right: auto; 110 bottom: auto; 111 z-index: auto; 112 display: block; 113 visibility: visible; 114 overflow: visible; 115 overflow-x: visible; 116 overflow-y: visible; 117 box-sizing: border-box; 118 width: auto; 119 height: auto; 120 max-height: none; 121 max-width: none; 122 min-height: 0; 123 min-width: 0; 124 margin: 0; 125 padding: 0; 126 float: none; 127 clear: none; 128 border: 0 none transparent; 129 border-radius: 0; 130 background: none; 131 background-image: none; 132 background-position: 0% 0%; 133 background-size: auto auto; 134 background-repeat: repeat; 135 background-origin: padding-box; 136 background-clip: border-box; 137 background-attachment: scroll; 138 background-color: transparent; 139 box-shadow: none; 140 opacity: 1.0; 141 transform: none; 142 transition: none; 143 direction: ltr; 144 font-family: inherit; 145 font-weight: inherit; 146 color: inherit; 147 font-size: inherit; 148 line-height: inherit; 149 font-style: inherit; 150 font-variant: inherit; 151 text-align: inherit; 152 letter-spacing: inherit; 153 text-decoration: inherit; 154 text-indent: 0; 155 text-transform: inherit; 156 list-style-type: disc; 157 text-shadow: none; 158 font-smoothing: auto; 159 vertical-align: baseline; 160 cursor: inherit; 161 white-space: inherit; 162 word-break: normal; 163 word-spacing: normal; 164 word-wrap: normal; 165 } 166 .w-webflow-badge { 167 position: fixed !important; 168 display: inline-block !important; 169 visibility: visible !important; 170 opacity: 1 !important; 171 z-index: 2147483647 !important; 172 top: auto !important; 173 right: 12px !important; 174 bottom: 12px !important; 175 left: auto !important; 176 color: #AAADB0 !important; 177 background-color: #fff !important; 178 border-radius: 3px !important; 179 padding: 6px 8px 6px 6px !important; 180 font-size: 12px !important; 181 opacity: 1.0 !important; 182 line-height: 14px !important; 183 text-decoration: none !important; 184 transform: none !important; 185 margin: 0 !important; 186 width: auto !important; 187 height: auto !important; 188 overflow: visible !important; 189 white-space: nowrap; 190 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); 191 cursor: pointer; 192 } 193 .w-webflow-badge > img { 194 display: inline-block !important; 195 visibility: visible !important; 196 opacity: 1 !important; 197 vertical-align: middle !important; 198 } 199 h1, 200 h2, 201 h3, 202 h4, 203 h5, 204 h6 { 205 font-weight: bold; 206 margin-bottom: 10px; 207 } 208 h1 { 209 font-size: 38px; 210 line-height: 44px; 211 margin-top: 20px; 212 } 213 h2 { 214 font-size: 32px; 215 line-height: 36px; 216 margin-top: 20px; 217 } 218 h3 { 219 font-size: 24px; 220 line-height: 30px; 221 margin-top: 20px; 222 } 223 h4 { 224 font-size: 18px; 225 line-height: 24px; 226 margin-top: 10px; 227 } 228 h5 { 229 font-size: 14px; 230 line-height: 20px; 231 margin-top: 10px; 232 } 233 h6 { 234 font-size: 12px; 235 line-height: 18px; 236 margin-top: 10px; 237 } 238 p { 239 margin-top: 0; 240 margin-bottom: 10px; 241 } 242 blockquote { 243 margin: 0 0 10px 0; 244 padding: 10px 20px; 245 border-left: 5px solid #E2E2E2; 246 font-size: 18px; 247 line-height: 22px; 248 } 249 figure { 250 margin: 0; 251 margin-bottom: 10px; 252 } 253 figcaption { 254 margin-top: 5px; 255 text-align: center; 256 } 257 ul, 258 ol { 259 margin-top: 0px; 260 margin-bottom: 10px; 261 padding-left: 40px; 262 } 263 .w-list-unstyled { 264 padding-left: 0; 265 list-style: none; 266 } 267 .w-embed:before, 268 .w-embed:after { 269 content: " "; 270 display: table; 271 grid-column-start: 1; 272 grid-row-start: 1; 273 grid-column-end: 2; 274 grid-row-end: 2; 275 } 276 .w-embed:after { 277 clear: both; 278 } 279 .w-video { 280 width: 100%; 281 position: relative; 282 padding: 0; 283 } 284 .w-video iframe, 285 .w-video object, 286 .w-video embed { 287 position: absolute; 288 top: 0; 289 left: 0; 290 width: 100%; 291 height: 100%; 292 } 293 fieldset { 294 padding: 0; 295 margin: 0; 296 border: 0; 297 } 298 button, 299 html input[type="button"], 300 input[type="reset"] { 301 border: 0; 302 cursor: pointer; 303 -webkit-appearance: button; 304 } 305 .w-form { 306 margin: 0 0 15px; 307 } 308 .w-form-done { 309 display: none; 310 padding: 20px; 311 text-align: center; 312 background-color: #dddddd; 313 } 314 .w-form-fail { 315 display: none; 316 margin-top: 10px; 317 padding: 10px; 318 background-color: #ffdede; 319 } 320 label { 321 display: block; 322 margin-bottom: 5px; 323 font-weight: bold; 324 } 325 .w-input, 326 .w-select { 327 display: block; 328 width: 100%; 329 height: 38px; 330 padding: 8px 12px; 331 margin-bottom: 10px; 332 font-size: 14px; 333 line-height: 1.428571429; 334 color: #333333; 335 vertical-align: middle; 336 background-color: #ffffff; 337 border: 1px solid #cccccc; 338 } 339 .w-input:-moz-placeholder, 340 .w-select:-moz-placeholder { 341 color: #999; 342 } 343 .w-input::-moz-placeholder, 344 .w-select::-moz-placeholder { 345 color: #999; 346 opacity: 1; 347 } 348 .w-input:-ms-input-placeholder, 349 .w-select:-ms-input-placeholder { 350 color: #999; 351 } 352 .w-input::-webkit-input-placeholder, 353 .w-select::-webkit-input-placeholder { 354 color: #999; 355 } 356 .w-input:focus, 357 .w-select:focus { 358 border-color: #3898EC; 359 outline: 0; 360 } 361 .w-input[disabled], 362 .w-select[disabled], 363 .w-input[readonly], 364 .w-select[readonly], 365 fieldset[disabled] .w-input, 366 fieldset[disabled] .w-select { 367 cursor: not-allowed; 368 background-color: #eeeeee; 369 } 370 textarea.w-input, 371 textarea.w-select { 372 height: auto; 373 } 374 .w-select { 375 background-image: -webkit-linear-gradient(white 0%, #f3f3f3 100%); 376 background-image: linear-gradient(white 0%, #f3f3f3 100%); 377 } 378 .w-select[multiple] { 379 height: auto; 380 } 381 .w-form-label { 382 display: inline-block; 383 cursor: pointer; 384 font-weight: normal; 385 margin-bottom: 0px; 386 } 387 .w-checkbox, 388 .w-radio { 389 display: block; 390 margin-bottom: 5px; 391 padding-left: 20px; 392 } 393 .w-checkbox:before, 394 .w-radio:before, 395 .w-checkbox:after, 396 .w-radio:after { 397 content: " "; 398 display: table; 399 grid-column-start: 1; 400 grid-row-start: 1; 401 grid-column-end: 2; 402 grid-row-end: 2; 403 } 404 .w-checkbox:after, 405 .w-radio:after { 406 clear: both; 407 } 408 .w-checkbox-input, 409 .w-radio-input { 410 margin: 4px 0 0; 411 margin-top: 1px \9; 412 line-height: normal; 413 float: left; 414 margin-left: -20px; 415 } 416 .w-radio-input { 417 margin-top: 3px; 418 } 419 .w-file-upload { 420 display: block; 421 margin-bottom: 10px; 422 } 423 .w-file-upload-input { 424 width: 0.1px; 425 height: 0.1px; 426 opacity: 0; 427 overflow: hidden; 428 position: absolute; 429 z-index: -100; 430 } 431 .w-file-upload-default, 432 .w-file-upload-uploading, 433 .w-file-upload-success { 434 display: inline-block; 435 color: #333333; 436 } 437 .w-file-upload-error { 438 display: block; 439 margin-top: 10px; 440 } 441 .w-file-upload-default.w-hidden, 442 .w-file-upload-uploading.w-hidden, 443 .w-file-upload-error.w-hidden, 444 .w-file-upload-success.w-hidden { 445 display: none; 446 } 447 .w-file-upload-uploading-btn { 448 display: flex; 449 font-size: 14px; 450 font-weight: normal; 451 cursor: pointer; 452 margin: 0; 453 padding: 8px 12px; 454 border: 1px solid #cccccc; 455 background-color: #fafafa; 456 } 457 .w-file-upload-file { 458 display: flex; 459 flex-grow: 1; 460 justify-content: space-between; 461 margin: 0; 462 padding: 8px 9px 8px 11px; 463 border: 1px solid #cccccc; 464 background-color: #fafafa; 465 } 466 .w-file-upload-file-name { 467 font-size: 14px; 468 font-weight: normal; 469 display: block; 470 } 471 .w-file-remove-link { 472 margin-top: 3px; 473 margin-left: 10px; 474 width: auto; 475 height: auto; 476 padding: 3px; 477 display: block; 478 cursor: pointer; 479 } 480 .w-icon-file-upload-remove { 481 margin: auto; 482 font-size: 10px; 483 } 484 .w-file-upload-error-msg { 485 display: inline-block; 486 color: #ea384c; 487 padding: 2px 0; 488 } 489 .w-file-upload-info { 490 display: inline-block; 491 line-height: 38px; 492 padding: 0 12px; 493 } 494 .w-file-upload-label { 495 display: inline-block; 496 font-size: 14px; 497 font-weight: normal; 498 cursor: pointer; 499 margin: 0; 500 padding: 8px 12px; 501 border: 1px solid #cccccc; 502 background-color: #fafafa; 503 } 504 .w-icon-file-upload-icon, 505 .w-icon-file-upload-uploading { 506 display: inline-block; 507 margin-right: 8px; 508 width: 20px; 509 } 510 .w-icon-file-upload-uploading { 511 height: 20px; 512 } 513 .w-container { 514 margin-left: auto; 515 margin-right: auto; 516 max-width: 940px; 517 } 518 .w-container:before, 519 .w-container:after { 520 content: " "; 521 display: table; 522 grid-column-start: 1; 523 grid-row-start: 1; 524 grid-column-end: 2; 525 grid-row-end: 2; 526 } 527 .w-container:after { 528 clear: both; 529 } 530 .w-container .w-row { 531 margin-left: -10px; 532 margin-right: -10px; 533 } 534 .w-row:before, 535 .w-row:after { 536 content: " "; 537 display: table; 538 grid-column-start: 1; 539 grid-row-start: 1; 540 grid-column-end: 2; 541 grid-row-end: 2; 542 } 543 .w-row:after { 544 clear: both; 545 } 546 .w-row .w-row { 547 margin-left: 0; 548 margin-right: 0; 549 } 550 .w-col { 551 position: relative; 552 float: left; 553 width: 100%; 554 min-height: 1px; 555 padding-left: 10px; 556 padding-right: 10px; 557 } 558 .w-col .w-col { 559 padding-left: 0; 560 padding-right: 0; 561 } 562 .w-col-1 { 563 width: 8.33333333%; 564 } 565 .w-col-2 { 566 width: 16.66666667%; 567 } 568 .w-col-3 { 569 width: 25%; 570 } 571 .w-col-4 { 572 width: 33.33333333%; 573 } 574 .w-col-5 { 575 width: 41.66666667%; 576 } 577 .w-col-6 { 578 width: 50%; 579 } 580 .w-col-7 { 581 width: 58.33333333%; 582 } 583 .w-col-8 { 584 width: 66.66666667%; 585 } 586 .w-col-9 { 587 width: 75%; 588 } 589 .w-col-10 { 590 width: 83.33333333%; 591 } 592 .w-col-11 { 593 width: 91.66666667%; 594 } 595 .w-col-12 { 596 width: 100%; 597 } 598 .w-hidden-main { 599 display: none !important; 600 } 601 @media screen and (max-width: 991px) { 602 .w-container { 603 max-width: 728px; 604 } 605 .w-hidden-main { 606 display: inherit !important; 607 } 608 .w-hidden-medium { 609 display: none !important; 610 } 611 .w-col-medium-1 { 612 width: 8.33333333%; 613 } 614 .w-col-medium-2 { 615 width: 16.66666667%; 616 } 617 .w-col-medium-3 { 618 width: 25%; 619 } 620 .w-col-medium-4 { 621 width: 33.33333333%; 622 } 623 .w-col-medium-5 { 624 width: 41.66666667%; 625 } 626 .w-col-medium-6 { 627 width: 50%; 628 } 629 .w-col-medium-7 { 630 width: 58.33333333%; 631 } 632 .w-col-medium-8 { 633 width: 66.66666667%; 634 } 635 .w-col-medium-9 { 636 width: 75%; 637 } 638 .w-col-medium-10 { 639 width: 83.33333333%; 640 } 641 .w-col-medium-11 { 642 width: 91.66666667%; 643 } 644 .w-col-medium-12 { 645 width: 100%; 646 } 647 .w-col-stack { 648 width: 100%; 649 left: auto; 650 right: auto; 651 } 652 } 653 @media screen and (max-width: 767px) { 654 .w-hidden-main { 655 display: inherit !important; 656 } 657 .w-hidden-medium { 658 display: inherit !important; 659 } 660 .w-hidden-small { 661 display: none !important; 662 } 663 .w-row, 664 .w-container .w-row { 665 margin-left: 0; 666 margin-right: 0; 667 } 668 .w-col { 669 width: 100%; 670 left: auto; 671 right: auto; 672 } 673 .w-col-small-1 { 674 width: 8.33333333%; 675 } 676 .w-col-small-2 { 677 width: 16.66666667%; 678 } 679 .w-col-small-3 { 680 width: 25%; 681 } 682 .w-col-small-4 { 683 width: 33.33333333%; 684 } 685 .w-col-small-5 { 686 width: 41.66666667%; 687 } 688 .w-col-small-6 { 689 width: 50%; 690 } 691 .w-col-small-7 { 692 width: 58.33333333%; 693 } 694 .w-col-small-8 { 695 width: 66.66666667%; 696 } 697 .w-col-small-9 { 698 width: 75%; 699 } 700 .w-col-small-10 { 701 width: 83.33333333%; 702 } 703 .w-col-small-11 { 704 width: 91.66666667%; 705 } 706 .w-col-small-12 { 707 width: 100%; 708 } 709 } 710 @media screen and (max-width: 479px) { 711 .w-container { 712 max-width: none; 713 } 714 .w-hidden-main { 715 display: inherit !important; 716 } 717 .w-hidden-medium { 718 display: inherit !important; 719 } 720 .w-hidden-small { 721 display: inherit !important; 722 } 723 .w-hidden-tiny { 724 display: none !important; 725 } 726 .w-col { 727 width: 100%; 728 } 729 .w-col-tiny-1 { 730 width: 8.33333333%; 731 } 732 .w-col-tiny-2 { 733 width: 16.66666667%; 734 } 735 .w-col-tiny-3 { 736 width: 25%; 737 } 738 .w-col-tiny-4 { 739 width: 33.33333333%; 740 } 741 .w-col-tiny-5 { 742 width: 41.66666667%; 743 } 744 .w-col-tiny-6 { 745 width: 50%; 746 } 747 .w-col-tiny-7 { 748 width: 58.33333333%; 749 } 750 .w-col-tiny-8 { 751 width: 66.66666667%; 752 } 753 .w-col-tiny-9 { 754 width: 75%; 755 } 756 .w-col-tiny-10 { 757 width: 83.33333333%; 758 } 759 .w-col-tiny-11 { 760 width: 91.66666667%; 761 } 762 .w-col-tiny-12 { 763 width: 100%; 764 } 765 } 766 .w-widget { 767 position: relative; 768 } 769 .w-widget-map { 770 width: 100%; 771 height: 400px; 772 } 773 .w-widget-map label { 774 width: auto; 775 display: inline; 776 } 777 .w-widget-map img { 778 max-width: inherit; 779 } 780 .w-widget-map .gm-style-iw { 781 text-align: center; 782 } 783 .w-widget-map .gm-style-iw > button { 784 display: none !important; 785 } 786 .w-widget-twitter { 787 overflow: hidden; 788 } 789 .w-widget-twitter-count-shim { 790 display: inline-block; 791 vertical-align: top; 792 position: relative; 793 width: 28px; 794 height: 20px; 795 text-align: center; 796 background: white; 797 border: #758696 solid 1px; 798 border-radius: 3px; 799 } 800 .w-widget-twitter-count-shim * { 801 pointer-events: none; 802 -webkit-user-select: none; 803 -moz-user-select: none; 804 -ms-user-select: none; 805 user-select: none; 806 } 807 .w-widget-twitter-count-shim .w-widget-twitter-count-inner { 808 position: relative; 809 font-size: 15px; 810 line-height: 12px; 811 text-align: center; 812 color: #999; 813 font-family: serif; 814 } 815 .w-widget-twitter-count-shim .w-widget-twitter-count-clear { 816 position: relative; 817 display: block; 818 } 819 .w-widget-twitter-count-shim.w--large { 820 width: 36px; 821 height: 28px; 822 margin-left: 7px; 823 } 824 .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { 825 font-size: 18px; 826 line-height: 18px; 827 } 828 .w-widget-twitter-count-shim:not(.w--vertical) { 829 margin-left: 5px; 830 margin-right: 8px; 831 } 832 .w-widget-twitter-count-shim:not(.w--vertical).w--large { 833 margin-left: 6px; 834 } 835 .w-widget-twitter-count-shim:not(.w--vertical):before, 836 .w-widget-twitter-count-shim:not(.w--vertical):after { 837 top: 50%; 838 left: 0; 839 border: solid transparent; 840 content: " "; 841 height: 0; 842 width: 0; 843 position: absolute; 844 pointer-events: none; 845 } 846 .w-widget-twitter-count-shim:not(.w--vertical):before { 847 border-color: rgba(117, 134, 150, 0); 848 border-right-color: #5d6c7b; 849 border-width: 4px; 850 margin-left: -9px; 851 margin-top: -4px; 852 } 853 .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { 854 border-width: 5px; 855 margin-left: -10px; 856 margin-top: -5px; 857 } 858 .w-widget-twitter-count-shim:not(.w--vertical):after { 859 border-color: rgba(255, 255, 255, 0); 860 border-right-color: white; 861 border-width: 4px; 862 margin-left: -8px; 863 margin-top: -4px; 864 } 865 .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { 866 border-width: 5px; 867 margin-left: -9px; 868 margin-top: -5px; 869 } 870 .w-widget-twitter-count-shim.w--vertical { 871 width: 61px; 872 height: 33px; 873 margin-bottom: 8px; 874 } 875 .w-widget-twitter-count-shim.w--vertical:before, 876 .w-widget-twitter-count-shim.w--vertical:after { 877 top: 100%; 878 left: 50%; 879 border: solid transparent; 880 content: " "; 881 height: 0; 882 width: 0; 883 position: absolute; 884 pointer-events: none; 885 } 886 .w-widget-twitter-count-shim.w--vertical:before { 887 border-color: rgba(117, 134, 150, 0); 888 border-top-color: #5d6c7b; 889 border-width: 5px; 890 margin-left: -5px; 891 } 892 .w-widget-twitter-count-shim.w--vertical:after { 893 border-color: rgba(255, 255, 255, 0); 894 border-top-color: white; 895 border-width: 4px; 896 margin-left: -4px; 897 } 898 .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { 899 font-size: 18px; 900 line-height: 22px; 901 } 902 .w-widget-twitter-count-shim.w--vertical.w--large { 903 width: 76px; 904 } 905 .w-widget-gplus { 906 overflow: hidden; 907 } 908 .w-background-video { 909 position: relative; 910 overflow: hidden; 911 height: 500px; 912 color: white; 913 } 914 .w-background-video > video { 915 background-size: cover; 916 background-position: 50% 50%; 917 position: absolute; 918 right: -100%; 919 bottom: -100%; 920 top: -100%; 921 left: -100%; 922 margin: auto; 923 min-width: 100%; 924 min-height: 100%; 925 z-index: -100; 926 } 927 .w-background-video > video::-webkit-media-controls-start-playback-button { 928 display: none !important; 929 -webkit-appearance: none; 930 } 931 .w-slider { 932 position: relative; 933 height: 300px; 934 text-align: center; 935 background: #dddddd; 936 clear: both; 937 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 938 tap-highlight-color: rgba(0, 0, 0, 0); 939 } 940 .w-slider-mask { 941 position: relative; 942 display: block; 943 overflow: hidden; 944 z-index: 1; 945 left: 0; 946 right: 0; 947 height: 100%; 948 white-space: nowrap; 949 } 950 .w-slide { 951 position: relative; 952 display: inline-block; 953 vertical-align: top; 954 width: 100%; 955 height: 100%; 956 white-space: normal; 957 text-align: left; 958 } 959 .w-slider-nav { 960 position: absolute; 961 z-index: 2; 962 top: auto; 963 right: 0; 964 bottom: 0; 965 left: 0; 966 margin: auto; 967 padding-top: 10px; 968 height: 40px; 969 text-align: center; 970 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 971 tap-highlight-color: rgba(0, 0, 0, 0); 972 } 973 .w-slider-nav.w-round > div { 974 border-radius: 100%; 975 } 976 .w-slider-nav.w-num > div { 977 width: auto; 978 height: auto; 979 padding: 0.2em 0.5em; 980 font-size: inherit; 981 line-height: inherit; 982 } 983 .w-slider-nav.w-shadow > div { 984 box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); 985 } 986 .w-slider-nav-invert { 987 color: #fff; 988 } 989 .w-slider-nav-invert > div { 990 background-color: rgba(34, 34, 34, 0.4); 991 } 992 .w-slider-nav-invert > div.w-active { 993 background-color: #222; 994 } 995 .w-slider-dot { 996 position: relative; 997 display: inline-block; 998 width: 1em; 999 height: 1em; 1000 background-color: rgba(255, 255, 255, 0.4); 1001 cursor: pointer; 1002 margin: 0 3px 0.5em; 1003 transition: background-color 100ms, color 100ms; 1004 } 1005 .w-slider-dot.w-active { 1006 background-color: #fff; 1007 } 1008 .w-slider-arrow-left, 1009 .w-slider-arrow-right { 1010 position: absolute; 1011 width: 80px; 1012 top: 0; 1013 right: 0; 1014 bottom: 0; 1015 left: 0; 1016 margin: auto; 1017 cursor: pointer; 1018 overflow: hidden; 1019 color: white; 1020 font-size: 40px; 1021 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1022 tap-highlight-color: rgba(0, 0, 0, 0); 1023 -webkit-user-select: none; 1024 -moz-user-select: none; 1025 -ms-user-select: none; 1026 user-select: none; 1027 } 1028 .w-slider-arrow-left [class^="w-icon-"], 1029 .w-slider-arrow-right [class^="w-icon-"], 1030 .w-slider-arrow-left [class*=" w-icon-"], 1031 .w-slider-arrow-right [class*=" w-icon-"] { 1032 position: absolute; 1033 } 1034 .w-slider-arrow-left { 1035 z-index: 3; 1036 right: auto; 1037 } 1038 .w-slider-arrow-right { 1039 z-index: 4; 1040 left: auto; 1041 } 1042 .w-icon-slider-left, 1043 .w-icon-slider-right { 1044 top: 0; 1045 right: 0; 1046 bottom: 0; 1047 left: 0; 1048 margin: auto; 1049 width: 1em; 1050 height: 1em; 1051 } 1052 .w-dropdown { 1053 display: inline-block; 1054 position: relative; 1055 text-align: left; 1056 margin-left: auto; 1057 margin-right: auto; 1058 z-index: 900; 1059 } 1060 .w-dropdown-btn, 1061 .w-dropdown-toggle, 1062 .w-dropdown-link { 1063 position: relative; 1064 vertical-align: top; 1065 text-decoration: none; 1066 color: #222222; 1067 padding: 20px; 1068 text-align: left; 1069 margin-left: auto; 1070 margin-right: auto; 1071 white-space: nowrap; 1072 } 1073 .w-dropdown-toggle { 1074 -webkit-user-select: none; 1075 -moz-user-select: none; 1076 -ms-user-select: none; 1077 user-select: none; 1078 display: inline-block; 1079 cursor: pointer; 1080 padding-right: 40px; 1081 } 1082 .w-icon-dropdown-toggle { 1083 position: absolute; 1084 top: 0; 1085 right: 0; 1086 bottom: 0; 1087 margin: auto; 1088 margin-right: 20px; 1089 width: 1em; 1090 height: 1em; 1091 } 1092 .w-dropdown-list { 1093 position: absolute; 1094 background: #dddddd; 1095 display: none; 1096 min-width: 100%; 1097 } 1098 .w-dropdown-list.w--open { 1099 display: block; 1100 } 1101 .w-dropdown-link { 1102 padding: 10px 20px; 1103 display: block; 1104 color: #222222; 1105 } 1106 .w-dropdown-link.w--current { 1107 color: #0082f3; 1108 } 1109 .w-nav[data-collapse="all"] .w-dropdown, 1110 .w-nav[data-collapse="all"] .w-dropdown-toggle { 1111 display: block; 1112 } 1113 .w-nav[data-collapse="all"] .w-dropdown-list { 1114 position: static; 1115 } 1116 @media screen and (max-width: 991px) { 1117 .w-nav[data-collapse="medium"] .w-dropdown, 1118 .w-nav[data-collapse="medium"] .w-dropdown-toggle { 1119 display: block; 1120 } 1121 .w-nav[data-collapse="medium"] .w-dropdown-list { 1122 position: static; 1123 } 1124 } 1125 @media screen and (max-width: 767px) { 1126 .w-nav[data-collapse="small"] .w-dropdown, 1127 .w-nav[data-collapse="small"] .w-dropdown-toggle { 1128 display: block; 1129 } 1130 .w-nav[data-collapse="small"] .w-dropdown-list { 1131 position: static; 1132 } 1133 .w-nav-brand { 1134 padding-left: 10px; 1135 } 1136 } 1137 @media screen and (max-width: 479px) { 1138 .w-nav[data-collapse="tiny"] .w-dropdown, 1139 .w-nav[data-collapse="tiny"] .w-dropdown-toggle { 1140 display: block; 1141 } 1142 .w-nav[data-collapse="tiny"] .w-dropdown-list { 1143 position: static; 1144 } 1145 } 1146 /** 1147 * ## Note 1148 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. 1149 * For example percentage units do not work on descendants of elements that 1150 * have any dimensions expressed in viewport units. It also doesn’t handle them at 1151 * all in `calc()`. 1152 */ 1153 /** 1154 * Wrapper around all lightbox elements 1155 * 1156 * 1. Since the lightbox can receive focus, IE also gives it an outline. 1157 * 2. Fixes flickering on Chrome when a transition is in progress 1158 * underneath the lightbox. 1159 */ 1160 .w-lightbox-backdrop { 1161 color: #000; 1162 cursor: auto; 1163 font-family: serif; 1164 font-size: medium; 1165 font-style: normal; 1166 font-variant: normal; 1167 font-weight: normal; 1168 letter-spacing: normal; 1169 line-height: normal; 1170 list-style: disc; 1171 text-align: start; 1172 text-indent: 0; 1173 text-shadow: none; 1174 text-transform: none; 1175 visibility: visible; 1176 white-space: normal; 1177 word-break: normal; 1178 word-spacing: normal; 1179 word-wrap: normal; 1180 position: fixed; 1181 top: 0; 1182 right: 0; 1183 bottom: 0; 1184 left: 0; 1185 color: #fff; 1186 font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; 1187 font-size: 17px; 1188 line-height: 1.2; 1189 font-weight: 300; 1190 text-align: center; 1191 background: rgba(0, 0, 0, 0.9); 1192 z-index: 2000; 1193 outline: 0; 1194 /* 1 */ 1195 opacity: 0; 1196 -webkit-user-select: none; 1197 -moz-user-select: none; 1198 -ms-user-select: none; 1199 -webkit-tap-highlight-color: transparent; 1200 -webkit-transform: translate(0, 0); 1201 /* 2 */ 1202 } 1203 /** 1204 * Neat trick to bind the rubberband effect to our canvas instead of the whole 1205 * document on iOS. It also prevents a bug that causes the document underneath to scroll. 1206 */ 1207 .w-lightbox-backdrop, 1208 .w-lightbox-container { 1209 height: 100%; 1210 overflow: auto; 1211 -webkit-overflow-scrolling: touch; 1212 } 1213 .w-lightbox-content { 1214 position: relative; 1215 height: 100vh; 1216 overflow: hidden; 1217 } 1218 .w-lightbox-view { 1219 position: absolute; 1220 width: 100vw; 1221 height: 100vh; 1222 opacity: 0; 1223 } 1224 .w-lightbox-view:before { 1225 content: ""; 1226 height: 100vh; 1227 } 1228 /* .w-lightbox-content */ 1229 .w-lightbox-group, 1230 .w-lightbox-group .w-lightbox-view, 1231 .w-lightbox-group .w-lightbox-view:before { 1232 height: 86vh; 1233 } 1234 .w-lightbox-frame, 1235 .w-lightbox-view:before { 1236 display: inline-block; 1237 vertical-align: middle; 1238 } 1239 /* 1240 * 1. Remove default margin set by user-agent on the <figure> element. 1241 */ 1242 .w-lightbox-figure { 1243 position: relative; 1244 margin: 0; 1245 /* 1 */ 1246 } 1247 .w-lightbox-group .w-lightbox-figure { 1248 cursor: pointer; 1249 } 1250 /** 1251 * IE adds image dimensions as width and height attributes on the IMG tag, 1252 * but we need both width and height to be set to auto to enable scaling. 1253 */ 1254 .w-lightbox-img { 1255 width: auto; 1256 height: auto; 1257 max-width: none; 1258 } 1259 /** 1260 * 1. Reset if style is set by user on "All Images" 1261 */ 1262 .w-lightbox-image { 1263 display: block; 1264 float: none; 1265 /* 1 */ 1266 max-width: 100vw; 1267 max-height: 100vh; 1268 } 1269 .w-lightbox-group .w-lightbox-image { 1270 max-height: 86vh; 1271 } 1272 .w-lightbox-caption { 1273 position: absolute; 1274 right: 0; 1275 bottom: 0; 1276 left: 0; 1277 padding: .5em 1em; 1278 background: rgba(0, 0, 0, 0.4); 1279 text-align: left; 1280 text-overflow: ellipsis; 1281 white-space: nowrap; 1282 overflow: hidden; 1283 } 1284 .w-lightbox-embed { 1285 position: absolute; 1286 top: 0; 1287 right: 0; 1288 bottom: 0; 1289 left: 0; 1290 width: 100%; 1291 height: 100%; 1292 } 1293 .w-lightbox-control { 1294 position: absolute; 1295 top: 0; 1296 width: 4em; 1297 background-size: 24px; 1298 background-repeat: no-repeat; 1299 background-position: center; 1300 cursor: pointer; 1301 -webkit-transition: all .3s; 1302 transition: all .3s; 1303 } 1304 .w-lightbox-left { 1305 display: none; 1306 bottom: 0; 1307 left: 0; 1308 /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */ 1309 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); 1310 } 1311 .w-lightbox-right { 1312 display: none; 1313 right: 0; 1314 bottom: 0; 1315 /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */ 1316 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); 1317 } 1318 /* 1319 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. 1320 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. 1321 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) 1322 */ 1323 .w-lightbox-close { 1324 right: 0; 1325 height: 2.6em; 1326 /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */ 1327 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); 1328 background-size: 18px; 1329 } 1330 /** 1331 * 1. All IE versions add extra space at the bottom without this. 1332 */ 1333 .w-lightbox-strip { 1334 position: absolute; 1335 bottom: 0; 1336 left: 0; 1337 right: 0; 1338 padding: 0 1vh; 1339 line-height: 0; 1340 /* 1 */ 1341 white-space: nowrap; 1342 overflow-x: auto; 1343 overflow-y: hidden; 1344 } 1345 /* 1346 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` 1347 * which doesn’t work in Safari anyway. 1348 * 2. Chrome renders images pixelated when switching to GPU. Making sure 1349 * the parent is also rendered on the GPU (by setting translate3d for 1350 * example) fixes this behavior. 1351 */ 1352 .w-lightbox-item { 1353 display: inline-block; 1354 width: 10vh; 1355 padding: 2vh 1vh; 1356 box-sizing: content-box; 1357 /* 1 */ 1358 cursor: pointer; 1359 -webkit-transform: translate3d(0, 0, 0); 1360 /* 2 */ 1361 } 1362 .w-lightbox-active { 1363 opacity: .3; 1364 } 1365 .w-lightbox-thumbnail { 1366 position: relative; 1367 height: 10vh; 1368 background: #222; 1369 overflow: hidden; 1370 } 1371 .w-lightbox-thumbnail-image { 1372 position: absolute; 1373 top: 0; 1374 left: 0; 1375 } 1376 .w-lightbox-thumbnail .w-lightbox-tall { 1377 top: 50%; 1378 width: 100%; 1379 -webkit-transform: translate(0, -50%); 1380 -ms-transform: translate(0, -50%); 1381 transform: translate(0, -50%); 1382 } 1383 .w-lightbox-thumbnail .w-lightbox-wide { 1384 left: 50%; 1385 height: 100%; 1386 -webkit-transform: translate(-50%, 0); 1387 -ms-transform: translate(-50%, 0); 1388 transform: translate(-50%, 0); 1389 } 1390 /* 1391 * Spinner 1392 * 1393 * Absolute pixel values are used to avoid rounding errors that would cause 1394 * the white spinning element to be misaligned with the track. 1395 */ 1396 .w-lightbox-spinner { 1397 position: absolute; 1398 top: 50%; 1399 left: 50%; 1400 box-sizing: border-box; 1401 width: 40px; 1402 height: 40px; 1403 margin-top: -20px; 1404 margin-left: -20px; 1405 border: 5px solid rgba(0, 0, 0, 0.4); 1406 border-radius: 50%; 1407 -webkit-animation: spin .8s infinite linear; 1408 animation: spin .8s infinite linear; 1409 } 1410 .w-lightbox-spinner:after { 1411 content: ""; 1412 position: absolute; 1413 top: -4px; 1414 right: -4px; 1415 bottom: -4px; 1416 left: -4px; 1417 border: 3px solid transparent; 1418 border-bottom-color: #fff; 1419 border-radius: 50%; 1420 } 1421 /* 1422 * Utility classes 1423 */ 1424 .w-lightbox-hide { 1425 display: none; 1426 } 1427 .w-lightbox-noscroll { 1428 overflow: hidden; 1429 } 1430 @media (min-width: 768px) { 1431 .w-lightbox-content { 1432 height: 96vh; 1433 margin-top: 2vh; 1434 } 1435 .w-lightbox-view, 1436 .w-lightbox-view:before { 1437 height: 96vh; 1438 } 1439 /* .w-lightbox-content */ 1440 .w-lightbox-group, 1441 .w-lightbox-group .w-lightbox-view, 1442 .w-lightbox-group .w-lightbox-view:before { 1443 height: 84vh; 1444 } 1445 .w-lightbox-image { 1446 max-width: 96vw; 1447 max-height: 96vh; 1448 } 1449 .w-lightbox-group .w-lightbox-image { 1450 max-width: 82.3vw; 1451 max-height: 84vh; 1452 } 1453 .w-lightbox-left, 1454 .w-lightbox-right { 1455 display: block; 1456 opacity: .5; 1457 } 1458 .w-lightbox-close { 1459 opacity: .8; 1460 } 1461 .w-lightbox-control:hover { 1462 opacity: 1; 1463 } 1464 } 1465 .w-lightbox-inactive, 1466 .w-lightbox-inactive:hover { 1467 opacity: 0; 1468 } 1469 .w-richtext:before, 1470 .w-richtext:after { 1471 content: " "; 1472 display: table; 1473 grid-column-start: 1; 1474 grid-row-start: 1; 1475 grid-column-end: 2; 1476 grid-row-end: 2; 1477 } 1478 .w-richtext:after { 1479 clear: both; 1480 } 1481 .w-richtext[contenteditable="true"]:before, 1482 .w-richtext[contenteditable="true"]:after { 1483 white-space: initial; 1484 } 1485 .w-richtext ol, 1486 .w-richtext ul { 1487 overflow: hidden; 1488 } 1489 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before, 1490 .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before { 1491 outline: 2px solid #2895f7; 1492 } 1493 .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, 1494 .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { 1495 outline: 2px solid #2895f7; 1496 } 1497 .w-richtext figure.w-richtext-figure-type-video > div:before, 1498 .w-richtext figure[data-rt-type="video"] > div:before { 1499 content: ''; 1500 position: absolute; 1501 display: none; 1502 left: 0; 1503 top: 0; 1504 right: 0; 1505 bottom: 0; 1506 z-index: 1; 1507 } 1508 .w-richtext figure { 1509 position: relative; 1510 max-width: 60%; 1511 } 1512 .w-richtext figure > div:before { 1513 cursor: default!important; 1514 } 1515 .w-richtext figure img { 1516 width: 100%; 1517 } 1518 .w-richtext figure figcaption.w-richtext-figcaption-placeholder { 1519 opacity: 0.6; 1520 } 1521 .w-richtext figure div { 1522 /* fix incorrectly sized selection border in the data manager */ 1523 font-size: 0px; 1524 color: transparent; 1525 } 1526 .w-richtext figure.w-richtext-figure-type-image, 1527 .w-richtext figure[data-rt-type="image"] { 1528 display: table; 1529 } 1530 .w-richtext figure.w-richtext-figure-type-image > div, 1531 .w-richtext figure[data-rt-type="image"] > div { 1532 display: inline-block; 1533 } 1534 .w-richtext figure.w-richtext-figure-type-image > figcaption, 1535 .w-richtext figure[data-rt-type="image"] > figcaption { 1536 display: table-caption; 1537 caption-side: bottom; 1538 } 1539 .w-richtext figure.w-richtext-figure-type-video, 1540 .w-richtext figure[data-rt-type="video"] { 1541 width: 60%; 1542 height: 0; 1543 } 1544 .w-richtext figure.w-richtext-figure-type-video iframe, 1545 .w-richtext figure[data-rt-type="video"] iframe { 1546 position: absolute; 1547 top: 0; 1548 left: 0; 1549 width: 100%; 1550 height: 100%; 1551 } 1552 .w-richtext figure.w-richtext-figure-type-video > div, 1553 .w-richtext figure[data-rt-type="video"] > div { 1554 width: 100%; 1555 } 1556 .w-richtext figure.w-richtext-align-center { 1557 margin-right: auto; 1558 margin-left: auto; 1559 clear: both; 1560 } 1561 .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, 1562 .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { 1563 max-width: 100%; 1564 } 1565 .w-richtext figure.w-richtext-align-normal { 1566 clear: both; 1567 } 1568 .w-richtext figure.w-richtext-align-fullwidth { 1569 width: 100%; 1570 max-width: 100%; 1571 text-align: center; 1572 clear: both; 1573 display: block; 1574 margin-right: auto; 1575 margin-left: auto; 1576 } 1577 .w-richtext figure.w-richtext-align-fullwidth > div { 1578 display: inline-block; 1579 /* padding-bottom is used for aspect ratios in video figures 1580 we want the div to inherit that so hover/selection borders in the designer-canvas 1581 fit right*/ 1582 padding-bottom: inherit; 1583 } 1584 .w-richtext figure.w-richtext-align-fullwidth > figcaption { 1585 display: block; 1586 } 1587 .w-richtext figure.w-richtext-align-floatleft { 1588 float: left; 1589 margin-right: 15px; 1590 clear: none; 1591 } 1592 .w-richtext figure.w-richtext-align-floatright { 1593 float: right; 1594 margin-left: 15px; 1595 clear: none; 1596 } 1597 .w-nav { 1598 position: relative; 1599 background: #dddddd; 1600 z-index: 1000; 1601 } 1602 .w-nav:before, 1603 .w-nav:after { 1604 content: " "; 1605 display: table; 1606 grid-column-start: 1; 1607 grid-row-start: 1; 1608 grid-column-end: 2; 1609 grid-row-end: 2; 1610 } 1611 .w-nav:after { 1612 clear: both; 1613 } 1614 .w-nav-brand { 1615 position: relative; 1616 float: left; 1617 text-decoration: none; 1618 color: #333333; 1619 } 1620 .w-nav-link { 1621 position: relative; 1622 display: inline-block; 1623 vertical-align: top; 1624 text-decoration: none; 1625 color: #222222; 1626 padding: 20px; 1627 text-align: left; 1628 margin-left: auto; 1629 margin-right: auto; 1630 } 1631 .w-nav-link.w--current { 1632 color: #0082f3; 1633 } 1634 .w-nav-menu { 1635 position: relative; 1636 float: right; 1637 } 1638 .w--nav-menu-open { 1639 display: block !important; 1640 position: absolute; 1641 top: 100%; 1642 left: 0; 1643 right: 0; 1644 background: #C8C8C8; 1645 text-align: center; 1646 overflow: visible; 1647 min-width: 200px; 1648 } 1649 .w--nav-link-open { 1650 display: block; 1651 position: relative; 1652 } 1653 .w-nav-overlay { 1654 position: absolute; 1655 overflow: hidden; 1656 display: none; 1657 top: 100%; 1658 left: 0; 1659 right: 0; 1660 width: 100%; 1661 } 1662 .w-nav-overlay .w--nav-menu-open { 1663 top: 0; 1664 } 1665 .w-nav[data-animation="over-left"] .w-nav-overlay { 1666 width: auto; 1667 } 1668 .w-nav[data-animation="over-left"] .w-nav-overlay, 1669 .w-nav[data-animation="over-left"] .w--nav-menu-open { 1670 right: auto; 1671 z-index: 1; 1672 top: 0; 1673 } 1674 .w-nav[data-animation="over-right"] .w-nav-overlay { 1675 width: auto; 1676 } 1677 .w-nav[data-animation="over-right"] .w-nav-overlay, 1678 .w-nav[data-animation="over-right"] .w--nav-menu-open { 1679 left: auto; 1680 z-index: 1; 1681 top: 0; 1682 } 1683 .w-nav-button { 1684 position: relative; 1685 float: right; 1686 padding: 18px; 1687 font-size: 24px; 1688 display: none; 1689 cursor: pointer; 1690 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1691 tap-highlight-color: rgba(0, 0, 0, 0); 1692 -webkit-user-select: none; 1693 -moz-user-select: none; 1694 -ms-user-select: none; 1695 user-select: none; 1696 } 1697 .w-nav-button.w--open { 1698 background-color: #C8C8C8; 1699 color: white; 1700 } 1701 .w-nav[data-collapse="all"] .w-nav-menu { 1702 display: none; 1703 } 1704 .w-nav[data-collapse="all"] .w-nav-button { 1705 display: block; 1706 } 1707 @media screen and (max-width: 991px) { 1708 .w-nav[data-collapse="medium"] .w-nav-menu { 1709 display: none; 1710 } 1711 .w-nav[data-collapse="medium"] .w-nav-button { 1712 display: block; 1713 } 1714 } 1715 @media screen and (max-width: 767px) { 1716 .w-nav[data-collapse="small"] .w-nav-menu { 1717 display: none; 1718 } 1719 .w-nav[data-collapse="small"] .w-nav-button { 1720 display: block; 1721 } 1722 .w-nav-brand { 1723 padding-left: 10px; 1724 } 1725 } 1726 @media screen and (max-width: 479px) { 1727 .w-nav[data-collapse="tiny"] .w-nav-menu { 1728 display: none; 1729 } 1730 .w-nav[data-collapse="tiny"] .w-nav-button { 1731 display: block; 1732 } 1733 } 1734 .w-tabs { 1735 position: relative; 1736 } 1737 .w-tabs:before, 1738 .w-tabs:after { 1739 content: " "; 1740 display: table; 1741 grid-column-start: 1; 1742 grid-row-start: 1; 1743 grid-column-end: 2; 1744 grid-row-end: 2; 1745 } 1746 .w-tabs:after { 1747 clear: both; 1748 } 1749 .w-tab-menu { 1750 position: relative; 1751 } 1752 .w-tab-link { 1753 position: relative; 1754 display: inline-block; 1755 vertical-align: top; 1756 text-decoration: none; 1757 padding: 9px 30px; 1758 text-align: left; 1759 cursor: pointer; 1760 color: #222222; 1761 background-color: #dddddd; 1762 } 1763 .w-tab-link.w--current { 1764 background-color: #C8C8C8; 1765 } 1766 .w-tab-content { 1767 position: relative; 1768 display: block; 1769 overflow: hidden; 1770 } 1771 .w-tab-pane { 1772 position: relative; 1773 display: none; 1774 } 1775 .w--tab-active { 1776 display: block; 1777 } 1778 @media screen and (max-width: 479px) { 1779 .w-tab-link { 1780 display: block; 1781 } 1782 } 1783 .w-ix-emptyfix:after { 1784 content: ""; 1785 } 1786 @keyframes spin { 1787 0% { 1788 transform: rotate(0deg); 1789 } 1790 100% { 1791 transform: rotate(360deg); 1792 } 1793 } 1794 .w-dyn-empty { 1795 padding: 10px; 1796 background-color: #dddddd; 1797 } 1798 .w-dyn-bind-empty { 1799 display: none !important; 1800 } 1801 .w-condition-invisible { 1802 display: none !important; 1803 }