CSS File

1:root {

2 scroll-behavior: smooth;

3}

4html {

5 line-height: 1.15;

6}

7body {

8 color: #333333;

9 overflow-x: hidden;

10 margin: 0;

11 font-family: Open Sans, sans-serif;

12 background: #0a1229;

13}

14img {

15 max-width: 100%;

16 height: auto;

17}

18a {

19 color: #000000;

20}

21a:hover {

22 text-decoration: none;

23}

24p,

25li {

26 line-height: 1.5;

27}

28input[type="search"]::-webkit-search-cancel-button

29 {

30

-webkit-appearance:none;

31}

32pre {

33 white-space: pre-wrap;

34 word-break: break-word;

35}

36button,

37input,

38select,

39textarea {

40 font-family: inherit;

41 font-size: 100%;

42 line-height: 1.15;

43}

44/* -------------------------------------------Wpdevart Top Header------------------------------------------- */

45.wpdevart-top-header {

46 padding: 5px 0 5px 0;

47}

48.wpdevart-top-header-bg-color {

49 background:#060d22;

50}

51.wpdevart-top-header-gradient-color {

52 background: linear-gradient(to right, #060d22, #060d22);

53}

54.wpdevart-top-header-border {

55 border-bottom: 1px solid #282828;

56}

57@media (min-width: 960px) {

58.wpdevart-top-header-section {

59 max-width: 1300px;

60 min-height: 35px;

61 display: flex;

62 margin: auto;

63 padding: 0 20px 0 20px;

64 justify-content: center;

65 align-items: center;

66}

67}

68@media (max-width: 960px) {

69 .wpdevart-top-header-section {

70 padding: 20px;

71 }

72}

73.wpdevart-top-header-left {

74 color:#060c20;

75 font-size: 13px;

76}

77.wpdevart-top-header-left-content,

78.wpdevart-top-header-right-content {

79 font-size: 13px;

80}

81@media (min-width: 960px) {

82 .wpdevart-top-header-left {

83 flex: 50%;

84 }

85}

86@media (min-width: 960px) {

87 .wpdevart-top-header-right {

88 flex: 50%;

89 }

90}

91@media (min-width: 960px) {

92.wpdevart-top-header-right-content {

93 display: block;

94 float: right;

95}

96}

97@media (min-width: 960px) {

98 .wpdevart-top-header-left-icons {

99 flex: 50%;

100 }

101}

102@media (min-width: 960px) {

103.wpdevart-top-header-left-icons-content {

104 display: block;

105 float: left;

106}

107}

108@media screen and (max-width:960px) {

109 .wpdevart-top-header-left {

110 width: 100%;

111 text-align: center;

112 }

113 .wpdevart-top-header-left-content {

114 text-align: center;

115 width: 100%;

116 color:#060c20;

117 }

118 .wpdevart-top-header-right {

119 width: 100%;

120 }

121 .wpdevart-top-header-right-content {

122 display: flex;

123 align-items: center;

124 justify-content: center;

125 margin-top: 10px;

126 color:#060c20;

127 }

128 .wpdevart-top-header-left-icons {

129 width: 100%;

130 }

131 .wpdevart-top-header-left-icons-content {

132 display: flex;

133 align-items: center;

134 justify-content: center;

135 margin-top: 10px;

136 }

137 .wpdevart-top-header {

138 padding: 10px 0 10px 0;

139 }

140}

141@media (max-width: 550px) {

142 .wpdevart-top-header-phone {

143 text-align: center;

144 display: block;

145 }

146}

147@media (max-width: 550px) {

148 .wpdevart-top-header-email {

149 text-align: center;

150 display: block;

151 }

152}

153.wpdevart-phone-email-text {

154 padding-right:7px;

155 display:inline-block;

156 max-width:250px;

157 word-break: break-word;

158}

159.wpdevart-phone-email-icon {

160 fill: #ffbf43;

161 padding-right:4px;

162 vertical-align:middle;

163}

164.top-header-icons {

165 font-size:20px!important;

166}

167.wpdevart-social-icons {

168 margin-left: 10px;

169 float: left;

170 padding: 2px;

171 border-radius: 2px;

172 width: 19px;

173 height: 19px;

174 text-align: center;

175 font-size: 17px;

176 background-color: #060c20;

177 border: 1px solid #ffbf43;

178 transition: all ease 0.3s;

179}

180.wpdevart-social-icons:hover {

181 box-shadow: 0px 0px 10px #ffbf43;

182}

183.wpdevart-social-icons a {

184 fill: #ffbf43;

185}

186span.wpdevart-social-icons a {

187 text-decoration: none;

188}

189@media (max-width:960px) {

190 .wpdevart-phone-email-text {

191 padding:0 3px!important;

192 }

193 .wpdevart-phone-email-icon {

194 padding:0 2px!important;

195 }

196 .wpdevart-social-icons {

197 margin: 0 5px!important;

198 }

199}

200/* ------------------------------------------Wpdevart Header------------------------------------------ */

201.wpdevart-main-header-bg {

202 background: #0a1229;

203 position: relative;

204}

205.wpdevart-main-header-bg-gradient {

206 background: linear-gradient(to right, #0a1229, #0a1229);

207 position: relative;

208}

209.wpdevart-main-header-border {

210 border-bottom: 1px solid #282828;

211}

212@media (min-width:960px) {

213 .wpdevart-sticky-header {

214 position: sticky;

215 z-index: 77;

216 top: 0;

217 }

218}

219@media (max-width:960px) {

220 .wpdevart-sticky-header-for-mobile {

221 position: sticky;

222 z-index: 77;

223 top: 0;

224 }

225}

226.wpdevart-header-container {

227 max-width: 1300px;

228 margin: 0 auto;

229 padding: 16px 0 0 0;

230}

231@media (min-width:960px) {

232.wpdevart-header-container {

233 padding: 25px 16px;

234}

235}

236.wpdevart-main-header-section {

237 width: 100%;

238 text-align: center;

239}

240@media(min-width:960px) {

241 .wpdevart-main-header-section {

242 display: flex;

243 align-items: center;

244 justify-content: center;

245 text-align: left;

246}

247}

248.wpdevart-logo-area {

249 width: 33%;

250}

251@media(max-width:960px) {

252 .wpdevart-logo-area {

253 width: 100%;

254}

255}

256.wpdevart-logo-area img {

257 width: auto;

258 max-height: 70px;

259}

260@media(min-width:960px) {

261 .wpdevart-logo-area img {

262 width: auto;

263 max-height: 50px;

264 }

265}

266@media(max-width:960px) {

267 .wpdevart-main-header-section-mobile-logo{

268 display: flex;

269 align-items: center;

270 justify-content: center;

271 margin: 15px 0;

272 text-align: left;

273 }

274}

275.wpdevart-logo-area-layouttwo img {

276 width: auto;

277 max-height: 120px;

278}

279@media(min-width:960px) {

280 .wpdevart-logo-area-layouttwo img {

281 width: auto;

282 max-height: 100px;

283 }

284}

285.wpdevart-header-logo-spaces {

286 line-height:0!important;

287 margin: 0!important;

288}

289@media(max-width:960px) {

290 .mobile-image-logo-resizing {

291 padding: 0 30px;

292 }

293}

294.wpdevart-logo-text {

295 margin: 0;

296 font-size: 26px;

297 word-break: break-word;

298 text-align: left;

299 max-width: 100%;

300 font-weight: 400;

301 text-transform: uppercase;

302 letter-spacing: 2px;

303}

304@media (max-width: 960px) {

305.wpdevart-logo-text {

306 text-align: center;

307 max-width: 80%;

308}

309}

310.wpdevart-logo-text a {

311 text-decoration: none;

312}

313.wpdevart-logo-text-simple {

314 color: #ffbf43;

315}

316.wpdevart-logo-text-gradient {

317 margin: 0;

318 font-size: 26px;

319 word-break: break-word;

320 text-align: left;

321 max-width: 100%;

322 font-weight: 400;

323 text-transform: uppercase;

324 letter-spacing: 2px;

325}

326@media (max-width: 960px) {

327 .wpdevart-logo-text-gradient {

328 text-align: center;

329 max-width: 80%;

330 }

331}

332.wpdevart-logo-text-gradient a {

333 background: linear-gradient(to right,#ffbf43,#ffbf43);

334 text-decoration: none!important;

335}

336.wpdevart-site-description {

337 word-wrap: break-word;

338 margin: 5px 0;

339 color: #d5d5d5;

340 font-size: 18px;

341}

342@media (max-width: 960px) {

343 .wpdevart-site-description {

344 margin: 0 auto;

345 max-width: 80%;

346 }

347}

348.wpdevart-site-description-layout-two {

349 text-align: center;

350 max-width: 650px;

351 margin: 5px auto;

352}

353@media (max-width: 960px) {

354 .wpdevart-site-description-layout-two {

355 max-width: 80%;

356 }

357}

358.header-action-button-mobile-area {

359 width: 100%;

360 padding: 10px 0 30px 0;

361}

362@media (min-width: 960px) {

363.header-action-button-mobile-area {

364 display: none;

365}

366}

367.wpdevart-header-action-button {

368 word-break: break-word;

369 max-width: 200px;

370}

371@media (min-width: 960px) and (max-width: 1200px) {

372 .wpdevart-header-action-button {

373 font-size: 14px!important;

374 padding: 8px 6px!important;

375 }

376}

377.wpdevart-menu-and-buttons-area {

378 width: 100%;

379}

380@media(min-width:960px) {

381.wpdevart-menu-and-buttons-area {

382 flex: 67%;

383}

384}

385.wpdevart-menu-and-buttons-container {

386 width: 100%;

387}

388@media (min-width: 960px) {

389 .wpdevart-menu-and-buttons-container {

390 display: flex;

391 align-items: center;

392 justify-content: flex-end;

393 }

394}

395@media (max-width: 960px) {

396 .header-action-button-area {

397 display: none;

398 }

399}

400.header-action-button-area {

401 margin-left: 10px;

402}

403/* ------------------------------------------Layout: Logo at the top of the menu------------------------------------------ */

404.wpdevart-main-header-section-layouttwo {

405 width: 100%;

406 padding: 10px 0 20px 0;

407}

408.wpdevart-header-logo-spaces-layouttwo {

409 width: 400px;

410 margin: 0 auto!important;

411 line-height:0!important;

412 text-align: center;

413}

414@media (min-width: 960px) {

415.wpdevart-header-logo-spaces-layouttwo {

416 width: 450px;

417}

418}

419@media (max-width: 600px) {

420 .wpdevart-header-logo-spaces-layouttwo {

421 width: 280px;

422 }

423}

424.wpdevart-header-logo-spaces-layouttwo img {

425 max-width: 400px;

426 max-height: 300px;

427}

428@media (min-width: 960px) {

429.wpdevart-header-logo-spaces-layouttwo img {

430 max-width: 450px;

431 max-height: 280px;

432}

433}

434@media (max-width: 600px) {

435.wpdevart-header-logo-spaces-layouttwo img {

436 max-width: 280px;

437 max-height: 180px;

438}

439}

440.wpdevart-logo-text-layouttwo {

441 margin: 0 auto!important;

442 word-break: break-word;

443 max-width: 450px;

444 text-align: center;

445 font-size: 26px;

446 font-weight: 400;

447 text-transform: uppercase;

448 letter-spacing: 2px;

449}

450@media (max-width: 960px) {

451 .wpdevart-logo-text-layouttwo {

452 text-align: center;

453 max-width: 80%;

454 }

455}

456.wpdevart-logo-text-layouttwo a {

457 text-decoration: none;

458}

459.wpdevart-logo-text-layouttwo-simple {

460 color: #ffbf43;

461}

462.wpdevart-logo-text-layouttwo-gradient {

463 margin: 0 auto!important;

464 word-break: break-word;

465 max-width: 650px;

466 text-align: center;

467 font-size: 26px;

468 font-weight: 400;

469 text-transform: uppercase;

470 letter-spacing: 2px;

471}

472@media (max-width: 960px) {

473 .wpdevart-logo-text-layouttwo-gradient {

474 text-align: center;

475 max-width: 80%;

476 }

477}

478.wpdevart-logo-text-layouttwo-gradient a {

479 background: linear-gradient(to right,#ffbf43,#ffbf43);

480 text-decoration: none!important;

481}

482.header-action-button-mobile-area-layouttwo {

483 width: 100%;

484 padding: 10px 0 30px 0;

485 text-align: center;

486}

487@media (min-width: 960px) {

488.header-action-button-mobile-area-layouttwo {

489 display: none;

490}

491}

492@media (min-width: 960px) {

493 .wpdevart-menu-and-buttons-container-layouttwo {

494 display: flex;

495 align-items: center;

496 }

497}

498.wpdevart-search-and-button-container-layouttwo {

499 width: 30%;

500 display: flex;

501 justify-content: flex-end;

502 align-items: center;

503}

504@media (max-width: 960px) {

505 .wpdevart-search-and-button-container-layouttwo {

506 width: 100%;

507 }

508}

509@media (max-width: 960px) {

510 .header-action-button-area-layouttwo {

511 display: none;

512 }

513}

514.header-action-button-area-layouttwo {

515 margin-left: 10px;

516}

517/* ------------------------------------------Layout: Logo in the center------------------------------------------ */

518@media screen and (min-width:960px) {

519 .nav-container-layout-three {

520 flex: 1;

521 }

522}

523.wpdevart-main-header-section-layoutthree {

524 flex: 1;

525}

526@media screen and (max-width:960px) {

527 .wpdevart-main-header-section-layoutthree {

528 margin: 40px 0 30px 0;

529 }

530}

531.wpdevart-header-logo-spaces-layoutthree {

532 width: 400px;

533 margin: 0 auto!important;

534 line-height:0!important;

535 text-align: center;

536}

537@media (min-width: 960px) {

538.wpdevart-header-logo-spaces-layoutthree {

539 width: 450px;

540}

541}

542@media (max-width: 600px) {

543 .wpdevart-header-logo-spaces-layoutthree {

544 width: 280px;

545 }

546}

547.wpdevart-header-logo-spaces-layoutthree img {

548 max-width: 400px;

549 max-height: 300px;

550}

551@media (min-width: 960px) {

552.wpdevart-header-logo-spaces-layoutthree img {

553 max-width: 450px;

554 max-height: 280px;

555}

556}

557@media (max-width: 600px) {

558.wpdevart-header-logo-spaces-layoutthree img {

559 max-width: 280px;

560 max-height: 180px;

561}

562}

563.wpdevart-logo-text-layoutthree {

564 margin: 0 auto!important;

565 word-break: break-word;

566 max-width: 450px;

567 text-align: center;

568 font-size: 26px;

569 font-weight: 400;

570 text-transform: uppercase;

571 letter-spacing: 2px;

572}

573@media (max-width: 960px) {

574 .wpdevart-logo-text-layoutthree {

575 text-align: center;

576 max-width: 80%;

577 }

578}

579.wpdevart-logo-text-layoutthree a {

580 text-decoration: none;

581}

582.wpdevart-logo-text-layoutthree-simple {

583 color: #ffbf43;

584}

585.wpdevart-logo-text-layoutthree-gradient {

586 margin: 0 auto!important;

587 word-break: break-word;

588 max-width: 650px;

589 text-align: center;

590 font-size: 26px;

591 font-weight: 400;

592 text-transform: uppercase;

593 letter-spacing: 2px;

594}

595@media (max-width: 960px) {

596 .wpdevart-logo-text-layoutthree-gradient {

597 text-align: center;

598 max-width: 80%;

599 }

600}

601.wpdevart-logo-text-layoutthree-gradient a {

602 background: linear-gradient(to right,#ffbf43,#ffbf43);

603 text-decoration: none!important;

604}

605.header-action-button-mobile-area-layoutthree {

606 width: 80%;

607 padding: 10px 0 30px 0;

608 text-align: center;

609 margin: 0 auto;

610}

611@media (min-width: 960px) {

612.header-action-button-mobile-area-layoutthree {

613 display: none;

614}

615}

616@media (min-width: 960px) {

617 .wpdevart-menu-and-buttons-container-layoutthree {

618 display: flex;

619 align-items: center;

620 }

621}

622.wpdevart-search-and-button-container-layoutthree {

623 flex: 1;

624 display: flex;

625 justify-content: flex-end;

626 align-items: center;

627}

628@media (max-width: 960px) {

629 .wpdevart-search-and-button-container-layoutthree {

630 width: 100%;

631 }

632}

633@media (max-width: 960px) {

634 .header-action-button-area-layoutthree {

635 display: none;

636 }

637}

638.header-action-button-area-layoutthree {

639 margin-left: 10px;

640}

641/* ------------------------------------------Wpdevart Menu------------------------------------------ */

642.nav-container {

643 width: 100%;

644}

645@media screen and (min-width:960px) {

646 .nav-container-layout-one {

647 max-width: 65%;

648 }

649 .nav-container-without-action-button {

650 max-width: 90%;

651 }

652 .simple-navbar-wpdevart a {

653 color: #ffffff;

654 }

655 .simple-navbar-wpdevart {

656 padding: 0 10px 0 10px;

657 }

658 .simple-navbar-wpdevart>ul>li {

659 position: relative;

660 margin-left: 10px;

661 }

662 .simple-navbar-wpdevart>ul, .simple-navbar-wpdevart>ul>li {

663 display: flex;

664

-ms-flex-wrap: wrap;

665 flex-wrap: wrap;

666 align-items: baseline;

667 }

668 .navbar-wpdevart {

669 padding: 0 10px 0 10px;

670 }

671 .navbar-wpdevart-float {

672 float:left!important;

673 }

674 .navbar-wpdevart>ul>li {

675 position: relative;

676 margin-left: 10px;

677 }

678 .navbar-wpdevart-layout-two {

679 padding: 0 10px 0 0;

680 }

681 .navbar-wpdevart-layout-two>ul>li:first-of-type {

682 margin-left: 0px;

683 }

684 .navbar-wpdevart-layout-three {

685 padding: 0 10px 0 0;

686 }

687 .navbar-wpdevart-layout-three>ul>li {

688 margin-left: 0px;

689 margin-right: 10px;

690 }

691 .navbar-wpdevart>ul, .navbar-wpdevart>ul>li {

692 display: flex;

693

-ms-flex-wrap: wrap;

694 flex-wrap: wrap;

695 align-items: baseline;

696 }

697 .wpdevart-menu-items-color {

698 color: #ffffff;

699 }

700 .wpdevart-menu-button-icon {

701 background: none;

702 padding: 0px;

703 border: none;

704 cursor: pointer;

705 fill: #000000;

706 }

707 .navbar-wpdevart .dropdown-menu, .navbar-wpdevart .sub-menu {

708 position: absolute;

709 top: 100%;

710 min-width: 220px;

711 visibility: hidden;

712 opacity: 0;

713 background: #060d22;

714 border: 1px solid rgba(0,0,0,.085);

715 border-top-width: 2px;

716 border-top-style: solid;

717 padding: 10px 0;

718 line-height: 1.5;

719 text-align: left;

720 transform: translateY(10px);

721 transition: all .25s;

722 z-index: 998;

723 border-radius: 0 0 3px 3px;

724 box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434;

725 pointer-events: none;

726 font-size: 1em;

727 border-top: 2px solid #ffbf43;

728 }

729 .wpdevart-sub-menu-link-color {

730 color: #d5d5d5;

731 }

732 .wpdevart-sub-menu-button-icon {

733 background: none;

734 padding: 0px 5px;

735 border: none;

736 fill: #000000;

737 cursor: pointer;

738 }

739 .navbar-wpdevart .menu-item-has-children:hover>.dropdown-menu,

740 .navbar-wpdevart .menu-item-has-children:hover>.sub-menu,

741 .navbar-wpdevart .menu-item-has-children:focus-within>.dropdown-menu,

742 .navbar-wpdevart .menu-item-has-children:focus-within>.sub-menu {

743 visibility: visible;

744 opacity: 1;

745 transform: translateY(0);

746 pointer-events: auto;

747 z-index: 999;

748 }

749 .navbar-wpdevart li:hover .dropdown-menu, .navbar-wpdevart li:hover .sub-menu {

750 transition: all .2s;

751 }

752 .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li {

753 position: relative;

754 padding-left: 5px;

755 padding-right: 5px;

756 }

757 .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li, .navbar-wpdevart>ul {

758 padding: 0;

759 margin: 0;

760 list-style: none;

761 }

762 .navbar-wpdevart .dropdown-menu li, .navbar-wpdevart .sub-menu li, .navbar-wpdevart>ul {

763 display: flex;

764 line-height: 1.75;

765 align-items: baseline;

766 }

767 .navbar-wpdevart .dropdown-menu .dropdown-menu, .navbar-wpdevart .dropdown-menu .sub-menu {

768 border-radius: 3px;

769 right: 100%;

770 top: -12px;

771 }

772 .navbar-wpdevart .depth_2, .navbar-wpdevart .depth_4, .navbar-wpdevart .depth_6, .navbar-wpdevart .depth_8 {

773 border-radius: 3px;

774 left: 100%;

775 top: -12px;

776 }

777 .navbar-wpdevart .dropdown-menu li {

778 padding:3px 0px;

779 }

780 .navbar-wpdevart li.active a {

781 opacity:0.8;

782 }

783 .navbar-wpdevart ul li a {

784 padding: 0 5px;

785 text-decoration: none !important;

786 background: none;

787 font-weight: 400;

788 max-width: 400px;

789 word-break: break-word;

790 text-transform: uppercase;

791 }

792 .navbar-wpdevart li a:hover,

793 .navbar-wpdevart li a:focus,

794 .navbar-wpdevart li a:visited {

795 opacity:0.7;

796 }

797 .navbar-wpdevart li a::after {

798 content: '';

799 display:block;

800 width: 100%;

801 transform: scaleX(0);

802 border-radius: 5px;

803 height: 1px;

804 bottom: 0;

805 left: 0;

806 background: currentcolor;

807 transform-origin: bottom center;

808 transition: transform 0.25s ease-out;

809 }

810 .navbar-wpdevart li a:hover::after,

811 .navbar-wpdevart li a:focus::after {

812 transform: scaleX(1);

813 transform-origin: bottom center;

814 }

815}

816@media (min-width: 1200px) {

817 .navbar-wpdevart ul li a {

818 font-size: 16px;

819 }

820}

821@media (min-width: 960px) and (max-width: 1200px) {

822 .navbar-wpdevart ul li a {

823 font-size: 14px;

824 }

825}

826@media (min-width: 960px) and (max-width: 1300px) {

827 .navbar-wpdevart ul li a {

828 display: inline-block;

829 max-width: 200px;

830}

831}

832@media (min-width: 960px) and (max-width: 1300px) {

833 .navbar-wpdevart .dropdown-menu, .navbar-wpdevart .sub-menu {

834 min-width: 170px;

835}

836}

837/* ------------------------------------------Wpdevart Mobile Menu------------------------------------------ */

838.wpdevart-mobile-icon-button {

839 background: none;

840 border: none;

841 cursor: pointer;

842}

843@media (min-width: 960px) {

844 .wpdevart-mobile-icon-button {

845 display: none;

846 }

847}

848@media screen and (max-width:960px) {

849 #wpdevartmobilemenu,

850 #wpdevartmobilemenu ul,

851 #wpdevartmobilemenu ul li,

852 #wpdevartmobilemenu ul li a,

853 #wpdevartmobilemenu #head-mobile {

854 border:0;

855 list-style:none;

856 line-height:1;

857 display:block;

858 position:relative;

859

-webkit-box-sizing:border-box;

860

-moz-box-sizing:border-box;

861 box-sizing:border-box;

862 }

863 #wpdevartmobilemenu #head-mobile {

864 padding:23px;

865 font-size:17px;

866 font-weight:700;

867 }

868 .head-mobile-toolbar {

869 background: #060c20;

870 }

871 .head-mobile-toolbar-gradient {

872 background: linear-gradient(to right, #060c20, #060c20);

873 }

874 .wpdevart-hide-on-mobile {

875 display: none;

876 }

877 #wpdevartmobilemenu {

878 width:100%;

879 background:#0a1229;

880 word-break: break-word;

881 }

882 #wpdevartmobilemenu ul ul li a {

883 color:#ffffff;

884 padding:11px 15px 11px 15px;

885 font-size: 14px;

886 text-decoration:none;

887 letter-spacing: 1px;

888 font-weight: 400;

889 text-transform: uppercase;

890 }

891 #wpdevartmobilemenu > ul > li > a {

892 padding:17px;

893 letter-spacing:1px;

894 text-decoration:none;

895 color:#ffffff;

896 font-size: 14px;

897 font-weight: 400;

898 text-transform: uppercase;

899 }

900 #wpdevartmobilemenu ul {

901 width:100%;

902 display:none;

903 margin:0;

904 padding:0;

905 text-decoration:none;

906 }

907 #wpdevartmobilemenu ul li {

908 text-align: left;

909 width:100%;

910 border-top: 1px solid #433e37;

911 }

