CSS File

1/*==================== Basic Style & Pseudo Classes & Elements ====================*/

2:root {

3 --wp--style--block-gap: 2.6rem;

4 --wf-main-rgb: 254, 67, 34;

5 --wf-main-color: rgba(var(--wf-main-rgb));

6 --wf-secondary-color: #000;

7 --wf-text-color: #334770;

8 --wf-gray-color: #fcfbff;

9 --wf-title-family: "Jost", sans-serif;

10 --wf-base-family: "Jost", sans-serif;

11 --wf-gradient: linear-gradient(180deg,

12 rgba(255, 255, 255, 0.15),

13 rgba(255, 255, 255, 0));

14}

15

16/* selection */

17::selection {

18 color: #fff;

19 background: var(--wf-main-color);

20}

21

22/* width */

23::-webkit-scrollbar {

24 width: 8px;

25 height: 2px;

26}

27

28/* Track */

29::-webkit-scrollbar-track {

30 background: #f1f1f1;

31}

32

33/* Handle */

34::-webkit-scrollbar-thumb {

35 background: #888;

36}

37

38/* Handle on hover */

39::-webkit-scrollbar-thumb:hover {

40 background: var(--wf-main-color);

41}

42

43::-webkit-input-placeholder {

44 color: #463838;

45}

46

47:-moz-placeholder {

48 color: #463838;

49}

50

51::-moz-placeholder {

52 color: #463838;

53}

54

55:-ms-input-placeholder {

56 color: #463838;

57}

58

59::-webkit-input-placeholder {

60 color: #d1d1d1;

61 opacity: 1;

62 transition: opacity 0.3s;

63}

64

65:-moz-placeholder {

66 color: #d1d1d1;

67 opacity: 1;

68 transition: opacity 0.3s;

69}

70

71::-moz-placeholder {

72 color: #d1d1d1;

73 opacity: 1;

74 transition: opacity 0.3s;

75}

76

77:-ms-input-placeholder {

78 color: #d1d1d1;

79 opacity: 1;

80 transition: opacity 0.3s;

81}

82

83*:focus::-webkit-input-placeholder {

84 opacity: 0;

85}

86

87*:focus:-moz-placeholder {

88 opacity: 0;

89}

90

91*:focus::-moz-placeholder {

92 opacity: 0;

93}

94

95*:focus:-ms-input-placeholder {

96 opacity: 0;

97}

98

99/* ---//--- */

100

101*,

102*::after,

103*::before {

104 box-sizing: inherit;

105 -webkit-font-smoothing: antialiased;

106 word-break: break-word;

107 word-wrap: break-word;

108}

109

110*:not(table *) {

111 -moz-osx-font-smoothing: grayscale;

112 -webkit-font-smoothing: antialiased;

113 word-break: break-word;

114}

115

116@media (prefers-reduced-motion: no-preference) {

117 :root {

118 scroll-behavior: inherit;

119 }

120}

121

122:root {

123 scroll-behavior: inherit;

124}

125

126html {

127 font-size: 62.5%;

128 overflow-x: hidden;

129 box-sizing: border-box;

130}

131

132@media (prefers-reduced-motion: reduce) {

133 html {

134 scroll-behavior: auto;

135 }

136}

137

138@media (max-width: 75em) {

139 html {

140 font-size: 62.5%;

141 }

142}

143

144@media only screen and (min-width: 62em) and (max-width: 77.313em) {

145 html {

146 font-size: 58.5936%;

147 }

148}

149

150@media (max-width: 61.95em) {

151 html {

152 font-size: 53%;

153 }

154}

155

156@media (max-width: 35.95em) {

157 html {

158 font-size: 55%;

159 }

160}

161

162@media (min-width: 120.063em) {

163 html {

164 font-size: 75%;

165 }

166}

167

168body {

169 margin: 0;

170 font-size: 1.6rem;

171 font-weight: 400;

172 line-height: 1.7;

173 font-family: var(--wf-base-family);

174 color: var(--wf-text-color);

175 letter-spacing: 0.01em;

176 background-color: #fff;

177 -webkit-text-size-adjust: 100%;

178 -webkit-tap-highlight-color: transparent;

179}

180

181body:not(.admin-bar) {

182 position: relative;

183}

184

185.price ins {

186 text-decoration: none;

187}

188

189a {

190 color: var(--wf-main-color);

191 text-decoration: underline;

192 text-underline-offset: 0.3rem;

193 outline: none;

194}

195

196a:hover,

197a:active,

198a:focus {

199 color: var(--wf-main-color);

200 text-decoration-style: solid;

201}

202

203video {

204 max-width: 100%;

205}

206

207.clearfix:after,

208.clearfix:before {

209 content: "";

210 display: block;

211 clear: both;

212}

213

214.wf-btn svg {

215 display: inline-block;

216 vertical-align: middle;

217}

218

219.wp-block-search__button {

220 flex-shrink: 0;

221}

222

223button[type="submit"],

224button,

225input[type="button"],

226input[type="reset"],

227input[type="submit"],

228.wf-btn,

229.wf-load-more a,

230.button {

231 font-size: 1.5rem;

232 font-weight: 600;

233 padding: 1.1rem 2rem;

234 line-height: 1.134;

235 letter-spacing: 0.03rem;

236 border-width: 0.1rem;

237 border-style: solid;

238 border-color: transparent;

239 border-radius: 10rem;

240 overflow: hidden;

241 display: inline-block;

242 vertical-align: middle;

243 white-space: nowrap;

244 text-transform: initial;

245 font-family: inherit;

246 text-decoration: none;

247 position: relative;

248 z-index: 0;

249}

250

251.wf-btn i {

252 margin-right: 0.4rem;

253}

254

255.wf-btn i.fa-arrow-right {

256 margin-left: 0.4rem;

257 margin-right: 0;

258}

259

260.wf-btn .fa-arrow-right::before {

261 transform: rotate(-45deg);

262 display: inline-block;

263}

264

265button[type="button"].mfp-close,

266button[type="button"].mfp-arrow {

267 background-color: transparent;

268}

269

270.wf-load-more a:hover,

271.wf-load-more a:focus,

272a.wf-btn:hover,

273a.wf-btn:focus,

274.contact__body a:hover,

275.contact__body a:focus {

276 text-decoration: none;

277}

278

279button[type="submit"],

280input[type="button"],

281input[type="reset"],

282input[type="submit"],

283.wf-load-more a,

284.wf-btn-primary {

285 color: #fff;

286 background-color: var(--wf-main-color);

287 border-color: var(--wf-main-color);

288}

289

290.wf-btn-border {

291 border-width: 0.2rem;

292}

293

294.wf-btn-primary.wf-btn-border {

295 color: var(--wf-main-color);

296 background-color: transparent;

297 border-color: var(--wf-main-color);

298}

299

300.wf-load-more a:hover,

301.wf-load-more a:focus,

302.wf-btn-primary.wf-btn-border:hover,

303.wf-btn-primary.wf-btn-border:focus,

304.wf-btn-primary:hover,

305.wf-btn-primary:focus {

306 color: #fff;

307 background-color: rgba(var(--wf-main-rgb), 0.9);

308 border-color: rgba(var(--wf-main-rgb), 0.9);

309}

310

311button[type="button"].wf-btn-secondary,

312button[type="submit"].wf-btn-secondary,

313.wf-btn-secondary {

314 color: #fff;

315 background-color: var(--wf-secondary-color);

316 border-color: var(--wf-secondary-color);

317}

318

319.wf-btn-secondary.wf-btn-border {

320 color: var(--wf-secondary-color);

321 background-color: transparent;

322 border-color: var(--wf-secondary-color);

323}

324

325.wf-btn-secondary.wf-btn-border:hover,

326.wf-btn-secondary.wf-btn-border:focus,

327.wf-btn-secondary:hover,

328.wf-btn-secondary:focus {

329 color: #fff;

330 background-color: var(--wf-secondary-color);

331 border-color: var(--wf-secondary-color);

332}

333

334.wf-btn-white {

335 color: var(--wf-secondary-color);

336 background-color: #fff;

337}

338

339.wf-btn-white.wf-btn-border {

340 color: #fff;

341 background-color: transparent;

342 border-color: #fff;

343}

344

345.wf-btn-white.wf-btn-border:hover,

346.wf-btn-white.wf-btn-border:focus {

347 color: var(--wf-main-color);

348 background-color: #fff;

349 border-color: #fff;

350 box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);

351}

352

353/* Button Effects One */

354

355.btn--effect-one .wf-btn {

356 will-change: transform;

357 transition: 0.2s transform ease-in-out;

358}

