CSS File

1/*

2Theme Name: Mercury

3Theme URI: https://mercurytheme.com/

4Author: MercuryTheme.com

5Author URI: https://mercurytheme.com/

6Description: Affiliate Marketing WordPress Theme. Casino, Gambling & Other Niches. Reviews & Top Lists.

7Version: 3.9.3

8Requires at least: 5.0

9Tested up to: 6.1

10Requires PHP: 7.3

11License: GNU General Public License v3 or later

12License URI: http://www.gnu.org/licenses/gpl-3.0.html

13Tags: four-columns, custom-colors, theme-options, custom-menu, featured-images, translation-ready, news, post-formats, block-styles

14Text Domain: mercury

15*/

16

17/* Table Of Contents Start

18

191 - Body

202 - Common Items

213 - Header #1 Style

224 - Header #2 Style

235 - Menu Item Labels

246 - Search Block

257 - Mobile Menu

268 - #1 Widget

279 - #2 Widget

2810 - #3 Widget

2911 - #4 Widget

3012 - #5 Widget

3113 - #6 Widget

3214 - #7 Widget

3315 - #8 Widget

3416 - #9 Widget

3517 - #10 Widget

3618 - #11 Widget

3719 - Title Box

3820 - Archive Section

3921 - Archive Navigation

4022 - Page Section

4123 - Comments Template

4224 - Standart WordPress Widgets

4325 - Footer

4426 - Back to Top

4527 - MailChimp Form Widget

4628 - Contact Form 7

4729 - WordPress Gallery

4830 - Gutenberg Editor

49

50Table Of Contents End */

51

52/* Body Start */

53

54html, body, div, span, applet, object, iframe,

55h1, h2, h3, h4, h5, h6, p, blockquote, pre,

56a, abbr, acronym, address, big, cite, code,

57del, dfn, em, img, ins, kbd, q, s, samp,

58small, strike, strong, sub, sup, tt, var,

59b, u, i,

60dl, dt, dd, ol, ul, li,

61fieldset, form, label, legend,

62table, caption, tbody, tfoot, thead, tr, th, td,

63article, aside, canvas, details, embed,

64figure, figcaption, footer, header, hgroup,

65menu, nav, output, section, summary,

66time, mark, audio, video {

67 margin: 0;

68 padding: 0;

69 border: 0;

70 font-size: 100%;

71 vertical-align: baseline;

72}

73

74article, aside, details, figcaption, figure,

75footer, header, hgroup, menu, nav, section {

76 display: block;

77}

78ol, ul {

79 list-style: none;

80}

81blockquote, q {

82 quotes: none;

83}

84blockquote:before, blockquote:after,

85q:before, q:after {

86 content: '';

87 content: none;

88}

89table {

90 border-collapse: collapse;

91 border-spacing: 0;

92}

93html {

94 overflow-x: hidden;

95 box-sizing: border-box;

96 }

97*,

98*:before,

99*:after {

100 box-sizing: inherit;

101}

102

103body {

104 background-color: #fff;

105 color: #2e3246;

106 font-family: 'Roboto', sans-serif;

107 font-weight: 400;

108 font-size: 16px;

109 line-height: 100%;

110 -webkit-font-smoothing: antialiased;

111 margin: 0px auto;

112 padding: 0px;

113 overflow: hidden;

114}

115

116::-webkit-input-placeholder {

117 color: #2d3436;

118}

119:-ms-input-placeholder {

120 color: #2d3436;

121}

122::-moz-placeholder {

123 color: #2d3436;

124 opacity: 1;

125}

126:-moz-placeholder {

127 color: #2d3436;

128 opacity: 1;

129}

130

131:focus::-webkit-input-placeholder,

132:focus::-moz-placeholder,

133:focus:-moz-placeholder,

134:focus:-ms-input-placeholder {

135 color: transparent;

136}

137

138h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

139 font-family: 'Roboto', sans-serif;

140 font-weight: 700;

141 -webkit-backface-visibility: hidden;

142 color: #151515;

143}

144h1,

145h1 a {

146 font-size: 3.157em;

147 line-height: 1.2em;

148}

149h2,

150h2 a {

151 font-size: 2.369em;

152 line-height: 1.2em;

153}

154h3,

155h3 a {

156 font-size: 1.777em;

157 line-height: 1.2em;

158}

159h4,

160h4 a {

161 font-size: 1.333em;

162 line-height: 1.2em;

163}

164h5,

165h5 a {

166 font-size: 1em;

167 line-height: 1.2em;

168}

169h6,

170h6 a {

171 font-size: 0.75em;

172 line-height: 1.2em;

173}

174img {

175 max-width: 100%;

176 height: auto;

177 -webkit-backface-visibility: hidden;

178}

179

180iframe,

181embed,

182object,

183video {

184 max-width: 100%;

185}

186input,

187textarea {

188 outline:none;

189 outline: 0;

190}

191:active, :hover, :focus {

192 outline: 0 !important;

193 outline-offset: 0 !important;

194}

195input[type="text"]:focus {

196 outline: none;

197}

198a,

a:visited {

199 text-decoration: none;

200 -webkit-transition: all 0.3s ease-in-out;

201 -moz-transition: all 0.3s ease-in-out;

202 -ms-transition: all 0.3s ease-in-out;

203 -o-transition: all 0.3s ease-in-out;

204 transition: all 0.3s ease-in-out;

205}

206a:hover {

207 text-decoration: none;

208}

209a:active,

210a:focus {

211 outline: none;

212}

213div {

214 -webkit-tap-highlight-color: rgba(0,0,0,0);

215 display:block;

216}

217div::-webkit-scrollbar{

218 width:0;

219}

220p {

221 line-height: 1.85em;

222}

223input[type="text"],

224input[type="tel"],

225input[type="search"],

226input[type="email"],

227input[type="password"],

228input[type="url"],

229textarea,

230select {

231 color: #2d3436;

232 font-family: 'Roboto', sans-serif;

233 font-weight: 400;

234 font-size: 1em;

235 line-height: 1.45em;

236 background-color: #fefeff;

237 border-radius: 5px;

238 border-top: 0;

239 border-left: 0;

240 border-right: 0;

241 border-bottom: 1px solid #e4e4e4;

242 width: 100%;

243 padding: 11px 15px;

244 -webkit-appearance: none;

245}

246input[type="search"] {

247 background-color: #f1f3f4;

248}

249input[type="text"],

250input[type="tel"],

251input[type="search"],

252input[type="email"],

253input[type="password"],

254input[type="url"],

255select {

256 height: 45px;

257}

258textarea {

259 padding: 15px;

260}

261input[type="submit"] {

262 width: 100%;

263 background-color: #be2edd;

264 border: 0;

265 padding: 11px 30px;

266 font-family: 'Roboto', sans-serif;

267 font-weight: 700;

268 font-size: 1em;

269 line-height: 1.45em;

270 height: 45px;

271 color: #fff;

272 border-radius: 5px;

273 -webkit-appearance: none;

274 text-align: center;

275 cursor: pointer;

276 -webkit-transition: all 0.3s ease-in-out;

277 -moz-transition: all 0.3s ease-in-out;

278 -ms-transition: all 0.3s ease-in-out;

279 -o-transition: all 0.3s ease-in-out;

280 transition: all 0.3s ease-in-out;

281}

282input[type="submit"]:hover {

283 background-color: #57606f;

284}

285.space-wrapper {

286 max-width: 1200px;

287 margin: 0 auto;

288 padding: 0;

289}

290.space-page-wrapper {

291 max-width: 1200px;

292 margin: 0 auto;

293 padding: 0 0 60px;

294}

295.space-block-title {

296 padding: 0 15px 30px;

297 font-family: 'Roboto', sans-serif;

298 color: #151515;

299 font-size: 1.333em;

300 line-height: 1.45em;

301 font-weight: 700;

302}

303.space-block-title span {

304 z-index: 1;

305 padding-left: 23px;

306 position: relative;

307}

308.space-block-title span:before {

309 content: '';

310 z-index: 1;

311 opacity: 0.8;

312 width: 11px;

313 height: 11px;

314 position: absolute;

315 left: 0;

316 border-radius: 50%;

317 top: 4px;

318 background-color: #ff2453;

319}

320.space-block-title span:after {

321 content: '';

322 z-index: -1;

323 width: 11px;

324 height: 11px;

325 position: absolute;

326 left: 0;

327 border-radius: 50%;

328 top: 11px;

329 background-color: #be2edd;

330}

331.space-page-body.fixed {

332 padding-top: 90px;

333}

334.space-box {

335 background-color: #fff;

336}

337.space-box.enabled {

338 overflow: inherit;

339 max-width: 1260px;

340 margin: 0 auto;

341 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);

342}

343

344/* Body End */

345

346/* Common Items Start */

347

348.relative {

349 position: relative;

350}

351.absolute {

352 position: absolute;

353}

354.initial {

355 position: initial;

356}

357.fixed {

358 position: fixed;

359}

360.left {

361 float: left;

362}

363.right {

364 float: right;

365}

366.text-center {

367 text-align: center;

368}

369.text-right {

370 text-align: right;

371}

372.text-left {

373 text-align: left;

374}

375.box-100 {

376 width: 100%;

377}

378.box-20 {

379 width: 20%;

380}

381.box-25 {

382 width: 25%;

383}

384.box-33 {

385 width: 33.33333333%;

386}

387.box-40 {

388 width: 40%;

389}

390.box-50 {

391 width: 50%;

392}

393.box-60 {

394 width: 60%;

395}