912 #wpdevartmobilemenu ul li:last-of-type {

913 border-bottom: 1px solid #433e37;

914 }

915 #wpdevartmobilemenu ul li ul {

916 border-top: 1px solid #433e37;

917 }

918 #wpdevartmobilemenu ul li a,#wpdevartmobilemenu ul ul li a {

919 width:85%;

920 margin: 2px 0;

921 }

922 #wpdevartmobilemenu ul ul ul li a {

923 padding-left:30px;

924 }

925 #wpdevartmobilemenu ul ul ul ul li a {

926 padding-left:35px;

927 }

928 #wpdevartmobilemenu ul ul ul ul ul li a {

929 padding-left:40px;

930 }

931 #wpdevartmobilemenu ul ul ul ul ul ul li a {

932 padding-left:45px;

933 }

934 #wpdevartmobilemenu ul ul ul ul ul ul ul li a {

935 padding-left:50px;

936 }

937 #wpdevartmobilemenu ul ul ul ul ul ul ul ul li a {

938 padding-left:55px;

939 }

940 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul li a {

941 padding-left:65px;

942 }

943 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul li a {

944 padding-left:75px;

945 }

946 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul ul li a {

947 padding-left:85px;

948 }

949 #wpdevartmobilemenu ul ul,

950 #wpdevartmobilemenu ul ul ul {

