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: #070506;

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-comment-respond input,

45.wpdevart-comment-respond textarea {

46 background: transparent;

47 border: 1px solid #433e37;

48 padding: 10px 7px;

49 box-shadow: 0 0 2px 0 #343434, 0 0px 15px 0 #343434 !important;

50}

51input[type="search"] {

52 background: transparent;

53}

54/* -------------------------------------------Wpdevart Top Header------------------------------------------- */

55.wpdevart-top-header {

56 padding: 5px 0 5px 0;

57}

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

59 background:#2d2d3c;

60}

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

62 background: linear-gradient(to right, #2d2d3c, #2d2d3c);

63}

64.wpdevart-top-header-border {

65 border-bottom: 1px solid #383838;

66}

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

68.wpdevart-top-header-section {

69 max-width: 1300px;

70 min-height: 35px;

71 display: flex;

72 margin: auto;

73 padding: 0 20px 0 20px;

74 justify-content: center;

75 align-items: center;

76}

77}

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

79 .wpdevart-top-header-section {

80 padding: 20px;

81 }

82}

83.wpdevart-top-header-left {

84 color:#020202;

85 font-size: 13px;

86}

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

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

89 font-size: 13px;

90}

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

92 .wpdevart-top-header-left {

93 flex: 50%;

94 }

95}

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

97 .wpdevart-top-header-right {

98 flex: 50%;

99 }

100}

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

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

103 display: block;

104 float: right;

105}

106}

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

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

109 flex: 50%;

110 }

111}

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

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

114 display: block;

115 float: left;

116}

117}

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

119 .wpdevart-top-header-left {

120 width: 100%;

121 text-align: center;

122 }

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

124 text-align: center;

125 width: 100%;

126 color:#020202;

127 }

128 .wpdevart-top-header-right {

129 width: 100%;

130 }

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

132 display: flex;

133 align-items: center;

134 justify-content: center;

135 margin-top: 10px;

136 color:#020202;

137 }

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

139 width: 100%;

140 }

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

142 display: flex;

143 align-items: center;

144 justify-content: center;

145 margin-top: 10px;

146 }

147 .wpdevart-top-header {

148 padding: 10px 0 10px 0;

149 }

150}

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

152 .wpdevart-top-header-phone {

153 text-align: center;

154 display: block;

155 }

156}

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

158 .wpdevart-top-header-email {

159 text-align: center;

160 display: block;

161 }

162}

163.wpdevart-phone-email-text {

164 padding-right:7px;

165 display:inline-block;

166 max-width:250px;

167 word-break: break-word;

168}

169.wpdevart-phone-email-icon {

170 fill: #e03100;

171 padding-right:4px;

172 vertical-align:middle;

173}

174.top-header-icons {

175 font-size:20px!important;

176}

177.wpdevart-social-icons {

178 margin-left: 10px;

179 float: left;

180 padding: 2px;

181 border-radius: 2px;

182 width: 19px;

183 height: 19px;

184 text-align: center;

185 font-size: 17px;

186 background-color: #020202;

187 border: 1px solid #e03100;

188 transition: all ease 0.3s;

189}

190.wpdevart-social-icons:hover {

191 box-shadow: 0px 0px 10px #e03100;

192}

193.wpdevart-social-icons a {

194 fill: #e03100;

195}

196span.wpdevart-social-icons a {

197 text-decoration: none;

198}

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

200 .wpdevart-phone-email-text {

201 padding:0 3px!important;

202 }

203 .wpdevart-phone-email-icon {

204 padding:0 2px!important;

205 }

206 .wpdevart-social-icons {

207 margin: 0 5px!important;

208 }

209}

210/* ------------------------------------------Wpdevart Header------------------------------------------ */

211.wpdevart-main-header-bg {

212 background: #070506;

213 position: relative;

214}

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

216 background: linear-gradient(to right, #070506, #070506);

217 position: relative;

218}

219.wpdevart-main-header-border {

220 border-bottom: 1px solid #383838;

221}

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

223 .wpdevart-sticky-header {

224 position: sticky;

225 z-index: 77;

226 top: 0;

227 }

228}

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

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

231 position: sticky;

232 z-index: 77;

233 top: 0;

234 }

235}

236.wpdevart-header-container {

237 max-width: 1300px;

238 margin: 0 auto;

239 padding: 16px 0 0 0;

240}

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

242.wpdevart-header-container {

243 padding: 25px 16px;

244}

245}

246.wpdevart-main-header-section {

247 width: 100%;

248 text-align: center;

249}

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

251 .wpdevart-main-header-section {

252 display: flex;

253 align-items: center;

254 justify-content: center;

255 text-align: left;

256}

257}

258.wpdevart-logo-area {

259 width: 33%;

260}

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

262 .wpdevart-logo-area {

263 width: 100%;

264}

265}

266.wpdevart-logo-area img {

267 width: auto;

268 max-height: 200px;

269}

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

271 .wpdevart-logo-area img {

272 width: auto;

273 max-height: 200px;

274 }

275}

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

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

278 display: flex;

279 align-items: center;

280 justify-content: center;

281 margin: 15px 0;

282 text-align: left;

283 }

284}

285.wpdevart-logo-area-layouttwo img {

286 width: auto;

287 max-height: 200px;

288}

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

290 .wpdevart-logo-area-layouttwo img {

291 width: auto;

292 max-height: 200px;

293 }

294}

295.wpdevart-header-logo-spaces {

296 line-height:0!important;

297 margin: 0!important;

298}

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

300 .mobile-image-logo-resizing {

301 padding: 0 30px;

302 }

303}

304.wpdevart-logo-text {

305 margin: 0;

306 font-size: 26px;

307 word-break: break-word;

308 text-align: left;

309 max-width: 100%;

310 font-weight: 400;

311 text-transform: uppercase;

312 letter-spacing: 2px;

313}

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

315.wpdevart-logo-text {

316 text-align: center;

317 max-width: 80%;

318}

319}

320.wpdevart-logo-text a {

321 text-decoration: none;

322}

323.wpdevart-logo-text-simple {

324 color: #e03100;

325}

326.wpdevart-logo-text-gradient {

327 margin: 0;

328 font-size: 26px;

329 word-break: break-word;

330 text-align: left;

331 max-width: 100%;

332 font-weight: 400;

333 text-transform: uppercase;

334 letter-spacing: 2px;

335}

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

337 .wpdevart-logo-text-gradient {

338 text-align: center;

339 max-width: 80%;

340 }

341}

342.wpdevart-logo-text-gradient a {

343 background: linear-gradient(to right,#e03100,#e03100);

344 text-decoration: none!important;

345}

346.wpdevart-site-description {

347 word-wrap: break-word;

348 margin: 5px 0;

349 color: #d5d5d5;

350 font-size: 18px;

351}

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

353 .wpdevart-site-description {

354 margin: 0 auto;

355 max-width: 80%;

356 }

357}

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

359 text-align: center;

360 max-width: 650px;

361 margin: 5px auto;

362}

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

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

365 max-width: 80%;

366 }

367}

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

369 width: 100%;

370 padding: 10px 0 30px 0;

371}

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

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

374 display: none;

375}

376}

377.wpdevart-header-action-button {

378 word-break: break-word;

379 max-width: 200px;

380}

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

382 .wpdevart-header-action-button {

383 font-size: 14px!important;

384 padding: 8px 6px!important;

385 }

386}

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

388 width: 100%;

389}

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

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

392 flex: 67%;