396.box-66 {

397 width: 66.66666666%;

398}

399.box-75 {

400 width: 75%;

401}

402.box-80 {

403 width: 80%;

404}

405.clear {

406 clear: both;

407}

408a.underline {

409 text-decoration: underline !important;

410}

411a.underline:hover {

412 text-decoration: none !important;

413}

414.case-15 {

415 margin: 0 15px 30px;

416 padding: 0;

417}

418.space-post-format {

419 background: rgba(0, 0, 0, 0.5);

420 top: 15px;

421 right: 15px;

422 width: 40px;

423 height: 40px;

424 border-radius: 50%;

425 text-align: center;

426

font-size: 12px;

427 line-height: 40px;

428 color: #fff;

429 -webkit-transition: all 0.3s ease-in-out;

430 -moz-transition: all 0.3s ease-in-out;

431 -ms-transition: all 0.3s ease-in-out;

432 -o-transition: all 0.3s ease-in-out;

433 transition: all 0.3s ease-in-out;

434}

435.space-post-format i.fa-play {

436 padding-left: 3px;

437}

438.space-post-format i.fa-camera {

439 padding-left: 1px;

440}

441.wp-caption {

442 max-width: 100%;

443 padding: 1.45em 0 2.9em;

444}

445.alignleft {

446 float: left;

447 padding: 8px 30px 20px 0;

448 text-align: left;

449}

450.alignright {

451 float: right;

452 padding: 8px 0 20px 30px;

453 text-align: right;

454}

455.aligncenter {

456 display: block;

457 margin: 0 auto;

458 padding-bottom: 2.9em;

459 text-align: center;

460}

461.wp-caption.alignleft,

462.wp-caption.alignright,

463.wp-caption.aligncenter {

464 padding-bottom: 2.9em;

465}

466.wp-caption p.wp-caption-text {

467 padding: 0;

468 margin-bottom: 0;

469 font-style: italic;

470 color: #7f8c8d;

471 font-size: 0.75em;

472 line-height: 1.45em;

473 text-align: center;

474}

475.wp-caption.alignleft p.wp-caption-text {

476 text-align:left;

477}

478.wp-caption.aligncenter p.wp-caption-text {

479 text-align:center;

480}

481.wp-caption p.wp-caption-text a {

482 color: #7f8c8d;

483 text-decoration: underline;

484}

485.wp-caption p.wp-caption-text a:hover {

486 text-decoration: underline;

487}

488.space-mobile-view {

489 display: none;

490}

491.space-overlay {

492 background: rgba(0, 0, 0, 0.8);

493 width: 100%;

494 height: 100%;

495 top: 0;

496 left: 0;

497 right: 0;

498 bottom: 0;

499 -webkit-transition: all 0.3s ease-in-out;

500 -moz-transition: all 0.3s ease-in-out;

501 -ms-transition: all 0.3s ease-in-out;

502 -o-transition: all 0.3s ease-in-out;

503 transition: all 0.3s ease-in-out;

504}

505.space-close-icon {

506 top: 0;

507 right: 0;

508 width: 20px;

509 height: 21px;

510 cursor: pointer;

511}

512.space-close-icon .to-right {

513 top: 10px;

514 left: 0;

515 width: 20px;

516 height: 1px;

517 background-color: #7f8c8d;

518 -moz-transform: rotate(135deg);

519 -ms-transform: rotate(135deg);

520 -webkit-transform: rotate(135deg);

521 -o-transform: rotate(135deg);

522 transform: rotate(135deg);

523}

524.space-close-icon .to-left {

525 top: 10px;

526 left: 0;

527 width: 20px;

528 height: 1px;

529 background-color: #7f8c8d;

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

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

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

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

534 transform: rotate(45deg);

535}

536blockquote,

537blockquote.wp-block-quote {

538 padding: 2em 45px 0;

539 margin: 1.45em 0 2.9em;

540 position: relative;

541 text-align: center;

542}

543blockquote:before,

544blockquote.wp-block-quote:before {

545 content: "\f10d";

546 font-family: 'Font Awesome 5 Free' !important;

547 position: absolute;

548 padding: 0 0.85em;

549 color: #ecf0f1;

550 font-size: 1.777em;

551 top: 0;

552 left: 0;

553 right: 0;

554}

555blockquote,

556blockquote.wp-block-quote {

557 font-family: 'Roboto', sans-serif;

558 color: #151515;

559 font-size: 1.777em;

560 line-height: 1.2em !important;

561 font-weight: 900;

562}

563blockquote p,

564blockquote.wp-block-quote p {

565 padding-bottom: 0 !important;

566 line-height: 1.2em !important;

567}

568blockquote cite,

569blockquote.wp-block-quote cite {

570 color: #7f8c8d;

571 display: block;

572 font-size: 16px;

573 line-height: 1.45em;

574 padding: 1em 0 0;

575 font-weight: 400;

576}

577.wp-block-embed__wrapper {

578 position: initial !important;

579}

580.space-desktop-view {

581 display: block;

582}

583.space-desktop-view-1 {

584 display: block;

585}

586.space-desktop-view-2 {

587 display: block;

588}

589.space-desktop-view-4 {

590 display: block;

591}

592.space-mobile-view {

593 display: none;

594}

595.space-mobile-view-1 {

596 display: none;

597}

598.space-mobile-view-2 {

599 display: none;

600}

601.space-mobile-view-4-1 {

602 display: none;

603}

604.space-mobile-view-4-2 {

605 display: none;

606}

607

608/* Common Items End */

609

610/* Header #1 Style Start */

611

612.space-header-height {

613 min-height: 80px;

614}

615.space-header-height.enable-top-bar {

616 min-height: 108px;

617}

618.space-header-wrap {

619 width: 100%;

620 background-color: #fff;

621 z-index: 20;

622 box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25);

623}

624.space-header-wrap.fixed {

625 top: 0;

626 left: 0;

627 right: 0;

628 position: fixed;

629}

630.admin-bar .space-header-wrap.fixed {

631 top: 32px;

632}

633.space-header-top {

634 overflow: hidden;

635 width: 100%;

636 min-height: 29px;

637 background-color: #f5f6fa;

638}

639.space-header-top-menu ul {

640 padding-left: 15px;

641}

642.space-header-top-menu ul li {

643 margin-right: 20px;

644 float: left;

645}

646.space-header-top-menu ul li a {

647 color: #7f8c8d;

648 font-size: 0.75em;

649 line-height: 29px;

650 font-weight: 400;

651 text-decoration: none;

652}

653.space-header-top-menu ul li a:hover {

654 text-decoration: none;

655 color: #151515;

656}

657.space-header-top-soc a {

658 display: inline-block;

659 margin-right: 15px;

660 color: #7f8c8d;

661 font-size: 0.75em;

662 line-height: 29px;

663 text-decoration: none;

664}

665.space-header-top-soc a:last-child {

666 margin-right: 15px;

667}

668.space-header-top-soc a:hover {

669 text-decoration: none;

670 color: #151515;

671}

672.space-header-wrap.fixed .space-header-top {

673 display: none;

674}

675.space-header {

676 width: 100%;

677 min-height: 80px;

678}

679.space-header-logo-ins {

680 margin: 5px 15px 0;

681 position: relative;

682}

683.space-header-logo-ins:after {

684 position: absolute;

685 content: '';

686 width: 1px;

687 height: 20px;

688 right: 0;

689 top: 25px;

690 background-color: #e9edf0;

691}

692.space-header-logo a {

693 padding-top: 15px;

694 display: inline-block;

695 font-family: 'Roboto', sans-serif;

696 font-weight: 700;

697 color: #2d3436;

698 line-height: 0;

699}

700.space-header-logo a.text-logo {

701 font-size: 1.333em;

702 line-height: 1em;

703 text-transform: uppercase;

704}

705.space-header-logo span {

706 display: block;

707 font-family: 'Roboto', sans-serif;

708 font-weight: 400;

709 font-size: 0.75em;

710 line-height: 1em;

711 color: #7f8c8d;

712}

713.space-header-menu ul.main-menu {

714 padding-right: 55px;

715 line-height: 100%;

716}

717.space-header-menu ul.main-menu li {

718 float: left;

719 position: relative;

720 padding: 0;

721 margin: 0;

722 color: #2d3436;

723 font-family: 'Roboto', sans-serif;

724 font-size: 1em;

725 line-height: 1em;

726 font-weight: 400;

727}

728.space-header-menu ul.main-menu li:last-child {

729 margin-right: 0;

730}

731.space-header-menu ul.main-menu li a {

732 font-family: 'Roboto', sans-serif;

733 color: #151515;

734 text-decoration: none;

735 font-weight: 400;

736 padding: 31px 16px;

737 border-bottom: 2px solid transparent;

738 display: block;

739}

740.space-header-menu ul.main-menu li a:hover,

741.space-header-menu ul.main-menu li:hover a {

742 color: #be2edd;

743 border-bottom: 2px solid #be2edd;

744}

745.space-header-menu ul.main-menu li.menu-item-has-children a:after {

746 content: "\f0dd";

747 font-family: 'Font Awesome 5 Free' !important;

748 position: absolute;

749 font-weight: 700;

750

font-size: 10px;

751 bottom: 18px;

752 text-align: center;

753 right: 0;

754 left: 0;

755 margin: 0 auto;

756}

757.space-header-menu ul.main-menu li ul.sub-menu {

758 display: block !important;

759 background-color: #fff;

760 padding: 15px 0;

761 position: absolute;

762 top: 100px;

763 left: -15px;

764 width: 230px;

765 box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25);