951 position:relative;

952 left:0;

953 width:100%;

954 margin:0;

955 text-align:left;

956 }

957 .wpdevartmobilemenubutton {

958 width:55px;

959 height:46px;

960 position:absolute;

961 right:0;

962 top:0;

963 cursor:pointer;

964 z-index: 123;

965 }

966 .wpdevartmobilemenubutton:after {

967 position:absolute;

968 top:22px;

969 right:20px;

970 display:block;

971 height:4px;

972 width:20px;

973 border-top:2px solid #ffbf43;

974 border-bottom:2px solid #ffbf43;

975 content:'';

976 }

977 .wpdevartmobilemenubutton:before {

978

-webkit-transition:all .3s ease;

979

-ms-transition:all .3s ease;

980 transition:all .3s ease;

981 position:absolute;

982 top:16px;

983 right:20px;

984 display:block;

985 height:2px;

986 width:20px;

987 background:#ffbf43;

988 content:'';

989 }

990 .wpdevartmobilemenubutton.menu-opened:after {

991

-webkit-transition:all .3s ease;

992

-ms-transition:all .3s ease;

993 transition:all .3s ease;

994 top:23px;

995 border:0!important;

996 height:2px;

997 width:19px;

998 background:#ffbf43;

999

-webkit-transform:rotate(45deg);

1000

-moz-transform:rotate(45deg);

1001

-ms-transform:rotate(45deg);

1002

-o-transform:rotate(45deg);

1003 transform:rotate(45deg);

1004 }

1005 .wpdevartmobilemenubutton.menu-opened:before {

1006 top:23px;

1007 background:#ffbf43;

1008 width:19px;

1009

-webkit-transform:rotate(-45deg);

1010

-moz-transform:rotate(-45deg);

1011

-ms-transform:rotate(-45deg);

1012

-o-transform:rotate(-45deg);

1013 transform:rotate(-45deg);

1014 }

1015 #wpdevartmobilemenu .wpdevart-submenu-button {

1016 position:absolute;

1017 z-index:99;

1018 right:0;

1019 top:0;

1020 display:block;

1021 height:51px;

1022 width:46px;

1023 cursor:pointer;

1024 background: #ffbf43;

1025 }

1026 #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened {

1027 background:#ffbf43;

1028 }

1029 #wpdevartmobilemenu ul ul .wpdevart-submenu-button {

1030 height:40px;

1031 width:34px;

1032 }

1033 #wpdevartmobilemenu .wpdevart-submenu-button:after {

1034 position:absolute;

1035 top:27px;

1036 right:19px;

1037 width:8px;

1038 height:2px;

1039 display:block;

1040 background:#ffffff;

1041 content:'';

1042 }

1043 #wpdevartmobilemenu ul ul .wpdevart-submenu-button:after {

1044 top:19px;

1045 right:13px;

1046 }

1047 #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened:after {

1048 background:#ffffff;

1049 }

1050 #wpdevartmobilemenu .wpdevart-submenu-button.submenu-opened:before {

1051 display:none

1052}

1053 #wpdevartmobilemenu .wpdevart-submenu-button:before {

1054 position:absolute;

1055 top:24px;

1056 right:22px;

1057 display:block;

1058 width:2px;

1059 height:8px;

1060 background:#ffffff;

1061 content:'';

1062 }

1063 #wpdevartmobilemenu ul ul .wpdevart-submenu-button:before {

1064 top:16px;

1065 right:16px;

1066 }

1067}

1068/* ------------------------------------------Search button------------------------------------------ */

1069.wpdevart-search-button-icon-mobile {

1070 float: left;

1071 margin-top: 6px;

1072 margin-left: 9px;

1073 position: absolute;

1074 z-index: 100;

1075}

1076.wpdevart-search-button-icon {

1077 text-align: center;

1078 width: 40px;

1079}

1080@media (min-width: 960px) and (max-width: 1200px) {

1081 .wpdevart-search-button-icon {

1082 width: 30px;

1083 }

1084}

1085.search-menu-buttons {

1086 background: none;

1087 border: none;

1088}

1089@media (min-width: 960px) {

1090 .site-header__search-trigger {

1091 display: none;

1092 stroke: #ffbf43;

1093 width: 30px;

1094 height: 30px;

1095 }

1096}

1097.site-header-font-cursor {

1098 font-size: 23px!important;

1099 cursor:pointer!important;

1100 stroke: #ffbf43;

1101 width: 30px;

1102 height: 30px;

1103}