393}

394}

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

396 width: 100%;

397}

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

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

400 display: flex;

401 align-items: center;

402 justify-content: flex-end;

403 }

404}

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

406 .header-action-button-area {

407 display: none;

408 }

409}

410.header-action-button-area {

411 margin-left: 10px;

412}

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

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

415 width: 100%;

416 padding: 10px 0 20px 0;

417}

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

419 width: 400px;

420 margin: 0 auto!important;

421 line-height:0!important;

422 text-align: center;

423}

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

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

426 width: 450px;

427}

428}

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

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

431 width: 280px;

432 }

433}

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

435 max-width: 400px;

436 max-height: 300px;

437}

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

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

440 max-width: 450px;

441 max-height: 280px;

442}

443}

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

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

446 max-width: 280px;

447 max-height: 180px;

448}

449}

450.wpdevart-logo-text-layouttwo {

451 margin: 0 auto!important;

452 word-break: break-word;

453 max-width: 450px;

454 text-align: center;

455 font-size: 26px;

456 font-weight: 400;

457 text-transform: uppercase;

458 letter-spacing: 2px;

459}

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

461 .wpdevart-logo-text-layouttwo {

462 text-align: center;

463 max-width: 80%;

464 }

465}

466.wpdevart-logo-text-layouttwo a {

467 text-decoration: none;

468}

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

470 color: #e03100;

471}

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

473 margin: 0 auto!important;

474 word-break: break-word;

475 max-width: 650px;

476 text-align: center;

477 font-size: 26px;

478 font-weight: 400;

479 text-transform: uppercase;

480 letter-spacing: 2px;

481}

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

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

484 text-align: center;

485 max-width: 80%;

486 }

487}

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

489 background: linear-gradient(to right,#e03100,#e03100);

490 text-decoration: none!important;

491}

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

493 width: 100%;

494 padding: 10px 0 30px 0;

495 text-align: center;

496}

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

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

499 display: none;

500}

501}

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

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

504 display: flex;

505 align-items: center;

506 }

507}

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

509 width: 30%;

510 display: flex;

511 justify-content: flex-end;

512 align-items: center;

513}

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

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

516 width: 100%;

517 }

518}

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

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

521 display: none;

522 }

523}

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

525 margin-left: 10px;

526}

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

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

529 .nav-container-layout-three {

530 flex: 1;

531 }

532}

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

534 flex: 1;

535}

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

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

538 margin: 40px 0 30px 0;

539 }

540}

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

542 width: 400px;

543 margin: 0 auto!important;

544 line-height:0!important;

545 text-align: center;

546}

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

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

549 width: 450px;

550}

551}

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

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

554 width: 280px;

555 }

556}

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

558 width: auto;

559 max-height: 200px;

560}

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

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

563 width: auto;

564 max-height: 200px;

565}

566}

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

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

569 width: auto;

570 max-height: 200px;

571}

572}

573.wpdevart-logo-text-layoutthree {

574 margin: 0 auto!important;

575 word-break: break-word;

576 max-width: 450px;

577 text-align: center;

578 font-size: 26px;

579 font-weight: 400;

580 text-transform: uppercase;

581 letter-spacing: 2px;

582}

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

584 .wpdevart-logo-text-layoutthree {

585 text-align: center;

586 max-width: 80%;

587 }

588}

589.wpdevart-logo-text-layoutthree a {

590 text-decoration: none;

591}

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

593 color: #e03100;

594}

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

596 margin: 0 auto!important;

597 word-break: break-word;

598 max-width: 650px;

599 text-align: center;

600 font-size: 26px;

601 font-weight: 400;

602 text-transform: uppercase;

603 letter-spacing: 2px;

604}

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

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

607 text-align: center;

608 max-width: 80%;

609 }

610}

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

612 background: linear-gradient(to right,#e03100,#e03100);

613 text-decoration: none!important;

614}

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

616 width: 80%;

617 padding: 10px 0 30px 0;

618 text-align: center;

619 margin: 0 auto;

620}

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

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

623 display: none;

624}

625}

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

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

628 display: flex;

629 align-items: center;

630 }

631}

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

633 flex: 1;

634 display: flex;

635 justify-content: flex-end;

636 align-items: center;

637}

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

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

640 width: 100%;

641 }

642}

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

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

645 display: none;

646 }

647}

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

649 margin-left: 10px;

650}

651/* ------------------------------------------Wpdevart Menu------------------------------------------ */

652.nav-container {

653 width: 100%;

654}

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

656 .nav-container-layout-one {

657 max-width: 65%;

658 }

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

660 max-width: 90%;

661 }

662 .simple-navbar-wpdevart a {

663 color: #ffffff;

664 }

665 .simple-navbar-wpdevart {

666 padding: 0 10px 0 10px;

667 }

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

669 position: relative;

670 margin-left: 10px;

671 }

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

673 display: flex;

674

-ms-flex-wrap: wrap;

675 flex-wrap: wrap;

676 align-items: baseline;

677 }

678 .navbar-wpdevart {

679 padding: 0 10px 0 10px;

680 }

681 .navbar-wpdevart-float {

682 float:left!important;

683 }

684 .navbar-wpdevart>ul>li {

685 position: relative;

686 margin-left: 10px;

687 }

688 .navbar-wpdevart-layout-two {

689 padding: 0 10px 0 0;

690 }

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

692 margin-left: 0px;

693 }

694 .navbar-wpdevart-layout-three {

695 padding: 0 10px 0 0;

696 }

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

698 margin-left: 0px;

699 margin-right: 10px;

700 }

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

702 display: flex;

703

-ms-flex-wrap: wrap;

704 flex-wrap: wrap;

705 align-items: baseline;

706 }

707 .wpdevart-menu-items-color {

708 color: #ffffff;

709 }

710 .wpdevart-menu-button-icon {

711 background: none;

712 padding: 0px;

713 border: none;

714 cursor: pointer;

715 fill: #000000;

716 }

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

718 position: absolute;

719 top: 100%;

720 min-width: 220px;

721 visibility: hidden;

722 opacity: 0;

723 background: #070506;

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

725 border-top-width: 2px;

726 border-top-style: solid;

727 padding: 10px 0;

728 line-height: 1.5;

729 text-align: left;

730 transform: translateY(10px);

731 transition: all .25s;

732 z-index: 998;

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

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

735 pointer-events: none;

736 font-size: 1em;

737 border-top: 2px solid #e03100;

738 }

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

740 color: #d5d5d5;

741 }

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

743 background: none;

744 padding: 0px 5px;

745 border: none;

746 fill: #000000;

747 cursor: pointer;

748 }

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

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

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

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

753 visibility: visible;

754 opacity: 1;

755 transform: translateY(0);

756 pointer-events: auto;

757 z-index: 999;

758 }

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

760 transition: all .2s;

761 }

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

763 position: relative;

764 padding-left: 5px;

765 padding-right: 5px;

766 }

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

768 padding: 0;

769 margin: 0;

770 list-style: none;

771 }

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

773 display: flex;

774 line-height: 1.75;

775 align-items: baseline;

776 }

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

778 border-radius: 3px;

779 right: 100%;

780 top: -12px;

781 }

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

783 border-radius: 3px;

784 left: 100%;

785 top: -12px;

786 }

787 .navbar-wpdevart .dropdown-menu li {

788 padding:3px 0px;

789 }

790 .navbar-wpdevart li.active a {

791 opacity:0.8;

792 }