766 opacity: 0;

767 border-radius: 5px;

768 visibility: hidden;

769 -webkit-transition: all 0.3s ease-in-out;

770 -moz-transition: all 0.3s ease-in-out;

771 -ms-transition: all 0.3s ease-in-out;

772 -o-transition: all 0.3s ease-in-out;

773 transition: all 0.3s ease-in-out;

774}

775.space-header-menu ul.main-menu li:hover ul.sub-menu {

776 top: 80px;

777 opacity: 1;

778 visibility: visible;

779}

780.space-header-menu ul.main-menu li ul.sub-menu li {

781 display: block;

782 padding: 6px 30px;

783 float: left;

784 position: relative;

785 line-height: 1.2em;

786 width: 100%;

787}

788.space-header-menu ul.main-menu li ul.sub-menu li a {

789 display: inline-block;

790 padding: 0;

791 color: #34495e;

792 text-decoration: none;

793 font-weight: 400;

794 border-bottom: 1px solid transparent;

795}

796.space-header-menu ul.main-menu li ul.sub-menu li a:hover {

797 border-bottom: 1px solid transparent;

798 color: #b2bec3;

799 text-decoration: none;

800}

801.space-header-menu ul.main-menu li.menu-item-has-children ul.sub-menu li a:after {

802 display:none;

803}

804.space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children ul,

805.space-header-menu ul.main-menu li.menu-item-has-children ul.sub-menu li ul {

806 position: absolute;

807 top: 15px;

808 left: 230px;

809 z-index: 10;

810 opacity: 0;

811 visibility: hidden;

812 -webkit-transition: all 0.3s ease-in-out;

813 -moz-transition: all 0.3s ease-in-out;

814 -ms-transition: all 0.3s ease-in-out;

815 -o-transition: all 0.3s ease-in-out;

816 transition: all 0.3s ease-in-out;

817}

818.space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children:hover ul,

819.space-header-menu ul.main-menu li.menu-item-has-children ul.sub-menu li:hover ul {

820 top: -15px;

821 opacity: 1;

822 visibility: visible;

823}

824.space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children:after {

825 content: "\f0da";

826 font-family: 'Font Awesome 5 Free' !important;

827 font-weight: 900;

828 position: absolute;

829

font-size: 10px;

830 top: 7px;

831 right: 15px;

832}

833

834/* Header #1 Style End */

835

836/* Header #2 Style Start */

837

838.space-header-2-height {

839 min-height: 158px;

840}

841.space-header-2-wrap {

842 width: 100%;

843 min-height: 68px;

844 background-color: #fff;

845 z-index: 20;

846 box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25);

847}

848.space-header-2-top {

849 min-height: 90px;

850 width: 100%;

851}

852.space-header-2-wrap.fixed {

853 top: 0;

854 left: 0;

855 right: 0;

856}

857.space-header-2-wrap.fixed .space-header-2-top {

858 display: none;

859}

860.admin-bar .space-header-2-wrap.fixed {

861 top: 32px;

862}

863.space-header-2-top-ins {

864 max-width: 1170px;

865 min-height: 90px;

866 border-bottom: 1px solid #dfe6e9;

867 display: -webkit-box;

868 display: -moz-box;

869 display: -ms-flexbox;

870 display: -webkit-flex;

871 display: flex;

872}

873.space-header-2-top-soc {

874 display: inline-block;

875 order: 1;

876}

877.space-header-2-top-soc-ins {

878 padding: 30px 0 25px;

879}

880.space-header-2-top-soc a {

881 display: inline-block;

882 border: 1px solid #95a5a6;

883 width: 30px;

884 height: 30px;

885 color: #95a5a6;

886 font-weight: 400;

887 border-radius: 50%;

888 font-size: 0.75em;

889 line-height: 29px;

890 text-align: center;

891 margin-right: 10px;

892 background-color: transparent;

893}

894.space-header-2-top-soc a:hover {

895 color: #be2edd;

896 border: 1px solid #be2edd;

897}

898.space-header-2-top-soc a:last-child {

899 margin-right: 0;

900}

901.space-header-2-top-logo {

902 display: inline-block;

903 order: 2;

904}

905.space-header-2-top-logo-ins {

906 padding-top: 25px;

907}

908.space-header-2-top-logo a {

909 display: inline-block;

910 font-family: 'Roboto', sans-serif;

911 font-weight: 700;

912 color: #151515;

913 line-height: 0;

914}

915.space-header-2-top-logo a.text-logo {

916 font-size: 1.333em;

917 line-height: 1em;

918 text-transform: uppercase;

919}

920.space-header-2-top-logo span {

921 display: block;

922 font-family: 'Roboto', sans-serif;

923 font-weight: 400;

924 font-size: 0.75em;

925 line-height: 1em;

926 color: #7f8c8d;

927}

928.space-header-2-top-search {

929 display: inline-block;

930 order: 3;

931}

932.space-header-2-nav {

933 width: 100%;

934 min-height: 68px;

935 display: -webkit-box;

936 display: -moz-box;

937 display: -ms-flexbox;

938 display: -webkit-flex;

939 display: flex;

940}

941.space-header-2-wrap.fixed .space-header-2-nav {

942 top: 0;

943 left: 0;

944 right: 0;

945 position: fixed;

946}

947.admin-bar .space-header-2-wrap.fixed .space-header-2-nav {

948 top: 32px;

949}

950.space-header-2-height .space-header-2-wrap.fixed .space-header-2-nav {

951 background-color: #fff;

952}

953.space-header-2-nav-ins {

954 max-width: 1170px;

955}

956.space-header-2-nav ul.main-menu {

957 line-height: 100%;

958}

959.space-header-2-nav ul.main-menu li {

960 float: left;

961 position: relative;

962 padding: 0;

963 margin: 0;

964 color: #151515;

965 font-family: 'Roboto', sans-serif;

966 font-size: 1em;

967 line-height: 1em;

968 font-weight: 400;

969}

970.space-header-2-nav ul.main-menu li:last-child {

971 margin-right: 0;

972}

973.space-header-2-nav ul.main-menu li a {

974 font-family: 'Roboto', sans-serif;

975 color: #151515;

976 text-decoration: none;

977 font-weight: 400;

978 padding: 25px 16px;

979 border-bottom: 2px solid transparent;

980 display: block;

981}

982.space-header-2-nav ul.main-menu li a:hover,

983.space-header-2-nav ul.main-menu li:hover a {

984 color: #be2edd;

985 border-bottom: 2px solid #be2edd;

986}

987.space-header-2-nav ul.main-menu li.menu-item-has-children a:after {

988 content: "\f0dd";

989 font-family: 'Font Awesome 5 Free' !important;

990 position: absolute;

991 font-weight: 700;

992

font-size: 10px;

993 bottom: 15px;

994 text-align: center;

995 right: 0;

996 left: 0;

997 margin: 0 auto;

998}

999.space-header-2-nav ul.main-menu li ul.sub-menu {

1000 display: block !important;

1001 background-color: #fff;

1002 padding: 15px 0;

1003 position: absolute;

1004 top: 90px;

1005 left: -15px;

1006 width: 230px;

1007 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);

1008 opacity: 0;

1009 border-radius: 5px;

1010 visibility: hidden;

1011 -webkit-transition: all 0.3s ease-in-out;

1012 -moz-transition: all 0.3s ease-in-out;

1013 -ms-transition: all 0.3s ease-in-out;

1014 -o-transition: all 0.3s ease-in-out;

1015 transition: all 0.3s ease-in-out;

1016}

1017.space-header-2-nav ul.main-menu li:hover ul.sub-menu {

1018 top: 68px;

1019 opacity: 1;

1020 visibility: visible;

1021}

1022.space-header-2-nav ul.main-menu li ul.sub-menu li {

1023 display: block;

1024 padding: 6px 30px;

1025 float: left;

1026 position: relative;

1027 line-height: 1.2em;

1028 width: 100%;

1029}

1030.space-header-2-nav ul.main-menu li ul.sub-menu li a {

1031 display: inline-block;

1032 padding: 0;

1033 color: #34495e;

1034 text-decoration: none;

1035 font-weight: 400;

1036 border-bottom: 1px solid transparent;

1037}

1038.space-header-2-nav ul.main-menu li ul.sub-menu li a:hover {

1039 border-bottom: 1px solid transparent;

1040 color: #b2bec3;

1041 text-decoration: none;

1042}

1043.space-header-2-nav ul.main-menu li.menu-item-has-children ul.sub-menu li a:after {

1044 display:none;

1045}

1046.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children ul,

1047.space-header-2-nav ul.main-menu li.menu-item-has-children ul.sub-menu li ul {

1048 position: absolute;

1049 top: 15px;

1050 left: 230px;

1051 z-index: 10;

1052 opacity: 0;

1053 visibility: hidden;

1054 -webkit-transition: all 0.3s ease-in-out;

1055 -moz-transition: all 0.3s ease-in-out;

1056 -ms-transition: all 0.3s ease-in-out;

1057 -o-transition: all 0.3s ease-in-out;

1058 transition: all 0.3s ease-in-out;

1059}

1060.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:hover ul,

1061.space-header-2-nav ul.main-menu li.menu-item-has-children ul.sub-menu li:hover ul {

1062 top: -15px;

1063 opacity: 1;

1064 visibility: visible;

1065}

1066.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:after {

1067 content: "\f0da";

1068 font-family: 'Font Awesome 5 Free' !important;

1069 font-weight: 900;

1070 position: absolute;

1071

font-size: 10px;

1072 top: 7px;

1073 right: 15px;

1074}