1104.site-header-font-cursor:hover {

1105 opacity: 0.65;

1106 transition: 0.5s all;

1107}

1108.search-trigger {

1109 display: none;

1110 position: relative;

1111 cursor: pointer;

1112 stroke: #ffbf43;

1113 transition: 0.5s all;

1114 width: 36px;

1115 height: 36px;

1116}

1117@media (min-width: 960px) and (max-width: 1200px) {

1118 .search-trigger {

1119 width: 30px;

1120 height: 30px;

1121 }

1122}

1123@media (min-width: 960px) {

1124 .search-trigger {

1125 display: inline-block;

1126 }

1127}

1128.search-trigger:hover {

1129 opacity: 0.75;

1130}

1131.search-trigger-layout-two {

1132 display: none;

1133 position: relative;

1134 cursor: pointer;

1135 stroke: #ffbf43;

1136 transition: 0.5s all;

1137 width: 36px;

1138 height: 36px;

1139}

1140@media (min-width: 960px) and (max-width: 1200px) {

1141 .search-trigger-layout-two {

1142 width: 30px;

1143 height: 30px;

1144 }

1145}

1146@media (min-width: 960px) {

1147 .search-trigger-layout-two {

1148 display: inline-block;

1149 }

1150}

1151.search-trigger-layout-two:hover {

1152 opacity: 0.75;

1153}

1154/* ------------------------------------------Page Banner------------------------------------------ */

1155.page-banner {

1156 padding: 12px 0 12px 0;

1157 position: relative;

1158}

1159@media (min-width: 530px) {

1160 .page-banner {

1161 padding: 20px 0 20px 0;

1162 }

1163}

1164.wpdevart-page-banner__bg,

1165.wpdevart-page-banner__bg-gradient,

1166.wpdevart-post-banner__bg,

1167.wpdevart-post-banner__bg-gradient,

1168.wpdevart-archive-banner__bg,

1169.wpdevart-archive-banner__bg-gradient,

1170.wpdevart-search-banner__bg,

1171.wpdevart-search-banner__bg-gradient {

1172 position: absolute;

1173 top: 0;

1174 bottom: 0;

1175 left: 0;

1176 right: 0;

1177}

1178.wpdevart-page-banner__bg {

1179 background: #060c20;

1180}