359

360.btn--effect-one .wf-btn:focus,

361.btn--effect-one .wf-btn:hover {

362 color: #fff;

363 transform: scale(1.02);

364 will-change: transform;

365}

366

367.btn--effect-one .wf-btn::after {

368 content: "";

369 display: block;

370 height: 100%;

371 width: 100%;

372 position: absolute;

373 left: 0;

374 top: 0;

375 border-radius: 3rem;

376 background-color: var(--wf-secondary-color);

377 transform: translate(-100%, 0) rotate(10deg);

378 transform-origin: top left;

379 transition: 0.2s transform ease-out;

380 will-change: transform;

381 z-index: -1;

382}

383

384.btn--effect-one .wf-btn:focus::after,

385.btn--effect-one .wf-btn:hover::after {

386 transform: translate(0, 0);

387}

388

389/* Button Effects Two */

390

391.btn--effect-two .wf-btn {

392 padding: 1.4rem 1.7rem 1.4rem 1.9rem;

393}

394

395.btn--effect-two .wf-btn::before {

396 content: "";

397 position: absolute;

398 right: 0;

399 top: 50%;

400 transform: translateY(-50%);

401 width: 4.4rem;

402 height: 4.4rem;

403 background-color: var(--wf-secondary-color);

404 opacity: 0.15;

405 border-radius: 10rem;

406 z-index: -1;

407 transition: all 0.2s ease-in-out;

408}

409

410.btn--effect-two .wf-btn:hover:before,

411.btn--effect-two .wf-btn:focus:before {

412 width: 100%;

413}

414

415.btn--effect-two .wf-btn::after {

416 content: "\f054";

417 font-family: "Font Awesome 6 Free";

418 font-weight: 700;

419 margin-left: 2.6rem;

420}

421

422.btn--effect-two .wf-btn-white.wf-btn-border::before {

423 background-color: #fff;

424 opacity: 1;

425}

426

427.btn--effect-two .wf-btn-white.wf-btn-border::after {

428 color: var(--wf-secondary-color);

429}

430

431.btn--effect-two .wf-btn-white.wf-btn-border:hover::after,

432.btn--effect-two .wf-btn-white.wf-btn-border:focus::after {

433 color: var(--wf-main-color);

434}

435

436/* Button Effects Three */

437

438.btn--effect-three .wf-btn::after {

439 content: "";

440 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='12' viewBox='0 0 19 12'%3E%3Cpath fill='%23fff' d='M17.752 6.68H1.246C.833 6.68.5 6.374.5 5.997c0-.378.333-.684.746-.684H15.95l-4.527-4.146a.644.644 0 0 1 0-.967.797.797 0 0 1 1.056 0l5.802 5.314a.639.639 0 0 1 .161.745.754.754 0 0 1-.69.42Z'/%3E%3Cpath fill='%23fff' d='M11.942 12a.771.771 0 0 1-.527-.2.644.644 0 0 1 0-.968l5.81-5.32a.797.797 0 0 1 1.056 0c.292.267.292.7 0 .967l-5.81 5.32a.781.781 0 0 1-.529.201Z'/%3E%3C/svg%3E");

441 width: 1.8rem;

442 height: 1.2rem;

443 margin-left: 1.2rem;

444 display: inline-block;

445}

446

447/* Button Effects Four */

448

449.btn--effect-four .wf-btn::before,

450.btn--effect-four .wf-btn::after {

451 content: "";

452 background-color: var(--wf-secondary-color);

453 width: 0;

454 height: 50%;

455 position: absolute;

456 -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

457 transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

458 z-index: -1;

459}

460

461.btn--effect-four .wf-btn::before {

462 top: 0;

463 left: 0;

464}

465

466.btn--effect-four .wf-btn::after {

467 bottom: 0;

468 right: 0;

469}

470

471.btn--effect-four .wf-btn:hover::before,

472.btn--effect-four .wf-btn:focus::before,

473.btn--effect-four .wf-btn:hover::after,

474.btn--effect-four .wf-btn:focus::after {

475 width: 100%;

476}

477

478/* Button Effects Five */

479

480.btn--effect-five .wf-btn::before {

481 position: absolute;

482 content: "";

483 background-color: var(--wf-secondary-color);

484 width: 120%;

485 height: 0;

486 padding-bottom: 120%;

487 top: -110%;

488 left: -10%;

489 border-radius: 50%;

490 -webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

491 transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);

492 z-index: -1;

493}

494

495.btn--effect-five .wf-btn:hover::before,

496.btn--effect-five .wf-btn:focus::before {

497 -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

498 transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

499 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

500 transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

501}

502

503.btn--effect-five .wf-btn::after {

504 position: absolute;

505 top: 0;

506 left: 0;

507 width: 100%;

508 height: 100%;

509 content: "";

510 background-color: var(--wf-secondary-color);

511 -webkit-transform: translate3d(0, -100%, 0);

512 transform: translate3d(0, -100%, 0);

513 -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

514 transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);

515 z-index: -1;

516}

517

518.btn--effect-five .wf-btn:hover::after,

519.btn--effect-five .wf-btn:focus::after {

520 -webkit-transform: translate3d(0, 0, 0);

521 transform: translate3d(0, 0, 0);

522 -webkit-transition-duration: 0.05s;

523 transition-duration: 0.05s;

524 -webkit-transition-delay: 0.4s;

525 transition-delay: 0.4s;

526 -webkit-transition-timing-function: linear;

527 transition-timing-function: linear;

528}

529

530/* Button Effects Six */

531.btn--effect-six .wf-btn span {

532 display: inline-block;

533 pointer-events: none;

534}

535

536.btn--effect-six .wf-btn span.text-spin {

537 -webkit-animation: text-spin 0.5s 1;

538 animation: text-spin 0.5s 1;

539}

540

541/* Play Buttons */

542

543.wf-btn-play-one {

544 text-decoration: none;

545 display: inline-flex;

546 align-items: center;

547 color: var(--wf-secondary-color);

548}

549

550.wf-btn-play-one i {

551 width: 4.5rem;

552 height: 4.5rem;

553 display: flex;

554 align-items: center;

555 justify-content: center;

556 position: relative;

557 background-color: var(--wf-main-color);

558 border-radius: 50%;

559 color: #fff;

560 font-size: 1.8rem;

561 margin-right: 1.2rem;

562 box-shadow: 0 2rem 3rem rgba(0, 0, 0, 0.1);

563}

564

565.wf-btn-play-one i:after {

566 content: "";

567 position: absolute;

568 z-index: 0;

569 left: 0;

570 top: 0;

571 display: block;

572 width: 100%;

573 height: 100%;

574 background-color: rgba(var(--wf-main-rgb), 0.4);

575 border-radius: 50%;

576 animation: pulse_border_1 1500ms ease-out infinite;

577 z-index: -1;

578 border-radius: inherit;

579}

580

581.wf-btn-play-one span {

582 text-decoration: underline;

583}

584

585.wf-btn-play-two {

586 display: inline-flex;

587 align-items: center;

588 font-weight: 500;

589 font-size: 18px;

590 text-decoration: none;

591}

592

593.wf-btn-play-two i {

594 width: 72px;

595 height: 72px;

596 display: flex;

597 align-items: center;

598 justify-content: center;

599 background: var(--wf-main-color);

600 color: #fff;

601 border-radius: 50%;

602 font-size: 24px;

603 margin-right: 16px;

604 position: relative;

605}

606

607.wf-btn-play-two i::after {

608 content: "";

609 position: absolute;

610 left: 50%;

611 top: 50%;

612 width: 100%;

613 height: 100%;

614 border: 1px solid currentColor;

615 border-radius: 50%;

616 transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

617 animation: pulse_border_2 1500ms ease-out infinite;

618}

619

620button[type="submit"]:focus,

621button:focus,

622input[type="button"]:focus,

623input[type="reset"]:focus,

624input[type="submit"]:focus,

625.wf-btn:focus {

626 outline-width: 0.1rem;

627 outline-offset: -0.3rem;

628 outline-style: dotted;

629}

630

631a,

632area,

633button,

634input,

635label,

636select,

637summary,

638textarea {

639 touch-action: manipulation;

640 transition: all 0.2s ease-in-out;

641}

642

643button,

644input,

645optgroup,

646select,

647textarea {

648 margin: 0;

649}

650

651button,

652input {

653 overflow: visible;

654}

655

656button,

657select {

658 text-transform: none;

659}

660