1075

1076/* Header #2 Style End */

1077

1078/* Menu Item Labels Start */

1079

1080ul.main-menu > li.new > a:before {

1081 content: "New";

1082 font-weight: 700;

1083 position: absolute;

1084

font-size: 10px;

1085 line-height: 10px;

1086 color: #fff;

1087 background-color: #4cd137;

1088 display: inline-block;

1089 top: 14px;

1090 right: 1px;

1091 padding: 2px 7px;

1092 border-radius: 8px;

1093}

1094.space-header-2-nav ul.main-menu > li.new > a:before {

1095 top: 8px;

1096}

1097ul.main-menu > li.best > a:before {

1098 content: "Best";

1099 font-weight: 700;

1100 position: absolute;

1101

font-size: 10px;

1102 line-height: 10px;

1103 color: #151515;

1104 background-color: #f0ff00;

1105 display: inline-block;

1106 top: 14px;

1107 right: 1px;

1108 padding: 2px 7px;

1109 border-radius: 8px;

1110}

1111.space-header-2-nav ul.main-menu > li.best > a:before {

1112 top: 8px;

1113}

1114ul.main-menu > li.hot > a:before {

1115 content: "Hot";

1116 font-weight: 700;

1117 position: absolute;

1118

font-size: 10px;

1119 line-height: 10px;

1120 color: #a33632;

1121 background-color: #ff7979;

1122 display: inline-block;

1123 top: 14px;

1124 right: 1px;

1125 padding: 2px 7px;

1126 border-radius: 8px;

1127}

1128.space-header-2-nav ul.main-menu > li.hot > a:before {

1129 top: 8px;

1130}

1131ul.main-menu > li.top > a:before {

1132 content: "Top";

1133 font-weight: 700;

1134 position: absolute;

1135

font-size: 10px;

1136 line-height: 10px;

1137 color: #fff;

1138 background-color: #f22613;

1139 display: inline-block;

1140 top: 14px;

1141 right: 1px;

1142 padding: 2px 7px;

1143 border-radius: 8px;

1144}

1145.space-header-2-nav ul.main-menu > li.top > a:before {

1146 top: 8px;

1147}

1148ul.main-menu > li.fair > a:before {

1149 content: "Fair";

1150 font-weight: 700;

1151 position: absolute;

1152

font-size: 10px;

1153 line-height: 10px;

1154 color: #fff;

1155 background-color: #8c14fc;

1156 display: inline-block;

1157 top: 14px;

1158 right: 1px;

1159 padding: 2px 7px;

1160 border-radius: 8px;

1161}

1162.space-header-2-nav ul.main-menu > li.fair > a:before {

1163 top: 8px;

1164}

1165

1166/* Menu Item Labels End */

1167

1168/* Search Block Start */

1169

1170.space-header-search {

1171 top: 30px;

1172 bottom: 0;

1173 right: 15px;

1174 margin: 0;

1175 color: #151515;

1176 font-size: 1.333em;

1177 line-height: 1em;

1178 height: 1em;

1179 cursor: pointer;

1180}

1181.space-header-2-top-search .space-header-search {

1182 top: 35px;

1183 right: 0;

1184 color: #95a5a6;

1185}

1186.desktop-search-close-button .to-right,

1187.desktop-search-close-button .to-left {

1188 background-color: #7f8c8d;

1189}

1190.space-header-search-block {

1191 height: 100%;

1192 width: 100%;

1193 padding: 0;

1194 margin: 0;

1195 bottom: 0;

1196 left: 0;

1197 right: 0;

1198 top: 0;

1199 background-color: #f5f6fa;

1200 opacity: 0;

1201 visibility: hidden;

1202 z-index: 100000;

1203 -webkit-transition: all 0.3s ease-in-out;

1204 -moz-transition: all 0.3s ease-in-out;

1205 -ms-transition: all 0.3s ease-in-out;

1206 -o-transition: all 0.3s ease-in-out;

1207 transition: all 0.3s ease-in-out;

1208}

1209.space-header-search-block.active {

1210 opacity: 1;

1211 visibility: visible;

1212}

1213.space-header-search-block-ins {

1214 max-width: 1170px;

1215 height: 100px;

1216 margin: auto;

1217 top: 0;

1218 right: 0;

1219 bottom: 0;

1220 left: 0;

1221}

1222.desktop-search-close-button {

1223 top: 20px;

1224 right: 45px;

1225}

1226.space-header-search-block input[type="search"] {

1227 width: 100%;

1228 float: none;

1229 height: auto;

1230 background: transparent;

1231 font-family: 'Roboto', sans-serif;

1232 font-weight: 700;

1233 font-size: 3.157em;

1234 line-height: 1.2em;

1235 color: #2d3436;

1236 border: 0;

1237 border-bottom: 1px solid #e9edf0;

1238 padding: 20px 30px;

1239 border-radius: 0;

1240}

1241.search-results .space-single-aces-breadcrumbs {

1242 padding: 0;

1243}

1244.search-results .space-single-aces-breadcrumbs .space-breadcrumbs {

1245 margin-left: 0;

1246 margin-right: 0;

1247}

1248

1249/* Search Block End */

1250

1251/* Mobile Menu Start */

1252

1253.space-mobile-menu-icon {

1254 width: 24px;

1255 top: 20px;

1256 right: 0;

1257 cursor: pointer;

1258 overflow: hidden;

1259 display: none;

1260}

1261.space-mobile-menu-icon div:nth-child(1) {

1262 width: 24px;

1263 height: 4px;

1264 border-radius: 2px;

1265 background-color: #2d3436;

1266 margin-bottom: 4px;

1267}

1268.space-mobile-menu-icon div:nth-child(2) {

1269 width: 24px;

1270 height: 4px;

1271 border-radius: 2px;

1272 background-color: #2d3436;

1273 margin-bottom: 4px;

1274}

1275.space-mobile-menu-icon div:nth-child(3) {

1276 width: 24px;

1277 height: 4px;

1278 border-radius: 2px;

1279 background-color: #2d3436;

1280}

1281.space-header-2-top-soc .space-mobile-menu-icon {

1282 width: 21px;

1283}

1284.space-header-2-top-soc .space-mobile-menu-icon div:nth-child(1) {

1285 width: 21px;

1286 border-radius: 3px;

1287}

1288.space-header-2-top-soc .space-mobile-menu-icon div:nth-child(2) {

1289 width: 11px;

1290 border-radius: 3px;

1291}

1292.space-header-2-top-soc .space-mobile-menu-icon div:nth-child(3) {

1293 width: 21px;

1294 border-radius: 3px;

1295}

1296.space-mobile-menu {

1297 top: 0;

1298 bottom: 0;

1299 left: 0;

1300 right: 0;

1301 background-color: rgba(45, 52, 54, 0.95);

1302 z-index: 100000;

1303 margin: 0;

1304 padding: 0;

1305 overflow-y: auto;

1306 width: 100%;

1307 display: block;

1308 opacity: 0;

1309 visibility: hidden;

1310 -webkit-transition: all 0.3s ease-in-out;

1311 -moz-transition: all 0.3s ease-in-out;

1312 -ms-transition: all 0.3s ease-in-out;

1313 -o-transition: all 0.3s ease-in-out;

1314 transition: all 0.3s ease-in-out;

1315}

1316.space-mobile-menu.active {

1317 opacity: 1;

1318 visibility: visible;

1319}

1320.space-mobile-menu-block {

1321 overflow-y: auto;

1322 width: 100%;

1323 max-width: 320px;

1324 display: block;

1325 top: 0;

1326 bottom: 0;

1327 right: 0;

1328 background-color: #fff;

1329 background-repeat: no-repeat;

1330 background-size: cover;

1331 background-position: top center;

1332}

1333.space-mobile-menu-block-ins {

1334 padding: 45px 30px;

1335}

1336.space-mobile-menu-header {

1337 overflow: hidden;

1338 margin-bottom: 45px;

1339}

1340.space-mobile-menu-header a {

1341 display: inline-block;

1342 font-family: 'Roboto', sans-serif;

1343 font-weight: 700;

1344 line-height: 0;

1345 color: #2d3436;

1346}

1347.space-mobile-menu-header a.text-logo {

1348 text-transform: uppercase;

1349 font-size: 1.333em;

1350 line-height: 1em;

1351}

1352.space-mobile-menu-header span {

1353 display: block;

1354 font-family: 'Roboto', sans-serif;

1355 font-weight: 400;

1356 font-size: 0.75em;

1357 line-height: 1.45em;

1358 color: #7f8c8d;

1359}

1360.space-mobile-menu-close-button {

1361 top: 20px;

1362 right: 20px;

1363}

1364.space-mobile-menu-list {

1365 -webkit-backface-visibility: hidden;

1366 backface-visibility: hidden;

1367 overflow: hidden;

1368}

1369.space-mobile-menu-list ul {

1370 width: 100%;

1371 position: relative;

1372}

1373.space-mobile-menu-list ul li {

1374 width: 100%;

1375 position: relative;

1376 font-family: 'Roboto', sans-serif;

1377 font-weight: 700;

1378 font-size: 1em;

1379 line-height: 1em;

1380 color: #2d3436;

1381 text-align: left;

1382 -webkit-tap-highlight-color: rgba(0,0,0,0);

1383 cursor: pointer;

1384}

1385.space-mobile-menu-list ul li ul li:first-child {

1386 margin-top: 0;

1387}