793 .navbar-wpdevart ul li a {

794 padding: 0 5px;

795 text-decoration: none !important;

796 background: none;

797 font-weight: 400;

798 max-width: 400px;

799 word-break: break-word;

800 text-transform: uppercase;

801 }

802 .navbar-wpdevart li a:hover,

803 .navbar-wpdevart li a:focus,

804 .navbar-wpdevart li a:visited {

805 opacity:0.7;

806 }

807 .navbar-wpdevart li a::after {

808 content: '';

809 display:block;

810 width: 100%;

811 transform: scaleX(0);

812 border-radius: 5px;

813 height: 1px;

814 bottom: 0;

815 left: 0;

816 background: currentcolor;

817 transform-origin: bottom center;

818 transition: transform 0.25s ease-out;

819 }

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

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

822 transform: scaleX(1);

823 transform-origin: bottom center;

824 }

825}

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

827 .navbar-wpdevart ul li a {

828 font-size: 16px;

829 }

830}

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

832 .navbar-wpdevart ul li a {

833 font-size: 14px;

834 }

835}

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

837 .navbar-wpdevart ul li a {

838 display: inline-block;

839 max-width: 200px;

840}

841}

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

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

844 min-width: 170px;

845}

846}

847/* ------------------------------------------Wpdevart Mobile Menu------------------------------------------ */

848.wpdevart-mobile-icon-button {

849 background: none;

850 border: none;

851 cursor: pointer;

852}

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

854 .wpdevart-mobile-icon-button {

855 display: none;

856 }

857}

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

859 #wpdevartmobilemenu,

860 #wpdevartmobilemenu ul,

861 #wpdevartmobilemenu ul li,

862 #wpdevartmobilemenu ul li a,

863 #wpdevartmobilemenu #head-mobile {

864 border:0;

865 list-style:none;

866 line-height:1;

867 display:block;

868 position:relative;

869

-webkit-box-sizing:border-box;

870

-moz-box-sizing:border-box;

871 box-sizing:border-box;

872 }

873 #wpdevartmobilemenu #head-mobile {

874 padding:23px;

875 font-size:17px;

876 font-weight:700;

877 }

878 .head-mobile-toolbar {

879 background: #020202;

880 }

881 .head-mobile-toolbar-gradient {

882 background: linear-gradient(to right, #020202, #020202);

883 }

884 .wpdevart-hide-on-mobile {

885 display: none;

886 }

887 #wpdevartmobilemenu {

888 width:100%;

889 background:#070506;

890 word-break: break-word;

891 }

892 #wpdevartmobilemenu ul ul li a {

893 color:#ffffff;

894 padding:11px 15px 11px 15px;

895 font-size: 14px;

896 text-decoration:none;

897 letter-spacing: 1px;

898 font-weight: 400;

899 text-transform: uppercase;

900 }

901 #wpdevartmobilemenu > ul > li > a {

902 padding:17px;

903 letter-spacing:1px;

904 text-decoration:none;

905 color:#ffffff;

906 font-size: 14px;

907 font-weight: 400;

908 text-transform: uppercase;

909 }

910 #wpdevartmobilemenu ul {

911 width:100%;

912 display:none;

913 margin:0;

914 padding:0;

915 text-decoration:none;

916 }

917 #wpdevartmobilemenu ul li {

918 text-align: left;

919 width:100%;

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

921 }

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

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

924 }

925 #wpdevartmobilemenu ul li ul {

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

927 }

928 #wpdevartmobilemenu ul li a,#wpdevartmobilemenu ul ul li a {

929 width:85%;

930 margin: 2px 0;

931 }

932 #wpdevartmobilemenu ul ul ul li a {

933 padding-left:30px;

934 }

935 #wpdevartmobilemenu ul ul ul ul li a {

936 padding-left:35px;

937 }

938 #wpdevartmobilemenu ul ul ul ul ul li a {

939 padding-left:40px;

940 }

941 #wpdevartmobilemenu ul ul ul ul ul ul li a {

942 padding-left:45px;

943 }

944 #wpdevartmobilemenu ul ul ul ul ul ul ul li a {

945 padding-left:50px;

946 }

947 #wpdevartmobilemenu ul ul ul ul ul ul ul ul li a {

948 padding-left:55px;

949 }

950 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul li a {

951 padding-left:65px;

952 }

953 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul li a {

954 padding-left:75px;

955 }

956 #wpdevartmobilemenu ul ul ul ul ul ul ul ul ul ul ul li a {

957 padding-left:85px;

958 }

959 #wpdevartmobilemenu ul ul,

960 #wpdevartmobilemenu ul ul ul {

961 position:relative;

962 left:0;

963 width:100%;

964 margin:0;

965 text-align:left;

966 }

967 .wpdevartmobilemenubutton {

968 width:55px;

969 height:46px;

970 position:absolute;

971 right:0;

972 top:0;

973 cursor:pointer;

974 z-index: 123;

975 }

976 .wpdevartmobilemenubutton:after {

977 position:absolute;

978 top:22px;

979 right:20px;

980 display:block;

981 height:4px;

982 width:20px;

983 border-top:2px solid #e03100;

984 border-bottom:2px solid #e03100;

985 content:'';

986 }

987 .wpdevartmobilemenubutton:before {

988

-webkit-transition:all .3s ease;

989

-ms-transition:all .3s ease;

990 transition:all .3s ease;

991 position:absolute;

992 top:16px;

993 right:20px;

994 display:block;

995 height:2px;

996 width:20px;

997 background:#e03100;

998 content:'';

999 }

1000 .wpdevartmobilemenubutton.menu-opened:after {

1001

-webkit-transition:all .3s ease;

1002

-ms-transition:all .3s ease;

1003 transition:all .3s ease;

1004 top:23px;

1005 border:0!important;

1006 height:2px;

1007 width:19px;

1008 background:#e03100;

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 .wpdevartmobilemenubutton.menu-opened:before {

1016 top:23px;

1017 background:#e03100;

1018 width:19px;

1019

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

1020

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

1021

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

1022

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

1023 transform:rotate(-45deg);

1024 }

1025 #wpdevartmobilemenu .wpdevart-submenu-button {

1026 position:absolute;

1027 z-index:99;

1028 right:0;

1029 top:0;

1030 display:block;

1031 height:51px;

1032 width:46px;

1033 cursor:pointer;

1034 background: #e03100;

1035 }

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

1037 background:#e03100;

1038 }

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

1040 height:40px;

1041 width:34px;

1042 }

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

1044 position:absolute;

1045 top:27px;

1046 right:19px;

1047 width:8px;

1048 height:2px;

1049 display:block;

1050 background:#fffcfc;

1051 content:'';

1052 }

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

1054 top:19px;

1055 right:13px;

1056 }

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

1058 background:#fffcfc;

1059 }

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

1061 display:none

1062}

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

1064 position:absolute;

1065 top:24px;

1066 right:22px;

1067 display:block;

1068 width:2px;

1069 height:8px;

1070 background:#fffcfc;

1071 content:'';

1072 }

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

1074 top:16px;

1075 right:16px;

1076 }

1077}

1078/* ------------------------------------------Search button------------------------------------------ */

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

1080 float: left;

1081 margin-top: 6px;

1082 margin-left: 9px;

1083 position: absolute;

1084 z-index: 100;

1085}

1086.wpdevart-search-button-icon {

1087 text-align: center;

1088 width: 40px;

1089}

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