1181.wpdevart-page-banner__bg-gradient {

1182 background: linear-gradient(to right, #060c20, #060c20);

1183}

1184.wpdevart-post-banner__bg {

1185 background: #060c20;

1186}

1187.wpdevart-post-banner__bg-gradient {

1188 background: linear-gradient(to right, #060c20, #060c20);

1189}

1190.wpdevart-archive-banner__bg {

1191 background: #060c20;

1192}

1193.wpdevart-archive-banner__bg-gradient {

1194 background: linear-gradient(to right, #060c20, #060c20);

1195}

1196.wpdevart-search-banner__bg {

1197 background: #060c20;

1198}

1199.wpdevart-search-banner__bg-gradient {

1200 background: linear-gradient(to right, #060c20, #060c20);

1201}

1202.page-banner__title,

1203.post-banner__title,

1204.archive-banner__title,

1205.search-banner__title {

1206 font-size: 25px;

1207 margin: 0.5rem 0;

1208 font-weight: 400;

1209 text-transform: uppercase;

1210 letter-spacing: 2px;

1211}

1212@media (min-width: 960px) {

1213 .page-banner__title,

1214 .post-banner__title,

1215 .archive-banner__title,

1216 .search-banner__title {

1217 font-size: 40px;

1218 }

1219}

1220@media (min-width: 560px) and (max-width: 960px) {

1221 .page-banner__title,

1222 .post-banner__title,

1223 .archive-banner__title,

1224 .search-banner__title {

1225 font-size: 35px;

1226 }

1227}

1228.post-banner__title {

1229 color: #ffbf43;

1230}

1231.post-banner-content {

1232 text-align: left;

1233}

1234.page-banner__title {

1235 color: #ffbf43;

1236}

1237.page-banner-content {

1238 text-align: left;

1239}

1240.archive-banner__title {

1241 color: #ffbf43;

1242 text-align: left;

1243}

1244.search-banner__title {

1245 color: #ffbf43;

1246 text-align: left;

1247}

1248.wpdevart-banner-entry-text {

1249 color: #d5d5d5;

1250 text-transform: uppercase;

1251 letter-spacing: 1px;

1252 font-weight: 400;

1253 font-size: 13px;

1254}

1255.wpdevart-banner-entry-date {

1256 font-style: italic;

1257}

1258.wpdevart-banner-entry-meta a {

1259 text-decoration: none;

1260 font-size: 13px;

1261 transition: 0.5s all;

1262 font-weight: 400;

1263}

1264.wpdevart-banner-entry-meta a {

1265 text-decoration: none!important;

1266 transition: 0.5s all!important;

1267 background-position: 50% 100%!important;

1268}

1269.wpdevart-banner-entry-meta a {

1270 color: #ffbf43;

1271 background: linear-gradient(90deg, #ffffff, #ffffff);

1272 background-size: 0 1px!important;

1273 background-repeat: no-repeat!important;

1274 background-position: 50% 100%!important;

1275}

1276.wpdevart-banner-entry-meta a:hover {

1277 color: #ffffff;

1278 background-size: 100% 1px!important;

1279}

1280.wpdevart-banner-page-entry-text {

1281 color: #d5d5d5;

1282 text-transform: uppercase;

1283 letter-spacing: 1px;

1284 font-weight: 400;

1285 font-size: 13px;

1286}

1287.wpdevart-banner-page-entry-meta a {

1288 text-decoration: none;

1289 font-size: 13px;

1290 transition: 0.5s all;

1291 font-weight: 400;

1292}

1293.wpdevart-banner-page-entry-meta a {

1294 text-decoration: none!important;

1295 transition: 0.5s all!important;

1296 background-position: 50% 100%!important;

1297}

1298.wpdevart-banner-page-entry-meta a {

1299 color: #ffbf43;

1300 background: linear-gradient(90deg, #ffffff, #ffffff);

1301 background-size: 0 1px!important;

1302 background-repeat: no-repeat!important;

1303 background-position: 50% 100%!important;

1304}

1305.wpdevart-banner-page-entry-meta a:hover {

1306 color: #ffffff;

1307 background-size: 100% 1px!important;

1308}

1309/* ------------------------------------------Breadcrumbs------------------------------------------ */

1310.wpdevart-breadcrumbs-single-post,

1311.wpdevart-breadcrumbs-single-page {

1312 margin-bottom: 0;

1313 padding: 0;

1314 list-style: none;

1315 text-transform: uppercase;

1316 letter-spacing: 1px;

1317 font-weight: 400;

1318}

1319.wpdevart-breadcrumbs-single-post li + li,

1320.wpdevart-breadcrumbs-single-page li + li {

1321 margin-left: 3px;

1322}

1323.wpdevart-breadcrumbs-single-post li + li:last-child {

1324 margin-left: 0px;

1325}

1326.wpdevart-breadcrumbs-single-post li,

1327.wpdevart-breadcrumbs-single-page li {

1328 display: inline-block;

1329 font-size: 12px;

1330}

1331.wpdevart-breadcrumbs-single-post li:after {

1332 content: '';

1333 display: inline-block;

1334 margin-left: 3px;

1335}

1336.wpdevart-breadcrumbs-single-post li:first-child:after {

1337 content: '/';

1338 display: inline-block;

1339 margin-left: 3px;

1340}

1341.wpdevart-breadcrumbs-single-page li:after {

1342 content: '/';

1343 display: inline-block;

1344 margin-left: 3px;

1345}

1346.wpdevart-breadcrumbs-single-post li:last-child:after,

1347.wpdevart-breadcrumbs-single-page li:last-child:after {

1348 content: '';

1349}

1350.wpdevart-breadcrumbs-single-post li a,

1351.wpdevart-breadcrumbs-single-page li a {

1352 position: relative;

1353 text-decoration: none!important;

1354 transition: 0.5s all!important;

1355 background-size: 0 1px!important;

1356 background-repeat: no-repeat!important;

1357 background-position: 50% 100%!important;

1358}

1359.wpdevart-breadcrumbs-single-post li a:hover,

1360.wpdevart-breadcrumbs-single-page li a:hover {

1361 background-size: 100% 1px!important;

1362}

1363.wpdevart-breadcrumbs-single-post li,

1364.wpdevart-breadcrumbs-single-post li:after {

1365 color: #d5d5d5;

1366}

1367.wpdevart-breadcrumbs-single-post li a {

1368 color: #ffbf43;

1369 background: linear-gradient(90deg, #ffffff, #ffffff);

1370}

1371.wpdevart-breadcrumbs-single-post li a:hover {

1372 color: #ffffff;

1373}

1374.wpdevart-breadcrumbs-single-page li,

1375.wpdevart-breadcrumbs-single-page li:after {

1376 color: #d5d5d5;

1377}

1378.wpdevart-breadcrumbs-single-page li a {

1379 color: #ffbf43;

1380 background: linear-gradient(90deg, #ffffff, #ffffff);

1381}

1382.wpdevart-breadcrumbs-single-page li a:hover {

1383 color: #ffffff;

1384}

1385/* ------------------------------------------WpDevArt Animations------------------------------------------ */

1386.wpdevart-element-animation-from-left {

1387 animation:wpdevart-fade-in-left;

1388 animation-duration:1.5s;

1389 animation-iteration-count:1;

1390 animation-fill-mode:forwards;

1391 animation-delay:.1s;

1392 opacity:0;

1393}

1394@keyframes wpdevart-fade-in-left {

1395 from {

1396 transform: translateX(-20px);

1397 opacity:0;

1398 }

1399 to {

1400 transform: translateX(0);

1401 opacity:1.0;

1402 }

1403}

1404@-webkit-keyframes wpdevart-fade-in-left {

1405 from {

1406 -webkit-transform: translateX(-20px);

1407 opacity:0;

1408 }

1409 to {

1410 -webkit-transform: translateX(0);

1411 opacity:1.0;

1412 }

1413}

1414.wpdevart-element-animation-from-right {

1415 animation:wpdevart-fade-in-right;

1416 animation-duration:1.5s;

1417 animation-iteration-count:1;

1418 animation-fill-mode:forwards;

1419 animation-delay:.1s;

1420 opacity:0;

1421}

1422@keyframes wpdevart-fade-in-right {

1423 from {

1424 transform: translateX(20px);

1425 opacity:0;

1426 }

1427 to {

1428 transform: translateX(0);

1429 opacity:1.0;

1430 }

1431}

1432@-webkit-keyframes wpdevart-fade-in-right {

1433 from {

1434 -webkit-transform: translateX(20px);

1435 opacity:0;

1436 }

1437 to {

1438 -webkit-transform: translateX(0);

1439 opacity:1.0;

1440 }

1441}

1442.wpdevart-element-animation-to-up {

1443 animation:wpdevart-fade-in-up;

1444 animation-duration:1.5s;

1445 animation-iteration-count:1;

1446 animation-fill-mode:forwards;

1447 animation-delay:.1s;

1448 opacity:0;

1449}

1450

1451@keyframes wpdevart-fade-in-up {

1452 from {

1453 transform: translateY(20px);

1454 opacity:0;

1455 }

1456 to {

1457 transform: translateY(0);

1458 opacity:1.0;

1459 }

1460}

1461@-webkit-keyframes wpdevart-fade-in-up {

1462 from {

1463 -webkit-transform: translateY(20px);

1464 opacity:0;

1465 }

1466 to {

1467 -webkit-transform: translateY(0);

1468 opacity:1.0;

1469 }

1470}

1471.wpdevart-element-animation-to-down {

1472 animation:wpdevart-fade-in-down;

1473 animation-duration:1.5s;

1474 animation-iteration-count:1;

1475 animation-fill-mode:forwards;

1476 animation-delay:.1s;

1477 opacity:0;

1478}

1479@keyframes wpdevart-fade-in-down {

1480 from {

1481 transform: translateY(-20px);

1482 opacity:0;

1483 }

1484 to {

1485 transform: translateY(0);

1486 opacity:1.0;

1487 }

1488}

1489@-webkit-keyframes wpdevart-fade-in-down {

1490 from {

1491 -webkit-transform: translateY(-20px);

1492 opacity:0;

1493 }

1494 to {

1495 -webkit-transform: translateY(0);

1496 opacity:1.0;

1497 }

1498}

1499.wpdevart-element-animation-scale {

1500 animation:wpdevart-scale-within;

1501 animation-duration:1.5s;

1502 animation-iteration-count:1;

1503 animation-fill-mode:forwards;

1504 animation-delay:.1s;

1505 opacity:0;

1506}

1507@keyframes wpdevart-scale-within {

1508 from {

1509 scale:0.5;

1510 opacity:0;

1511 }

1512 to {

1513 scale:1.0;

1514 opacity:1.0;

1515 }

1516}

1517@-webkit-keyframes wpdevart-scale-within {

1518 from {

1519 scale:0.5;

1520 opacity:0;

1521 }

1522 to {

1523 scale:1.0;

1524 opacity:1.0;

1525 }

1526}

1527.wpdevart-element-animation-opacity {

1528 animation:wpdevart-opacity-within;

1529 animation-duration:3s;

1530 animation-iteration-count:1;

1531 animation-fill-mode:forwards;

1532 animation-delay:.1s;

1533 opacity:0;

1534}

1535@keyframes wpdevart-opacity-within {

1536 from {

1537 opacity:0;

1538 }

1539 to {

1540 opacity:1.0;

1541 }

1542}

1543@-webkit-keyframes wpdevart-opacity-within {

1544 from {

1545 opacity:0;

1546 }

1547 to {

1548 opacity:1.0;

1549 }

1550}

1551.wpdevart-element-animation-wobble {

1552 animation: wpdevart-wobble 1s infinite ease-in-out alternate;

1553 animation-duration:3s;

1554 animation-iteration-count:1;

1555 animation-fill-mode:forwards;

1556 animation-delay:.1s;

1557}

1558@keyframes wpdevart-wobble {

1559 0% { transform: translateX(0%); }

1560 15% { transform: translateX(-5%) rotate(-5deg); }

1561 30% { transform: translateX(4%) rotate(3deg); }

1562 45% { transform: translateX(-3%) rotate(-3deg); }

1563 60% { transform: translateX(2%) rotate(2deg); }

1564 75% { transform: translateX(-1%) rotate(-1deg); }

1565 100% { transform: translateX(0%); }

1566}

1567@-webkit-keyframes wpdevart-wobble {

1568 0% { -webkit-transform: translateX(0%); }

1569 15% { -webkit-transform: translateX(-5%) rotate(-5deg); }

1570 30% { -webkit-transform: translateX(4%) rotate(3deg); }

1571 45% { -webkit-transform: translateX(-3%) rotate(-3deg); }

1572 60% { -webkit-transform: translateX(2%) rotate(2deg); }

1573 75% { -webkit-transform: translateX(-1%) rotate(-1deg); }

1574 100% { -webkit-transform: translateX(0%); }

1575}

1576.wpdevart-element-animation-expand-up {

1577 animation: wpdevart-expand-up 1s infinite ease-in-out alternate;

1578 animation-duration:3s;

1579 animation-iteration-count:1;

1580 animation-fill-mode:forwards;

1581 animation-delay:.1s;

1582}

1583@keyframes wpdevart-expand-up {

1584 0% { transform: translateY(100%) scaleX(0.8); }

1585 30% { transform: translateY(-8%) scaleX(0.8); }

1586 40% { transform: translateY(2%) scaleX(0.8); }

1587 50% { transform: translateY(0%) scaleX(1.1); }

1588 60% { transform: translateY(0%) scaleX(0.9); }

1589 70% { transform: translateY(0%) scaleX(1.05); }

1590 80% { transform: translateY(0%) scaleX(0.95); }

1591 90% { transform: translateY(0%) scaleX(1.02); }

1592 100% { transform: translateY(0%) scaleX(1); }

1593}

1594@-webkit-keyframes wpdevart-expand-up {

1595 0% { -webkit-transform: translateY(100%) scaleX(0.8); }

1596 30% { -webkit-transform: translateY(-8%) scaleX(0.8); }

1597 40% { -webkit-transform: translateY(2%) scaleX(0.8); }

1598 50% { -webkit-transform: translateY(0%) scaleX(1.1); }

1599 60% { -webkit-transform: translateY(0%) scaleX(0.9); }

1600 70% { -webkit-transform: translateY(0%) scaleX(1.05); }

1601 80% { -webkit-transform: translateY(0%) scaleX(0.95); }

1602 90% { -webkit-transform: translateY(0%) scaleX(1.02); }

1603 100% { -webkit-transform: translateY(0%) scaleX(1); }

1604}

1605.wpdevart-element-animation-fade-in {

1606 animation: wpdevart-fadeIn;

1607 animation-duration:3s;

1608 animation-iteration-count:1;

1609 animation-fill-mode:forwards;

1610 animation-delay:.1s;

1611}

1612@keyframes wpdevart-fadeIn {

1613 0% {

1614 transform: scale(0);

1615 opacity: 0.0;

1616 }

1617 60% {

1618 transform: scale(1.1);

1619 }

1620 80% {

1621 transform: scale(0.9);

1622 opacity: 1;

1623 }

1624 100% {

1625 transform: scale(1);

1626 opacity: 1;

1627 }

1628}

1629@-webkit-keyframes wpdevart-fadeIn {

1630 0% {

1631 -webkit-transform: scale(0);

1632 opacity: 0.0;

1633 }

1634 60% {

1635 -webkit-transform: scale(1.1);

1636 }

1637 80% {

1638 -webkit-transform: scale(0.9);

1639 opacity: 1;

1640 }

1641 100% {

1642 -webkit-transform: scale(1);

1643 opacity: 1;

1644 }

1645}

1646.wpdevart-element-animation-zoom-in-out-rotate {

1647 animation: wpdevart-zoom-in-out-rotate 1s ease infinite;

1648

1649 animation-duration:3s;

1650 animation-iteration-count:1;

1651 animation-fill-mode:forwards;

1652 animation-delay:.1s;

1653}

1654@keyframes wpdevart-zoom-in-out-rotate {

1655 30% { transform: scale(1.1); }

1656 40%, 60% { transform: rotate(-5deg) scale(1.1); }

1657 50% { transform: rotate(5deg) scale(1.1); }

1658 70% { transform: rotate(0deg) scale(1.1); }

1659 100% { transform: scale(1); }

1660}

1661@-webkit-keyframes wpdevart-zoom-in-out-rotate {

1662 30% { -webkit-transform: scale(1.1); }

1663 40%, 60% { -webkit-transform: rotate(-5deg) scale(1.1); }

1664 50% { -webkit-transform: rotate(5deg) scale(1.1); }

1665 70% { -webkit-transform: rotate(0deg) scale(1.1); }

1666 100% { -webkit-transform: scale(1); }

1667}

1668/* ------------------------------------------Main Container------------------------------------------ */

1669.wpdevart-main-container {

1670 background: #0a1229;

1671}

1672.wpdevart-main-container:not(.wpdevart-post-text-content, .comment-body, .sidebar-widget-area),

1673.wpdevart-main-container p:not(.wpdevart-post-text-content p, .comment-body p, .sidebar-widget-area p),

1674.wpdevart-main-container li:not(.wpdevart-post-text-content li, .comment-body li, .sidebar-widget-area li) {

1675 color: #d5d5d5;

1676}

1677.wpdevart-main-container:not(.wpdevart-post-text-content, .sidebar-widget-area),

1678.wpdevart-main-container p:not(.wpdevart-post-text-content p, .sidebar-widget-area p),

1679.wpdevart-main-container li:not(.wpdevart-post-text-content li, .sidebar-widget-area li) {

1680 font-size: 17px;

1681 font-weight: 400;

1682 font-style: normal;

1683}

1684.wpdevart-main-container .wp-block-calendar caption {

1685 color: #d5d5d5;

1686}

1687.wpdevart-main-container .wp-block-calendar td {

1688 color: #d5d5d5;

1689}

1690.wpdevart-main-container a:not(.post-tags a, .wpdevart-comment-respond a, .comment-author a, .comment-body .comment-meta a, .wp-block-comment-reply-link a, .wpdevart-posts-list-title a, .wpdevart-post-text-content a, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-block-button__link, .comment-body a, .comment-reply-link, .page-numbers, .wp-caption, p.wp-caption-text, .page-numbers li a) {

1691 color: #ffbf43;

1692 text-decoration: underline;

1693 transition: 0.5s all;

1694}

1695.wpdevart-main-container a:hover:not(.post-tags a, .wpdevart-comment-respond a, .comment-author a, .comment-body .comment-meta a, .wp-block-comment-reply-link a, .wpdevart-posts-list-title a, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-block-button__link, .comment-body a, .comment-reply-link, .page-numbers, .wp-caption, p.wp-caption-text) {

1696 color: #ffffff;

1697 text-decoration: none;

1698}

1699.wpdevart-main-container a:not(.reply a, .wpdevart-posts-list-title a, .comment-author a, .comment-body .comment-meta a, .wpdevart-entry-meta, .wpdevart-entry-meta a, .wpdevart-entry-meta-category a, .wp-block-file a, .wp-block-cover-text a, .sidebar-widget-area a, .wp-caption-text a, .page-numbers li a) {

1700 font-size: 17px;

1701 font-weight: 400;

1702 font-style: normal;

1703}

1704.wpdevart-main-container h1:not(.sidebar-widget-area h1),

1705.wpdevart-main-container h2:not(.wpdevart-posts-list-title h2, .sidebar-widget-area h2),

1706.wpdevart-main-container h3:not(.sidebar-widget-area h3),

1707.wpdevart-main-container h4:not(.sidebar-widget-area h4),

1708.wpdevart-main-container h5:not(.sidebar-widget-area h5),

1709.wpdevart-main-container h6:not(.sidebar-widget-area h6) {

1710 color: #ffbf43;

1711}

1712.wpdevart-main-container h1:not(.sidebar-widget-area h1) {

1713 font-size: 40px;

1714 font-weight: 400;

1715 font-style: normal;

1716 text-transform: uppercase;

1717 text-decoration: none;

1718}

1719.wpdevart-main-container h2:not(.wpdevart-posts-list-title h2, .sidebar-widget-area h2) {

1720 font-size: 28px;

1721 font-weight: 400;

1722 font-style: normal;

1723 text-transform: uppercase;

1724 text-decoration: none;

1725}

1726.wpdevart-main-container h3:not(.sidebar-widget-area h3) {

1727 font-size: 24px;

1728 font-weight: 400;

1729 font-style: normal;

1730 text-transform: uppercase;

1731 text-decoration: none;

1732}

1733.wpdevart-main-container h4:not(.sidebar-widget-area h4) {

1734 font-size: 23px;

1735 font-weight: 400;

1736 font-style: normal;

1737 text-transform: uppercase;

1738 text-decoration: none;

1739}

1740.wpdevart-main-container h5:not(.sidebar-widget-area h5) {

1741 font-size: 22px;

1742 font-weight: 400;

1743 font-style: normal;

1744 text-transform: uppercase;

1745 text-decoration: none;

1746}

1747.wpdevart-main-container h6:not(.sidebar-widget-area h6) {

1748 font-size: 20px;

1749 font-weight: 400;

1750 font-style: normal;

1751 text-transform: uppercase;

1752 text-decoration: none;

1753}

1754.container {

1755 max-width: 1300px;

1756 margin: 0 auto;

1757 padding: 16px;

1758 position: relative;

1759 word-break: break-word;

1760}

1761.container:before,

1762.container:after,

1763.group:before,

1764.group:after {

1765 content: " ";

1766 display: table;

1767}

1768.container:after,

1769.group:after {

1770 clear: both;

1771}

1772.wpdevart-banner-narrow-container {

1773 max-width: 960px!important;

1774}

1775.wpdevart-main-content {

1776 padding-top: 32px;

1777 padding-bottom: 32px;

1778}

1779@media (min-width: 600px) {

1780 .wpdevart-main-content {

1781 padding-top: 40px;

1782 padding-bottom: 10px;

1783 }

1784}

1785.wpdevart-main-content-sidebarleft {

1786 flex-direction: row-reverse;

1787}

1788/* ------------------------------------------Wpdevart Blog, Archive, Search------------------------------------------ */

1789@media (min-width: 800px) {

1790 .container-with-sidebar {

1791 display:flex;

1792 justify-content: center;

1793}

1794}

1795.wpdevart-post-summary-content {

1796 width: 90%;

1797 text-align: center;

1798 margin-bottom: 40px;

1799 padding: 10px;

1800 overflow: hidden;

1801 box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434;

1802 background: #0a1229;

1803 transition: ease-out 0.3s;

1804}

1805@media (min-width: 600px) and (max-width: 800px) {

1806.wpdevart-post-summary-content {

1807 width: 40%;

1808 margin: 10px;

1809}

1810}

1811.wpdevart-post-summary-content:hover {

1812 box-shadow: 0 1px 3px #343434, 0 0 3px #343434;

1813}

1814@media (min-width: 1100px) {

1815 .wpdevart-post-summary-content {

1816 width: 44%;

1817 margin: 10px;

1818 }

1819}

1820.wpdevart-posts-list-with-pagination-inner {

1821 flex-direction: row;

1822 flex-wrap: wrap;

1823 display: flex;

1824 justify-content: center;

1825}

1826/* ------------------------------------------Wpdevart Blog, Archive, Search left sidebar layout------------------------------------------ */

1827.wpdevart-posts-list-with-pagination {

1828 padding-bottom: 1.7rem;

1829 margin-bottom: 1.7rem;

1830}

1831@media (min-width: 1100px) {

1832.wpdevart-posts-list-with-pagination {

1833

-ms-flex: 0 0 65%;

1834 flex: 0 0 65%;

1835 max-width: 65%;

1836}

1837}

1838@media (min-width: 800px) and (max-width: 1100px) {

1839 .wpdevart-posts-list-with-pagination {

1840

-ms-flex: 0 0 55%;

1841 flex: 0 0 55%;

1842 max-width: 55%;

1843 }

1844}

1845/* ------------------------------------------Wpdevart Blog, Archive, Search full width layout------------------------------------------ */

1846.wpdevart-posts-list-with-pagination-full-width {

1847 margin-bottom: 1.7rem;

1848}

1849@media (min-width: 800px) {

1850.wpdevart-posts-list-with-pagination-full-width {

1851

-ms-flex: 0 0 100%;

1852 flex: 0 0 100%;

1853 max-width: 100%;

1854}

1855}

1856.wpdevart-post-summary-content-full-width {

1857 background: #faf8ff;

1858 width: 90%;

1859 padding: 10px;

1860 text-align: center;

1861 margin-bottom: 40px;

1862 overflow: hidden;

1863 box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434;

1864 transition: ease-out 0.3s;

1865}

1866.wpdevart-post-summary-content-full-width:hover {

1867 box-shadow: 0 1px 3px #343434, 0 0 3px #343434;

1868}

1869@media (min-width: 600px) and (max-width: 1100px) {

1870 .wpdevart-post-summary-content-full-width {

1871 width: 40%;

1872 margin: 10px;

1873 }

1874}

1875@media (min-width: 1100px) {

1876 .wpdevart-post-summary-content-full-width {

1877 width: 30%;

1878 margin: 10px;

1879 max-width: 400px;

1880 }

1881}

1882/* ------------------------------------------Wpdevart Blog, Archive, Search elements------------------------------------------ */

1883.wpdevart-posts-list-title {

1884 width: 100%;

1885 display: inline-block;

1886 text-align: left;

1887 word-break: break-word;

1888}

1889.wpdevart-posts-list-title a {

1890 font-size: 22px;

1891 text-transform: uppercase;

1892 letter-spacing: 2px;

1893}

1894@media (max-width: 1200px) {

1895 .wpdevart-posts-list-title a {

1896 font-size: 18px!important;

1897 }

1898}

1899.post-list-title {

1900 padding: 0 5px;

1901}

1902.post-list-title a {

1903 border-bottom: 1px solid #433e37;

1904}

1905.post-list-title a {

1906 font-size: 20px;

1907 text-decoration: none;

1908 color: #ffbf43;

1909 line-height: 1.4;

1910 transition: 0.5s all;

1911 font-weight: 400!important;

1912}

1913.post-list-title a:hover {

1914 color: #ffffff;

1915}

1916@media (max-width: 1200px) {

1917 .post-list-title a {

1918 font-size: 18px;

1919 }

1920}

1921.wpdevart-posts-list-title h2 {

1922 line-height: 1.1;

1923 font-size: 13px;

1924}

1925.wpdevart-entry-meta {

1926 color: #ffffff;

1927 margin: 10px;

1928 font-weight: 500;

1929 word-break: break-word;

1930 text-align: left;

1931 width: 95%;

1932 letter-spacing: .1em;

1933 text-transform: uppercase;

1934 display: flex;

1935 flex-wrap: wrap;

1936 column-gap: 4px;

1937 row-gap: 5px;

1938 align-items: center;

1939}

1940.wpdevart-entry-meta a {

1941 transition: 0.5s all;

1942 text-decoration: none!important;

1943}

1944.wpdevart-entry-meta a:hover {

1945 color: #ffbf43;

1946}

1947.wpdevart-entry-meta, .wpdevart-entry-meta a {

1948 color: #ffffff;

1949 font-size: 12px;

1950}

1951@media (max-width: 1200px) {

1952 .wpdevart-entry-meta, .wpdevart-entry-meta a {

1953 font-size: 11px!important;

1954 }

1955}

1956.wpdevart-entry-meta a:hover {

1957 text-decoration: underline;

1958}

1959.wpdevart-entry-meta-category {

1960 margin: 0 10px;

1961 font-weight: 500;

1962 word-break: break-word;

1963 text-align: left;

1964 width: 95%;

1965 line-height: 2;

1966}

1967@media (max-width: 1100px) {

1968 .wpdevart-entry-meta-category {

1969 margin: 0 10px 8px 10px;

1970 }

1971}

1972.wpdevart-entry-meta-category a {

1973 background: #0a1229;

1974 border: 1px solid #ffbf43;

1975 font-size: 13px;

1976 padding: 0px 5px;

1977 margin: 2px 0;

1978 color: #ffbf43;

1979 transition: 0.5s all;

1980 text-decoration: none!important;

1981 display: inline-block;

1982 text-transform: uppercase;

1983 letter-spacing: 1px;

1984}

1985.wpdevart-entry-meta-category a:hover {

1986 background: #0a1229;

1987 color: #fb5b11;

1988 border: 1px solid #fb5b11;

1989}

1990.wpdevart-icon-padding {

1991 fill: #ffbf43;

1992}

1993.wpdevart-post-text-content {

1994 text-align: left;

1995 padding: 0 10px 5px 10px;

1996 word-break: break-word;

1997}

1998.wpdevart-post-text-content,

1999.wpdevart-post-text-content p,

2000.wpdevart-post-text-content a,

2001.wpdevart-post-text-content li {

2002 color: #d5d5d5;

2003 font-size: 15px;

2004}

2005@media (max-width: 1200px) {

2006 .wpdevart-post-text-content, .wpdevart-post-text-content p, .wpdevart-post-text-content a, .wpdevart-post-text-content li {

2007 font-size: 14px!important;

2008 }

2009}

2010/* ------------------------------------------Generic Content------------------------------------------ */

2011

2012.generic-content {

2013 margin-bottom: 1.7rem;

2014 word-break: break-word;

2015}

2016@media (min-width: 1100px) {

2017 .generic-content {

2018

-ms-flex: 0 0 67%;

2019 flex: 0 0 67%;

2020 max-width: 67%;

2021 padding: 0 8px;

2022 margin: 0 8px 27px 8px;

2023 }

2024}

2025@media (min-width: 800px) and (max-width: 1100px) {

2026 .generic-content {

2027

-ms-flex: 0 0 55%;

2028 flex: 0 0 55%;

2029 max-width: 55%;

2030 }

2031}

2032@media (min-width: 800px){

2033 .generic-content-full-width {

2034

-ms-flex: 0 0 100%!important;

2035 flex: 0 0 100%!important;

2036 max-width: 100%!important;

2037 }

2038}

2039@media (max-width: 800px) {

2040 .generic-content {

2041 padding: 0 15px 0 15px;

2042 }

2043}

2044.generic-content blockquote,

2045.generic-content blockquote p {

2046font-size: 19px;

2047font-style: italic;

2048}

2049.generic-content h1,

2050.generic-content h2,

2051.generic-content h3,

2052.generic-content h4,

2053.generic-content h5,

2054.generic-content h6 {

2055 margin: 1rem 0;

2056 line-height: 1.1;

2057}

2058/* ------------------------------------------Image and tag styles------------------------------------------ */

2059.figureblogimage {

2060 width: 100%;

2061 aspect-ratio: 16/11;

2062 margin: 0;

2063 padding: 0;

2064 overflow: hidden;

2065 border-radius: 7px;

2066}

2067.figureblogimage img {

2068 width: 100%;

2069 aspect-ratio: 16/11;

2070 margin: 0;

2071 padding: 0;

2072 overflow: hidden;

2073 border-radius: 7px;

2074 height: 100%;

2075 object-fit: cover;

2076}

2077.wpdevart-images-hover-effect .figureblogimage img {

2078 transition: all .5s cubic-bezier(.25,.46,.45,.94);

2079

-webkit-transition: all .5s cubic-bezier(.25,.46,.45,.94);

2080 transform-origin: center center;

2081

-webkit-transform-origin: center center;

2082}

2083.wpdevart-images-hover-effect .figureblogimage:hover img {

2084

-webkit-transform: scale(1.2);

2085 transform: scale(1.2);

2086}

2087.figureblogimage-second-effect {

2088 width: 100%;

2089 aspect-ratio: 16/11;

2090 margin: 0;

2091 padding: 0;

2092 overflow: hidden;

2093 border-radius: 7px;

2094 background: #ffcbc5;

2095}

2096.figureblogimage-second-effect img {

2097 width: 100%;

2098 aspect-ratio: 16/11;

2099 margin: 0;

2100 padding: 0;

2101 background: #fff;

2102 overflow: hidden;

2103 border-radius: 7px;

2104 height: 100%;

2105 object-fit: cover;

2106}

2107.wpdevart-images-hover-effect .figureblogimage-second-effect img {

2108 opacity: 1;

2109

-webkit-transition: .3s ease-in-out;

2110 transition: .3s ease-in-out;

2111}

2112.wpdevart-images-hover-effect .figureblogimage-second-effect:hover img {

2113 opacity: .8;

2114}

2115.figureblogimage-third-effect {

2116 width: 100%;

2117 aspect-ratio: 16/11;

2118 margin: 0;

2119 padding: 0;

2120 overflow: hidden;

2121 border-radius: 7px;

2122}

2123.figureblogimage-third-effect img {

2124 width: 100%;

2125 aspect-ratio: 16/11;

2126 margin: 0;

2127 padding: 0;

2128 background: #fff;

2129 overflow: hidden;

2130 border-radius: 7px;

2131 height: 100%;

2132 object-fit: cover;

2133}

2134.wpdevart-images-hover-effect .figureblogimage-third-effect img {

2135

-webkit-filter: grayscale(0) blur(0);

2136 filter: grayscale(0) blur(0);

2137

-webkit-transition: .3s ease-in-out;

2138 transition: .3s ease-in-out;

2139}

2140.wpdevart-images-hover-effect .figureblogimage-third-effect:hover img {

2141

-webkit-filter: grayscale(50%) blur(1px);

2142 filter: grayscale(50%) blur(1px);

2143}

2144.figureblogimage-fourth-effect {

2145 width: 100%;

2146 aspect-ratio: 16/11;

2147 margin: 0;

2148 padding: 0;

2149 overflow: hidden;

2150 border-radius: 7px;

2151 position: relative;

2152}

2153.figureblogimage-fourth-effect img {

2154 width: 100%;

2155 aspect-ratio: 16/11;

2156 margin: 0;

2157 padding: 0;

2158 background: #fff;

2159 overflow: hidden;

2160 border-radius: 7px;

2161 height: 100%;

2162 object-fit: cover;

2163}

2164.figureblogimage-fourth-effect::before {

2165 position: absolute;

2166 top: 0;

2167 left: -75%;

2168 z-index: 2;

2169 display: block;

2170 content: '';

2171 width: 50%;

2172 height: 100%;

2173 background:

-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

2174 background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

2175

-webkit-transform: skewX(-25deg);

2176 transform: skewX(-25deg);

2177}

2178.wpdevart-images-hover-effect .figureblogimage-fourth-effect:hover::before {

2179

-webkit-animation: wpdevartimageshine .75s;

2180 animation: wpdevartimageshine .75s;

2181}

2182@-webkit-keyframes wpdevartimageshine {

2183 100% {

2184 left: 125%;

2185 }

2186}

2187@keyframes wpdevartimageshine {

2188 100% {

2189 left: 125%;

2190 }

2191}

2192.figureblogimage-fifth-effect {

2193 width: 100%;

2194 aspect-ratio: 16/11;

2195 margin: 0;

2196 padding: 0;

2197 overflow: hidden;

2198 border-radius: 7px;

2199 position: relative;

2200}

2201.figureblogimage-fifth-effect img {

2202 width: 100%;

2203 aspect-ratio: 16/11;

2204 margin: 0;

2205 padding: 0;

2206 background: #fff;

2207 overflow: hidden;

2208 border-radius: 7px;

2209 height: 100%;

2210 object-fit: cover;

2211}

2212.figureblogimage-fifth-effect::before {

2213 position: absolute;

2214 top: 50%;

2215 left: 50%;

2216 z-index: 2;

2217 display: block;

2218 content: '';

2219 width: 0;

2220 height: 0;

2221 background: rgba(255, 255, 255, 0.2);

2222

-webkit-transform: translate(-50%, -50%);

2223 transform: translate(-50%, -50%);

2224 opacity: 0.5;

2225}

2226.wpdevart-images-hover-effect .figureblogimage-fifth-effect:hover::before {

2227

-webkit-animation: wpdevartimagesquare .75s;

2228 animation: wpdevartimagesquare .75s;

2229}

2230@-webkit-keyframes wpdevartimagesquare {

2231 0% {

2232 opacity: 1;

2233 }

2234 40% {

2235 opacity: 1;

2236 }

2237 100% {

2238 width: 150%;

2239 height: 150%;

2240 opacity: 0;

2241 }

2242}

2243@keyframes wpdevartimagesquare {

2244 0% {

2245 opacity: 1;

2246 }

2247 40% {

2248 opacity: 1;

2249 }

2250 100% {

2251 width: 150%;

2252 height: 150%;

2253 opacity: 0;

2254 }

2255}

2256.wpdevart-wp-link-pages {

2257 width: 100%;

2258 display: flex;

2259 overflow: overlay;

2260 margin-top: 30px;

2261}

2262.post-tags {

2263 width: 100%;

2264 margin-top: 30px;

2265 font-size: 17px;

2266 word-break: break-word;

2267}

2268.post-tags a {

2269 display: inline-block;

2270 vertical-align: middle;

2271 position: relative;

2272 font-weight: 500!important;

2273 color: #000000;

2274 border: 1px solid #000000;

2275 text-decoration: none!important;

2276 font-size: 13px!important;

2277 margin: 0 5px 10px 0;

2278 padding: 5px 10px;

2279 text-transform: uppercase;

2280 transition: 0.5s all;

2281}

2282.post-tags a:hover {

2283 color: #1283f7;

2284 border: 1px solid #1283f7;

2285}

2286/* ------------------------------------------Wpdevart Pagination------------------------------------------ */

2287.wpdevart-pagination {

2288 display: flex;

2289}

2290.wpdevart-pagination-container {

2291 margin: 0 auto;

2292 padding: 16px;

2293 text-align: center;

2294 word-break: break-word;

2295}

2296.page-numbers {

2297 color: #c9b29f;

2298 font-size: 18px;

2299}

2300.page-numbers:hover {

2301 color: #c9b29f;

2302}

2303ul.page-numbers {

2304 padding: 0px;

2305}

2306.page-numbers li a {

2307 color: #ffbf43;

2308 text-decoration: none;

2309 padding: 14px 20px 14px 20px;

2310 background: none;

2311 font-size: 18px;

2312}

2313.page-numbers li a:hover {

2314 color: #fb5b11;

2315}

2316.page-numbers li {

2317 display: inline-block;

2318 min-height: 50px;

2319 min-width: 50px;

2320 font-size: 20px;

2321 background: #0a1229;

2322 margin: 10px 2px 0 2px;

2323 transition: all .3s ease-in-out;

2324 line-height: 50px;

2325 border: 1px solid #ffbf43;

2326}

2327.page-numbers li:hover {

2328 background: #0a1229;

2329 border: 1px solid #fb5b11;

2330}

2331/* ------------------------------------------Wpdevart Comments------------------------------------------ */

2332.wpdevart-comment-respond {

2333 border-top: 1px dotted #433e37;

2334 margin-top: 15px;

2335 padding-top: 15px;

2336 word-break: break-word;

2337}

2338.wpdevart-comment-respond,

2339.wpdevart-comment-respond p,

2340.wpdevart-comment-respond li {

2341 color: #333333;

2342}

2343.wpdevart-comment-respond,

2344.wpdevart-comment-respond p,

2345.wpdevart-comment-respond li {

2346 font-size: 17px;

2347}

2348.wpdevart-comment-respond a:not(.reply a) {

2349 color: #ffbf43;

2350 font-size: 17px;

2351 transition: 0.5s all;

2352}

2353.wpdevart-comment-respond a:hover:not(.reply a) {

2354 color: #fb5b11;

2355}

2356.comment-form-comment {

2357 display: flex;

2358 flex-direction: column;

2359}

2360.comment-form-comment {

2361 max-width: 600px;

2362 line-height: normal;

2363}

2364.comment-form-author,

2365.comment-form-email,

2366.comment-form-url {

2367 max-width: 250px;

2368 line-height: normal;

2369}

2370.comment-notes,

2371.comment-form-cookies-consent {

2372 line-height: normal;

2373}

2374.wpdevart-comment-navigation-title {

2375 color: #4b5593;

2376 text-align: center;

2377}

2378.wpdevart-comment-navigation-links {

2379 display: flex;

2380 align-items: center;

2381 padding: 20px 0;

2382}

2383.wpdevart-comment-navigation-links .nav-previous{

2384 flex: 45%;

2385 overflow: hidden;

2386 text-align: left;

2387}

2388.wpdevart-comment-navigation-links .nav-next {

2389 flex: 45%;

2390 overflow: hidden;

2391 text-align: right;

2392}

2393/* ------------------------------------------Sidebar and Widget------------------------------------------ */

2394.wpdevart-sidebar-container {

2395 padding-bottom: 1.7rem;

2396 margin-bottom: 1.7rem;

2397}

2398@media (min-width: 1400px) {

2399 .wpdevart-sidebar-container {

2400 width: 430px;

2401 margin-top: 10px;

2402 }

2403}

2404@media (min-width: 1100px) and (max-width:1400px) {

2405 .wpdevart-sidebar-container {

2406

-ms-flex: 0 0 33%;

2407 flex: 0 0 33%;

2408 max-width: 33%;

2409 margin-top: 10px;

2410 }

2411}

2412@media (min-width: 800px) and (max-width: 1100px) {

2413 .wpdevart-sidebar-container {

2414

-ms-flex: 0 0 45%;

2415 flex: 0 0 45%;

2416 max-width: 45%;

2417 }

2418}

2419@media (max-width: 800px) {

2420 .wpdevart-sidebar-container {

2421 max-width: 600px;

2422 margin: 0 auto;

2423 }

2424}

2425.wpdevart-sidebar-container-inside {

2426 padding: 0 8px;

2427 margin: 0 8px;

2428 word-break: break-word;

2429}

2430@media (max-width: 800px) {

2431.wpdevart-sidebar-container-inside {

2432 padding: 0 10px;

2433 margin: 0 5px;

2434}

2435}

2436.wpdevart-sidebar-container-inside {

2437 background: #0a1229;

2438 padding: 10px 28px;

2439 box-shadow: 0 0 2px 0 #343434, 0 5px 20px 0 #343434;

2440}

2441.wpdevart-sidebar-container-inside .widget {

2442 padding: 5px 0;

2443}

2444.sidebar-widget-area {

2445 padding: 10px 0;

2446}

2447.sidebar-widget-area,

2448.sidebar-widget-area p,

2449.sidebar-widget-area li {

2450 color: #d5d5d5;

2451 font-size: 16px;

2452}

2453.sidebar-widget-area .wp-block-calendar caption {

2454 color: #d5d5d5;

2455}

2456.sidebar-widget-area .wp-block-calendar td {

2457 color: #d5d5d5;

2458}

2459.sidebar-widget-area a {

2460 font-size: 16px;

2461 text-decoration: none;

2462 transition: 0.5s all;

2463}

2464.sidebar-widget-area h1,

2465.sidebar-widget-area h2,

2466.sidebar-widget-area h3,

2467.sidebar-widget-area h4,

2468.sidebar-widget-area h5,

2469.sidebar-widget-area h6 {

2470 color: #ffbf43;

2471 margin: 5px 0 0 0;

2472 font-weight: 400;

2473 font-style: normal;

2474 text-transform: uppercase;

2475 text-decoration: none;

2476}

2477.sidebar-widget-area-default-title {

2478 padding: 0 0 10px 0;

2479}

2480.sidebar-widget-area h1,

2481.sidebar-widget-area h2,

2482.sidebar-widget-area h3 {

2483 font-size: 24px;

2484}

2485.sidebar-widget-area h4,

2486.sidebar-widget-area h5,

2487.sidebar-widget-area h6 {

2488 font-size: 20px;

2489}

2490.sidebar-widget-area a:not(.wp-block-button__link, .wp-block-comment-reply-link a ) {

2491 color: #ffffff;

2492}

2493.sidebar-widget-area a:hover:not(.wp-block-button__link, .wp-block-comment-reply-link a ) {

2494 color: #ffbf43;

2495}

2496.sidebar-widget-area p a:not(.wp-block-button__link, .wp-block-comment-reply-link a, .button ) {

2497 color: #ffffff;

2498 text-decoration: underline;

2499}

2500.sidebar-widget-area p a:hover:not(.wp-block-button__link, .wp-block-comment-reply-link a ) {

2501 color: #ffbf43;

2502 text-decoration: none;

2503}

2504.sidebar-widget-area .tag-cloud-link {

2505 display: inline-block;

2506 vertical-align: middle;

2507 position: relative;

2508 font-weight: 500;

2509 color: #ffffff;

2510 border: 1px solid #ffffff;

2511 text-decoration: none!important;

2512 font-size: 13px!important;

2513 margin: 0 5px 10px 0;

2514 padding: 5px 10px;

2515 text-transform: uppercase;

2516}

2517.sidebar-widget-area .tag-cloud-link:hover {

2518 color: #ffbf43;

2519 border: 1px solid #ffbf43;

2520}

2521/* ------------------------------------------Wpdevart Styled Buttons------------------------------------------ */

2522.wpdevart_construction_company_wda_hover_button {

2523 color: #fff;

2524 padding: 21px 58px;

2525 display: inline-block;

2526 border-radius: 2px;

2527 font-size: 14px;

2528 text-transform: uppercase;

2529 font-weight: 500;

2530 cursor: pointer;

2531

-webkit-transition: ease-out 0.5s;

2532

-moz-transition: ease-out 0.5s;

2533 transition: ease-out 0.5s;

2534 letter-spacing: 1px;

2535}

2536.wpdevart_construction_company_wda_hover_button a {

2537 color: #fff;

2538 text-decoration: none;

2539}

2540.wpdevart_construction_company_wda_hover_button_small {

2541 color: #fff;

2542 padding: 12px 20px;

2543 display: inline-block;

2544 border-radius: 2px;

2545 font-size: 14px;

2546 text-transform: uppercase;

2547 font-weight: 500;

2548 letter-spacing: 1px;

2549 cursor: pointer;

2550

-webkit-transition: ease-out 0.7s;

2551

-moz-transition: ease-out 0.7s;

2552 transition: ease-out 0.7s;

2553 background: transparent;

2554}

2555.wpdevart_construction_company_wda_hover_button_small a {

2556 color: #fff;

2557 text-decoration: none;

2558}

2559.wpdevart_construction_company_wda_primary_button_slide a {

2560 color: #ffbf43;

2561}

2562.wpdevart_construction_company_wda_primary_button_slide {

2563 border: 1px solid #ffbf43;

2564 color: #ffbf43;

2565}

2566.primary_btn_slide_right:hover {

2567 color: #fb5b11;

2568 border: 1px solid #fb5b11;

2569}

2570.primary_btn_slide_right:hover a {

2571 color: #fb5b11;

2572}

2573.wpdevart_construction_company_wda_secondary_button_slide a {

2574 color: #fb5b11;

2575}

2576.wpdevart_construction_company_wda_secondary_button_slide {

2577 border: 1px solid #fb5b11;

2578 color: #fb5b11;

2579}

2580.secondary_btn_slide_right:hover {

2581 color: #ffbf43;

2582 border: 1px solid #ffbf43;

2583}

2584.secondary_btn_slide_right:hover a {

2585 color: #ffbf43;

2586}

2587.wpdevart_construction_company_wda_first_button_slide {

2588 box-shadow: inset 0 0 0 0 #8224e3;

2589 background-color: #8224e3;

2590 border: 1px solid #8224e3;

2591}

2592.first_btn_slide_right:hover {

2593 box-shadow: inset 400px 0 0 0 #fff;

2594 color: #8224e3;

2595 border: 1px solid #8224e3;

2596}

2597.first_btn_slide_right:hover a {

2598 color: #8224e3;

2599}

2600.wpdevart_construction_company_wda_second_button_slide {

2601 box-shadow: inset 0 0 0 0 #ff5952;

2602 background-color: #ff5952;

2603 border: 1px solid #ff5952;

2604}

2605.second_btn_slide_right:hover {

2606 box-shadow: inset 400px 0 0 0 #fff;

2607 color: #ff5952;

2608 border: 1px solid #ff5952;

2609}

2610.second_btn_slide_right:hover a {

2611 color: #ff5952;

2612}

2613.wpdevart_construction_company_wda_third_button_slide {

2614 box-shadow: inset 0 0 0 0 #1287ff;

2615 background-color: #1287ff;

2616 border: 1px solid #1287ff;

2617}

2618.third_btn_slide_right:hover {

2619 box-shadow: inset 400px 0 0 0 #fff;

2620 color: #1287ff;

2621 border: 1px solid #1287ff;

2622}