1388.space-mobile-menu-list ul li a {

1389 position: relative;

1390 display: inline-block;

1391 padding: 10px 0;

1392 font-family: 'Roboto', sans-serif;

1393 font-weight: 700;

1394 font-size: 1em;

1395 line-height: 1em;

1396 color: #2d3436;

1397}

1398.space-mobile-menu-list > ul > li.new:before {

1399 content: "New";

1400 font-weight: 700;

1401 position: absolute;

1402

font-size: 10px;

1403 line-height: 10px;

1404 color: #fff;

1405 background-color: #4cd137;

1406 display: inline-block;

1407 top: 11px;

1408 right: 25px;

1409 padding: 2px 7px;

1410 border-radius: 8px;

1411}

1412.space-mobile-menu-list > ul > li.best:before {

1413 content: "Best";

1414 font-weight: 700;

1415 position: absolute;

1416

font-size: 10px;

1417 line-height: 10px;

1418 color: #151515;

1419 background-color: #f0ff00;

1420 display: inline-block;

1421 top: 11px;

1422 right: 25px;

1423 padding: 2px 7px;

1424 border-radius: 8px;

1425}

1426.space-mobile-menu-list > ul > li.hot:before {

1427 content: "Hot";

1428 font-weight: 700;

1429 position: absolute;

1430

font-size: 10px;

1431 line-height: 10px;

1432 color: #a33632;

1433 background-color: #ff7979;

1434 display: inline-block;

1435 top: 11px;

1436 right: 25px;

1437 padding: 2px 7px;

1438 border-radius: 8px;

1439}

1440.space-mobile-menu-list > ul > li.top:before {

1441 content: "Top";

1442 font-weight: 700;

1443 position: absolute;

1444

font-size: 10px;

1445 line-height: 10px;

1446 color: #fff;

1447 background-color: #f22613;

1448 display: inline-block;

1449 top: 11px;

1450 right: 25px;

1451 padding: 2px 7px;

1452 border-radius: 8px;

1453}

1454.space-mobile-menu-list > ul > li.fair:before {

1455 content: "Fair";

1456 font-weight: 700;

1457 position: absolute;

1458

font-size: 10px;

1459 line-height: 10px;

1460 color: #fff;

1461 background-color: #8c14fc;

1462 display: inline-block;

1463 top: 11px;

1464 right: 25px;

1465 padding: 2px 7px;

1466 border-radius: 8px;

1467}

1468.space-mobile-menu-list ul li.menu-item-has-children:after {

1469 content: "\f0dd";

1470 font-family: 'Font Awesome 5 Free' !important;

1471 position: absolute;

1472

font-size: 15px;

1473 top: 7px;

1474 right: 0;

1475 margin: 0 auto;

1476}

1477.space-mobile-menu-list ul li.menu-item-has-children.space-up:after {

1478 content: "\f0de";

1479 font-family: 'Font Awesome 5 Free' !important;

1480 position: absolute;

1481

font-size: 15px;

1482 top: 12px;

1483 right: 0;

1484}

1485.space-mobile-menu-list ul li ul.sub-menu {

1486 display: none;

1487 padding: 0 0 0 15px;

1488}

1489.space-mobile-menu-copy {

1490 margin-top: 60px;

1491 padding: 30px 0;

1492 border-top: 1px solid rgba(0,0,0,0.1);

1493 font-family: 'Roboto', sans-serif;

1494 font-weight: 400;

1495 font-size: 0.75em;

1496 line-height: 1.45em;

1497 color: #7f8c8d;

1498}

1499.space-mobile-menu-copy a {

1500 color: #7f8c8d;

1501}

1502

1503/* Mobile Menu End */

1504

1505.homepage-block:first-child {

1506 margin-top: 45px;

1507}

1508

1509/* #1 Widget Start */

1510

1511.space-news-1 {

1512 overflow: hidden;

1513 background-color: #f1f3f4;

1514 margin-bottom: 60px;

1515}

1516.space-news-1.homepage-block {

1517 margin-top: 0;

1518}

1519.space-news-1-ins {

1520 padding-top: 45px;

1521 padding-bottom: 30px;

1522}

1523.space-news-1 .space-block-title,

1524.space-posts-shortcode-1 .space-block-title {

1525 padding-bottom: 15px;

1526}

1527.space-news-1-items {

1528 overflow: hidden;

1529 margin-top: 15px;

1530 display: -webkit-box;

1531 display: -moz-box;

1532 display: -ms-flexbox;

1533 display: -webkit-flex;

1534 display: flex;

1535 flex-wrap: wrap;

1536}

1537.space-news-1-item {

1538 display: inline-block;

1539 overflow: hidden;

1540}

1541.space-news-1-item img {

1542 border-radius: 5px;

1543}

1544.space-news-1-item-ins {

1545 margin: 0 15px 30px;

1546 overflow: hidden;

1547}

1548.space-news-1-item-img {

1549 width: 115px;

1550 height: 100px;

1551 margin-right: -115px;

1552 line-height: 0;

1553 z-index: 1;

1554}

1555.space-news-1-item-title-box {

1556 width: 100%;

1557}

1558.space-news-1-item-title-box-ins {

1559 margin-left: 115px;

1560}

1561.space-news-1-item-title {

1562 margin-bottom: 5px;

1563 font-family: 'Roboto', sans-serif;

1564 font-weight: 700;

1565 font-size: 1em;

1566 line-height: 1.2em;

1567 color: #151515;

1568}

1569.space-news-1-item-title a {

1570 color: #151515 !important;

1571 text-decoration: none !important;

1572 border-bottom: 1px solid transparent;

1573}

1574.space-news-1-item-title a:hover {

1575 color: #b2bec3 !important;

1576}

1577.space-news-1-item-meta {

1578 font-weight: 400;

1579 font-size: 0.75em;

1580 line-height: 1.2em;

1581 color: #7f8c8d;

1582}

1583.space-news-1-item-meta span:first-child {

1584 display: inline-block;

1585 margin-right: 20px;

1586}

1587.space-news-1-item-meta span i {

1588 padding-right: 5px;

1589}

1590

1591/* #1 Widget End */

1592

1593/* #2 Widget Start */

1594

1595.space-news-2 {

1596 overflow: hidden;

1597}

1598.space-news-2 img {

1599 border-radius: 5px;

1600}

1601.space-posts-shortcode-2 {

1602 margin-bottom: 30px !important;

1603}

1604.space-news-2-items {

1605 overflow: hidden;

1606}

1607.space-news-2-item-big {

1608 overflow: hidden;

1609 margin: 0 15px;

1610}

1611.space-news-2-item-big-ins {

1612 overflow: hidden;

1613 line-height: 0;

1614 padding-bottom: 30px;

1615 background-color: #000;

1616 border-radius: 6px;

1617}

1618.space-news-2-item-big-ins .space-post-format {

1619 top: 30px;

1620 right: 30px;

1621}

1622.space-news-2-item-top {

1623 margin-top: 20px;

1624 height: 1.45em;

1625}

1626.space-news-2-item-top-left {

1627 left: 0;

1628 font-weight: 400;

1629 font-size: 0.75em;

1630 line-height: 1.45em;

1631 color: #dfe6e9;

1632}

1633.space-news-2-item-top-left span i {

1634 padding-right: 5px;

1635}

1636.space-news-2-item-top-right {

1637 right: 0;

1638 font-weight: 400;

1639 font-size: 0.75em;

1640 line-height: 1.45em;

1641 color: #dfe6e9;

1642}

1643.space-news-2-item-top-right span {

1644 display: inline-block;

1645 margin-left: 15px;

1646}

1647.space-news-2-item-top-right span i {

1648 padding-right: 5px;

1649}