1091 .wpdevart-search-button-icon {

1092 width: 30px;

1093 }

1094}

1095.search-menu-buttons {

1096 background: none;

1097 border: none;

1098}

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

1100 .site-header__search-trigger {

1101 display: none;

1102 stroke: #e03100;

1103 width: 30px;

1104 height: 30px;

1105 }

1106}

1107.site-header-font-cursor {

1108 font-size: 23px!important;

1109 cursor:pointer!important;

1110 stroke: #e03100;

1111 width: 30px;

1112 height: 30px;

1113}

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

1115 opacity: 0.65;

1116 transition: 0.5s all;

1117}

1118.search-trigger {

1119 display: none;

1120 position: relative;

1121 cursor: pointer;

1122 stroke: #e03100;

1123 transition: 0.5s all;

1124 width: 36px;

1125 height: 36px;

1126}

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

1128 .search-trigger {

1129 width: 30px;

1130 height: 30px;

1131 }

1132}

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

1134 .search-trigger {

1135 display: inline-block;

1136 }

1137}

1138.search-trigger:hover {

1139 opacity: 0.75;

1140}

1141.search-trigger-layout-two {

1142 display: none;

1143 position: relative;

1144 cursor: pointer;

1145 stroke: #e03100;

1146 transition: 0.5s all;

1147 width: 36px;

1148 height: 36px;

1149}

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

1151 .search-trigger-layout-two {

1152 width: 30px;

1153 height: 30px;

1154 }

1155}

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

1157 .search-trigger-layout-two {

1158 display: inline-block;

1159 }

1160}

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

1162 opacity: 0.75;

1163}

1164/* ------------------------------------------Page Banner------------------------------------------ */

1165.page-banner {

1166 padding: 12px 0 12px 0;

1167 position: relative;

1168}

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

1170 .page-banner {

1171 padding: 20px 0 20px 0;

1172 }

1173}

1174.wpdevart-page-banner__bg,

1175.wpdevart-page-banner__bg-gradient,

1176.wpdevart-post-banner__bg,

1177.wpdevart-post-banner__bg-gradient,

1178.wpdevart-archive-banner__bg,

1179.wpdevart-archive-banner__bg-gradient,

1180.wpdevart-search-banner__bg,

1181.wpdevart-search-banner__bg-gradient {

1182 position: absolute;

1183 top: 0;

1184 bottom: 0;

1185 left: 0;

1186 right: 0;

1187}

1188.wpdevart-page-banner__bg {

1189 background: #020202;

1190}

1191.wpdevart-page-banner__bg-gradient {

1192 background: linear-gradient(to right, #020202, #020202);

1193}

1194.wpdevart-post-banner__bg {

1195 background: #020202;

1196}

1197.wpdevart-post-banner__bg-gradient {

1198 background: linear-gradient(to right, #020202, #020202);

1199}

1200.wpdevart-archive-banner__bg {

1201 background: #020202;

1202}

1203.wpdevart-archive-banner__bg-gradient {

1204 background: linear-gradient(to right, #020202, #020202);

1205}

1206.wpdevart-search-banner__bg {

1207 background: #020202;

1208}

1209.wpdevart-search-banner__bg-gradient {

1210 background: linear-gradient(to right, #020202, #020202);

1211}

1212.page-banner__title,

1213.post-banner__title,

1214.archive-banner__title,

1215.search-banner__title {

1216 font-size: 25px;

1217 margin: 0.5rem 0;

1218 font-weight: 400;

1219 text-transform: uppercase;

1220 letter-spacing: 2px;

1221}

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

1223 .page-banner__title,

1224 .post-banner__title,

1225 .archive-banner__title,

1226 .search-banner__title {

1227 font-size: 40px;

1228 }

1229}

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

1231 .page-banner__title,

1232 .post-banner__title,

1233 .archive-banner__title,

1234 .search-banner__title {

1235 font-size: 35px;

1236 }

1237}

1238.post-banner__title {

1239 color: #f5f5f5;

1240}

1241.post-banner-content {

1242 text-align: left;

1243}

1244.page-banner__title {

1245 color: #f5f5f5;

1246}

1247.page-banner-content {

1248 text-align: left;

1249}

1250.archive-banner__title {

1251 color: #f5f5f5;

1252 text-align: left;

1253}

1254.search-banner__title {

1255 color: #f5f5f5;

1256 text-align: left;

1257}

1258.wpdevart-banner-entry-text {

1259 color: #d5d5d5;

1260 text-transform: uppercase;

1261 letter-spacing: 1px;

1262 font-weight: 400;

1263 font-size: 13px;

1264}

1265.wpdevart-banner-entry-date {

1266 font-style: italic;

1267}

1268.wpdevart-banner-entry-meta a {

1269 text-decoration: none;

1270 font-size: 13px;

1271 transition: 0.5s all;

1272 font-weight: 400;

1273}

1274.wpdevart-banner-entry-meta a {

1275 text-decoration: none!important;

1276 transition: 0.5s all!important;

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

1278}

1279.wpdevart-banner-entry-meta a {

1280 color: #efb33f;

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

1282 background-size: 0 1px!important;

1283 background-repeat: no-repeat!important;

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

1285}

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

1287 color: #ffffff;

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

1289}

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

1291 color: #d5d5d5;

1292 text-transform: uppercase;

1293 letter-spacing: 1px;

1294 font-weight: 400;

1295 font-size: 13px;

1296}

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

1298 text-decoration: none;

1299 font-size: 13px;

1300 transition: 0.5s all;

1301 font-weight: 400;

1302}

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

1304 text-decoration: none!important;

1305 transition: 0.5s all!important;

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

1307}

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

1309 color: #efb33f;

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

1311 background-size: 0 1px!important;

1312 background-repeat: no-repeat!important;

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

1314}

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

1316 color: #ffffff;

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

1318}

1319/* ------------------------------------------Breadcrumbs------------------------------------------ */

1320.wpdevart-breadcrumbs-single-post,

1321.wpdevart-breadcrumbs-single-page {

1322 margin-bottom: 0;

1323 padding: 0;

1324 list-style: none;

1325 text-transform: uppercase;

1326 letter-spacing: 1px;

1327 font-weight: 400;

1328}

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

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

1331 margin-left: 3px;

1332}

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

1334 margin-left: 0px;

1335}

1336.wpdevart-breadcrumbs-single-post li,

1337.wpdevart-breadcrumbs-single-page li {

1338 display: inline-block;

1339 font-size: 12px;

1340}

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

1342 content: '';

1343 display: inline-block;

1344 margin-left: 3px;

1345}

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

1347 content: '/';

1348 display: inline-block;

1349 margin-left: 3px;

1350}

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

1352 content: '/';

1353 display: inline-block;

1354 margin-left: 3px;

1355}

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

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

1358 content: '';

1359}

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

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

1362 position: relative;

1363 text-decoration: none!important;

1364 transition: 0.5s all!important;

1365 background-size: 0 1px!important;

1366 background-repeat: no-repeat!important;

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

1368}

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

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

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

1372}

1373.wpdevart-breadcrumbs-single-post li,

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

1375 color: #d5d5d5;

1376}

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

1378 color: #efb33f;

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

1380}

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

1382 color: #ffffff;

1383}

1384.wpdevart-breadcrumbs-single-page li,

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

1386 color: #d5d5d5;

1387}

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

1389 color: #efb33f;

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

1391}

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

1393 color: #ffffff;

1394}

1395/* ------------------------------------------WpDevArt Animations------------------------------------------ */

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