661img {

662 display: inline-block;

663 max-width: 100%;

664 height: auto;

665 vertical-align: middle;

666 border: 0;

667 transition-delay: 0.1s;

668 transition-timing-function: ease-in-out;

669 transition-duration: 0.7s;

670 transition-property: all;

671}

672

673h1,

674.h1,

675h2,

676.h2,

677h3,

678.h3,

679h4,

680.h4,

681h5,

682.h5,

683h6,

684.h6 {

685 margin: 0;

686 padding: 0;

687 font-weight: 600;

688 line-height: 1.25;

689 font-family: var(--wf-title-family);

690 color: var(--wf-secondary-color);

691 word-break: break-word;

692}

693

694h1,

695.h1 {

696 font-size: 5.5rem;

697}

698

699h2,

700.h2 {

701 font-size: 4.5rem;

702}

703

704h3,

705.h3 {

706 font-size: 3rem;

707}

708

709h4,

710.h4 {

711 font-size: 2.6rem;

712}

713

714h5,

715.h5 {

716 font-size: 2.2rem;

717}

718

719h6,

720.h6 {

721 font-size: 1.6rem;

722}

723

724em,

725cite,

726q {

727 color: var(--wf-main-color);

728 font-style: italic;

729 font-weight: bold;

730}

731

732code,

733kbd,

734tt,

735var,

736samp,

737pre {

738 -webkit-hyphens: none;

739 -moz-hyphens: none;

740 -ms-hyphens: none;

741 hyphens: none;

742 background-color: var(--wf-secondary-color);

743 color: #fff;

744 padding: 0.1rem 0.5rem;

745 border-radius: 0;

746 font-size: 88%;

747}

748

749pre {

750 display: block;

751 margin: 0 0 1rem;

752 font-size: 1.3rem;

753 word-break: break-all;

754 word-wrap: break-word;

755 border: 0.1rem solid #ccc;

756 border-radius: 0;

757 overflow: auto;

758}

759

760table {

761 border: 0.1rem solid rgba(189, 189, 189, 0.4);

762 background-color: #fcfcfc;

763 border-spacing: 0;

764 letter-spacing: 0.05rem;

765 margin: 0 0 2rem;

766 text-align: start;

767 table-layout: fixed;

768 border-collapse: collapse;

769}

770

771table th {

772 border: 0.1rem solid rgba(189, 189, 189, 0.4);

773}

774

775table td {

776 border: 0.1rem solid #e9e9ea;

777}

778

779table th,

780table td {

781 padding: 1.5rem;

782}

783

784table th {

785 background: var(--wf-main-color);

786 color: #fff;

787}

788

789table th a:not(button, .button, .wf-btn) {

790 color: inherit;

791 text-decoration: none;

792}

793

794p {

795 margin: 0 0 1.1rem;

796 word-break: break-word;

797}

798

799.widget_media_image>.wp-block-image,

800figure {

801 margin: 0;

802}

803

804address,

805table,

806pre {

807 width: 100%;

808}

809

810small {

811 font-size: 80%;

812}

813

814sub,

815sup {

816 font-size: 75%;

817 font-weight: 600;

818 position: relative;

819 vertical-align: baseline;

820}

821

822sub {

823 bottom: -0.4rem;

824}

825

826sup {

827 top: -0.8rem;

828}

829

830fieldset {

831 border: 0.1rem solid #e9e9ea;

832 margin: 2.4rem 0.2rem;

833 padding: 1rem 2.5rem 2rem;

834 border-radius: 0;

835}

836

837iframe {

838 max-width: 100%;

839}

840

841button,

842input[type="button"],

843input[type="reset"],

844input[type="submit"] {

845 cursor: pointer;

846 appearance: button;

847 -moz-appearance: button;

848 -webkit-appearance: button;

849}

850

851button:focus,

852input[type="button"]:focus,

853input[type="reset"]:focus,

854input[type="submit"]:focus {

855 outline: 0.1rem dotted;

856 outline-offset: -0.2rem;

857}

858

859input[type="text"],

860input[type="email"],

861input[type="url"],

862input[type="password"],

863input[type="search"],

864input[type="number"],

865input[type="tel"],

866input[type="range"],

867input[type="date"],

868input[type="month"],

869input[type="week"],

870input[type="time"],

871input[type="datetime"],

872input[type="datetime-local"],

873input[type="color"],

874textarea {

875 position: relative;

876 border-radius: 0;

877 display: block;

878 line-height: 1.5;

879 font-size: 1.6rem;

880 font-weight: 500;

881 max-height: 4.2rem;

882 padding: 1.2rem 1.6rem;

883 vertical-align: middle;

884 width: 100%;

885 background-color: #f8f8f8;

886 border: 0.1rem solid rgba(189, 189, 189, 0.4);

887 outline: none;

888 letter-spacing: 0.05rem;

889 -webkit-box-shadow: none;

890 box-shadow: none;

891 transition: all 0.2s ease-in-out;

892}

893

894input[type="text"]:focus,

895input[type="email"]:focus,

896input[type="url"]:focus,

897input[type="password"]:focus,

898input[type="search"]:focus,

899input[type="number"]:focus,

900input[type="tel"]:focus,

901input[type="range"]:focus,

902input[type="date"]:focus,

903input[type="month"]:focus,

904input[type="week"]:focus,

905input[type="time"]:focus,

906input[type="datetime"]:focus,

907input[type="datetime-local"]:focus,

908input[type="color"]:focus,

909textarea:focus,

910select:focus {

911 border-color: var(--wf-main-color);

912 background-color: #fff;

913}

914

915button[type="submit"]:hover,

916input[type="button"]:hover,

917input[type="reset"]:hover,

918input[type="submit"]:hover,

919button[type="submit"]:focus,

920input[type="button"]:focus,

921input[type="reset"]:focus,

922input[type="submit"]:focus {

923 color: #fff;

924 background-color: var(--wf-main-color);

925}

926

927[type="search"] {

928 appearance: none;

929 -moz-appearance: none;

930 -webkit-appearance: none;

931 outline-offset: -0.2rem;

932}

933