1650.space-news-2-item-big-box {

1651 bottom: 30px;

1652 left: 0;

1653 right: 0;

1654 background: #000;

1655 background: linear-gradient(transparent, #000);

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

1657 padding: 30px 30px 0;

1658}

1659.space-news-2-item-big-box-category {

1660 margin-bottom: 16px;

1661}

1662.space-news-2-item-big-box-category span {

1663 display: inline-block;

1664 font-weight: 400;

1665 font-size: 0.75em;

1666 line-height: 1.45em;

1667 color: #fff;

1668 padding: 4px 15px;

1669 border-radius: 3px;

1670 margin-bottom: 4px;

1671 background-color: #ff2453;

1672}

1673.space-news-2-item-big-box-title {

1674 font-family: 'Roboto', sans-serif;

1675 font-weight: 900;

1676 font-size: 2.369em;

1677 line-height: 1.1em;

1678 color: #fff;

1679}

1680.space-news-2-item-big-box-excerpt {

1681 font-weight: 300;

1682 font-size: 1em;

1683 line-height: 1.65em;

1684 color: #dfe6e9;

1685 margin-top: 20px;

1686}

1687.space-news-2-small-items {

1688 display: -webkit-box;

1689 display: -moz-box;

1690 display: -ms-flexbox;

1691 display: -webkit-flex;

1692 display: flex;

1693 flex-wrap: wrap;

1694}

1695.space-news-2-small-item {

1696 display: inline-block;

1697}

1698.space-news-2-small-item-ins .space-overlay {

1699 border-radius: 5px;

1700 background: rgba(0, 0, 0, 0);

1701}

1702.space-news-2-small-item-ins:hover .space-overlay {

1703 background: rgba(0, 0, 0, 0.3);

1704}

1705.space-news-2-small-item-img-ins {

1706 line-height: 0;

1707}

1708.space-news-2-small-item-img-category {

1709 bottom: -5px;

1710 left: 0;

1711 text-align: center;

1712}

1713.space-news-2-small-item-img-category a {

1714 display: inline-block;

1715 font-weight: 400;

1716 font-size: 0.75em;

1717 line-height: 1.45em;

1718 color: #fff !important;

1719 text-decoration: none !important;

1720 padding: 4px 15px;

1721 border-radius: 0 5px 0 5px;

1722 margin-bottom: 5px;

1723 background-color: #ff2453;

1724}

1725.space-news-2-small-item-img-category a:hover {

1726 background-color: #57606f;

1727}

1728.space-news-2-small-item-title-box {

1729 margin-top: 15px;

1730 padding-bottom: 5px;

1731}

1732.space-news-2-small-item-title {

1733 line-height: 0;

1734}

1735.space-news-2-small-item-title a {

1736 font-family: 'Roboto', sans-serif;

1737 font-weight: 700;

1738 font-size: 1.333em;

1739 line-height: 1.1em;

1740 color: #151515 !important;

1741 text-decoration: none !important;

1742}

1743.space-news-2-small-item-title a:hover {

1744 color: #b2bec3 !important;

1745}

1746.space-news-2-small-item-meta {

1747 padding-top: 10px;

1748 height: 1.45em;

1749}

1750.space-news-2-small-item-meta-left {

1751 left: 0;

1752 font-weight: 400;

1753 font-size: 0.75em;

1754 line-height: 1.45em;

1755 color: #7f8c8d;

1756}

1757.space-news-2-small-item-meta-left span i {

1758 padding-right: 5px;

1759}

1760.space-news-2-small-item-meta-right {

1761 right: 0;

1762 font-weight: 400;

1763 font-size: 0.75em;

1764 line-height: 1.45em;

1765 color: #7f8c8d;

1766}

1767.space-news-2-small-item-meta-right span {

1768 display: inline-block;

1769 margin-left: 15px;

1770}

1771.space-news-2-small-item-meta-right span i {

1772 padding-right: 5px;

1773}

1774.space-news-2-small-item:nth-child(3) .space-news-2-small-item-ins,

1775.space-news-2-small-item:nth-child(4) .space-news-2-small-item-ins {

1776 margin-bottom: 0;

1777}

1778

1779/* #2 Widget End */

1780

1781/* #3 Widget Start */

1782

1783.space-news-3 {

1784 overflow: hidden;

1785}

1786.space-news-3-ins {

1787 padding-bottom: 15px;

1788}

1789.space-news-3-items {

1790 display: -webkit-box;

1791 display: -moz-box;

1792 display: -ms-flexbox;

1793 display: -webkit-flex;

1794 display: flex;

1795 flex-wrap: wrap;

1796}

1797.space-news-3-item {

1798 display: inline-block;

1799}

1800.space-news-3-item img {

1801 border-radius: 5px;

1802}

1803.space-news-3-item-ins {

1804 margin-bottom: 45px;

1805}

1806.space-news-3-item-ins .space-overlay {

1807 border-radius: 5px;

1808 background: rgba(0, 0, 0, 0);

1809}

1810.space-news-3-item-ins:hover .space-overlay {

1811 background: rgba(0, 0, 0, 0.3);

1812}

1813.space-news-3-item-img-ins .space-post-format {

1814 top: 0;

1815 right: 0;

1816 left: 0;

1817 bottom: 0;

1818 margin: auto;

1819}

1820.space-news-3-item-img-ins {

1821 line-height: 0;

1822}

1823.space-news-3-item-img-category {

1824 bottom: -5px;

1825 left: 0;

1826}

1827.space-news-3-item-img-category a {

1828 display: inline-block;

1829 font-weight: 400;

1830 font-size: 0.75em;

1831 line-height: 1.45em;

1832 color: #fff !important;

1833 text-decoration: none !important;

1834 padding: 4px 15px;

1835 border-radius: 0 5px 0 5px;

1836 margin-bottom: 5px;

1837 background-color: #ff2453;

1838}

1839.space-news-3-item-img-category a:hover {

1840 background-color: #57606f;

1841}

1842.space-news-3-item-title-box {

1843 margin-top: 25px;

1844}

1845.space-news-3-item-title {

1846 margin-bottom: 10px;

1847 line-height: 0;

1848}

1849.space-news-3-item-title a {

1850 font-family: 'Roboto', sans-serif;

1851 font-weight: 700;

1852 font-size: 1.333em;

1853 line-height: 1.25em;

1854 color: #151515 !important;

1855 text-decoration: none !important;

1856}

1857.space-news-3-item-title a:hover {

1858 color: #b2bec3 !important;

1859}

1860.space-news-3-item-meta {

1861 margin: 15px 0 0;

1862 height: 15px;

1863 overflow: hidden;

1864}

1865.space-news-3-item-meta-left {

1866 left: 0;

1867 font-weight: 400;

1868 font-size: 0.75em;

1869 line-height: 1.45em;

1870 color: #7f8c8d;

1871}

1872.space-news-3-item-meta-left span i {

1873 padding-right: 5px;

1874}

1875.space-news-3-item-meta-right {

1876 right: 0;

1877 font-weight: 400;

1878 font-size: 0.75em;

1879 line-height: 1.45em;

1880 color: #7f8c8d;

1881}

1882.space-news-3-item-meta-right span {

1883 display: inline-block;

1884 margin-left: 15px;

1885}

1886.space-news-3-item-meta-right span i {

1887 padding-right: 5px;

1888}

1889.space-news-3-item-excerpt {

1890 font-weight: 400;

1891 font-size: 1em;

1892 line-height: 1.45em;

1893 color: #7f8c8d;

1894 margin-top: 20px;

1895}

1896

1897/* #3 Widget End */

1898

1899/* #4 Widget Start */

1900

1901.space-news-4 {

1902 overflow: hidden;

1903 background-color: #111111;

1904 margin-bottom: 60px;

1905}

1906.space-news-4.homepage-block {

1907 margin-top: 0;

1908}

1909.space-news-4-ins {

1910 padding: 60px 0 30px;

1911}

1912.space-news-4 .space-block-title {

1913 color: #fff;

1914}

1915.space-news-4-items {

1916 overflow: hidden;

1917 display: -webkit-box;

1918 display: -moz-box;

1919 display: -ms-flexbox;

1920 display: -webkit-flex;

1921 display: flex;

1922 flex-wrap: wrap;

1923}

1924.space-news-4-item {

1925 display: inline-block;

1926 overflow: hidden;

1927}

1928.space-news-4-item-img-ins {

1929 line-height: 0;

1930}

1931.space-news-4-item.small-news-block img {

1932 border-radius: 5px 5px 0 0 !important;

1933}

1934.space-news-4-item.small-news-block .space-news-4-item-ins .space-overlay {

1935 border-radius: 5px;

1936 background: rgba(0, 0, 0, 0);

1937}

1938.space-news-4-item.small-news-block .space-news-4-item-ins:hover .space-overlay {

1939 background: rgba(0, 0, 0, 0.3);

1940}

1941.space-news-4-item.small-news-block .space-news-4-item-img-ins .space-post-format {

1942 top: 0;

1943 right: 0;

1944 left: 0;

1945 bottom: 0;

1946 margin: auto;

1947}

1948.space-news-4-item.small-news-block .space-news-4-item-img-category {

1949 bottom: -18px;

1950 left: 0;

1951 right: 0;

1952 z-index: 1;

1953}

1954.space-news-4-item.small-news-block .space-news-4-item-img-category a {

1955 display: inline-block;

1956 font-weight: 400;

1957 font-size: 0.75em;

1958 line-height: 1.45em;

1959 color: #fff !important;

1960 text-decoration: none !important;

1961 padding: 4px 15px;

1962 border-radius: 5px;

1963 margin-bottom: 5px;

1964 background-color: #ff2453;

1965}

1966.space-news-4-item.small-news-block .space-news-4-item-img-category a:hover {

1967 background-color: #57606f;

1968}

1969.space-news-4-item.small-news-block .space-news-4-item-title-box {

1970 background-color: #fff;

1971 margin-top: 0;

1972 border-radius: 0 0 5px 5px;

1973 padding: 25px 30px 30px;

1974}

1975.space-posts-shortcode-4 .space-news-4-item.small-news-block .space-news-4-item-title-box {

1976 background-color: #f1f3f4;

1977}

1978.space-news-4-item.small-news-block .space-news-4-item-title {

1979 margin-bottom: 10px;

1980 line-height: 0;

1981}

1982.space-news-4-item.small-news-block .space-news-4-item-title a {

1983 font-family: 'Roboto', sans-serif;

1984 font-weight: 700;

1985 font-size: 1.333em;

1986 line-height: 1.25em;

1987 color: #151515 !important;

1988 text-decoration: none !important;

1989}

1990.space-news-4-item.small-news-block .space-news-4-item-title a:hover {

1991 color: #b2bec3 !important;

1992}

1993.space-news-4-item.small-news-block .space-news-4-item-meta {

1994 top: -25px;

1995 left: 30px;

1996 right: 30px;

1997 margin: 0;

1998 height: 15px;

1999 overflow: hidden;

2000 -webkit-transition: all 0.3s ease-in-out;

2001 -moz-transition: all 0.3s ease-in-out;

2002 -ms-transition: all 0.3s ease-in-out;

2003 -o-transition: all 0.3s ease-in-out;

2004 transition: all 0.3s ease-in-out;

2005}

2006.space-news-4-item.small-news-block .space-news-4-item-ins:hover .space-news-4-item-meta {

2007 top: 25px;

2008}

2009.space-news-4-item.small-news-block .space-news-4-item-meta-left {

2010 left: 0;

2011 font-weight: 400;

2012 font-size: 0.75em;

2013 line-height: 1.45em;

2014 color: #dfe6e9;

2015}

2016.space-news-4-item.small-news-block .space-news-4-item-meta-left span i {

2017 padding-right: 5px;

2018}

2019.space-news-4-item.small-news-block .space-news-4-item-meta-right {

2020 right: 0;

2021 font-weight: 400;

2022 font-size: 0.75em;

2023 line-height: 1.45em;

2024 color: #dfe6e9;

2025}

2026.space-news-4-item.small-news-block .space-news-4-item-meta-right span {

2027 display: inline-block;

2028 margin-left: 15px;

2029}

2030.space-news-4-item.small-news-block .space-news-4-item-meta-right span i {

2031 padding-right: 5px;

2032}

2033.space-news-4-item.small-news-block .space-news-4-item-excerpt {

2034 font-weight: 400;

2035 font-size: 0.85em;

2036 line-height: 1.65em;

2037 color: #7f8c8d;

2038 margin-top: 12px;

2039}

2040

2041/* #4 Widget End */

2042

2043/* #5 Widget Start */

2044

2045.space-news-5-items {

2046 overflow: hidden;

2047}

2048.space-news-5-item {

2049 overflow: hidden;

2050 margin-bottom: 30px;

2051}

2052.space-news-5-item:last-child {

2053 margin-bottom: 0;

2054}

2055.space-news-5-item img {

2056 border-radius: 5px;

2057}

2058.space-news-5-item-ins {

2059 margin: 0 15px;

2060}

2061.space-news-5-item-img {

2062 width: 115px;

2063 height: 100px;

2064 margin-right: -115px;

2065 line-height: 0;

2066 z-index: 1;

2067}

2068.space-news-5-item-title-box {

2069 width: 100%;

2070}

2071.space-news-5-item-title-box-ins {

2072 margin-left: 115px;

2073}

2074.space-news-5-item-meta {

2075 font-weight: 400;

2076 font-size: 0.75em;

2077 line-height: 1.2em;

2078 color: #7f8c8d;

2079 margin-top: 5px;

2080}

2081.space-news-5-item-meta i {

2082 padding-right: 5px;

2083}

2084.space-news-5-item-title {

2085 font-family: 'Roboto', sans-serif;

2086 font-weight: 700;

2087 font-size: 1em;

2088 line-height: 1.2em;

2089 color: #151515;

2090}

2091.space-news-5-item-title a {

2092 color: #151515;

2093}

2094.space-news-5-item-title a:hover {

2095 color: #b2bec3;

2096}

2097

2098/* #5 Widget End */

2099

2100/* #6 Widget Start */

2101

2102.space-news-6-items {

2103 overflow: hidden;

2104}

2105.space-news-6-items-ins {

2106 padding-bottom: 30px;

2107 overflow: hidden;

2108}

2109.space-news-6-items-ins-wrap {

2110 display: -webkit-box;

2111 display: -moz-box;

2112 display: -ms-flexbox;

2113 display: -webkit-flex;

2114 display: flex;

2115 flex-wrap: wrap;

2116}

2117.space-news-6-item {

2118 display: inline-block;

2119 overflow: hidden;

2120}

2121.space-news-6-item img {

2122 border-radius: 5px;

2123}

2124.space-news-6-item .space-overlay {

2125 border-radius: 5px;

2126 background: rgba(0, 0, 0, 0.3);

2127}

2128.space-news-6-item ul {

2129 margin-bottom: 0 !important;

2130 margin-left: 0 !important;

2131}

2132.space-news-6-item ul li {

2133 list-style: none !important;

2134}

2135.space-news-6-item-ins:hover .space-overlay {

2136 background: rgba(0, 0, 0, 0.5);

2137}

2138.space-news-6-item .space-post-format {

2139 background-color: transparent;

2140 top: 20px;

2141 right: 20px;

2142}

2143.space-news-6-item-top {

2144 top: 30px;

2145 left: 30px;

2146 right: 30px;

2147}

2148.space-news-6-item-top-category {

2149 margin-bottom: 16px;

2150}

2151.space-news-6-item-top-category span {

2152 display: inline-block;

2153 font-weight: 400;

2154 font-size: 0.75em;

2155 line-height: 1.45em;

2156 color: #fff;

2157 padding: 4px 15px;

2158 border-radius: 3px;

2159 margin-bottom: 4px;

2160 background-color: #ff2453;

2161}

2162.space-news-6-item-top-title {

2163 display: block;

2164 font-family: 'Roboto', sans-serif;

2165 font-weight: 900;

2166 font-size: 2.369em;

2167 line-height: 1.1em;

2168 color: #fff;

2169}

2170.space-news-6-item.third-news .space-news-6-item-top-title {

2171 font-size: 1.777em;

2172}

2173.space-news-6-item-top-excerpt {

2174 font-weight: 300;

2175 font-size: 1em;

2176 line-height: 1.65em;

2177 color: #dfe6e9;

2178 margin-top: -10px;

2179 opacity: 0;

2180 visibility: hidden;

2181 -webkit-transition: all 0.3s ease-in-out;

2182 -moz-transition: all 0.3s ease-in-out;

2183 -ms-transition: all 0.3s ease-in-out;

2184 -o-transition: all 0.3s ease-in-out;

2185 transition: all 0.3s ease-in-out;

2186}

2187.space-news-6-item-link-wrap:hover .space-news-6-item-top-excerpt {

2188 margin-top: 20px;

2189 opacity: 1;

2190 visibility: visible;

2191}

2192.space-news-6-item-link-wrap {

2193 line-height: 0;

2194}

2195.space-news-6-item-bottom {

2196 bottom: 30px;

2197 left: 30px;

2198 right: 30px;

2199}

2200.space-news-6-item-bottom-left {

2201 bottom: 0;

2202 left: 0;

2203 font-weight: 400;

2204 font-size: 0.75em;

2205 line-height: 1.45em;

2206 color: #fff;

2207}

2208.space-news-6-item-bottom-left span i {

2209 padding-right: 5px;

2210}

2211.space-news-6-item-bottom-right {

2212 bottom: 0;

2213 right: 0;

2214 font-weight: 400;

2215 font-size: 0.75em;

2216 line-height: 1.45em;

2217 color: #fff;

2218}

2219.space-news-6-item-bottom-right span {

2220 display: inline-block;

2221 margin-left: 15px;

2222}

2223.space-news-6-item-bottom-right span i {

2224 padding-right: 5px;

2225}

2226.space-news-6-item-ins ul li {

2227 font-family: 'Roboto', sans-serif;

2228 margin-bottom: 14px;

2229 border-bottom: 1px solid #dfe6e9;

2230 padding: 0 0 13px !important;

2231 line-height: 0;

2232}

2233.space-news-6-item-ins ul li:last-child {

2234 margin-bottom: 0 !important;

2235}

2236.space-news-6-item-ins ul li:before {

2237 display: none;

2238}

2239.space-news-6-item-ins ul li a {

2240 font-weight: 900;

2241 font-size: 1em;

2242 line-height: 1.25em !important;

2243 color: #151515 !important;

2244 text-decoration: none !important;

2245}

2246.space-news-6-item-ins ul li a:hover {

2247 color: #b2bec3 !important;

2248}

2249.space-news-6-item-ins ul li div {

2250 margin-top: 4px;

2251}

2252.space-news-6-item-ins ul li span {

2253 display: inline-block;

2254 font-weight: 400;

2255 font-size: 0.75em;

2256 line-height: 1.45em;

2257 color: #7f8c8d;

2258 margin-right: 15px;

2259}

2260.space-news-6-item-ins ul li span i {

2261 padding-right: 5px;

2262}

2263

2264/* #6 Widget End */

2265

2266/* #7 Widget Start */

2267

2268.space-news-7 {

2269 overflow: hidden;

2270}

2271.space-news-7-ins {

2272 padding-bottom: 30px;

2273}

2274.space-news-7-items {

2275 display: -webkit-box;

2276 display: -moz-box;

2277 display: -ms-flexbox;

2278 display: -webkit-flex;

2279 display: flex;

2280 flex-wrap: wrap;

2281}

2282.space-news-7-item {

2283 display: inline-block;

2284}

2285.space-news-7-item img {

2286 border-radius: 5px;

2287}

2288.space-news-7-item .space-overlay {

2289 border-radius: 5px;

2290 background: rgba(0, 0, 0, 0.3);

2291}

2292.space-news-7-item-ins:hover .space-overlay {

2293 background: rgba(0, 0, 0, 0.5);

2294}

2295.space-news-7-item-ins {

2296 margin-bottom: 30px;

2297 overflow: hidden;

2298}

2299.space-news-7-item-img-ins {

2300 line-height: 0;

2301}

2302.space-news-7-item-top-date {

2303 top: -25px;

2304 left: 30px;

2305 font-weight: 400;

2306 font-size: 0.75em;

2307 line-height: 1.45em;

2308 color: #dfe6e9;

2309 opacity: 0;

2310 visibility: hidden;

2311 -webkit-transition: all 0.3s ease-in-out;

2312 -moz-transition: all 0.3s ease-in-out;

2313 -ms-transition: all 0.3s ease-in-out;

2314 -o-transition: all 0.3s ease-in-out;

2315 transition: all 0.3s ease-in-out;

2316}

2317.space-news-7-item-ins:hover .space-news-7-item-top-date {

2318 top: 25px;

2319 opacity: 1;

2320 visibility: visible;

2321}

2322.space-news-7-item-top-date span i {

2323 padding-right: 5px;

2324}

2325.space-news-7-item-title-box {

2326 bottom: 25px;

2327 left: 30px;

2328 right: 30px;

2329}

2330.space-news-7-item-category {

2331 margin-bottom: 6px;

2332}

2333.space-news-7-item-title {

2334 font-family: 'Roboto', sans-serif;

2335 font-weight: 700;

2336 font-size: 1.333em;

2337 line-height: 1.1em;

2338 color: #fff;

2339}

2340.space-news-7-item-category span {

2341 display: inline-block;

2342 font-weight: 400;

2343 font-size: 0.75em;

2344 line-height: 1.45em;

2345 color: #fff;

2346 padding: 4px 15px;

2347 border-radius: 3px;

2348 margin-bottom: 4px;

2349 background-color: #ff2453;

2350}

2351

2352/* #7 Widget End */

2353

2354/* #8 Widget Start */

2355

2356.space-news-8 {

2357 overflow: hidden;

2358}

2359.space-posts-shortcode-8 {

2360 margin-bottom: 25px !important;

2361}

2362.space-news-8-items {

2363 overflow: hidden;

2364}

2365.space-news-8-item {

2366 display: inline-block;

2367}

2368.space-news-8-item img {

2369 border-radius: 5px;

2370}

2371.space-news-8-item .space-overlay {

2372 border-radius: 5px;

2373 background: rgba(0, 0, 0, 0.3);

2374}

2375.space-news-8-item-ins:hover .space-overlay {

2376 background: rgba(0, 0, 0, 0.5);

2377}

2378.space-news-8-item-ins {

2379 overflow: hidden;

2380 margin-bottom: 0;

2381}

2382.space-news-8-item-img-ins {

2383 line-height: 0;

2384}

2385.space-news-8-item-img-ins .space-post-format {

2386 top: 30px;

2387 right: 30px;

2388}

2389.space-news-8-item-title {

2390 top: 0;

2391 bottom: 0;

2392 left: 90px;

2393 right: 180px;

2394 display: -webkit-box;

2395 display: -moz-box;

2396 display: -ms-flexbox;

2397 display: -webkit-flex;

2398 display: flex;

2399 align-items: center;

2400}

2401.space-news-8-item-title-category {

2402 margin-bottom: 16px;

2403}

2404.space-news-8-item-title-category span {

2405 display: inline-block;

2406 font-weight: 400;

2407 font-size: 0.75em;

2408 line-height: 1.45em;

2409 color: #fff;

2410 padding: 4px 15px;

2411 border-radius: 3px;

2412 margin-bottom: 4px;

2413 background-color: #ff2453;

2414}

2415.space-news-8-item-title-box {

2416 font-family: 'Roboto', sans-serif;

2417 font-weight: 900;

2418 font-size: 3.157em;

2419 line-height: 1.1em;

2420 color: #fff;

2421 text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);

2422}