1397 animation:wpdevart-fade-in-left;

1398 animation-duration:1.5s;

1399 animation-iteration-count:1;

1400 animation-fill-mode:forwards;

1401 animation-delay:.1s;

1402 opacity:0;

1403}

1404@keyframes wpdevart-fade-in-left {

1405 from {

1406 transform: translateX(-20px);

1407 opacity:0;

1408 }

1409 to {

1410 transform: translateX(0);

1411 opacity:1.0;

1412 }

1413}

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

1415 from {

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

1417 opacity:0;

1418 }

1419 to {

1420 -webkit-transform: translateX(0);

1421 opacity:1.0;

1422 }

1423}

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

1425 animation:wpdevart-fade-in-right;

1426 animation-duration:1.5s;

1427 animation-iteration-count:1;

1428 animation-fill-mode:forwards;

1429 animation-delay:.1s;

1430 opacity:0;

1431}

1432@keyframes wpdevart-fade-in-right {

1433 from {

1434 transform: translateX(20px);

1435 opacity:0;

1436 }

1437 to {

1438 transform: translateX(0);

1439 opacity:1.0;

1440 }

1441}

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

1443 from {

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

1445 opacity:0;

1446 }

1447 to {

1448 -webkit-transform: translateX(0);

1449 opacity:1.0;

1450 }

1451}

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

1453 animation:wpdevart-fade-in-up;

1454 animation-duration:1.5s;

1455 animation-iteration-count:1;

1456 animation-fill-mode:forwards;

1457 animation-delay:.1s;

1458 opacity:0;

1459}

1460

1461@keyframes wpdevart-fade-in-up {

1462 from {

1463 transform: translateY(20px);

1464 opacity:0;

1465 }

1466 to {

1467 transform: translateY(0);

1468 opacity:1.0;

1469 }

1470}

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

1472 from {

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

1474 opacity:0;

1475 }

1476 to {

1477 -webkit-transform: translateY(0);

1478 opacity:1.0;

1479 }

1480}

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

1482 animation:wpdevart-fade-in-down;

1483 animation-duration:1.5s;

1484 animation-iteration-count:1;

1485 animation-fill-mode:forwards;

1486 animation-delay:.1s;

1487 opacity:0;

1488}

1489@keyframes wpdevart-fade-in-down {

1490 from {

1491 transform: translateY(-20px);

1492 opacity:0;

1493 }

1494 to {

1495 transform: translateY(0);

1496 opacity:1.0;

1497 }

1498}

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

1500 from {

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

1502 opacity:0;

1503 }

1504 to {

1505 -webkit-transform: translateY(0);

1506 opacity:1.0;

1507 }

1508}

1509.wpdevart-element-animation-scale {

1510 animation:wpdevart-scale-within;

1511 animation-duration:1.5s;

1512 animation-iteration-count:1;

1513 animation-fill-mode:forwards;

1514 animation-delay:.1s;

1515 opacity:0;

1516}

1517@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@-webkit-keyframes wpdevart-scale-within {

1528 from {

1529 scale:0.5;

1530 opacity:0;

1531 }

1532 to {

1533 scale:1.0;

1534 opacity:1.0;

1535 }

1536}

1537.wpdevart-element-animation-opacity {

1538 animation:wpdevart-opacity-within;

1539 animation-duration:3s;

1540 animation-iteration-count:1;

1541 animation-fill-mode:forwards;

1542 animation-delay:.1s;

1543 opacity:0;

1544}

1545@keyframes wpdevart-opacity-within {

1546 from {

1547 opacity:0;

1548 }

1549 to {

1550 opacity:1.0;

1551 }

1552}

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

1554 from {

1555 opacity:0;

1556 }

1557 to {

1558 opacity:1.0;

1559 }

1560}

1561.wpdevart-element-animation-wobble {

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

1563 animation-duration:3s;

1564 animation-iteration-count:1;

1565 animation-fill-mode:forwards;

1566 animation-delay:.1s;

1567}

1568@keyframes wpdevart-wobble {

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

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

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

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

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

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

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

1576}

1577@-webkit-keyframes wpdevart-wobble {

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

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

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

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

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

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

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

1585}

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

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

1588 animation-duration:3s;

1589 animation-iteration-count:1;

1590 animation-fill-mode:forwards;

1591 animation-delay:.1s;

1592}

1593@keyframes wpdevart-expand-up {

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

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

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

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

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

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

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

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

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

1603}

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

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

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

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

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

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

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

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

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

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

1614}

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

1616 animation: wpdevart-fadeIn;

1617 animation-duration:3s;

1618 animation-iteration-count:1;

1619 animation-fill-mode:forwards;

1620 animation-delay:.1s;

1621}

1622@keyframes wpdevart-fadeIn {

1623 0% {

1624 transform: scale(0);

1625 opacity: 0.0;

1626 }

1627 60% {

1628 transform: scale(1.1);

1629 }

1630 80% {

1631 transform: scale(0.9);

1632 opacity: 1;

1633 }

1634 100% {

1635 transform: scale(1);

1636 opacity: 1;

1637 }

1638}

1639@-webkit-keyframes wpdevart-fadeIn {

1640 0% {

1641 -webkit-transform: scale(0);

1642 opacity: 0.0;

1643 }

1644 60% {

1645 -webkit-transform: scale(1.1);

1646 }

1647 80% {

1648 -webkit-transform: scale(0.9);

1649 opacity: 1;

1650 }

1651 100% {

1652 -webkit-transform: scale(1);

1653 opacity: 1;

1654 }

1655}

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

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

1658

1659 animation-duration:3s;

1660 animation-iteration-count:1;

1661 animation-fill-mode:forwards;

1662 animation-delay:.1s;

1663}

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

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

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

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

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

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

1670}

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

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

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

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

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

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

1677}

1678/* ------------------------------------------Main Container------------------------------------------ */

1679.wpdevart-main-container {

1680 background: #070506;

1681}

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

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

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

1685.wpdevart-comment-respond input,

1686.wpdevart-comment-respond textarea,

1687.wpdevart-main-container .wp-block-search__input {

1688 color: #d5d5d5;

1689}

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

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

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

1693 font-size: 17px;

1694 font-weight: 400;

1695 font-style: normal;

1696}

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

1698 color: #d5d5d5;

1699}

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

1701 color: #d5d5d5;

1702}

1703.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) {

1704 color: #efb33f;

1705 text-decoration: underline;

1706 transition: 0.5s all;

1707}

1708.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) {

1709 color: #ffffff;

1710 text-decoration: none;

1711}

1712.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) {

1713 font-size: 17px;

1714 font-weight: 400;

1715 font-style: normal;

1716}

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

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

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

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

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

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

1723 color: #efb33f;

1724}

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

1726 font-size: 40px;

1727 font-weight: 400;

1728 font-style: normal;

1729 text-transform: uppercase;

1730 text-decoration: none;

1731}

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

1733 font-size: 28px;

1734 font-weight: 400;

1735 font-style: normal;

1736 text-transform: uppercase;

1737 text-decoration: none;

1738}

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

1740 font-size: 24px;

1741 font-weight: 400;

1742 font-style: normal;

1743 text-transform: uppercase;

1744 text-decoration: none;

1745}

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

1747 font-size: 23px;

1748 font-weight: 400;

1749 font-style: normal;

1750 text-transform: uppercase;

1751 text-decoration: none;

1752}

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

1754 font-size: 22px;