934select {

935 background-clip: padding-box;

936 border: 0.1rem solid rgba(189, 189, 189, 0.2);

937 border-radius: 0;

938 display: block;

939 font-size: 92%;

940 font-weight: 400;

941 padding: 0.6rem 1.2rem;

942 position: relative;

943 text-decoration: none;

944 white-space: nowrap;

945 width: 100%;

946 -webkit-box-shadow: none;

947 box-shadow: none;

948 overflow: auto !important;

949 outline: 0;

950 background-image: linear-gradient(#242424, #242424),

951 linear-gradient(#e9e9ea, #e9e9ea);

952 background-size: 0 0.1rem, 100% 0.1rem;

953 background-repeat: no-repeat;

954 background-position: center bottom, center calc(100% - -0.1rem);

955 background-color: #f8f8f8;

956 -moz-transition: background 0s ease-out;

957 -webkit-transition: background 0s ease-out;

958 -o-transition: background 0s ease-out;

959 transition: background 0s ease-out;

960}

961

962textarea {

963 height: 13.2rem;

964 overflow: auto;

965 resize: vertical;

966 max-height: 100%;

967}

968

969input[type="checkbox"],

970input[type="radio"],

971form[id*="give-form"] #give-gateway-radio-list>li input[type="radio"],

972form[id*="give-form"] #give-gateway-radio-list>li input[type="checkbox"],

973div.wpforms-container-full .wpforms-form input[type="radio"],

974div.wpforms-container-full .wpforms-form input[type="checkbox"] {

975 border: 2px solid var(--wf-main-color);

976 background: #fff;

977 color: #555;

978 clear: none;

979 cursor: pointer;

980 display: inline-block;

981 line-height: 0;

982 height: 20px;

983 margin: -3px 3px 0 0;

984 outline: 0;

985 padding: 0;

986 text-align: center;

987 vertical-align: middle;

988 width: 20px !important;

989 max-width: 20px;

990 appearance: none !important;

991 -moz-appearance: none !important;

992 -webkit-appearance: none !important;

993 transition: 0.05s border-color ease-in-out;

994}

995

996input[type="radio"] {

997 border-radius: 50%;

998 margin-right: 4px;

999 line-height: 12px;

1000}

1001

1002input[type="checkbox"]:checked:before,

1003input[type="radio"]:checked:before {

1004 display: inline-block;

1005 vertical-align: middle;

1006 speak: none;

1007 line-height: 1.1;

1008 -webkit-font-smoothing: antialiased;

1009 -moz-osx-font-smoothing: grayscale;

1010 transition: all 0.2s ease-in-out;

1011}

1012

1013input[type="radio"]:checked:before {

1014 content: "⬤";

1015 text-indent: -9999px;

1016 border-radius: 50px;

1017 font-size: 24px;

1018 width: 8px;

1019 height: 8px;

1020 margin: 4px;

1021 line-height: 20px;

1022 background: var(--wf-main-color);

1023}

1024

1025input[type="checkbox"]:checked:before {

1026 content: "✔";

1027 font-weight: 900;

1028 color: var(--wf-main-color);

1029}

1030

1031/*---//---*/

1032

1033/* Grid List Two Column Like Table List */

1034.wf-grid-list dt {

1035 padding: 0.8rem 0 0.8rem 0;

1036 font-weight: 600;

1037}

1038

1039.wf-grid-list dd {

1040 margin: 0;

1041 padding: 0.8rem 0 0.8rem 0;

1042}

1043

1044@media (min-width: 34.375em) {

1045 .wf-grid-list {

1046 display: grid;

1047 grid-template-columns: 1fr 1fr;

1048 grid-template-rows: auto;

1049 }

1050

1051 .wf-grid-list dt {

1052 grid-column-start: 1;

1053 }

1054

1055 .wf-grid-list dd {

1056 grid-column-start: 2;

1057 }

1058

1059 .wf-grid-list dt+dd {}

1060}

1061

1062/* ---//--- */

1063

1064.wf-d-none,

1065div.wf-d-none {

1066 display: none;

1067}

1068

1069.wf-d-block,

1070div.wf-d-block {

1071 display: block;

1072}

1073

1074.wf-d-inline,

1075div.wf-d-inline {

1076 display: inline;

1077}

1078

1079.wf-d-inline-block,

1080div.wf-d-inline-block {

1081 display: inline-block;

1082}

1083

1084.wf-container,

1085.wf-container-fluid {

1086 width: 100%;

1087 padding-right: 1.6rem;

1088 padding-left: 1.6rem;

1089 margin-right: auto;

1090 margin-left: auto;

1091}

1092

1093@media (max-width: 35.95em) {

1094

1095 .wf-container,

1096 .wf-container-fluid {

1097 padding-right: 2.4rem;

1098 padding-left: 2.4rem;

1099 }

1100}

1101

1102.wf-row {

1103 --wf-gutter-x: 2.4rem;

1104 --wf-gutter-y: 0;

1105 display: -ms-flexbox;

1106 display: flex;

1107 -ms-flex-wrap: wrap;

1108 flex-wrap: wrap;

1109 margin-top: calc(var(--wf-gutter-y) * -1);

1110 margin-right: calc(var(--wf-gutter-x) / -2);

1111 margin-left: calc(var(--wf-gutter-x) / -2);

1112}

1113

1114.wf-row>* {

1115 flex-shrink: 0;

1116 width: 100%;

1117 max-width: 100%;

1118 padding-right: calc(var(--wf-gutter-x) / 2);

1119 padding-left: calc(var(--wf-gutter-x) / 2);

1120 margin-top: var(--wf-gutter-y);

1121}

1122

1123.wf-g-0,

1124.wf-gx-0 {

1125 --wf-gutter-x: 0rem;

1126}

1127

1128.wf-g-0,

1129.wf-gy-0 {

1130 --wf-gutter-y: 0rem;

1131}

1132

1133.wf-g-1,

1134.wf-gx-1 {

1135 --wf-gutter-x: 0.4rem;

1136}

1137

1138.wf-g-1,

1139.wf-gy-1 {

1140 --wf-gutter-y: 0.4rem;

1141}

1142

1143.wf-g-2,

1144.wf-gx-2 {

1145 --wf-gutter-x: 0.8rem;

1146}

1147

1148.wf-g-2,

1149.wf-gy-2 {

1150 --wf-gutter-y: 0.8rem;

1151}

1152

1153.wf-g-3,

1154.wf-gx-3 {

1155 --wf-gutter-x: 1.6rem;

1156}

1157

1158.wf-g-3,

1159.wf-gy-3 {

1160 --wf-gutter-y: 1.6rem;

1161}

1162

1163.wf-g-4,

1164.wf-gx-4 {

1165 --wf-gutter-x: 2.4rem;

1166}

1167

1168.wf-g-4,

1169.wf-gy-4 {

1170 --wf-gutter-y: 2.4rem;

1171}

1172

1173.wf-g-5,

1174.wf-gx-5 {

1175 --wf-gutter-x: 4.8rem;

1176}

1177

1178.wf-g-5,

1179.wf-gy-5 {

1180 --wf-gutter-y: 4.8rem;

1181}

1182

1183.wf-col-1 {

1184 -ms-flex: 0 0 8.333333%;

1185 flex: 0 0 8.333333%;

1186 max-width: 8.333333%;

1187}

1188

1189.wf-col-2 {

1190 -ms-flex: 0 0 16.666667%;

1191 flex: 0 0 16.666667%;

1192 max-width: 16.666667%;

1193}

1194

1195.wf-col-3 {

1196 -ms-flex: 0 0 25%;

1197 flex: 0 0 25%;

1198 max-width: 25%;

1199}

1200

1201.wf-col-4 {

1202 -ms-flex: 0 0 33.333333%;

1203 flex: 0 0 33.333333%;

1204 max-width: 33.333333%;

1205}

1206

1207.wf-col-5 {

1208 -ms-flex: 0 0 41.666667%;

1209 flex: 0 0 41.666667%;

1210 max-width: 41.666667%;

1211}

1212

1213.wf-col-6 {

1214 -ms-flex: 0 0 50%;

1215 flex: 0 0 50%;

1216 max-width: 50%;

1217}

1218

1219.wf-col-7 {

1220 -ms-flex: 0 0 58.333333%;

1221 flex: 0 0 58.333333%;

1222 max-width: 58.333333%;

1223}

1224

1225.wf-col-8 {

1226 -ms-flex: 0 0 66.666667%;

1227 flex: 0 0 66.666667%;

1228 max-width: 66.666667%;

1229}

1230

1231.wf-col-9 {

1232 -ms-flex: 0 0 75%;

1233 flex: 0 0 75%;

1234 max-width: 75%;

1235}

1236

1237.wf-col-10 {

1238 -ms-flex: 0 0 83.333333%;

1239 flex: 0 0 83.333333%;

1240 max-width: 83.333333%;

1241}

1242

1243.wf-col-11 {

1244 -ms-flex: 0 0 91.666667%;

1245 flex: 0 0 91.666667%;

1246 max-width: 91.666667%;

1247}

1248

1249.wf-col-12 {

1250 -ms-flex: 0 0 100%;

1251 flex: 0 0 100%;

1252 max-width: 100%;

1253}

1254

1255.wf-m-0 {

1256 margin: 0;

1257}

1258

1259.wf-mt-auto {

1260 margin-top: auto;

1261}

1262

1263.wf-mr-auto {

1264 margin-right: auto;

1265}

1266

1267.wf-mb-auto {

1268 margin-bottom: auto;

1269}

1270

1271.wf-ml-auto {

1272 margin-left: auto;

1273}

1274

1275.wf-my-auto {

1276 margin-top: auto;

1277 margin-bottom: auto;

1278}

1279

1280.wf-mx-auto {

1281 margin-left: auto;

1282 margin-right: auto;

1283}

1284

1285.wf-mt-0 {

1286 margin-top: 0;

1287}

1288

1289.wf-mt-1 {

1290 margin-top: 0.4rem;

1291}

1292

1293.wf-mt-2 {

1294 margin-top: 0.8rem;

1295}

1296

1297.wf-mt-3 {

1298 margin-top: 1.6rem;

1299}

1300

1301.wf-mt-4 {

1302 margin-top: 2.4rem;

1303}

1304

1305.wf-mt-5 {

1306 margin-top: 3.2rem;

1307}

1308

1309.wf-mt-6 {

1310 margin-top: 4.8rem;

1311}

1312

1313.wf-mr-0 {

1314 margin-right: 0;

1315}

1316

1317.wf-mr-1 {

1318 margin-right: 0.4rem;

1319}

1320

1321.wf-mr-2 {

1322 margin-right: 0.8rem;

1323}

1324

1325.wf-mr-3 {

1326 margin-right: 1.6rem;

1327}

1328

1329.wf-mr-4 {

1330 margin-right: 2.4rem;

1331}

1332

1333.wf-mr-5 {

1334 margin-right: 3.2rem;

1335}

1336

1337.wf-mr-6 {

1338 margin-right: 4.8rem;

1339}

1340

1341.wf-mb-0 {

1342 margin-bottom: 0;

1343}

1344

1345.wf-mb-1 {

1346 margin-bottom: 0.4rem;

1347}

1348

1349.wf-mb-2 {

1350 margin-bottom: 0.8rem;

1351}

1352

1353.wf-mb-3 {

1354 margin-bottom: 1.6rem;

1355}

1356

1357.wf-mb-4 {

1358 margin-bottom: 2.4rem;

1359}

1360

1361.wf-mb-5 {

1362 margin-bottom: 3.2rem;

1363}

1364

1365.wf-mb-6 {

1366 margin-bottom: 4.5rem;

1367}

1368

1369.wf-ml-0 {

1370 margin-left: 0;

1371}

1372

1373.wf-ml-1 {

1374 margin-left: 0.4rem;

1375}

1376

1377.wf-ml-2 {

1378 margin-left: 0.8rem;

1379}

1380

1381.wf-ml-3 {

1382 margin-left: 1.6rem;

1383}

1384

1385.wf-ml-4 {

1386 margin-left: 2.4rem;

1387}

1388

1389.wf-ml-5 {

1390 margin-left: 3.2rem;

1391}

1392

1393.wf-ml-6 {

1394 margin-left: 4.8rem;

1395}

1396

1397.wf-my-0 {

1398 margin-top: 0;

1399 margin-bottom: 0;

1400}

1401

1402.wf-my-1 {

1403 margin-top: 0.4rem;

1404 margin-bottom: 0.4rem;

1405}

1406

1407.wf-my-2 {

1408 margin-top: 0.8rem;

1409 margin-bottom: 0.8rem;

1410}

1411

1412.wf-my-3 {

1413 margin-top: 1.6rem;

1414 margin-bottom: 1.6rem;

1415}

1416

1417.wf-my-4 {

1418 margin-top: 2.4rem;

1419 margin-bottom: 2.4rem;

1420}

1421

1422.wf-my-5 {

1423 margin-top: 3.2rem;

1424 margin-bottom: 3.2rem;

1425}

1426

1427.wf-my-6 {

1428 margin-top: 4.8rem;

1429 margin-bottom: 4.8rem;

1430}

1431

1432.wf-mx-0 {

1433 margin-left: 0;

1434 margin-right: 0;

1435}

1436

1437.wf-mx-1 {

1438 margin-left: 0.4rem;

1439 margin-right: 0.4rem;

1440}

1441

1442.wf-mx-2 {

1443 margin-left: 0.8rem;

1444 margin-right: 0.8rem;

1445}

1446

1447.wf-mx-3 {

1448 margin-left: 1.6rem;

1449 margin-right: 1.6rem;

1450}

1451

1452.wf-mx-4 {

1453 margin-left: 2.4rem;

1454 margin-right: 2.4rem;

1455}

1456

1457.wf-mx-5 {

1458 margin-left: 3.2rem;

1459 margin-right: 3.2rem;

1460}

1461

1462.wf-mx-6 {

1463 margin-left: 4.8rem;

1464 margin-right: 4.8rem;

1465}

1466

1467.wf-pt-0 {

1468 padding-top: 0;

1469}

1470

1471.wf-pt-1 {

1472 padding-top: 0.4rem;

1473}

1474

1475.wf-pt-2 {

1476 padding-top: 0.8rem;

1477}

1478

1479.wf-pt-3 {

1480 padding-top: 1.6rem;

1481}

1482

1483.wf-pt-4 {

1484 padding-top: 2.4rem;

1485}

1486

1487.wf-pt-5 {

1488 padding-top: 3.2rem;

1489}

1490

1491.wf-pt-6 {

1492 padding-top: 4.8rem;

1493}

1494

1495.wf-pr-0 {

1496 padding-right: 0;

1497}

1498

1499.wf-pr-1 {

1500 padding-right: 0.4rem;

1501}

1502

1503.wf-pr-2 {

1504 padding-right: 0.8rem;

1505}

1506

1507.wf-pr-3 {

1508 padding-right: 1.6rem;

1509}

1510

1511.wf-pr-4 {

1512 padding-right: 2.4rem;

1513}

1514

1515.wf-pr-5 {

1516 padding-right: 3.2rem;

1517}

1518

1519.wf-pr-6 {

1520 padding-right: 4.8rem;

1521}

1522

1523.wf-pb-0 {

1524 padding-bottom: 0;

1525}

1526

1527.wf-pb-1 {

1528 padding-bottom: 0.4rem;

1529}

1530

1531.wf-pb-2 {

1532 padding-bottom: 0.8rem;

1533}

1534

1535.wf-pb-3 {

1536 padding-bottom: 1.6rem;

1537}

1538

1539.wf-pb-4 {

1540 padding-bottom: 2.4rem;

1541}

1542

1543.wf-pb-5 {

1544 padding-bottom: 3.2rem;

1545}

1546

1547.wf-pb-6 {

1548 padding-bottom: 4.8rem;

1549}

1550

1551.wf-pl-0 {

1552 padding-left: 0;

1553}

1554

1555.wf-pl-1 {

1556 padding-left: 0.4rem;

1557}

1558

1559.wf-pl-2 {

1560 padding-left: 0.8rem;

1561}

1562

1563.wf-pl-3 {

1564 padding-left: 1.6rem;

1565}

1566

1567.wf-pl-4 {

1568 padding-left: 2.4rem;

1569}

1570

1571.wf-pl-5 {

1572 padding-left: 3.2rem;

1573}

1574

1575.wf-pl-6 {

1576 padding-left: 4.8rem;

1577}

1578

1579.wf-p-0 {

1580 padding: 0;

1581}

1582

1583.wf-py-0 {

1584 padding-top: 0;

1585 padding-bottom: 0;

1586}

1587

1588.wf-py-1 {

1589 padding-top: 0.4rem;

1590 padding-bottom: 0.4rem;

1591}

1592

1593.wf-py-2 {

1594 padding-top: 0.8rem;

1595 padding-bottom: 0.8rem;

1596}

1597

1598.wf-py-3 {

1599 padding-top: 1.6rem;

1600 padding-bottom: 1.6rem;

1601}

1602

1603.wf-py-4 {

1604 padding-top: 2.4rem;

1605 padding-bottom: 2.4rem;

1606}

1607

1608.wf-py-5 {

1609 padding-top: 3.2rem;

1610 padding-bottom: 3.2rem;

1611}

1612

1613.wf-py-6 {

1614 padding-top: 4.8rem;

1615 padding-bottom: 4.8rem;

1616}

1617

1618.wf-px-0 {

1619 padding-left: 0;

1620 padding-right: 0;

1621}

1622

1623.wf-px-1 {

1624 padding-left: 0.4rem;

1625 padding-right: 0.4rem;

1626}

1627

1628.wf-px-2 {

1629 padding-left: 0.8rem;

1630 padding-right: 0.8rem;

1631}

1632

1633.wf-px-3 {

1634 padding-left: 1.6rem;

1635 padding-right: 1.6rem;

1636}

1637

1638.wf-px-4 {

1639 padding-left: 2.4rem;

1640 padding-right: 2.4rem;

1641}

1642

1643.wf-px-5 {

1644 padding-left: 3.2rem;

1645 padding-right: 3.2rem;

1646}

1647

1648.wf-px-6 {

1649 padding-left: 4.8rem;

1650 padding-right: 4.8rem;

1651}

1652

1653.wf-text-left {

1654 text-align: start;

1655}

1656

1657.wf-text-right {

1658 text-align: end;

1659}

1660

1661.wf-text-center {

1662 text-align: center;

1663}

1664

1665.wf-flex-10 {

1666 -ms-flex: 1 1 10%;

1667 flex: 1 1 10%;

1668}

1669

1670.wf-flex-15 {

1671 -ms-flex: 1 1 15%;

1672 flex: 1 1 15%;

1673}

1674

1675.wf-flex-20 {

1676 -ms-flex: 1 1 20%;

1677 flex: 1 1 20%;

1678}

1679

1680.wf-flex-25 {

1681 -ms-flex: 1 1 25%;

1682 flex: 1 1 25%;

1683}

1684

1685.wf-flex-30 {

1686 -ms-flex: 1 1 30%;

1687 flex: 1 1 30%;

1688}

1689

1690.wf-flex-35 {

1691 -ms-flex: 1 1 35%;

1692 flex: 1 1 35%;

1693}

1694

1695.wf-flex-40 {

1696 -ms-flex: 1 1 40%;

1697 flex: 1 1 40%;

1698}

1699

1700.wf-flex-45 {

1701 -ms-flex: 1 1 45%;

1702 flex: 1 1 45%;

1703}

1704

1705.wf-flex-50 {

1706 -ms-flex: 1 1 50%;

1707 flex: 1 1 50%;

1708}

1709

1710.wf-flex-55 {

1711 -ms-flex: 1 1 55%;

1712 flex: 1 1 55%;

1713}

1714

1715.wf-flex-60 {

1716 -ms-flex: 1 1 60%;

1717 flex: 1 1 60%;

1718}

1719

1720.wf-flex-65 {

1721 -ms-flex: 1 1 65%;

1722 flex: 1 1 65%;

1723}

1724

1725.wf-flex-70 {

1726 -ms-flex: 1 1 70%;

1727 flex: 1 1 70%;

1728}

1729

1730.wf-flex-75 {

1731 -ms-flex: 1 1 75%;

1732 flex: 1 1 75%;

1733}

1734

1735.wf-flex-80 {

1736 -ms-flex: 1 1 80%;

1737 flex: 1 1 80%;

1738}

1739

1740.wf-flex-85 {

1741 -ms-flex: 1 1 85%;

1742 flex: 1 1 85%;

1743}

1744

1745.wf-flex-90 {

1746 -ms-flex: 1 1 90%;

1747 flex: 1 1 90%;

1748}

1749

1750.wf-flex-95 {

1751 -ms-flex: 1 1 95%;

1752 flex: 1 1 95%;

1753}

1754

1755.wf-flex-100 {

1756 -ms-flex: 1 1 100%;

1757 flex: 1 1 100%;

1758}

1759

1760.wf-flex-auto {

1761 -ms-flex: 1 1 auto;

1762 flex: 1 1 auto;

1763}

1764

1765.wf-float-right {

1766 float: right;

1767}

1768

1769.wf-float-left {

1770 float: left;

1771}

1772

1773.wf-float-none {

1774 float: none;

1775}

1776

1777.wf-order-1 {

1778 order: 1;

1779}

1780

1781.wf-order-2 {

1782 order: 2;

1783}

1784

1785.wf-order-3 {

1786 order: 3;

1787}

1788

1789.wf-order-4 {

1790 order: 4;

1791}

1792

1793.wf-order-5 {

1794 order: 5;

1795}

1796

1797.wf-order-6 {

1798 order: 6;

1799}

1800

1801.wf-order-7 {

1802 order: 7;

1803}

1804

1805.wf-order-8 {

1806 order: 8;

1807}

1808

1809.wf-order-9 {

1810 order: 9;

1811}

1812

1813.wf-order-10 {

1814 order: 10;

1815}

1816

1817.wf-order-11 {

1818 order: 11;

1819}

1820

1821.wf-order-12 {

1822 order: 12;

1823}

1824

1825/* Masonry container */

1826.wf-masonry {

1827 width: 100%;

1828 -webkit-column-gap: 2.4rem;

1829 -moz-column-gap: 2.4rem;

1830 column-gap: 2.4rem;

1831 -moz-column-gap: 2.4rem;

1832 -webkit-column-gap: 2.4rem;

1833 column-gap: 2.4rem;

1834}

1835

1836.wf-masonry-4 {

1837 -webkit-column-count: 4;

1838 -moz-column-count: 4;

1839 column-count: 4;

1840}

1841

1842.wf-masonry-3 {

1843 -webkit-column-count: 3;

1844 -moz-column-count: 3;

1845 column-count: 3;

1846}

1847

1848.wf-masonry-2 {

1849 -webkit-column-count: 2;

1850 -moz-column-count: 2;

1851 column-count: 2;

1852}

1853

1854@media (max-width: 47.95em) {

1855 .wf-masonry[class*="wf-masonry-"] {

1856 -moz-column-count: 1;

1857 -webkit-column-count: 1;

1858 column-count: 1;

1859 }

1860}

1861

1862@media only screen and (min-width: 62em) and (max-width: 64em) {

1863 .wf-masonry[class*="wf-masonry-"] {

1864 -moz-column-count: 3;

1865 -webkit-column-count: 3;

1866 column-count: 3;

1867 }

1868}

1869

1870@media only screen and (min-width: 48em) and (max-width: 61.95em) {

1871 .wf-masonry[class*="wf-masonry-"] {

1872 -moz-column-count: 2;

1873 -webkit-column-count: 2;

1874 column-count: 2;

1875 }

1876}

1877

1878/* ---//--- */

1879

1880/* Small Screen */

1881@media (min-width: 36em) {

1882

1883 .wf-container,

1884 .wf-container-sm {

1885 max-width: 76rem;

1886 /*54rem*/

1887 }

1888

1889 .wf-g-sm-0,

1890 .wf-gx-sm-0 {

1891 --wf-gutter-x: 0rem;

1892 }

1893

1894 .wf-g-sm-0,

1895 .wf-gy-sm-0 {

1896 --wf-gutter-y: 0rem;

1897 }

1898

1899 .wf-g-sm-1,

1900 .wf-gx-sm-1 {

1901 --wf-gutter-x: 0.4rem;

1902 }

1903

1904 .wf-g-sm-1,

1905 .wf-gy-sm-1 {

1906 --wf-gutter-y: 0.4rem;

1907 }

1908

1909 .wf-g-sm-2,

1910 .wf-gx-sm-2 {

1911 --wf-gutter-x: 0.8rem;

1912 }

1913

1914 .wf-g-sm-2,

1915 .wf-gy-sm-2 {

1916 --wf-gutter-y: 0.8rem;

1917 }

1918

1919 .wf-g-sm-3,

1920 .wf-gx-sm-3 {

1921 --wf-gutter-x: 1.6rem;

1922 }

1923

1924 .wf-g-sm-3,

1925 .wf-gy-sm-3 {

1926 --wf-gutter-y: 1.6rem;

1927 }

1928

1929 .wf-g-sm-4,

1930 .wf-gx-sm-4 {

1931 --wf-gutter-x: 2.4rem;

1932 }

1933

1934 .wf-g-sm-4,

1935 .wf-gy-sm-4 {

1936 --wf-gutter-y: 2.4rem;

1937 }

1938

1939 .wf-g-sm-5,

1940 .wf-gx-sm-5 {

1941 --wf-gutter-x: 4.8rem;

1942 }

1943

1944 .wf-g-sm-5,

1945 .wf-gy-sm-5 {

1946 --wf-gutter-y: 4.8rem;

1947 }

1948

1949 .wf-col-sm {

1950 -ms-flex: 1 0 0%;

1951 flex: 1 0 0%;

1952 }

1953

1954 .wf-col-sm-auto {

1955 -ms-flex: 0 0 auto;

1956 flex: 0 0 auto;

1957 max-width: 100%;

1958 width: auto;

1959 }

1960

1961 .wf-col-sm-1 {

1962 -ms-flex: 0 0 8.333333%;

1963 flex: 0 0 8.333333%;

1964 max-width: 8.333333%;

1965 }

1966

1967 .wf-col-sm-2 {

1968 -ms-flex: 0 0 16.666667%;

1969 flex: 0 0 16.666667%;

1970 max-width: 16.666667%;

1971 }

1972

1973 .wf-col-sm-3 {

1974 -ms-flex: 0 0 25%;

1975 flex: 0 0 25%;

1976 max-width: 25%;

1977 }

1978

1979 .wf-col-sm-4 {

1980 -ms-flex: 0 0 33.333333%;

1981 flex: 0 0 33.333333%;

1982 max-width: 33.333333%;

1983 }

1984

1985 .wf-col-sm-5 {

1986 -ms-flex: 0 0 41.666667%;

1987 flex: 0 0 41.666667%;

1988 max-width: 41.666667%;

1989 }

1990

1991 .wf-col-sm-6 {

1992 -ms-flex: 0 0 50%;

1993 flex: 0 0 50%;

1994 max-width: 50%;

1995 }

1996

1997 .wf-col-sm-7 {

1998 -ms-flex: 0 0 58.333333%;

1999 flex: 0 0 58.333333%;

2000 max-width: 58.333333%;

2001 }

2002

2003 .wf-col-sm-8 {

2004 -ms-flex: 0 0 66.666667%;

2005 flex: 0 0 66.666667%;

2006 max-width: 66.666667%;

2007 }

2008

2009 .wf-col-sm-9 {

2010 -ms-flex: 0 0 75%;

2011 flex: 0 0 75%;

2012 max-width: 75%;

2013 }

2014

2015 .wf-col-sm-10 {

2016 -ms-flex: 0 0 83.333333%;

2017 flex: 0 0 83.333333%;

2018 max-width: 83.333333%;

2019 }

2020

2021 .wf-col-sm-11 {

2022 -ms-flex: 0 0 91.666667%;

2023 flex: 0 0 91.666667%;

2024 max-width: 91.666667%;

2025 }

2026

2027 .wf-col-sm-12 {

2028 -ms-flex: 0 0 100%;

2029 flex: 0 0 100%;

2030 max-width: 100%;

2031 }

2032

2033 .wf-d-sm-none,

2034 div.wf-d-sm-none {

2035 display: none;

2036 }

2037

2038 .wf-d-sm-block,

2039 div.wf-d-sm-block {

2040 display: block;

2041 }

2042

2043 .wf-d-sm-inline,

2044 div.wf-d-sm-inline {

2045 display: inline;

2046 }

2047

2048 .wf-d-sm-inline-block,

2049 div.wf-d-sm-inline-block {

2050 display: inline-block;

2051 }

2052

2053 .wf-text-sm-left {

2054 text-align: start;

2055 }

2056

2057 .wf-text-sm-right {

2058 text-align: end;

2059 }

2060

2061 .wf-text-sm-center {

2062 text-align: center;

2063 }

2064

2065 .wf-mt-sm-auto {

2066 margin-top: auto;

2067 }

2068

2069 .wf-mr-sm-auto {

2070 margin-right: auto;

2071 }

2072

2073 .wf-mb-sm-auto {

2074 margin-bottom: auto;

2075 }

2076

2077 .wf-ml-sm-auto {

2078 margin-left: auto;

2079 }

2080

2081 .wf-my-sm-auto {

2082 margin-top: auto;

2083 margin-bottom: auto;

2084 }

2085

2086 .wf-mx-sm-auto {

2087 margin-left: auto;

2088 margin-right: auto;

2089 }

2090

2091 .wf-m-sm-0 {

2092 margin: 0;

2093 }

2094

2095 .wf-mt-sm-0 {

2096 margin-top: 0;

2097 }

2098

2099 .wf-mt-sm-1 {

2100 margin-top: 0.4rem;

2101 }

2102

2103 .wf-mt-sm-2 {

2104 margin-top: 0.8rem;

2105 }

2106

2107 .wf-mt-sm-3 {

2108 margin-top: 1.6rem;

2109 }

2110

2111 .wf-mt-sm-4 {

2112 margin-top: 2.4rem;

2113 }

2114

2115 .wf-mt-sm-5 {

2116 margin-top: 3.2rem;

2117 }

2118

2119 .wf-mt-sm-6 {

2120 margin-top: 4.8rem;

2121 }

2122

2123 .wf-mr-sm-0 {

2124 margin-right: 0;

2125 }

2126

2127 .wf-mr-sm-1 {

2128 margin-right: 0.4rem;

2129 }

2130

2131 .wf-mr-sm-2 {

2132 margin-right: 0.8rem;

2133 }

2134

2135 .wf-mr-sm-3 {

2136 margin-right: 1.6rem;

2137 }

2138

2139 .wf-mr-sm-4 {

2140 margin-right: 2.4rem;

2141 }

2142

2143 .wf-mr-sm-5 {

2144 margin-right: 3.2rem;

2145 }

2146

2147 .wf-mr-sm-6 {

2148 margin-right: 4.8rem;

2149 }

2150

2151 .wf-mb-sm-0 {

2152 margin-bottom: 0;

2153 }

2154

2155 .wf-mb-sm-1 {

2156 margin-bottom: 0.4rem;

2157 }

2158

2159 .wf-mb-sm-2 {

2160 margin-bottom: 0.8rem;

2161 }

2162

2163 .wf-mb-sm-3 {

2164 margin-bottom: 1.6rem;

2165 }

2166

2167 .wf-mb-sm-4 {

2168 margin-bottom: 2.4rem;

2169 }

2170

2171 .wf-mb-sm-5 {

2172 margin-bottom: 3.2rem;

2173 }

2174

2175 .wf-mb-sm-6 {

2176 margin-bottom: 4.8rem;

2177 }

2178

2179 .wf-ml-sm-0 {

2180 margin-left: 0;

2181 }

2182

2183 .wf-ml-sm-1 {

2184 margin-left: 0.4rem;

2185 }

2186

2187 .wf-ml-sm-2 {

2188 margin-left: 0.8rem;

2189 }

2190

2191 .wf-ml-sm-3 {

2192 margin-left: 1.6rem;

2193 }

2194

2195 .wf-ml-sm-4 {

2196 margin-left: 2.4rem;

2197 }

2198

2199 .wf-ml-sm-5 {

2200 margin-left: 3.2rem;

2201 }

2202

2203 .wf-ml-sm-6 {

2204 margin-left: 4.8rem;

2205 }

2206

2207 .wf-my-sm-0 {

2208 margin-top: 0;

2209 margin-bottom: 0;

2210 }

2211

2212 .wf-my-sm-1 {

2213 margin-top: 0.4rem;

2214 margin-bottom: 0.4rem;

2215 }

2216

2217 .wf-my-sm-2 {

2218 margin-top: 0.8rem;

2219 margin-bottom: 0.8rem;

2220 }

2221

2222 .wf-my-sm-3 {

2223 margin-top: 1.6rem;

2224 margin-bottom: 1.6rem;

2225 }

2226

2227 .wf-my-sm-4 {

2228 margin-top: 2.4rem;

2229 margin-bottom: 2.4rem;

2230 }

2231

2232 .wf-my-sm-5 {

2233 margin-top: 3.2rem;

2234 margin-bottom: 3.2rem;

2235 }

2236

2237 .wf-my-sm-6 {

2238 margin-top: 4.8rem;

2239 margin-bottom: 4.8rem;

2240 }

2241

2242 .wf-mx-sm-0 {

2243 margin-left: 0;

2244 margin-right: 0;

2245 }

2246

2247 .wf-mx-sm-1 {

2248 margin-left: 0.4rem;

2249 margin-right: 0.4rem;

2250 }

2251

2252 .wf-mx-sm-2 {

2253 margin-left: 0.8rem;

2254 margin-right: 0.8rem;

2255 }

2256

2257 .wf-mx-sm-3 {

2258 margin-left: 1.6rem;

2259 margin-right: 1.6rem;

2260 }

2261

2262 .wf-mx-sm-4 {

2263 margin-left: 2.4rem;

2264 margin-right: 2.4rem;

2265 }

2266

2267 .wf-mx-sm-5 {

2268 margin-left: 3.2rem;

2269 margin-right: 3.2rem;

2270 }

2271

2272 .wf-mx-sm-6 {

2273 margin-left: 4.8rem;

2274 margin-right: 4.8rem;

2275 }

2276

2277 .wf-p-sm-0 {

2278 padding: 0;

2279 }

2280

2281 .wf-pt-sm-0 {

2282 padding-top: 0;

2283 }

2284

2285 .wf-pt-sm-1 {

2286 padding-top: 0.4rem;

2287 }

2288

2289 .wf-pt-sm-2 {

2290 padding-top: 0.8rem;

2291 }

2292

2293 .wf-pt-sm-3 {

2294 padding-top: 1.6rem;

2295 }

2296

2297 .wf-pt-sm-4 {

2298 padding-top: 2.4rem;

2299 }

2300

2301 .wf-pt-sm-5 {

2302 padding-top: 3.2rem;

2303 }

2304

2305 .wf-pt-sm-6 {

2306 padding-top: 4.8rem;

2307 }

2308

2309 .wf-pr-sm-0 {

2310 padding-right: 0;

2311 }

2312

2313 .wf-pr-sm-1 {

2314 padding-right: 0.4rem;

2315 }

2316

2317 .wf-pr-sm-2 {

2318 padding-right: 0.8rem;

2319 }

2320

2321 .wf-pr-sm-3 {

2322 padding-right: 1.6rem;

2323 }

2324

2325 .wf-pr-sm-4 {

2326 padding-right: 2.4rem;

2327 }

2328

2329 .wf-pr-sm-5 {

2330 padding-right: 3.2rem;

2331 }

2332

2333 .wf-pr-sm-6 {

2334 padding-right: 4.8rem;

2335 }

2336

2337 .wf-pb-sm-0 {

2338 padding-bottom: 0;

2339 }

2340

2341 .wf-pb-sm-1 {

2342 padding-bottom: 0.4rem;

2343 }

2344

2345 .wf-pb-sm-2 {

2346 padding-bottom: 0.8rem;

2347 }

2348

2349 .wf-pb-sm-3 {

2350 padding-bottom: 1.6rem;

2351 }

2352

2353 .wf-pb-sm-4 {

2354 padding-bottom: 2.4rem;

2355 }

2356

2357 .wf-pb-sm-5 {

2358 padding-bottom: 3.2rem;

2359 }

2360

2361 .wf-pb-sm-6 {

2362 padding-bottom: 4.8rem;

2363 }

2364

2365 .wf-pl-sm-0 {

2366 padding-left: 0;

2367 }

2368

2369 .wf-pl-sm-1 {

2370 padding-left: 0.4rem;

2371 }

2372

2373 .wf-pl-sm-2 {

2374 padding-left: 0.8rem;

2375 }

2376

2377 .wf-pl-sm-3 {

2378 padding-left: 1.6rem;

2379 }

2380

2381 .wf-pl-sm-4 {

2382 padding-left: 2.4rem;

2383 }

2384

2385 .wf-pl-sm-5 {

2386 padding-left: 3.2rem;

2387 }

2388

2389 .wf-pl-sm-6 {

2390 padding-left: 4.8rem;

2391 }

2392

2393 .wf-py-sm-0 {

2394 padding-top: 0;

2395 padding-bottom: 0;

2396 }

2397

2398 .wf-py-sm-1 {

2399 padding-top: 0.4rem;

2400 padding-bottom: 0.4rem;

2401 }

2402

2403 .wf-py-sm-2 {

2404 padding-top: 0.8rem;

2405 padding-bottom: 0.8rem;

2406 }

2407

2408 .wf-py-sm-3 {

2409 padding-top: 1.6rem;

2410 padding-bottom: 1.6rem;

2411 }

2412

2413 .wf-py-sm-4 {

2414 padding-top: 2.4rem;

2415 padding-bottom: 2.4rem;

2416 }

2417

2418 .wf-py-sm-5 {

2419 padding-top: 3.2rem;

2420 padding-bottom: 3.2rem;

2421 }

2422

2423 .wf-py-sm-6 {

2424 padding-top: 4.8rem;

2425 padding-bottom: 4.8rem;

2426 }

2427

2428 .wf-px-sm-0 {

2429 padding-left: 0;

2430 padding-right: 0;

2431 }

2432

2433 .wf-px-sm-1 {

2434 padding-left: 0.4rem;

2435 padding-right: 0.4rem;

2436 }

2437

2438 .wf-px-sm-2 {

2439 padding-left: 0.8rem;

2440 padding-right: 0.8rem;

2441 }

2442

2443 .wf-px-sm-3 {

2444 padding-left: 1.6rem;

2445 padding-right: 1.6rem;

2446 }

2447

2448 .wf-px-sm-4 {

2449 padding-left: 2.4rem;

2450 padding-right: 2.4rem;

2451 }

2452

2453 .wf-px-sm-5 {

2454 padding-left: 3.2rem;

2455 padding-right: 3.2rem;

2456 }

2457

2458 .wf-px-sm-6 {

2459 padding-left: 4.8rem;

2460 padding-right: 4.8rem;

2461 }

2462

2463 .wf-float-sm-right {

2464 float: right;

2465 }

2466

2467 .wf-float-sm-left {

2468 float: left;

2469 }

2470

2471 .wf-float-sm-none {

2472 float: none;

2473 }

2474

2475 .wf-order-sm-1 {

2476 order: 1;

2477 }

2478

2479 .wf-order-sm-2 {

2480 order: 2;

2481 }

2482

2483 .wf-order-sm-3 {

2484 order: 3;

2485 }

2486

2487 .wf-order-sm-4 {

2488 order: 4;

2489 }

2490

2491 .wf-order-sm-5 {

2492 order: 5;

2493 }

2494

2495 .wf-order-sm-6 {

2496 order: 6;

2497 }

2498

2499 .wf-order-sm-7 {

2500 order: 7;

2501 }

2502

2503 .wf-order-sm-8 {

2504 order: 8;

2505 }

2506

2507 .wf-order-sm-9 {

2508 order: 9;

2509 }

2510

2511 .wf-order-sm-10 {

2512 order: 10;

2513 }

2514

2515 .wf-order-sm-11 {

2516 order: 11;

2517 }

2518

2519 .wf-order-sm-12 {

2520 order: 12;

2521 }

2522}

2523

2524/* ---//--- */

2525

2526/* Medium Screen */

2527@media (min-width: 48em) {

2528

2529 .wf-container,

2530 .wf-container-md,

2531 .wf-container-sm {

2532 max-width: 84.907rem;

2533 /*72rem*/

2534 }

2535

2536 .wf-g-md-0,

2537 .wf-gx-md-0 {

2538 --wf-gutter-x: 0rem;

2539 }

2540

2541 .wf-g-md-0,

2542 .wf-gy-md-0 {

2543 --wf-gutter-y: 0rem;

2544 }

2545

2546 .wf-g-md-1,

2547 .wf-gx-md-1 {

2548 --wf-gutter-x: 0.4rem;

2549 }

2550

2551 .wf-g-md-1,

2552 .wf-gy-md-1 {

2553 --wf-gutter-y: 0.4rem;

2554 }

2555

2556 .wf-g-md-2,

2557 .wf-gx-md-2 {

2558 --wf-gutter-x: 0.8rem;

2559 }

2560

2561 .wf-g-md-2,

2562 .wf-gy-md-2 {

2563 --wf-gutter-y: 0.8rem;

2564 }

2565

2566 .wf-g-md-3,

2567 .wf-gx-md-3 {

2568 --wf-gutter-x: 1.6rem;

2569 }

2570

2571 .wf-g-md-3,

2572 .wf-gy-md-3 {

2573 --wf-gutter-y: 1.6rem;

2574 }

2575

2576 .wf-g-md-4,

2577 .wf-gx-md-4 {

2578 --wf-gutter-x: 2.4rem;

2579 }

2580

2581 .wf-g-md-4,

2582 .wf-gy-md-4 {

2583 --wf-gutter-y: 2.4rem;

2584 }

2585

2586 .wf-g-md-5,

2587 .wf-gx-md-5 {

2588 --wf-gutter-x: 4.8rem;

2589 }

2590

2591 .wf-g-md-5,

2592 .wf-gy-md-5 {

2593 --wf-gutter-y: 4.8rem;

2594 }

2595

2596 .wf-col-md {

2597 -ms-flex: 1 0 0%;

2598 flex: 1 0 0%;

2599 }

2600

2601 .wf-col-md-auto {

2602 -ms-flex: 0 0 auto;

2603 flex: 0 0 auto;

2604 max-width: 100%;

2605 width: auto;

2606 }

2607

2608 .wf-col-md-1 {

2609 -ms-flex: 0 0 8.333333%;

2610 flex: 0 0 8.333333%;

2611 max-width: 8.333333%;

2612 }

2613

2614 .wf-col-md-2 {

2615 -ms-flex: 0 0 16.666667%;

2616 flex: 0 0 16.666667%;

2617 max-width: 16.666667%;

2618 }

2619

2620 .wf-col-md-3 {

2621 -ms-flex: 0 0 25%;

2622 flex: 0 0 25%;

2623 max-width: 25%;

2624 }

2625

2626 .wf-col-md-4 {

2627 -ms-flex: 0 0 33.333333%;

2628 flex: 0 0 33.333333%;

2629 max-width: 33.333333%;

2630 }

2631

2632 .wf-col-md-5 {

2633 -ms-flex: 0 0 41.666667%;

2634 flex: 0 0 41.666667%;

2635 max-width: 41.666667%;

2636 }

2637

2638 .wf-col-md-6 {

2639 -ms-flex: 0 0 50%;

2640 flex: 0 0 50%;

2641 max-width: 50%;

2642 }

2643

2644 .wf-col-md-7 {

2645 -ms-flex: 0 0 58.333333%;

2646 flex: 0 0 58.333333%;

2647 max-width: 58.333333%;

2648 }

2649

2650 .wf-col-md-8 {

2651 -ms-flex: 0 0 66.666667%;

2652 flex: 0 0 66.666667%;

2653 max-width: 66.666667%;

2654 }

2655

2656 .wf-col-md-9 {

2657 -ms-flex: 0 0 75%;

2658 flex: 0 0 75%;

2659 max-width: 75%;

2660 }

2661

2662 .wf-col-md-10 {

2663 -ms-flex: 0 0 83.333333%;

2664 flex: 0 0 83.333333%;

2665 max-width: 83.333333%;

2666 }

2667