2423.space-news-8-item-title-meta {

2424 margin-top: 16px;

2425 font-weight: 400;

2426 font-size: 0.75em;

2427 line-height: 1.45em;

2428 color: #dfe6e9;

2429}

2430.space-news-8-item-title-meta span {

2431 display: inline-block;

2432 padding-right: 20px;

2433}

2434.space-news-8-item-title-meta span:last-child {

2435 padding-right: 0;

2436}

2437.space-news-8-item-title-meta span i {

2438 padding-right: 5px;

2439}

2440.space-news-8-items .owl-nav {

2441 position: absolute;

2442 bottom: 30px;

2443 right: 45px;

2444 width: 100px;

2445 height: 46px;

2446 border-radius: 23px;

2447 color: #fff;

2448 font-size: 1.333em;

2449 line-height: 46px;

2450 background-color: rgba(0, 0, 0, 0.5);

2451}

2452.space-news-8-items .owl-nav button {

2453 width: 50px;

2454 height: 46px;

2455}

2456

2457/* #8 Widget End */

2458

2459/* #9 Widget Start */

2460

2461.space-news-9 {

2462 overflow: hidden;

2463}

2464.space-posts-shortcode-9 {

2465 margin-bottom: 25px !important;

2466}

2467.space-news-9-items {

2468 overflow: hidden;

2469}