1755 font-weight: 400;

1756 font-style: normal;

1757 text-transform: uppercase;

1758 text-decoration: none;

1759}

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

1761 font-size: 20px;

1762 font-weight: 400;

1763 font-style: normal;

1764 text-transform: uppercase;

1765 text-decoration: none;

1766}

1767.container {

1768 max-width: 1300px;

1769 margin: 0 auto;

1770 padding: 16px;

1771 position: relative;

1772 word-break: break-word;

1773}

1774.container:before,

1775.container:after,

1776.group:before,

1777.group:after {

1778 content: " ";

1779 display: table;

1780}

1781.container:after,

1782.group:after {

1783 clear: both;

1784}

1785.wpdevart-banner-narrow-container {

1786 max-width: 960px!important;

1787}

1788.wpdevart-main-content {

1789 padding-top: 32px;

1790 padding-bottom: 32px;

1791}

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

1793 .wpdevart-main-content {

1794 padding-top: 40px;

1795 padding-bottom: 10px;

1796 }

1797}

1798.wpdevart-main-content-sidebarleft {

1799 flex-direction: row-reverse;

1800}

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

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

1803 .container-with-sidebar {

1804 display:flex;

1805 justify-content: center;

1806}

1807}

1808.wpdevart-post-summary-content {

1809 width: 90%;

1810 text-align: center;

1811 margin-bottom: 40px;

1812 padding: 10px;

1813 overflow: hidden;

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

1815 background: #070506;

1816 transition: ease-out 0.3s;

1817}

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

1819.wpdevart-post-summary-content {

1820 width: 40%;

1821 margin: 10px;

1822}

1823}

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

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

1826}

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

1828 .wpdevart-post-summary-content {

1829 width: 44%;

1830 margin: 10px;

1831 }

1832}

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

1834 flex-direction: row;

1835 flex-wrap: wrap;

1836 display: flex;

1837 justify-content: center;

1838}

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

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

1841 padding-bottom: 1.7rem;

1842 margin-bottom: 1.7rem;

1843}

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

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

1846

-ms-flex: 0 0 65%;

1847 flex: 0 0 65%;

1848 max-width: 65%;

1849}

1850}

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

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

1853

-ms-flex: 0 0 55%;

1854 flex: 0 0 55%;

1855 max-width: 55%;

1856 }

1857}

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

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

1860 margin-bottom: 1.7rem;

1861}

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

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

1864

-ms-flex: 0 0 100%;

1865 flex: 0 0 100%;

1866 max-width: 100%;

1867}

1868}

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

1870 background: #faf8ff;

1871 width: 90%;

1872 padding: 10px;

1873 text-align: center;

1874 margin-bottom: 40px;

1875 overflow: hidden;

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

1877 transition: ease-out 0.3s;

1878}

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

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

1881}

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

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

1884 width: 40%;

1885 margin: 10px;

1886 }

1887}

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

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

1890 width: 30%;

1891 margin: 10px;

1892 max-width: 400px;

1893 }

1894}

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

1896.wpdevart-posts-list-title {

1897 width: 100%;

1898 display: inline-block;

1899 text-align: left;

1900 word-break: break-word;

1901}

1902.wpdevart-posts-list-title a {

1903 font-size: 22px;

1904 text-transform: uppercase;

1905 letter-spacing: 2px;

1906}

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

1908 .wpdevart-posts-list-title a {

1909 font-size: 18px!important;

1910 }

1911}

1912.post-list-title {

1913 padding: 0 5px;

1914}

1915.post-list-title a {

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

1917}

1918.post-list-title a {

1919 font-size: 20px;

1920 text-decoration: none;

1921 color: #efb33f;

1922 line-height: 1.4;

1923 transition: 0.5s all;

1924 font-weight: 400!important;

1925}

1926.post-list-title a:hover {

1927 color: #ffffff;

1928}

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

1930 .post-list-title a {

1931 font-size: 18px;

1932 }

1933}

1934.wpdevart-posts-list-title h2 {

1935 line-height: 1.1;

1936 font-size: 13px;

1937}

1938.wpdevart-entry-meta {

1939 color: #ffffff;

1940 margin: 10px;

1941 font-weight: 500;

1942 word-break: break-word;

1943 text-align: left;

1944 width: 95%;

1945 letter-spacing: .1em;

1946 text-transform: uppercase;

1947 display: flex;

1948 flex-wrap: wrap;

1949 column-gap: 4px;

1950 row-gap: 5px;

1951}

1952.wpdevart-entry-meta a {

1953 transition: 0.5s all;

1954 text-decoration: none!important;

1955}

1956.wpdevart-entry-meta a:hover {

1957 color: #efb33f;

1958}

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

1960 color: #ffffff;

1961 font-size: 12px;

1962 align-items: center;

1963}

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

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

1966 font-size: 11px!important;

1967 }

1968}

1969.wpdevart-entry-meta a:hover {

1970 text-decoration: underline;

1971}

1972.wpdevart-entry-meta-category {

1973 margin: 0 10px;

1974 font-weight: 500;

1975 word-break: break-word;

1976 text-align: left;

1977 width: 95%;

1978 line-height: 2;

1979}

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

1981 .wpdevart-entry-meta-category {

1982 margin: 0 10px 8px 10px;

1983 }

1984}

1985.wpdevart-entry-meta-category a {

1986 background: #070506;

1987 border: 1px solid #efb33f;

1988 font-size: 13px;

1989 padding: 0px 5px;

1990 margin: 2px 5px 2px 0px;

1991 color: #efb33f;

1992 transition: 0.5s all;

1993 text-decoration: none!important;

1994 display: inline-block;

1995 text-transform: uppercase;

1996 letter-spacing: 1px;

1997}

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

1999 background: #070506;

2000 color: #e03100;

2001 border: 1px solid #e03100;

2002}

2003.wpdevart-icon-padding {

2004 fill: #e03100;

2005}

2006.wpdevart-post-text-content {

2007 text-align: left;

2008 padding: 0 10px 5px 10px;

2009 word-break: break-word;

2010}

2011.wpdevart-post-text-content,

2012.wpdevart-post-text-content p,

2013.wpdevart-post-text-content a,

2014.wpdevart-post-text-content li {

2015 color: #d5d5d5;

2016 font-size: 15px;

2017}

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

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

2020 font-size: 14px!important;

2021 }

2022}

2023/* ------------------------------------------Generic Content------------------------------------------ */

2024

2025.generic-content {

2026 margin-bottom: 1.7rem;

2027 word-break: break-word;

2028}

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

2030 .generic-content {

2031

-ms-flex: 0 0 67%;

2032 flex: 0 0 67%;

2033 max-width: 67%;

2034 padding: 0 8px;

2035 margin: 0 8px 27px 8px;

2036 }

2037}

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

2039 .generic-content {

2040

-ms-flex: 0 0 55%;

2041 flex: 0 0 55%;

2042 max-width: 55%;

2043 }

2044}

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

2046 .generic-content-full-width {

2047

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

2048 flex: 0 0 100%!important;

2049 max-width: 100%!important;

2050 }

2051}

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

2053 .generic-content {

2054 padding: 0 15px 0 15px;

2055 }

2056}

2057.generic-content blockquote,

2058.generic-content blockquote p {

2059font-size: 19px;

2060font-style: italic;

2061}

2062.generic-content h1,

2063.generic-content h2,

2064.generic-content h3,

2065.generic-content h4,

2066.generic-content h5,

2067.generic-content h6 {

2068 margin: 1rem 0;

2069 line-height: 1.1;

2070}

2071/* ------------------------------------------Image and tag styles------------------------------------------ */

2072.figureblogimage {

2073 width: 100%;

2074 aspect-ratio: 16/11;

2075 margin: 0;

2076 padding: 0;

2077 overflow: hidden;

2078 border-radius: 7px;

2079}

2080.figureblogimage img {

2081 width: 100%;

2082 aspect-ratio: 16/11;

2083 margin: 0;

2084 padding: 0;

2085 overflow: hidden;

2086 border-radius: 7px;

2087 height: 100%;

2088 object-fit: cover;

2089}

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

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

2092

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

2093 transform-origin: center center;

2094

-webkit-transform-origin: center center;

2095}

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

2097

-webkit-transform: scale(1.2);

2098 transform: scale(1.2);

2099}

2100.figureblogimage-second-effect {

2101 width: 100%;

2102 aspect-ratio: 16/11;

2103 margin: 0;

2104 padding: 0;

2105 overflow: hidden;

2106 border-radius: 7px;

2107 background: #ffcbc5;

2108}

2109.figureblogimage-second-effect img {

2110 width: 100%;

2111 aspect-ratio: 16/11;

2112 margin: 0;

2113 padding: 0;

2114 background: #fff;

2115 overflow: hidden;

2116 border-radius: 7px;

2117 height: 100%;

2118 object-fit: cover;

2119}

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

2121 opacity: 1;

2122

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

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

2124}

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

2126 opacity: .8;

2127}

2128.figureblogimage-third-effect {

2129 width: 100%;

2130 aspect-ratio: 16/11;

2131 margin: 0;

2132 padding: 0;

2133 overflow: hidden;

2134 border-radius: 7px;

2135}

2136.figureblogimage-third-effect img {

2137 width: 100%;

2138 aspect-ratio: 16/11;

2139 margin: 0;

2140 padding: 0;

2141 background: #fff;

2142 overflow: hidden;

2143 border-radius: 7px;

2144 height: 100%;

2145 object-fit: cover;

2146}

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

2148

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

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

2150

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

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

2152}

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

2154

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

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

2156}

2157.figureblogimage-fourth-effect {

2158 width: 100%;

2159 aspect-ratio: 16/11;

2160 margin: 0;

2161 padding: 0;

2162 overflow: hidden;

2163 border-radius: 7px;

2164 position: relative;

2165}

2166.figureblogimage-fourth-effect img {

2167 width: 100%;

2168 aspect-ratio: 16/11;

2169 margin: 0;

2170 padding: 0;

2171 background: #fff;

2172 overflow: hidden;

2173 border-radius: 7px;

2174 height: 100%;

2175 object-fit: cover;

2176}

2177.figureblogimage-fourth-effect::before {

2178 position: absolute;

2179 top: 0;

2180 left: -75%;

2181 z-index: 2;

2182 display: block;

2183 content: '';

2184 width: 50%;

2185 height: 100%;

2186 background:

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

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

2188

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

2189 transform: skewX(-25deg);

2190}

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

2192

-webkit-animation: wpdevartimageshine .75s;

2193 animation: wpdevartimageshine .75s;

2194}

2195@-webkit-keyframes wpdevartimageshine {

2196 100% {

2197 left: 125%;

2198 }

2199}

2200@keyframes wpdevartimageshine {

2201 100% {

2202 left: 125%;

2203 }

2204}

2205.figureblogimage-fifth-effect {

2206 width: 100%;

2207 aspect-ratio: 16/11;

2208 margin: 0;

2209 padding: 0;

2210 overflow: hidden;

2211 border-radius: 7px;

2212 position: relative;

2213}

2214.figureblogimage-fifth-effect img {

2215 width: 100%;

2216 aspect-ratio: 16/11;

2217 margin: 0;

2218 padding: 0;

2219 background: #fff;

2220 overflow: hidden;

2221 border-radius: 7px;

2222 height: 100%;

2223 object-fit: cover;

2224}

2225.figureblogimage-fifth-effect::before {

2226 position: absolute;

2227 top: 50%;

2228 left: 50%;

2229 z-index: 2;

2230 display: block;

2231 content: '';

2232 width: 0;

2233 height: 0;

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

2235

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

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

2237 opacity: 0.5;

2238}

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

2240

-webkit-animation: wpdevartimagesquare .75s;

2241 animation: wpdevartimagesquare .75s;

2242}

2243@-webkit-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@keyframes wpdevartimagesquare {

2257 0% {

2258 opacity: 1;

2259 }

2260 40% {

2261 opacity: 1;

2262 }

2263 100% {

2264 width: 150%;

2265 height: 150%;

2266 opacity: 0;

2267 }

2268}

2269.wpdevart-wp-link-pages {

2270 width: 100%;

2271 display: flex;

2272 overflow: overlay;

2273 margin-top: 30px;

2274}

2275.post-tags {

2276 width: 100%;

2277 margin-top: 30px;

2278 font-size: 17px;

2279 word-break: break-word;

2280}

2281.post-tags a {

2282 display: inline-block;

2283 vertical-align: middle;

2284 position: relative;

2285 font-weight: 500!important;

2286 color: #efb33f;

2287 border: 1px solid #efb33f;

2288 text-decoration: none!important;

2289 font-size: 13px!important;

2290 margin: 0 5px 10px 0;

2291 padding: 5px 10px;

2292 text-transform: uppercase;

2293 transition: 0.5s all;

2294}

2295.post-tags a:hover {

2296 color: #ffffff;

2297 border: 1px solid #ffffff;

2298}

2299/* ------------------------------------------Wpdevart Pagination------------------------------------------ */

2300.wpdevart-pagination {

2301 display: flex;

2302}

2303.wpdevart-pagination-container {

2304 margin: 0 auto;

2305 padding: 16px;

2306 text-align: center;

2307 word-break: break-word;

2308}

2309.page-numbers {

2310 color: #7c5d1f;

2311 font-size: 18px;

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

2313}

2314.page-numbers:hover {

2315 color: #7c5d1f;

2316}

2317ul.page-numbers {

2318 padding: 0px;

2319}

2320.page-numbers li a {

2321 color: #efb33f;

2322 text-decoration: none;

2323 padding: 14px 20px 14px 20px;

2324 background: none;

2325 font-size: 18px;

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

2327}

2328.page-numbers li a:hover {

2329 color: #e03100;

2330}

2331.page-numbers li {

2332 display: inline-block;

2333 min-height: 50px;

2334 min-width: 50px;

2335 font-size: 20px;

2336 background: #070506;

2337 margin: 10px 2px 0 2px;

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

2339 line-height: 50px;

2340 border: 1px solid #efb33f;

2341}

2342.page-numbers li:hover {

2343 background: #070506;

2344 border: 1px solid #e03100;

2345}

2346/* ------------------------------------------Wpdevart Comments------------------------------------------ */

2347.wpdevart-comment-respond {

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

2349 margin-top: 15px;

2350 padding-top: 15px;

2351 word-break: break-word;

2352}

2353.wpdevart-comment-respond,

2354.wpdevart-comment-respond p,

2355.wpdevart-comment-respond li {

2356 color: #333333;

2357}

2358.wpdevart-comment-respond,

2359.wpdevart-comment-respond p,

2360.wpdevart-comment-respond li {

2361 font-size: 17px;

2362}

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

2364 color: #efb33f;