2470.space-news-9-item {

2471 display: inline-block;

2472}

2473.space-news-9-item img {

2474 border-radius: 0 5px 5px 0;

2475}

2476.space-news-9-item .space-overlay {

2477 border-radius: 5px;

2478 background: rgba(0, 0, 0, 0.3);

2479}

2480.space-news-9-item-ins:hover .space-overlay {

2481 background: rgba(0, 0, 0, 0.5);

2482}

2483.space-news-9-item-ins {

2484 overflow: hidden;

2485 margin-bottom: 0;

2486}

2487.space-news-9-item-background {

2488 display: -webkit-box;

2489 display: -moz-box;

2490 display: -ms-flexbox;

2491 display: -webkit-flex;

2492 display: flex;

2493 flex-wrap: wrap;

2494 background-color: #f1f3f4;

2495 border-radius: 5px;

2496}

2497.space-news-9-item-info {

2498 display: inline-block;

2499 order: 1;

2500 display: -webkit-box;

2501 display: -moz-box;

2502 display: -ms-flexbox;

2503 display: -webkit-flex;

2504 display: flex;

2505 align-items: center;

2506 flex: 1;

2507}

2508.space-news-9-item-info-wrap {

2509 padding: 45px 60px;

2510}

2511.space-news-9-item-info-category {

2512 margin-bottom: 16px;

2513}

2514.space-news-9-item-info-category span {

2515 display: inline-block;

2516 font-weight: 400;

2517 font-size: 0.75em;

2518 line-height: 1.45em;

2519 color: #fff;

2520 padding: 4px 15px;

2521 border-radius: 3px;

2522 margin-bottom: 4px;

2523 background-color: #ff2453;

2524}

2525.space-news-9-item-title-box {

2526 font-family: 'Roboto', sans-serif;

2527 line-height: 0;

2528 color: #111111;

2529}

2530.space-news-9-item-title-box a {

2531 font-weight: 900;

2532 font-size: 2.369em;

2533 line-height: 1.1em;

2534 color: #111111 !important;

2535 text-decoration: none !important;

2536}

2537.space-news-9-item-title-box a:hover {

2538 color: #b2bec3 !important;

2539}

2540.space-news-9-item-info-meta {

2541 margin-top: 16px;

2542 font-weight: 400;

2543 font-size: 0.75em;

2544 line-height: 1.45em;

2545 color: #7f8c8d;

2546}

2547.space-news-9-item-info-meta span {

2548 display: inline-block;

2549 padding-right: 20px;

2550}

2551.space-news-9-item-info-meta span:last-child {

2552 padding-right: 0;

2553}

2554.space-news-9-item-info-meta span i {

2555 padding-right: 5px;

2556}

2557.space-news-9-item-info-excerpt {

2558 margin-top: 16px;

2559 font-weight: 400;

2560 font-size: 1em;

2561 line-height: 1.65em;

2562 color: #7f8c8d;

2563}

2564.space-news-9-item-img {

2565 display: inline-block;

2566 order: 2;

2567 flex: 1;

2568 line-height: 0;

2569}

2570.space-news-9-item-background .space-news-9-item-img img {

2571 border-radius: 0 5px 5px 0 !important;

2572}

2573.space-news-9-item-img .space-post-format {

2574 top: 30px;

2575 right: 30px;

2576}

2577.space-news-9-items .owl-nav {

2578 position: absolute;

2579 bottom: 30px;

2580 right: 45px;

2581 width: 100px;

2582 height: 46px;

2583 border-radius: 23px;

2584 color: #fff;

2585 font-size: 1.333em;

2586 line-height: 46px;

2587 background-color: rgba(0, 0, 0, 0.5);

2588}

2589.space-news-9-items .owl-nav button {

2590 width: 50px;

2591 height: 46px;

2592}

2593

2594/* #9 Widget End */

2595

2596/* #10 Widget Start */

2597

2598.space-news-10 {

2599 overflow: hidden;

2600}

2601.space-news-10-ins {

2602 padding-bottom: 45px;

2603}

2604.space-news-10-items {

2605 display: -webkit-box;

2606 display: -moz-box;

2607 display: -ms-flexbox;

2608 display: -webkit-flex;

2609 display: flex;

2610 flex-wrap: wrap;

2611}

2612.space-news-10-item {

2613 display: inline-block;

2614}

2615.space-news-10-item .space-overlay {

2616 border-radius: 5px;

2617 background: rgba(0, 0, 0, 0);

2618}

2619.space-news-10-item-ins:hover .space-overlay {

2620 background: rgba(0, 0, 0, 0.3);

2621}

2622.space-news-10-item-image {

2623 height: 0;

2624 padding-bottom: 47.368421%;

2625 background-color: #f1f3f4;

2626 border-radius: 5px;

2627}

2628.space-news-10-item-image img {

2629 border-radius: 5px;

2630}

2631.space-news-10-item-category {

2632 margin-top: 12px;

2633 font-family: 'Roboto', sans-serif;

2634 font-weight: 400;

2635 font-size: 0.75em;

2636 line-height: 1.25em;

2637 color: #7f8c8d;

2638}

2639.space-news-10-item-category a {

2640 color: #ff2453;

2641 text-decoration: underline;

2642 display: inline-block;

2643 margin: 0 2px;

2644}

2645.space-news-10-item-category a:hover {

2646 color: #7f8c8d !important;

2647}

2648.space-news-10-item-title {

2649 margin-top: 8px;