2365 font-size: 17px;

2366 transition: 0.5s all;

2367}

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

2369 color: #e03100;

2370}

2371.comment-form-comment {

2372 display: flex;

2373 flex-direction: column;

2374}

2375.comment-form-comment {

2376 max-width: 600px;

2377 line-height: normal;

2378}

2379.comment-form-author,

2380.comment-form-email,

2381.comment-form-url {

2382 max-width: 250px;

2383 line-height: normal;

2384}

2385.comment-notes,

2386.comment-form-cookies-consent {

2387 line-height: normal;

2388}

2389.wpdevart-comment-navigation-title {

2390 color: #4b5593;

2391 text-align: center;

2392}

2393.wpdevart-comment-navigation-links {

2394 display: flex;

2395 align-items: center;

2396 padding: 20px 0;

2397}

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

2399 flex: 45%;

2400 overflow: hidden;

2401 text-align: left;

2402}

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

2404 flex: 45%;

2405 overflow: hidden;

2406 text-align: right;

2407}

2408/* ------------------------------------------Sidebar and Widget------------------------------------------ */

2409.wpdevart-sidebar-container {

2410 padding-bottom: 1.7rem;

2411 margin-bottom: 1.7rem;

2412}

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

2414 .wpdevart-sidebar-container {

2415 width: 430px;

2416 margin-top: 10px;

2417 }

2418}

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

2420 .wpdevart-sidebar-container {

2421

-ms-flex: 0 0 33%;

2422 flex: 0 0 33%;

2423 max-width: 33%;

2424 margin-top: 10px;

2425 }

2426}

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

2428 .wpdevart-sidebar-container {

2429

-ms-flex: 0 0 45%;

2430 flex: 0 0 45%;

2431 max-width: 45%;

2432 }

2433}

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

2435 .wpdevart-sidebar-container {

2436 max-width: 600px;

2437 margin: 0 auto;

2438 }

2439}

2440.wpdevart-sidebar-container-inside {

2441 padding: 0 8px;

2442 margin: 0 8px;

2443 word-break: break-word;

2444}

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

2446.wpdevart-sidebar-container-inside {

2447 padding: 0 10px;

2448 margin: 0 5px;

2449}

2450}

2451.wpdevart-sidebar-container-inside {

2452 background: #070506;

2453 padding: 10px 28px;

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

2455}

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

2457 padding: 5px 0;

2458}

2459.sidebar-widget-area {

2460 padding: 10px 0;

2461}

2462.sidebar-widget-area,

2463.sidebar-widget-area p,

2464.sidebar-widget-area li,

2465.sidebar-widget-area .wp-block-search__input {

2466 color: #d5d5d5;

2467 font-size: 16px;

2468}

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

2470 color: #d5d5d5;

2471}

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

2473 color: #d5d5d5;

2474}

2475.sidebar-widget-area a {

2476 font-size: 16px;

2477 text-decoration: none;

2478 transition: 0.5s all;

2479}

2480.sidebar-widget-area h1,

2481.sidebar-widget-area h2,

2482.sidebar-widget-area h3,

2483.sidebar-widget-area h4,

2484.sidebar-widget-area h5,

2485.sidebar-widget-area h6 {

2486 color: #efb33f;

2487 margin: 5px 0 0 0;

2488 font-weight: 400;

2489 font-style: normal;

2490 text-transform: uppercase;

2491 text-decoration: none;

2492}

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

2494 padding: 0 0 10px 0;

2495}

2496.sidebar-widget-area h1,

2497.sidebar-widget-area h2,

2498.sidebar-widget-area h3 {

2499 font-size: 24px;

2500}

2501.sidebar-widget-area h4,

2502.sidebar-widget-area h5,

2503.sidebar-widget-area h6 {

2504 font-size: 20px;

2505}

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

2507 color: #ffffff;

2508}

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

2510 color: #efb33f;

2511}

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

2513 color: #ffffff;

2514 text-decoration: underline;

2515}

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

2517 color: #efb33f;

2518 text-decoration: none;

2519}

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

2521 display: inline-block;

2522 vertical-align: middle;

2523 position: relative;

2524 font-weight: 500;

2525 color: #ffffff;

2526 border: 1px solid #ffffff;

2527 text-decoration: none!important;

2528 font-size: 13px!important;

2529 margin: 0 5px 10px 0;

2530 padding: 5px 10px;

2531 text-transform: uppercase;

2532}

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

2534 color: #efb33f;

2535 border: 1px solid #efb33f;

2536}

2537/* ------------------------------------------Wpdevart Styled Buttons------------------------------------------ */

2538.wpdevart_car_rental_wda_hover_button {

2539 color: #fff;

2540 padding: 18px 30px;

2541 display: inline-block;

2542 border-radius: 2px;

2543 font-size: 14px;

2544 text-transform: uppercase;

2545 font-weight: 500;

2546 cursor: pointer;

2547

-webkit-transition: ease-out 0.5s;

2548

-moz-transition: ease-out 0.5s;

2549 transition: ease-out 0.5s;

2550 letter-spacing: 1px;

2551}

2552.wpdevart_car_rental_wda_hover_button a {

2553 color: #fff;

2554 text-decoration: none;

2555}

2556.wpdevart_car_rental_wda_hover_button_small {

2557 color: #fff;

2558 padding: 12px 20px;

2559 display: inline-block;

2560 border-radius: 2px;

2561 font-size: 14px;

2562 text-transform: uppercase;

2563 font-weight: 500;

2564 letter-spacing: 1px;

2565 cursor: pointer;

2566

-webkit-transition: ease-out 0.7s;

2567

-moz-transition: ease-out 0.7s;

2568 transition: ease-out 0.7s;

2569 background: transparent;

2570}

2571.wpdevart_car_rental_wda_hover_button_small a {

2572 color: #fff;

2573 text-decoration: none;

2574}

2575.wpdevart_car_rental_wda_primary_button_slide a {

2576 color: #ffffff;

2577}

2578.wpdevart_car_rental_wda_primary_button_slide {

2579 border: 1px solid #e03100;

2580 box-shadow: inset 0 0 0 0 #e03100;

2581 background-color: #e03100;

2582 color: #ffffff;

2583}

2584.primary_btn_slide_right:hover {

2585 color: #e03100;

2586 box-shadow: inset 400px 0 0 0 #070506;

2587 border: 1px solid #e03100;

2588}

2589.primary_btn_slide_right:hover a {

2590 color: #e03100;

2591}

2592.wpdevart_car_rental_wda_secondary_button_slide a {

2593 color: #e03100;

2594}

2595.wpdevart_car_rental_wda_secondary_button_slide {

2596 border: 1px solid #e03100;

2597 color: #e03100;

2598}

2599.secondary_btn_slide_right:hover {

2600 color: #ffffff;

2601 box-shadow: inset 400px 0 0 0 #e03100;

2602 border: 1px solid #e03100;

2603}

2604.secondary_btn_slide_right:hover a {

2605 color: #ffffff;

2606}

2607.wpdevart_car_rental_wda_first_button_slide {

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

2609 background-color: #8224e3;

2610 border: 1px solid #8224e3;

2611}

2612.first_btn_slide_right:hover {

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

2614 color: #8224e3;

2615 border: 1px solid #8224e3;

2616}

2617.first_btn_slide_right:hover a {

2618 color: #8224e3;

2619}

2620.wpdevart_car_rental_wda_second_button_slide {

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

2622 background-color: #ff5952;