CSS File

1/*

2Theme Name: ChromeNews

3Theme URI: https://afthemes.com/products/chromenews/

4Author: AF themes

5Author URI: https://www.afthemes.com/

6Description: ChromeNews is a powerful WordPress theme that's perfect for news, blogs, and magazines. The theme comes with a number of free starting pages that may be easily integrated to construct a fantastic news hub. The theme is fully widgetized, with 9+ custom widgets and widget sections, allowing users to customize site content. It also offers a light and dark color mode for viewing articles and blog posts in a fashionable manner. It also includes a variety of useful customizer choices for creating an aesthetically pleasing news site. You may set it up as you want and see how it looks before making any changes with the live customizer. It supports Gutenberg blocks and RTL, as well as the WooCommerce plugin, allowing you to combine an online store with our newspaper theme. The theme is appropriate for a news, journal, magazine, publishing, or review website, as well as blogging. It's well-designed to help the website rank higher in search engines, and users will receive excellent support from the staff if they run into any issues while using it. Find all demos and documentaion at https://afthemes.com/products/chromenews/

7Version: 1.1.4.6

8Requires PHP: 5.6

9Tested up to: 6

10License: GNU General Public License v2 or later

11License URI: http://www.gnu.org/licenses/gpl-2.0.html

12Text Domain: chromenews

13Tags: news, blog, entertainment, one-column, two-columns, grid-layout, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-menu, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments

14

15This theme, like WordPress, is licensed under the GPL.

16Use it to make something cool, have fun, and share what you've learned with others.

17

18ChromeNews is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

19Underscores is distributed under the terms of the GNU GPL v2 or later.

20

21ChromeNews WordPress Theme, Copyright 2022 AF themes

22ChromeNews is distributed under the terms of the GNU GPL v2 or later.

23*/

24

25/*Normalizing styles have been helped along thanks to the fine work of

26Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

27*/

28/*--------------------------------------------------------------

29>>> TABLE OF CONTENTS:

30----------------------------------------------------------------

31# Normalize

32# Typography

33# Elements

34# Grids

35# Social icons

36# Forms

37# Navigation

38 ## Links

39 ## Menus

40# Accessibility

41# Alignments

42# Clearings

43# Widgets

44# Content

45 ## Posts and pages

46 ## Comments

47# Infinite scroll

48# Media

49 ## Captions

50 ## Galleries

51# Footer

52-----------------------------------------------------------*/

53/*-----------------------------------------------------------

54# Normalize

55-----------------------------------------------------------*/

56html {

57 font-size: 100%;

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

59 -ms-text-size-adjust: 100%;

60 text-rendering: auto;

61 -webkit-font-smoothing: antialiased;

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

63}

64

65body {

66 margin: 0;

67}

68

69article,

70aside,

71details,

72figcaption,

73figure,

74footer,

75header,

76main,

77menu,

78nav,

79section,

80summary {

81 display: block;

82}

83

84audio,

85canvas,

86progress,

87video {

88 display: inline-block;

89 vertical-align: baseline;

90}

91

92audio:not([controls]) {

93 display: none;

94 height: 0;

95}

96

97[hidden],

98template {

99 display: none;

100}

101

102a {

103 background-color: transparent;

104}

105

106a:active,

107a:hover {

108 outline: 0;

109}

110

111abbr[title] {

112 border-bottom: 1px dotted;

113}

114

115b,

116strong {

117 font-weight: bold;

118}

119

120dfn {

121 font-style: italic;

122}

123

124h1 {

125 font-size: 2em;

126 margin: 0.67em 0;

127}

128

129mark {

130 background: #ffcc00 ;

131 color: #000;

132}

133

134small {

135 font-size: 80%;

136}

137

138sub,

139sup {

140 font-size: 75%;

141 line-height: 0;

142 position: relative;

143 vertical-align: baseline;

144}

145

146sup {

147 top: -0.5em;

148}

149

150sub {

151 bottom: -0.25em;

152}

153

154img {

155 border: 0;

156}

157

158svg:not(:root) {

159 overflow: hidden;

160}

161

162figure {

163 margin: 1em 40px;

164}

165

166hr {

167 box-sizing: content-box;

168 height: 0;

169}

170

171pre {

172 overflow: auto;

173}

174

175code,

176kbd,

177pre,

178samp {

179 font-family: monospace, monospace;

180 font-size: 1em;

181}

182

183

184button,

185input,

186optgroup,

187select,

188textarea {

189 color: inherit;

190 font: inherit;

191 margin: 0;

192}

193

194

195button {

196 overflow: visible;

197}

198

199

200button,

201select {

202 text-transform: none;

203}

204

205

206button,

207html input[type="button"],

208input[type="reset"],

209input[type="submit"] {

210 -webkit-appearance: button;

211 cursor: pointer;

212}

213

214

215button[disabled],

216html input[disabled] {

217 cursor: default;

218}

219

220

221button::-moz-focus-inner,

222input::-moz-focus-inner {

223 border: 0;

224 padding: 0;

225}

226

227

228input {

229 line-height: normal;

230}

231

232

233input[type="checkbox"],

234input[type="radio"] {

235 box-sizing: border-box;

236 padding: 0;

237}

238

239

240input[type="number"]::-webkit-inner-spin-button,

241input[type="number"]::-webkit-outer-spin-button {

242 height: auto;

243}

244

245

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

247input[type="search"]::-webkit-search-decoration {

248 -webkit-appearance: none;

249}

250

251

252.btn-style1 a:visited,

253.btn-style1 a,

254button,

255input[type="button"],

256input[type="reset"],

257input[type="submit"] {

258 border: none;

259 border-radius: 0;

260 background: #ffcc00;

261 color: #202020;

262

font-size: 12px;

263 line-height: normal;

264 height: 38px;

265 padding: 5px 10px;

266 transition: all 300ms ease-out;

267 text-transform: uppercase;

268 font-weight: 700;

269}

270

271.btn-style1 a:visited,

272.btn-style1 a{

273 display: inline-block;

274 height: auto;

275}

276

277button.af-not-button{

278 height: auto;

279

font-size: 15px;

280 padding: 0;

281 line-height: normal;

282 text-transform: inherit;

283 background: transparent;

284 font-weight: normal;

285 align-items: center;

286}

287

288fieldset {

289 border: 1px solid #c0c0c0;

290 margin: 0 2px;

291 padding: 0.35em 0.625em 0.75em;

292}

293

294legend {

295 border: 0;

296 padding: 0;

297}

298

299textarea {

300 overflow: auto;

301}

302

303optgroup {

304 font-weight: bold;

305}

306

307table {

308 border-collapse: collapse;

309 border-spacing: 0;

310}

311

312td,

313th {

314 padding: 10px;

315 border-top-width: 1px;

316 border-top-style: solid;

317 border-left-width: 1px;

318 border-left-style: solid;

319}

320

321tr:last-child th ,

322tr:last-child td {

323 border-bottom-width: 1px;

324 border-bottom-style: solid;

325}

326

327td:last-child,

328th:last-child {

329 border-right-width: 1px;

330 border-right-style: solid;

331}

332

333/*--------------------------------------------------------------

334# Normalize

335--------------------------------------------------------------*/

336/*--------------------------------------------------------------

337# Typography

338--------------------------------------------------------------*/

339body,

340button,

341input,

342select,

343optgroup,

344textarea {

345 color: #4a4a4a;

346 font-family: Jost;

347 font-size: 1rem;

348 font-size: 16px;

349 line-height: 1.5;

350}

351

352

353input{height: 38px;}

354

355

356button,

357input,

358select,

359optgroup,

360textarea {

361 border: 1px solid #dcdcdc;

362}

363

364h1, h2, h3, h4, h5, h6 {

365 clear: both;

366 line-height: 1.3;

367}

368

369

370.widget ul.af-tabs > li a,

371.site-description,

372.site-title{

373 font-family: Jost;

374}

375

376.site-title {

377 font-weight: 600;

378}

379

380

381h1,

382h2,

383h3,

384h4,

385h5,

386h6 {

387 font-weight: 600;

388}

389

390

391p {

392 margin-bottom: 15px;

393}

394

395

396

397dfn, cite, em, i {

398 font-style: italic;

399}

400

401

402blockquote {

403 border-left: 0.25em solid;

404 position: relative;

405 line-height: 1.5;

406 margin-top: 28px;

407 margin-bottom: 28px;

408 padding: 0 0 0 1em;

409}

410

411

412.wp-block-quote.is-large, .wp-block-quote.is-style-large{

413 padding: 0 0 0 2em;

414}

415

416

417blockquote blockquote {

418 font-size: 1em;

419 margin-bottom: 0;

420 padding-bottom: 0;

421}

422

423

424blockquote blockquote:after {

425 border-bottom: 0;

426}

427

428

429@media not screen and (min-width: 992px) {

430 blockquote {

431 font-size: 1.125em;

432 line-height: 1.33333;

433 margin-top: 2.66667em;

434 margin-bottom: 2em;

435 }

436

437}

438

439

440blockquote cite {

441 display: block;

442 margin-top: 1.5em;

443 font-size: 0.57143em;

444 line-height: 1.5;

445 font-style: normal;

446}

447

448

449address {

450 margin: 0 0 1.5em;

451}

452

453

454abbr, acronym {

455 border-bottom: 1px dotted #666;

456 cursor: help;

457}

458

459

460mark, ins {

461 text-decoration: none;

462}

463

464

465big {

466 font-size: 125%;

467}

468

469

470/*--------------------------------------------------------------

471# Typography

472--------------------------------------------------------------*/

473/*--------------------------------------------------------------

474# Elements

475--------------------------------------------------------------*/

476html {

477 box-sizing: border-box;

478}

479

480

481*,

482*:before,

483*:after {

484 box-sizing: inherit;

485}

486

487

488hr {

489 background-color: #ccc;

490 border: 0;

491 height: 1px;

492 margin-bottom: 1.5em;

493}

494

495

496body ul, body ol {

497 margin: 0;

498

499}

500/* overwrite bootrstap */

501

502ul, ol {

503 margin: 0;

504 padding: 0;

505 list-style: none;

506}

507

508

509li > ul,

510li > ol {

511 margin-bottom: 0;

512 margin-left: 1.5em;

513}

514

515

516dl {

517 border: 2px solid #e8e8e8;

518 padding: 2.5em;

519}

520

521

522dt {

523 text-align: left;

524 font-size: 130%;

525 font-weight: bold;

526}

527

528

529dd {

530 margin: 0;

531 padding: 0 0 1em 0;

532}

533

534

535img {

536 height: auto;

537 max-width: 100%;

538}

539

540

541figure {

542 margin: 0 auto;

543}

544

545

546table {

547 margin: 0 0 1.5em;

548 width: 100%;

549}

550

551table#wp-calendar {

552 margin-bottom: 0;

553}

554

555

556/*--------------------------------------------------------------

557# Elements

558--------------------------------------------------------------*/

559/*--------------------------------------------------------------

560# Preloader

561--------------------------------------------------------------*/

562#af-preloader {

563 width: 100%;

564 height: 100%;

565 position: fixed;

566 background-color: #fff;

567 z-index: 99999999;

568 top: 0;

569 left: 0;

570}

571

572#loader-wrapper {

573 position: absolute;

574 top: 50%;

575 left: 50%;

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

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

578}

579

580.banner-exclusive-posts-wrapper .aft-ripple,

581.banner-exclusive-posts-wrapper .aft-ripple::before{

582 animation: 2s infinite ease-in-out;

583}

584

585#loader,

586#loader::before {

587 animation: 1s infinite ease-in-out;

588}

589

590

591.banner-exclusive-posts-wrapper .aft-ripple,

592#loader {

593 width: 50px;

594 height: 50px;

595 border-radius: 50%;

596 margin: 3em;

597 display: inline-block;

598 position: relative;

599 vertical-align: middle;

600 background-color: #ffcc00;

601}

602

603.banner-exclusive-posts-wrapper .aft-ripple{

604 margin: 0;

605 overflow: hidden;

606}

607

608.banner-exclusive-posts-wrapper .aft-ripple::before,

609#loader::before {

610 content: '';

611 width: 100%;

612 height: 100%;

613 border-radius: 50%;

614 position: absolute;

615 border: 10px solid rgba(255, 255, 255, 0.15);

616 top: -10px;

617 left: -10px;

618 animation-name: loader3;

619 box-sizing: content-box;

620}

621

622body.aft-light-mode #loader::before {

623 border-color: #fff;

624}

625

626body.aft-dark-mode #loader::before {

627 border-color: rgb(33, 32, 27);

628}

629

630@-webkit-keyframes loader3 {

631 0% { transform: scale(0); }

632

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

634

635}

636

637@keyframes loader3 {

638 0% { transform: scale(0); }

639

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

641

642}

643

644

645.elementor-html #af-preloader{

646 display: none;

647}

648

649

650/*--------------------------------------------------------------

651# Preloader

652--------------------------------------------------------------*/

653

654/*--------------------------------------------------------------

655# Navigation

656--------------------------------------------------------------*/

657/*============-------------for all navigations----------=============*/

658

659.main-navigation .menu-desktop > li ,

660.main-navigation .menu-desktop > ul > li {

661 position: relative;

662 display: inline-block;

663 transition-duration: 0.5s;

664

font-size: 14px;

665 line-height: 19px;

666 font-weight: 700;

667}

668

669

670.main-navigation .menu-desktop > li > a,

671.main-navigation .menu-desktop > ul > li > a{

672 padding: 15px;

673 text-transform: uppercase;

674}

675

676

677@media screen and (min-width: 993px) {

678 .main-navigation .menu-desktop > li.menu-item-has-children > a,

679 .main-navigation .menu-desktop > ul > li.menu-item-has-children > a{

680 padding-right: 45px;

681 }

682

683 .main-navigation .menu-desktop > li.menu-item-has-children:last-child > a,

684 .main-navigation .menu-desktop > ul > li.menu-item-has-children:last-child > a{

685 padding-right: 30px;

686 }

687

688

689 .main-navigation .menu-desktop > li.menu-item-has-children:last-child > a:after,

690 .main-navigation .menu-desktop > ul > li.menu-item-has-children:last-child > a:after{

691 right: 0;

692 }

693

694 .main-navigation ul.children li,

695 .main-navigation ul .sub-menu li {

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

697 }

698

699}

700

701

702.main-navigation ul li a {

703 color: #fff;

704}

705

706

707.main-navigation ul.children li,

708.main-navigation ul .sub-menu li {

709 display: block;

710 float: none;

711 text-align: left;

712 text-transform: none;

713 padding: 0;

714 position: relative;

715 text-transform: uppercase;

716}

717

718.main-navigation ul.children li:first-child,

719.main-navigation ul .sub-menu li:first-child{

720 border:none;

721}

722

723.main-navigation ul.children li a,

724.main-navigation ul .sub-menu li a {

725 padding: 10px 15px;

726 display: inline-block;

727 position: relative;

728}

729

730

731.ham {

732 width: 23px;

733 height: 2px;

734 top: 50%;

735 display: block;

736 margin-right: auto;

737 background-color: #fff;

738 position: relative;

739 -webkit-transition: all .075s ease-in-out;

740 -moz-transition: all .075s ease-in-out;

741 -ms-transition: all .075s ease-in-out;

742 -o-transition: all .075s ease-in-out;

743 transition: all .075s ease-in-out;

744}

745

746.ham:before, .ham:after {

747 position: absolute;

748 content: '';

749 width: 100%;

750 height: 2px;

751 left: 0;

752 top: -8px;

753 background-color: #fff;

754 -webkit-transition: all .075s ease-in-out;

755 -moz-transition: all .075s ease-in-out;

756 -ms-transition: all .075s ease-in-out;

757 -o-transition: all .075s ease-in-out;

758 transition: all .075s ease-in-out;

759}

760

761.ham:after {

762 top: 8px;

763}

764

765.ham.exit {

766 background-color: transparent;

767}

768

769.ham.exit:before {

770 -webkit-transform: translateY(8px) rotateZ(-45deg);

771 -moz-transform: translateY(8px) rotateZ(-45deg);

772 -ms-transform: translateY(8px) rotateZ(-45deg);

773 -o-transform: translateY(8px) rotateZ(-45deg);

774 transform: translateY(8px) rotateZ(-45deg);

775}

776

777.ham.exit:after {

778 -webkit-transform: translateY(-8px) rotateZ(45deg);

779 -moz-transform: translateY(-8px) rotateZ(45deg);

780 -ms-transform: translateY(-8px) rotateZ(45deg);

781 -o-transform: translateY(-8px) rotateZ(45deg);

782 transform: translateY(-8px) rotateZ(45deg);

783}

784

785

786

787/* Small menu. */

788.menu-toggle,

789.main-navigation.toggled ul {

790 display: block;

791}

792

793.main-navigation .toggle-menu {

794 width: 40px;

795 text-align: center;

796 cursor: pointer;

797

font-size: 15px;

798 display: none;

799 padding: 20px;

800 padding-left: 0;

801 background-color: transparent;

802 border:none;

803}

804

805.main-navigation .toggle-menu:focus:not(:hover){

806 outline: 1px dotted #fff;

807}

808

809

810

811.main-navigation .menu .menu-mobile {

812 margin: 0;

813 list-style: none;

814 text-align: left;

815 z-index: 9999;

816 background-color: #fff;

817 display: none;

818 position: absolute;

819 top: 100%;

820 left: 0;

821 width: 100%;

822}

823

824.main-navigation .menu .menu-mobile li {

825 padding: 0;

826}

827

828.main-navigation .menu .menu-mobile li a {

829 display: block;

830 color: #000;

831 text-decoration: none;

832 position: relative;

833 padding: 10px 20px;

834 padding-left: 10px;

835 padding-right: 30px;

836 border-top: 1px solid rgba(0, 0, 0, 0.075);

837 -webkit-transition: all 0.075s ease;

838 -moz-transition: all 0.075s ease;

839 -ms-transition: all 0.075s ease;

840 -o-transition: all 0.075s ease;

841 transition: all 0.075s ease;

842}

843

844.main-navigation .menu .menu-mobile li .sub-menu {

845 list-style: none;

846 padding: 0;

847 margin: 0;

848 display: none;

849}

850

851.main-navigation .menu .menu-mobile li .sub-menu li a{

852 padding-left: 20px;

853}

854

855.main-navigation .menu .menu-mobile li .sub-menu .sub-menu li a{

856 padding-left: 30px;

857}

858

859.main-navigation ul li.page_item_has_children > a:after,

860.main-navigation ul li.menu-item-has-children > a:after {

861 content: "\f107";

862 font-family: "font awesome 5 free";

863 color: inherit;

864 font-size: inherit;

865 display: inline-block;

866 position: absolute;

867 right: 30px;

868 font-weight: 600;

869}

870

871

872.main-navigation ul.children li.page_item_has_children > a:after,

873.main-navigation ul .sub-menu li.menu-item-has-children > a:after{display: none;}

874

875

876/* off canvas css here */

877body.sidr-open:before {

878 content: "";

879 left: 0;

880 top: 0;

881 z-index: 102;

882 width: 100%;

883 height: 100%;

884 position: fixed;

885 cursor: pointer;

886 -webkit-transition: visibility 0s, opacity 0.4s linear;

887 transition: visibility 0s, opacity 0.4s linear;

888 visibility: visible;

889 opacity: .75;

890 background-color: #fff;

891}

892

893body.aft-dark-mode #af-preloader,

894body.aft-dark-mode.sidr-open:before {

895 background-color: rgb(33, 32, 27);

896}

897

898/* off canvas css here */

899

900@media only screen and (min-width: 993px) {

901 .main-navigation .menu li a button{

902 display: none;

903 }

904

905 .main-navigation .menu-desktop,

906 .main-navigation .menu-desktop > ul {

907 font-size: 0;

908

display: flex;

909 flex-wrap: wrap;

910 }

911

912

913 .aft-header-layout-side .main-navigation .menu-desktop,

914 .aft-header-layout-side .main-navigation .menu-desktop > ul {

915 justify-content: flex-start;

916 }

917

918

919 .main-navigation .menu-desktop > li > a,

920 .main-navigation .menu-desktop > ul > li > a {

921 padding: 15px 30px 15px 0;

922 text-transform: uppercase;

923 }

924

925

926 .main-navigation .menu ul ul li {

927 width: 210px;

928 }

929

930 .main-navigation .menu-desktop > li.current-menu-item::after ,

931 .main-navigation .menu-desktop > ul > li.current-menu-item::after ,

932 .main-navigation .menu-desktop > li::after ,

933 .main-navigation .menu-desktop > ul > li::after {

934 content: "";

935 background-color: #ffcc00;

936 position: absolute;

937 left: 0px;

938 right: 0;

939 bottom: 0;

940 height: 3px;

941 width: 0;

942 transform-origin: center;

943 transition: width ease-in 0.075s;

944 }

945

946 .aft-header-layout-side .main-navigation .menu-desktop > li.current-menu-item::after,

947 .aft-header-layout-side .main-navigation .menu-desktop > ul > li.current-menu-item::after,

948 .aft-header-layout-side .main-navigation .menu-desktop > li::after,

949 .aft-header-layout-side .main-navigation .menu-desktop > ul > li::after,

950

951 .main-navigation .menu-desktop > li.current-menu-item:first-child::after,

952 .main-navigation .menu-desktop > ul > li.current-menu-item:first-child::after,

953 .main-navigation .menu-desktop > li:first-child::after,

954 .main-navigation .menu-desktop > ul > li:first-child::after{

955 left: 0;

956 }

957

958 .main-navigation .menu-desktop.hide-menu-border > li.current-menu-item::after ,

959 .main-navigation .menu-desktop.hide-menu-border > ul > li.current-menu-item::after ,

960 .main-navigation .menu-desktop.hide-menu-border > li::after ,

961 .main-navigation .menu-desktop.hide-menu-border > ul > li::after{

962 display: none;

963 }

964

965 .main-navigation .menu-desktop > li.current-menu-item::after ,

966 .main-navigation .menu-desktop > ul > li.current-menu-item::after ,

967 .main-navigation .menu-desktop > li:hover::after ,

968 .main-navigation .menu-desktop > ul > li:hover::after {

969 width: calc(100% - 30px);

970 }

971

972

973 .main-navigation .menu ul > li > a {

974 position: relative;

975 display: block;

976 }

977

978

979 .main-navigation .menu ul ul a {

980 display: block;

981 padding: 10px 20px;

982 padding-left: 10px;

983 padding-right: 30px;

984 line-height: inherit;

985 }

986

987 .main-navigation .menu ul ul {

988 position: absolute;

989 text-align: left;

990 visibility: hidden;

991 filter:

alpha(opacity=0);

992 opacity: 0;

993 margin: 0 auto;

994 padding: 0;

995 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);

996 -webkit-transition: top 0.4s;

997 -moz-transition: top 0.4s;

998 -ms-transition: top 0.4s;

999 -o-transition: top 0.4s;

1000 transition: top 0.4s;

1001 }

1002

1003

1004 .main-navigation .menu li:focus-within > ul {

1005 visibility: visible;

1006 filter:

alpha(opacity=1);

1007 opacity: 1;

1008 z-index: 999;

1009 }

1010

1011 .main-navigation .menu li:focus > ul ,

1012 .main-navigation .menu li:hover > ul {

1013 visibility: visible;

1014 filter:

alpha(opacity=1);

1015 opacity: 1;

1016 z-index: 999;

1017 }

1018

1019

1020 .main-navigation .menu > ul > li > ul {

1021 top: 110%;

1022 left: 0px;

1023 background-color: #fff;

1024 }

1025

1026 .main-navigation .menu > ul > li:first-child > ul {

1027 left: 0;

1028 }

1029

1030

1031 .main-navigation .menu > ul > li:nth-child(7n + 13) > ul ,

1032 .main-navigation .menu > ul > li:nth-child(7n + 12) > ul ,

1033 .main-navigation .menu > ul > li:nth-child(7n + 11) > ul ,

1034 .main-navigation .menu > ul > li:nth-child(7n + 10) > ul ,

1035 .main-navigation .menu > ul > li:nth-child(7n + 9) > ul ,

1036 .main-navigation .menu > ul > li:nth-child(7n + 8) > ul ,

1037 .main-navigation .menu > ul > li:nth-child(7n + 7) > ul {

1038 left: unset;

1039 right: 30px;

1040 }

1041

1042 .main-navigation .menu > ul > li:nth-child(7n + 13):last-child > ul ,

1043 .main-navigation .menu > ul > li:nth-child(7n + 12):last-child > ul ,

1044 .main-navigation .menu > ul > li:nth-child(7n + 11):last-child > ul ,

1045 .main-navigation .menu > ul > li:nth-child(7n + 10):last-child > ul ,

1046 .main-navigation .menu > ul > li:nth-child(7n + 9):last-child > ul ,

1047 .main-navigation .menu > ul > li:nth-child(7n + 8):last-child > ul ,

1048 .main-navigation .menu > ul > li:nth-child(7n + 7):last-child > ul {

1049 right: 0;

1050 }

1051

1052

1053 .main-navigation .menu > ul > li:focus-within > ul {

1054 top: 100%;

1055 }

1056

1057 .main-navigation .menu > ul > li:focus > ul ,

1058 .main-navigation .menu > ul > li:hover > ul {

1059 top: 100%;

1060 }

1061

1062

1063 .main-navigation .menu ul ul ul {

1064 top: -20px;

1065 left: 100%;

1066 background-color: #fff;

1067 display: none;

1068 }

1069

1070 .main-navigation .menu > ul > li:nth-child(7n + 13) > ul ul,

1071 .main-navigation .menu > ul > li:nth-child(7n + 12) > ul ul,

1072 .main-navigation .menu > ul > li:nth-child(7n + 11) > ul ul,

1073 .main-navigation .menu > ul > li:nth-child(7n + 10) > ul ul,

1074 .main-navigation .menu > ul > li:nth-child(7n + 9) > ul ul,

1075 .main-navigation .menu > ul > li:nth-child(7n + 8) > ul ul,

1076 .main-navigation .menu > ul > li:nth-child(7n + 7) > ul ul{

1077 left: unset;

1078 right: 100%;

1079 }

1080

1081

1082 .main-navigation ul.children li.page_item_has_children > a:before,

1083 .main-navigation ul .sub-menu li.menu-item-has-children > a:before {

1084 content: "\f105";

1085 font-family: 'Font Awesome 5 Free';

1086 padding-right: 10px;

1087 float: left;

1088 }

1089

1090 .main-navigation .menu > ul > li:nth-child(7n + 13) > ul li a:before,

1091 .main-navigation .menu > ul > li:nth-child(7n + 12) > ul li a:before,

1092 .main-navigation .menu > ul > li:nth-child(7n + 11) > ul li a:before,

1093 .main-navigation .menu > ul > li:nth-child(7n + 10) > ul li a:before,

1094 .main-navigation .menu > ul > li:nth-child(7n + 9) > ul li a:before,

1095 .main-navigation .menu > ul > li:nth-child(7n + 8) > ul li a:before,

1096 .main-navigation .menu > ul > li:nth-child(7n + 7) > ul li a:before{

1097 transform: rotate(180deg);

1098 position: absolute;

1099 right: 15px;

1100 }

1101

1102

1103 .main-navigation .menu ul ul li:focus-within > ul {

1104 top: 0;

1105 display: block;

1106 }

1107

1108 .main-navigation .menu ul ul li:focus > ul ,

1109 .main-navigation .menu ul ul li:hover > ul {

1110 top: 0;

1111 display: block;

1112 }

1113

1114}

1115

1116

1117@media only screen and (max-width: 992px) {

1118 .main-navigation .menu > .menu {

1119 margin: 0;

1120 list-style: none;

1121 text-align: left;

1122 z-index: 9999;

1123 background-color: #fff;

1124 display: none;

1125 position: absolute;

1126 top: 100%;

1127 left: 0;

1128 padding: 20px;

1129 }

1130

1131 .main-navigation .menu > .menu > li:first-child > a {

1132 border-top: none;

1133 }

1134

1135 .site .site-header {

1136 display: block;

1137 padding-bottom: 10px;

1138 padding-top: 10px;

1139 }

1140

1141 .main-navigation .menu .menu-mobile li a button{

1142 position: absolute;

1143 top: 0;

1144 right: 0;

1145 bottom: 0;

1146 width: 30px;

1147 z-index: 1;

1148 background-color: transparent;

1149 border:none;

1150 top: 50%;

1151 transform: translateY(-50%);

1152 outline: none;

1153 }

1154

1155 .main-navigation .menu .menu-mobile li a button:focus:not(:hover) {

1156 outline: 1px dotted #ccc;

1157 }

1158

1159 .main-navigation .menu .menu-mobile li a button:before,

1160 .main-navigation .menu .menu-mobile li a button:after {

1161 content: '';

1162 width: 13px;

1163 height: 2px;

1164 background-color: #4a4a4a;

1165 position: absolute;

1166 margin: auto;

1167 top: 0;

1168 right: 0;

1169 bottom: 0;

1170 left: 0;

1171 }

1172

1173 .aft-dark-mode .main-navigation .menu .menu-mobile li a button:before,

1174 .aft-dark-mode .main-navigation .menu .menu-mobile li a button:after {

1175 background-color: #fff;

1176 }

1177

1178 .main-navigation .menu .menu-mobile li a button:after {

1179 width: 2px;

1180 height: 13px;

1181 }

1182

1183 .main-navigation .menu .menu-mobile li a button.active:after {

1184 opacity: 0;

1185 }

1186

1187}

1188

1189

1190/*menu-description*/

1191.main-navigation .menu-description {

1192

font-size: 10px;

1193 margin: 0 0 0 5px;

1194 color: #fff;

1195 z-index: 1;

1196 width: max-content;

1197 border-bottom: 2px solid #ffcc00;

1198}

1199

1200.main-navigation .menu-item:first-child .menu-description {

1201 left: 0;

1202}

1203

1204.main-navigation .sub-menu .menu-description{

1205 top: 50%;

1206 left: inherit;

1207 transform: translateY(-50%);

1208 margin: 0 5px;

1209}

1210

1211.main-navigation .sub-menu .menu-description:after{display: none;}

1212

1213

1214/*menu-description*/

1215/*============-------------for all navigations----------=============*/

1216/*--------------------------------------------------------------

1217# Navigation

1218--------------------------------------------------------------*/

1219/*--------------------------------------------------------------

1220## Links

1221--------------------------------------------------------------*/

1222a {

1223 color: #404040 ;

1224 text-decoration: none;

1225}

1226

1227

1228a:hover, a:focus, a:active, a:visited {

1229 color: #404040 ;

1230}

1231

1232

1233body a:hover, body a:focus, body a:active {

1234 text-decoration: none;

1235}

1236

1237

1238a:focus:not(:hover) {

1239 outline: 1px dotted;

1240}

1241

1242

1243a:hover {

1244 outline: none;

1245}

1246

1247

1248

1249/*--------------------------------------------------------------

1250## grid

1251--------------------------------------------------------------*/

1252

1253.col-1 {width: 100%;}

1254

1255.col-2 {width: 50%;}

1256

1257.col-3 {width: 33.33%;}

1258

1259.col-4 {width: 25%;}

1260

1261.col-5 {width: 20%;}

1262

1263.col-15 {width: 15%;}

1264

1265.col-16 {width: 16%;}

1266

1267.col-30 {width: 30%;}

1268

1269.col-40 {width: 40%;}

1270

1271.col-55 {width: 55%;}

1272

1273.col-60 {width: 60%;}

1274

1275.col-70 {width: 70%;}

1276

1277.col-66 {width: 66.67%;}

1278

1279.col-75 {width: 75%;}

1280

1281

1282.float-l {float: left;}

1283

1284

1285.pad {

1286 padding-left: 10px;

1287 padding-right: 10px;

1288}

1289

1290.primary-footer-area.pad {

1291 padding-left: 10px;

1292 padding-right: 10px;

1293}

1294

1295.pad-5 {

1296 padding-left: 5px;

1297 padding-right: 5px;

1298}

1299

1300.ptb-10{

1301 padding-top: 7.5px;

1302 padding-bottom: 7.5px;

1303}

1304

1305.marg-10-lr {

1306 margin-right: 10px;

1307 margin-left: 10px;

1308}

1309

1310.marg-btm-lr {

1311 margin-bottom: 10px;

1312}

1313

1314.af-container-row {

1315 margin-right: -10px;

1316 margin-left: -10px;

1317}

1318

1319.primary-footer-area .af-container-row {

1320 margin-right: -10px;

1321 margin-left: -10px;

1322}

1323

1324.af-container-row-5 {

1325 margin-right: -7.5px;

1326 margin-left: -7.5px;

1327}

1328

1329.aft-main-banner-wrapper .af-container-row-5 {

1330 margin-right: -10px;

1331 margin-left: -10px;

1332}

1333

1334

1335.container-wrapper:before,

1336.container-wrapper:after {

1337 content: "";

1338 display: table;

1339}

1340

1341.container-wrapper:after {

1342 clear: both;

1343}

1344

1345.container-wrapper {

1346 width: 100%;

1347 max-width: 1140px;

1348 margin: 0 auto;

1349 padding-left: 20px;

1350 padding-right: 20px;

1351}

1352

1353.elementor-template-full-width #content.container-wrapper{

1354 max-width: 1920px;

1355 padding: 0;

1356}

1357

1358.af-boxed-layout .af-whole-wrapper{

1359 max-width: 1140px;

1360 margin: 0 auto;

1361}

1362

1363.aft-enable-top-bottom-gaps.af-boxed-layout .af-whole-wrapper {

1364 margin: 20px auto;

1365}

1366

1367.af-boxed-layout .af-whole-wrapper .af-banner-wrapper {

1368 padding-left: 0px;

1369 padding-right: 0px;

1370}

1371

1372

1373.af-banner-wrapper{

1374 max-width: 1140px;

1375 margin: 0 auto;

1376 padding-left: 15px;

1377 padding-right: 15px;

1378}

1379

1380.pos-rel {

1381 position: relative;

1382}

1383

1384.container-wrapper #primary {

1385 width: 66.66%;

1386 padding-right: 10px;

1387}

1388

1389.container-wrapper #secondary {

1390 width: 33.33%;

1391 padding-left: 10px;

1392}

1393

1394body.align-content-right.aft-section-layout-none .container-wrapper #secondary,

1395.aft-section-layout-none .container-wrapper #primary {

1396 padding-right: 20px;

1397}

1398

1399body.align-content-right.aft-section-layout-none .container-wrapper #primary,

1400.aft-section-layout-none .container-wrapper #secondary {

1401 padding-left: 20px;

1402}

1403

1404body.full-width-content.aft-section-layout-none #primary,

1405body.full-width-content #primary ,

1406.container-wrapper #primary.aft-no-sidebar {

1407 width: 100%;

1408 padding: 0;

1409}

1410

1411

1412body.align-content-right .container-wrapper #primary {

1413 padding-right: 0;

1414 padding-left: 10px;

1415}

1416

1417body.align-content-right .container-wrapper #secondary {

1418 padding-right: 10px;

1419 padding-left: 0;

1420}

1421

1422.af-flex-container{

1423

display: flex;

1424}

1425

1426

1427.section-block-upper{

1428

display: flex;

1429 flex-wrap: wrap;

1430 align-items: flex-start;

1431 flex-direction: row;

1432}

1433

1434@media only screen and (min-width: 993px){

1435 body #secondary.sidebar-sticky-top {

1436

position: sticky;

1437 top: 20px;

1438 }

1439

1440 body #secondary.sidebar-sticky-bottom {

1441

position: sticky;

1442 bottom: 0;

1443 align-self: flex-end;

1444 }

1445

1446 .align-content-right .section-block-upper{

1447 flex-direction: row-reverse;

1448 }

1449

1450}

1451

1452

1453/*--------------------------------------------------------------

1454## grid

1455--------------------------------------------------------------*/

1456.af-breadcrumbs,

1457body #content.container-wrapper{

1458 margin-top: 20px;

1459}

1460

1461.entry-header.pos-rel {

1462 margin-top: 20px;

1463}

1464

1465

1466body.af-boxed-layout .entry-content-title-featured-wrap .container-wrapper,

1467body.af-boxed-layout #content.container-wrapper {

1468 padding-right: 0;

1469 padding-left: 0;

1470}

1471

1472

1473body.af-boxed-layout.aft-section-layout-background .entry-content-title-featured-wrap .container-wrapper{

1474 padding-left: 20px;

1475 padding-right: 20px;

1476}

1477

1478

1479body.error404 #content.container-wrapper .container {

1480 padding: 0;

1481 margin: 0 0 20px;

1482 width: unset;

1483}

1484

1485

1486.entry-content{margin: 0;}

1487

1488.entry-footer {margin-top: 20px;}

1489

1490

1491/*grids padding */

1492.af-double-column.list-style .read-details.pad {

1493 padding-left: 15px;

1494 padding-right: 0;

1495}

1496

1497article.archive-image-alternate:nth-child(even) .af-double-column.list-style .read-details.pad,

1498article.archive-image-right .af-double-column.list-style .read-details.pad {

1499 padding-left: 0;

1500 padding-right: 15px;

1501}

1502

1503/*grids padding */

1504.entry-meta img.avatar.photo {

1505 display: inline-block;

1506 width: 25px;

1507 border-radius: 50%;

1508 margin-right: 5px;

1509 border: 2px solid rgba(255, 255, 255, 0.05);

1510}

1511

1512

1513/*--------------------------------------------------------------

1514## Social Menu

1515--------------------------------------------------------------*/

1516.aft-small-social-menu {

1517 text-align: right;

1518}

1519

1520.social-widget-menu ul li,

1521.aft-small-social-menu ul li {

1522 display: inline-block;

1523 vertical-align: middle;

1524}

1525

1526

1527.social-widget-menu ul li a,

1528.aft-small-social-menu ul li a {

1529

font-size: 14px;

1530 font-family: "font awesome 5 brands";

1531 line-height: 1;

1532 vertical-align: middle;

1533}

1534

1535

1536.social-widget-menu ul li a:after,

1537.aft-small-social-menu ul li a:after {

1538 vertical-align: middle;

1539 font-family: "font awesome 5 brands";

1540

font-size: 14px;

1541 line-height: 1;

1542 vertical-align: middle;

1543}

1544

1545

1546.social-widget-menu ul li a,

1547.aft-small-social-menu ul li a,

1548.em-author-details ul li a {

1549 display: block;

1550 width: 30px;

1551 height: 30px;

1552 font-size: 18px;

1553 line-height: 29px;

1554 position: relative;

1555 text-align: center;

1556}

1557

1558

1559.social-widget-menu ul li a,

1560.em-author-details ul li a,

1561.aft-small-social-menu ul li a {

1562 color: #fff;

1563}

1564

1565body footer .secondary-footer .aft-small-social-menu ul li a:hover {

1566 color: #fff;

1567}

1568

1569footer .aft-small-social-menu ul li a:hover,

1570header .top-header .aft-small-social-menu ul li a:hover,

1571.social-widget-menu.af-widget-body ul li a{background-color: #000;}

1572

1573

1574.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="facebook.com"],

1575footer .aft-small-social-menu ul li a[href*="facebook.com"]:hover,

1576header .top-header .aft-small-social-menu ul li a[href*="facebook.com"]:hover,

1577.social-widget-menu.af-widget-body ul li a[href*="facebook.com"]{background-color: #3b5999;}

1578

1579

1580.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="dribble.com"],

1581footer .aft-small-social-menu ul li a[href*="dribble.com"]:hover,

1582header .top-header .aft-small-social-menu ul li a[href*="dribble.com"]:hover,

1583.social-widget-menu.af-widget-body ul li a[href*="dribble.com"]{background-color: #ea4c89;}

1584

1585

1586.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="vk.com"],

1587footer .aft-small-social-menu ul li a[href*="vk.com"]:hover,

1588header .top-header .aft-small-social-menu ul li a[href*="vk.com"]:hover,

1589.social-widget-menu.af-widget-body ul li a[href*="vk.com"]{background-color: #4c75a3;}

1590

1591

1592.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="twitter.com"],

1593footer .aft-small-social-menu ul li a[href*="twitter.com"]:hover,

1594header .top-header .aft-small-social-menu ul li a[href*="twitter.com"]:hover,

1595.social-widget-menu.af-widget-body ul li a[href*="twitter.com"]{background-color: #55acee;}

1596

1597

1598.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="linkedin.com"],

1599footer .aft-small-social-menu ul li a[href*="linkedin.com"]:hover,

1600header .top-header .aft-small-social-menu ul li a[href*="linkedin.com"]:hover,

1601.social-widget-menu.af-widget-body ul li a[href*="linkedin.com"]{background-color: #0077B5;}

1602

1603

1604.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="instagram.com"],

1605footer .aft-small-social-menu ul li a[href*="instagram.com"]:hover,

1606header .top-header .aft-small-social-menu ul li a[href*="instagram.com"]:hover,

1607.social-widget-menu.af-widget-body ul li a[href*="instagram.com"]{background-color: #3F729B;}

1608

1609

1610.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="youtube.com"],

1611footer .aft-small-social-menu ul li a[href*="youtube.com"]:hover,

1612header .top-header .aft-small-social-menu ul li a[href*="youtube.com"]:hover,

1613.social-widget-menu.af-widget-body ul li a[href*="youtube.com"]{background-color: #cd201f;}

1614

1615

1616.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="vimeo.com"],

1617footer .aft-small-social-menu ul li a[href*="vimeo.com"]:hover,

1618header .top-header .aft-small-social-menu ul li a[href*="vimeo.com"]:hover,

1619.social-widget-menu.af-widget-body ul li a[href*="vimeo.com"]{background-color: #1ab7ea;}

1620

1621

1622.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="plus.google.com"],

1623footer .aft-small-social-menu ul li a[href*="plus.google.com"]:hover,

1624header .top-header .aft-small-social-menu ul li a[href*="plus.google.com"]:hover,

1625.social-widget-menu.af-widget-body ul li a[href*="plus.google.com"]{background-color: #dd4b39;}

1626

1627

1628.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="pinterest.com"],

1629footer .aft-small-social-menu ul li a[href*="pinterest.com"]:hover,

1630header .top-header .aft-small-social-menu ul li a[href*="pinterest.com"]:hover,

1631.social-widget-menu.af-widget-body ul li a[href*="pinterest.com"]{background-color: #bd081c;}

1632

1633

1634.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="tumblr.com"],

1635footer .aft-small-social-menu ul li a[href*="tumblr.com"]:hover,

1636header .top-header .aft-small-social-menu ul li a[href*="tumblr.com"]:hover,

1637.social-widget-menu.af-widget-body ul li a[href*="tumblr.com"]{background-color: #34465d;}

1638

1639

1640.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wordpress.com"],

1641.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wordpress.org"],

1642footer .aft-small-social-menu ul li a[href*="wordpress.com"]:hover,

1643header .top-header .aft-small-social-menu ul li a[href*="wordpress.com"]:hover,

1644footer .aft-small-social-menu ul li a[href*="wordpress.org"]:hover,

1645header .top-header .aft-small-social-menu ul li a[href*="wordpress.org"]:hover,

1646.social-widget-menu.af-widget-body ul li a[href*="wordpress.com"],

1647.social-widget-menu.af-widget-body ul li a[href*="wordpress.org"]{background-color: #21759b;}

1648

1649

1650.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="whatsapp.com"],

1651footer .aft-small-social-menu ul li a[href*="whatsapp.com"]:hover,

1652header .top-header .aft-small-social-menu ul li a[href*="whatsapp.com"]:hover,

1653.social-widget-menu.af-widget-body ul li a[href*="whatsapp.com"]{background-color: #25D366;}

1654

1655

1656.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="reddit.com"],

1657footer .aft-small-social-menu ul li a[href*="reddit.com"]:hover,

1658header .top-header .aft-small-social-menu ul li a[href*="reddit.com"]:hover,

1659.social-widget-menu.af-widget-body ul li a[href*="reddit.com"]{background-color: #ff5700;}

1660

1661

1662.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="t.me"],

1663footer .aft-small-social-menu ul li a[href*="t.me"]:hover,

1664header .top-header .aft-small-social-menu ul li a[href*="t.me"]:hover,

1665.social-widget-menu.af-widget-body ul li a[href*="t.me"]{background-color: #00405d;}

1666

1667

1668.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="ok.ru"],

1669footer .aft-small-social-menu ul li a[href*="ok.ru"]:hover,

1670header .top-header .aft-small-social-menu ul li a[href*="ok.ru"]:hover,

1671.social-widget-menu.af-widget-body ul li a[href*="ok.ru"]{background-color: #ed812b;}

1672

1673

1674.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="wechat.com"],

1675footer .aft-small-social-menu ul li a[href*="wechat.com"]:hover,

1676header .top-header .aft-small-social-menu ul li a[href*="wechat.com"]:hover,

1677.social-widget-menu.af-widget-body ul li a[href*="wechat.com"]{background-color: #09b83e;}

1678

1679

1680.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="weibo.com"],

1681footer .aft-small-social-menu ul li a[href*="weibo.com"]:hover,

1682header .top-header .aft-small-social-menu ul li a[href*="weibo.com"]:hover,

1683.social-widget-menu.af-widget-body ul li a[href*="weibo.com"]{background-color: #ce1126;}

1684

1685

1686.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="github.com"],

1687footer .aft-small-social-menu ul li a[href*="github.com"]:hover,

1688header .top-header .aft-small-social-menu ul li a[href*="github.com"]:hover,

1689.social-widget-menu.af-widget-body ul li a[href*="github.com"]{ background-color: #00405d;}

1690

1691

1692.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="snapchat.com"],

1693footer .aft-small-social-menu ul li a[href*="snapchat.com"]:hover,

1694header .top-header .aft-small-social-menu ul li a[href*="snapchat.com"]:hover,

1695.social-widget-menu.af-widget-body ul li a[href*="snapchat.com"]{ background-color: #e6e400;}

1696

1697

1698.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="twitch.com"],

1699footer .aft-small-social-menu ul li a[href*="twitch.com"]:hover,

1700header .top-header .aft-small-social-menu ul li a[href*="twitch.com"]:hover,

1701.social-widget-menu.af-widget-body ul li a[href*="twitch.com"]{ background-color: #6441a5;}

1702

1703

1704.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="viber.com"],

1705footer .aft-small-social-menu ul li a[href*="viber.com"]:hover,

1706header .top-header .aft-small-social-menu ul li a[href*="viber.com"]:hover,

1707.social-widget-menu.af-widget-body ul li a[href*="viber.com"]{ background-color: #665cac;}

1708

1709

1710.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="tiktok.com"],

1711footer .aft-small-social-menu ul li a[href*="tiktok.com"]:hover,

1712header .top-header .aft-small-social-menu ul li a[href*="tiktok.com"]:hover,

1713.social-widget-menu.af-widget-body ul li a[href*="tiktok.com"]{ background-color: #010101;}

1714

1715

1716.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="soundcloud.com"]:hover,

1717footer .aft-small-social-menu ul li a[href*="soundcloud.com"]:hover,

1718header .top-header .aft-small-social-menu ul li a[href*="soundcloud.com"]:hover,

1719.social-widget-menu.af-widget-body ul li a[href*="soundcloud.com"]{background-color: #f75200;}

1720

1721

1722.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="behance.net"]:hover,

1723footer .aft-small-social-menu ul li a[href*="behance.net"]:hover,

1724header .top-header .aft-small-social-menu ul li a[href*="behance.net"]:hover,

1725.social-widget-menu.af-widget-body ul li a[href*="behance.net"]{background-color: #053eff;}

1726

1727

1728.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="quora.com"]:hover,

1729footer .aft-small-social-menu ul li a[href*="quora.com"]:hover,

1730header .top-header .aft-small-social-menu ul li a[href*="quora.com"]:hover,

1731.social-widget-menu.af-widget-body ul li a[href*="quora.com"]{background-color: #b92b27;}

1732

1733

1734.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="yahoo.com"]:hover,

1735footer .aft-small-social-menu ul li a[href*="yahoo.com"]:hover,

1736header .top-header .aft-small-social-menu ul li a[href*="yahoo.com"]:hover,

1737.social-widget-menu.af-widget-body ul li a[href*="yahoo.com"]{background-color: #720e9e;}

1738

1739

1740.chromenews_author_info_widget .aft-small-social-menu ul li a[href*="spotify.com"]:hover,

1741footer .aft-small-social-menu ul li a[href*="spotify.com"]:hover,

1742header .top-header .aft-small-social-menu ul li a[href*="spotify.com"]:hover,

1743.social-widget-menu.af-widget-body ul li a[href*="spotify.com"]{background-color: #1ed760;}

1744

1745

1746.aft-small-social-menu ul a:after,

1747.social-widget-menu ul a:before {

1748 content: "\f35d";

1749}

1750

1751.aft-small-social-menu ul a[href*="snapchat.com"]:after,

1752.social-widget-menu ul a[href*="snapchat.com"]:before {

1753 content: "\f2ad";

1754}

1755

1756.aft-small-social-menu ul a[href*="viber.com"]:after,

1757.social-widget-menu ul a[href*="viber.com"]:before {

1758 content: "\f409";

1759}

1760

1761.aft-small-social-menu ul a[href*="twitch.com"]:after,

1762.social-widget-menu ul a[href*="twitch.com"]:before {

1763 content: "\f1e8";

1764}

1765

1766.aft-small-social-menu ul a[href*="tiktok.com"]:after,

1767.social-widget-menu ul a[href*="tiktok.com"]:before {

1768 content: "\e07b";

1769}

1770

1771.aft-small-social-menu ul a[href*="dribble.com"]:after,

1772.social-widget-menu ul a[href*="dribble.com"]:before {

1773 content: "\f17d";

1774}

1775

1776.aft-small-social-menu ul a[href*="facebook.com"]:after,

1777.social-widget-menu ul a[href*="facebook.com"]:before {

1778 content: "\f09a";

1779}

1780

1781.aft-small-social-menu ul a[href*="vk.com"]:after,

1782.social-widget-menu ul a[href*="vk.com"]:before {

1783 content: "\f189";

1784}

1785

1786.aft-small-social-menu ul a[href*="twitter.com"]:after,

1787.social-widget-menu ul a[href*="twitter.com"]:before {

1788 content: "\f099";

1789}

1790

1791.aft-small-social-menu ul a[href*="linkedin.com"]:after,

1792.social-widget-menu ul a[href*="linkedin.com"]:before {

1793 content: "\f0e1";

1794}

1795

1796.aft-small-social-menu ul a[href*="instagram.com"]:after,

1797.social-widget-menu ul a[href*="instagram.com"]:before {

1798 content: "\f16d";

1799}

1800

1801.aft-small-social-menu ul a[href*="youtube.com"]:after,

1802.social-widget-menu ul a[href*="youtube.com"]:before {

1803 content: "\f167";

1804}

1805

1806.aft-small-social-menu ul a[href*="vimeo.com"]:after,

1807.social-widget-menu ul a[href*="vimeo.com"]:before {

1808 content: "\f27d";

1809}

1810

1811.aft-small-social-menu ul a[href*="plus.google.com"]:after,

1812.social-widget-menu ul a[href*="plus.google.com"]:before {

1813 content: "\f0d5";

1814}

1815

1816.aft-small-social-menu ul a[href*="pinterest.com"]:after,

1817.social-widget-menu ul a[href*="pinterest.com"]:before {

1818 content: "\f0d2";

1819}

1820

1821.aft-small-social-menu ul a[href*="tumblr.com"]:after,

1822.social-widget-menu ul a[href*="tumblr.com"]:before {

1823 content: "\f173";

1824}

1825

1826.aft-small-social-menu ul a[href*="wordpress.org"]:after,

1827.social-widget-menu ul a[href*="wordpress.org"]:before,

1828.aft-small-social-menu ul a[href*="wordpress.com"]:after,

1829.social-widget-menu ul a[href*="wordpress.com"]:before {

1830 content: "\f19a";

1831}

1832

1833.aft-small-social-menu ul a[href*="whatsapp.com"]:after,

1834.social-widget-menu ul a[href*="whatsapp.com"]:before {

1835 content: "\f232";

1836}

1837

1838.aft-small-social-menu ul a[href*="reddit.com"]:after,

1839.social-widget-menu ul a[href*="reddit.com"]:before {

1840 content: "\f281";

1841}

1842

1843.aft-small-social-menu ul a[href*="t.me"]:after,

1844.social-widget-menu ul a[href*="t.me"]:before {

1845 content: "\f2c6";

1846}

1847

1848.aft-small-social-menu ul a[href*="ok.ru"]:after,

1849.social-widget-menu ul a[href*="ok.ru"]:before {

1850 content: "\f263";

1851}

1852

1853.aft-small-social-menu ul a[href*="wechat.com"]:after,

1854.social-widget-menu ul a[href*="wechat.com"]:before {

1855 content: "\f1d7";

1856}

1857

1858.aft-small-social-menu ul a[href*="weibo.com"]:after,

1859.social-widget-menu ul a[href*="weibo.com"]:before {

1860 content: "\f18a";

1861}

1862

1863.aft-small-social-menu ul a[href*="github.com"]:after,

1864.social-widget-menu ul a[href*="github.com"]:before {

1865 content: "\f09b";

1866}

1867

1868.aft-small-social-menu ul a[href*="soundcloud.com"]:after,

1869.social-widget-menu ul a[href*="soundcloud.com"]:before {

1870 content: "\f1be";

1871}

1872

1873.aft-small-social-menu ul a[href*="behance.net"]:after,

1874.social-widget-menu ul a[href*="behance.net"]:before {

1875 content: "\f1b4";

1876}

1877

1878.aft-small-social-menu ul a[href*="quora.com"]:after,

1879.social-widget-menu ul a[href*="quora.com"]:before {

1880 content: "\f2c4";

1881}

1882

1883.aft-small-social-menu ul a[href*="yahoo.com"]:after,

1884.social-widget-menu ul a[href*="yahoo.com"]:before {

1885 content: "\f19e";

1886}

1887

1888.aft-small-social-menu ul a[href*="spotify.com"]:after,

1889.social-widget-menu ul a[href*="spotify.com"]:before {

1890 content: "\f1bc";

1891}

1892

1893footer .aft-small-social-menu ul li a,

1894header .top-header .aft-small-social-menu ul li a{

1895 color: #fff ;

1896 background-color: rgba(255,255,255,.075);

1897 line-height: 28px;

1898}

1899

1900body .chromenews-header .aft-small-social-menu ul li a:hover,

1901footer .aft-small-social-menu ul li a:hover{

1902 color: #fff;

1903}

1904

1905

1906/*--------------------------------------------------------------

1907## Social Menu

1908--------------------------------------------------------------*/

1909/*--------------------------------------------------------------

1910## Menus

1911--------------------------------------------------------------*/

1912

1913/*--------------------------------------------------------------

1914# Navigation

1915--------------------------------------------------------------*/

1916.chromenews-header .top-header {

1917 background-color: #202020;

1918 padding: 10px 0;

1919 color: #fff;

1920}

1921

1922.top-bar-flex {

1923

display: flex;

1924 align-items: center;

1925 position: relative;

1926 min-height: 30px;

1927}

1928

1929.top-bar-flex .top-bar-left {

1930

display: flex;

1931 align-items: center;

1932}

1933

1934.top-bar-flex .top-bar-right{

1935 text-align: right;

1936

display: flex;

1937 align-items: center;

1938 justify-content: flex-end;

1939}

1940

1941.off-cancas-panel {

1942 line-height: 1;

1943}

1944

1945.offcanvas {

1946 display: inline-block;

1947 vertical-align: middle;

1948}

1949

1950.offcanvas-nav{display: inline-block;outline-offset: 2px;}

1951

1952.offcanvas-nav:focus-within:not(:hover) {

1953 outline: 1px dotted #fff;

1954 outline-offset: 2px;

1955}

1956

1957.offcanvas-menu {

1958 position: relative;

1959 overflow: hidden;

1960 width: 24px;

1961 height: 17px;

1962 margin: 0 auto;

1963}

1964

1965.offcanvas-menu span {

1966 position: absolute;

1967 display: inline-block;

1968 width: 100%;

1969 left: 0;

1970 border-radius: 10px;

1971 height: 3px;

1972 background-color: #fff;

1973 border-color: #fff;

1974 transition: 0.075s all ease-in;

1975}

1976

1977.af-on-right .offcanvas .offcanvas-menu span {

1978 left: inherit;

1979 right: 0;

1980}

1981

1982.offcanvas-menu span.mbtn-mid {

1983 top: 50%;

1984 margin-top: -1.5px;

1985}

1986

1987.offcanvas-menu span.mbtn-top {

1988 width: 85%;

1989}

1990

1991.offcanvas-menu span.mbtn-bot {

1992 bottom: 0;

1993 width: 60%;

1994 transition-delay: 90ms;

1995}

1996

1997#sidr{

1998 background: #fff;

1999 display: block;

2000 position: fixed;

2001 top: 0;

2002 height: 100%;

2003 z-index: 999999;

2004 overflow-x: hidden;

2005 overflow-y: auto;

2006 width: 100%;

2007 max-width: 380px;

2008 visibility: hidden;

2009 opacity: 0;

2010}

2011

2012.sidr.left{

2013 left: -380px;

2014}

2015

2016body.sidr-open #sidr{

2017 visibility: visible;

2018 opacity: 1;

2019}

2020

2021

2022.offcanvas:hover .offcanvas-menu span.mbtn-top,

2023.offcanvas:hover .offcanvas-menu span.mbtn-bot{

2024 width: 100%;

2025}

2026

2027.date-bar-left {

2028 line-height: 1;

2029 color: #fff;

2030 font-weight: 700;

2031

font-size: 14px;

2032}

2033

2034

2035

2036

2037.read-img a.aft-post-image-link{

2038 position: absolute;

2039 top: 0;

2040 left: 0;

2041 width: 100%;

2042 height: 100%;

2043 font-size: 0;

2044 z-index: 1;

2045}

2046

2047

2048/*search*/

2049.af-search-wrap {

2050 width: 25px;

2051 position: relative;

2052 display: inline-block;

2053 text-align: center;

2054}

2055

2056

2057.search-icon {

2058 display: block;

2059 line-height: 38px;

2060

font-size: 14px;

2061 color: #fff;

2062 font-weight: 700;

2063 text-align: center;

2064 outline: 0;

2065}

2066

2067

2068.search-icon:visited,

2069.search-icon:hover,

2070.search-icon:focus,

2071.search-icon:active {

2072 outline: 0;

2073 color: #fff;

2074}

2075

2076

2077.search-icon:focus:not(:hover),

2078.search-icon:focus-within:not(:hover) {

2079 outline: 1px dotted;

2080}

2081

2082

2083.af-search-form {

2084 background: #fff;

2085 position: absolute;

2086 right: 0;

2087 top: 120%;

2088 width: 325px;

2089 text-align: left;

2090 visibility: hidden;

2091 filter:

alpha(opacity=0);

2092 opacity: 0;

2093 margin: 0 auto;

2094 margin-top: 1px;

2095 padding: 14px;

2096 z-index: 99;

2097 border-radius: 0px;

2098 -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

2099 -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

2100 -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

2101 -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

2102 transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s;

2103 -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);

2104 -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);

2105 -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);

2106 -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);

2107 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);

2108}

2109

2110

2111.search-overlay.reveal-search .af-search-form {

2112 visibility: visible;

2113 filter:

alpha(opacity=1);

2114 opacity: 1;

2115 z-index: 999;

2116 top: 100%;

2117 -webkit-transition: opacity 0.4s, top 0.4s;

2118 -moz-transition: opacity 0.4s, top 0.4s;

2119 -ms-transition: opacity 0.4s, top 0.4s;

2120 -o-transition: opacity 0.4s, top 0.4s;

2121 transition: opacity 0.4s, top 0.4s;

2122}

2123

2124

2125.search-form label {

2126 width: 75%;

2127 float: left;

2128 margin-bottom: 0;

2129}

2130

2131

2132input.search-field {

2133 float: none;

2134 width: 100%;

2135 padding: 0 14px;

2136 height: 38px;

2137 -moz-box-sizing: border-box;

2138 box-sizing: border-box;

2139 /* background: #fafafa; */

2140 border: 1px solid rgba(0,0,0,.15);

2141 font-size: 16px;

2142 border-radius: 0;

2143 font-weight: normal;

2144}

2145

2146.wp-block-search .wp-block-search__button:focus:not(:hover),

2147.wp-block-search .wp-block-search__input:focus:not(:hover),

2148.mc4wp-form-fields input[type="email"]:focus:not(:hover),

2149input.search-field:focus:not(:hover){

2150 outline: 1px dotted ;

2151 outline-offset: -2px;

2152}

2153

2154

2155.aft-dark-mode .wp-post-author-meta a,

2156.aft-dark-mode .wp-post-author-meta a:visited,

2157.aft-dark-mode .posts-author a,

2158.aft-dark-mode .posts-author a:visited{

2159 color: #fff;

2160}

2161

2162.chromenews-widget select {

2163 width: 100%;

2164 height: 38px;

2165 line-height: 38px;

2166 display: block;

2167 position: relative;

2168 cursor: pointer;

2169}

2170

2171/* .site-footer .chromenews-widget select, */

2172body.aft-dark-mode .chromenews-widget select {

2173 background: rgba(255,255,255,.1);

2174 border-color: rgba(255,255,255,.1);

2175 color: #fff;

2176}

2177

2178/* .site-footer .chromenews-widget select option, */

2179body.aft-dark-mode .chromenews-widget select option {

2180 background: rgba(0,0,0,.5);

2181}

2182

2183.chromenews-widget .mc4wp-form-fields {

2184 position: relative;

2185}

2186

2187.woocommerce-product-search {

2188

display: flex;

2189}

2190

2191.widget_product_search input.search-field button[type="submit"],

2192.chromenews-widget .mc4wp-form-fields input[type="submit"] {

2193 position: absolute;

2194 right: 0;

2195 top: 0;

2196 width: 25%;

2197}

2198

2199.chromenews-widget .mc4wp-form-fields input[type="submit"]{

2200 padding: 0 10px;

2201

font-size: 13px;

2202 line-height: 37px;

2203}

2204

2205.widget_product_search input.search-field ,

2206.chromenews-widget .mc4wp-form-fields input[type="email"] {

2207 width: 75%;

2208 padding: 0 15px;

2209 font-weight: 400;

2210}

2211

2212.chromenews-widget .mc4wp-form-fields input[type="email"] {

2213

font-size: 13px;

2214}

2215

2216.widget_product_search input.search-field {

2217 font-size: 16px;

2218}

2219

2220body.aft-dark-mode .inner-suscribe input,

2221body.aft-dark-mode .chromenews-widget .mc4wp-form-fields input[type="email"],

2222body.aft-dark-mode .widget input.search-field{

2223 background-color: rgba(255,255,255,.1);

2224 border: none;

2225}

2226

2227body.aft-dark-mode .inner-suscribe input::placeholder,

2228body.aft-dark-mode .chromenews-widget .mc4wp-form-fields input[type="email"]::placeholder,

2229body.aft-dark-mode .widget input.search-field::placeholder {

2230 color:rgba(255,255,255,.75);

2231}

2232

2233

2234.woocommerce-product-search button[type="submit"]{

2235 background: #ffcc00;

2236 border: 1px solid #ffcc00;

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

2238 color: #fff;

2239 padding: 0px;

2240 height: 38px;

2241

font-size: 13px;

2242 width: 25%;

2243 margin: 0;

2244}

2245

2246input.search-submit {

2247 border: 1px solid #ffcc00;

2248 border-radius: 0px;

2249 padding: 0px;

2250 height: 38px;

2251

font-size: 13px;

2252 width: 25%;

2253 margin: 0;

2254}

2255

2256

2257.af-header-image.data-bg{

2258 position: relative;

2259 background-size: cover;

2260 background-position: center;

2261 background-repeat: no-repeat;

2262}

2263

2264.af-header-image.data-bg:before{

2265 position: absolute;

2266 content: '';

2267 top: 0;

2268 left: 0;

2269 height: 100%;

2270 width: 100%;

2271 background: #000;

2272

opacity: 75%;

2273}

2274

2275.af-header-image.data-bg > div{position: relative;}

2276

2277

2278.header-image-default .af-header-image.data-bg {

2279 padding: 45px 0;

2280}

2281

2282

2283.header-image-full .af-header-image.data-bg {

2284 background-size: contain;

2285 background-color: transparent;

2286 padding: 65px 0;

2287}

2288

2289.header-layout-3 .site-header .site-branding .site-title,

2290.site-branding .site-title {

2291 font-size: 48px;

2292}

2293

2294.site-branding .site-title {

2295 margin: 0;

2296 line-height: 1;

2297}

2298

2299.site-branding.uppercase-site-title .site-description,

2300.site-branding.uppercase-site-title .site-title {

2301 text-transform: uppercase;

2302}

2303

2304.chromenews-header .bottom-bar-flex {

2305

display: flex;

2306 justify-content: space-between;

2307 align-items: center;

2308 justify-content: flex-start;

2309}

2310

2311div.custom-menu-link{

2312

display: flex;

2313}

2314

2315div.custom-menu-link > a {

2316 background: #ffcc00 ;

2317 padding: 0 10px 0 0;

2318 color: #000000;

2319

font-size: 14px;

2320 font-weight: 700;

2321

display: flex;

2322 align-items: center;

2323 text-transform: uppercase;

2324}

2325

2326

2327div.custom-menu-link i {

2328

font-size: 14px;

2329 height: 14px;

2330 width: 20px;

2331}

2332

2333/*==========header-layout-side=============*/

2334

2335.header-layout-side .af-middle-header {

2336 padding: 20px 0;

2337}

2338

2339.chromenews-header.header-layout-side .bottom-bar-flex > div{

2340

display: flex;

2341 align-items: center;

2342}

2343

2344.chromenews-header.header-layout-side .bottom-bar-flex > div #aft-dark-light-mode-wrap {

2345 margin-right: 15px;

2346}

2347

2348.header-layout-side .off-cancas-panel{

2349

display: flex;

2350 align-items: center;

2351}

2352

2353.chromenews-header.header-layout-side .search-watch .af-search-wrap{

2354 margin-right: 10px;

2355

display: flex;

2356 align-items: center;

2357}

2358

2359.chromenews-header.header-layout-side .search-watch div.custom-menu-link > a {

2360 background: #ffcc00 ;

2361 text-transform: uppercase;

2362}

2363

2364/*==========header-layout-side=============*/

2365/*==========header-layout-compressed-full=============*/

2366

2367.chromenews-header .bottom-pos-rel{position: relative;}

2368

2369

2370.header-layout-compressed-full .logo{padding: 20px 0;}

2371

2372.header-layout-compressed-full .logo .site-title{

2373 margin: 0;

2374}

2375

2376.logo .site-description{margin-bottom: 0;}

2377

2378.chromenews-header .af-boxed .bottom-bar-up {

2379 position: absolute;

2380 top: -60px;

2381 left: 0;

2382 z-index: 99999;

2383 width: 100%;

2384 background-color: #fff;

2385}

2386

2387

2388.header-layout-compressed-full .bottom-nav {

2389

display: flex;

2390 align-items: center;

2391 padding: 20px 10px;

2392}

2393

2394.header-layout-compressed-full .header-promotion {

2395 padding-bottom: 20px;

2396}

2397

2398.header-layout-compressed-full .aft-hide-on-mobile.aft-search-compress {

2399

display: flex;

2400 align-items: center;

2401 margin-left: auto;

2402}

2403

2404

2405.chromenews-header .main-navigation .menu-desktop .menu-mobile > li {

2406 display: block;

2407}

2408

2409.header-layout-compressed-full .main-navigation .menu-desktop > ul > li > a{position: relative;opacity: 1;}

2410

2411.header-layout-compressed-full .main-navigation .menu-desktop > ul > li:hover > a,

2412.header-layout-compressed-full .main-navigation .menu-desktop > ul > li.current-menu-item > a{opacity: 1;}

2413

2414

2415.chromenews-header.header-layout-centered .top-bar-right div.custom-menu-link > a ,

2416.chromenews-header.header-layout-compressed-full .top-bar-right div.custom-menu-link > a {

2417 background: #ffcc00 ;

2418 text-transform: uppercase;

2419 text-align: left;

2420}

2421

2422.header-layout-compressed-full .top-bar-flex .aft-hide-on-mobile {

2423 margin-left: 4px;

2424}

2425

2426

2427@media (min-width: 993px){

2428 .header-layout-compressed-full .menu-desktop > ul.menu ,

2429 .header-layout-compressed-full ul.menu-desktop {

2430

display: flex;

2431 flex-wrap: wrap;

2432 justify-content: flex-start;

2433 }

2434

2435 .header-layout-compressed-full ul.menu-desktop {

2436 padding: 0 20px;

2437 }

2438

2439}

2440

2441/*==========header-layout-compressed-full=============*/

2442/*==========header-layout-compressed-centered nav bottom=============*/

2443.header-layout-centered .offcanvas-navigaiton{

2444

display: flex;

2445 /* justify-content: space-between; */

2446}

2447

2448.header-layout-centered .mid-header-wrapper{

2449 padding: 20px 0;

2450}

2451

2452.header-layout-centered .mid-bar-flex {

2453

display: flex;

2454 justify-content: center;

2455}

2456

2457.header-layout-centered .search-watch,

2458.header-layout-centered .search-watch,

2459.header-layout-centered .af-search-mid,

2460.header-layout-centered .off-cancas-panel{

2461

display: flex;

2462 align-items: center;

2463}

2464

2465.header-layout-side .search-watch,

2466.header-layout-centered .search-watch {

2467 margin-left: auto;

2468}

2469

2470.header-layout-centered .search-watch .af-search-wrap {

2471 margin-right: 10px;

2472 margin-left: 10px;

2473}

2474

2475.header-layout-compressed-full .search-watch .af-search-wrap {

2476 margin-left: 10px;

2477}

2478

2479.header-layout-compressed-full .off-cancas-panel,

2480.header-layout-side .off-cancas-panel,

2481.header-layout-centered .off-cancas-panel{

2482 margin-right: 20px;

2483}

2484

2485

2486.header-layout-side .logo,

2487.header-layout-centered .logo{

2488 padding: 10px 0;

2489 text-align: center;

2490}

2491

2492.header-layout-centered .bottom-nav{position: relative;}

2493

2494

2495.header-layout-centered .aft-small-social-menu{

2496 display: inline-block;

2497 padding: 0;

2498 margin-left: 4px;

2499}

2500

2501@media screen and (max-width: 992px) {

2502 .header-layout-centered .offcanvas-navigaiton{

2503 justify-content: space-between;

2504 width: 100%;

2505 }

2506

2507 .header-layout-centered .offcanvas-navigaiton #sidr + .navigation-container{

2508 margin-left: auto;

2509 }

2510

2511 .header-layout-side .search-watch,

2512 .header-layout-centered .search-watch {

2513 margin-left: 0;

2514 }

2515

2516}

2517

2518/*==========header-layout-compressed-centered nav bottom=============*/

2519/*==========header-layout-with advertisement=============*/

2520

2521div#main-navigation-bar {

2522 background: #003bb3;

2523}

2524

2525

2526.header-layout-side .af-bottom-head-nav ,

2527.header-layout-side .af-middle-container{

2528

display: flex;

2529 justify-content: space-between;

2530 align-items: center;

2531}

2532

2533.header-layout-side .af-middle-container .logo{padding: 0 10px 0 0; width: 40%;text-align: left;}

2534

2535.header-layout-side .af-middle-container .header-promotion{padding: 10px;padding-right: 0;}

2536

2537

2538.below-banner-advertisment-section .banner-promotions-wrapper:nth-last-child(2) ,

2539.header-promotion .banner-promotions-wrapper:nth-last-child(2) {

2540 margin-bottom: 10px;

2541}

2542

2543

2544.header-layout-side .af-bottom-header{

2545 position: relative;

2546}

2547

2548.header-layout-centered .header-promotion{text-align: center;}

2549

2550@media only screen and (max-width: 990px) {

2551 .header-layout-side .af-middle-container{

2552 flex-wrap: wrap;

2553 justify-content: center;

2554 }

2555

2556 .header-layout-side .af-middle-container .logo{padding-right: 0; width: 100%;text-align: center;}

2557

2558 .header-layout-side .af-middle-container .header-promotion{

2559 padding: 20px 0 0;

2560 }

2561

2562}

2563

2564/*==========header-layout-with advertisement=============*/

2565/*==========header-layout-compressed=============*/

2566.header-layout-compressed{

2567 background-color: #fff;

2568}

2569

2570.header-layout-compressed .compress-bar-flex{

2571

display: flex;

2572 justify-content: space-between;

2573}

2574

2575.header-layout-compressed .offcanvas,

2576.header-layout-compressed .off-cancas-panel,

2577.header-layout-compressed .compress-bar-right,

2578.header-layout-compressed .af-search-wrap,

2579.header-layout-compressed .compress-bar-left{

2580

display: flex;

2581}

2582

2583.header-layout-compressed .af-search-wrap{justify-content: center;}

2584

2585

2586.header-layout-compressed .compress-bar-nav{

2587

display: flex;

2588 margin-right: 15px;

2589}

2590

2591.header-layout-compressed .offcanvas,

2592.header-layout-compressed .compress-bar-right,

2593.header-layout-compressed .af-search-wrap,

2594.header-layout-compressed .main-navigation .menu-desktop > li,

2595.header-layout-compressed .main-navigation .menu-desktop > ul > li,

2596.header-layout-compressed.header-layout-compressed-centered .compress-bar-nav{

2597 align-items: center;

2598}

2599

2600.header-layout-compressed .compress-bar-mid .date-bar-mid{

2601 color: #fff;

2602 line-height: normal;

2603}

2604

2605

2606.header-layout-compressed-full + section.aft-main-banner-section .header-promotion {

2607 padding: 20px 0 0;

2608}

2609

2610

2611.header-layout-compressed:not(.header-layout-compressed-centered) .menu-desktop,

2612.header-layout-compressed:not(.header-layout-compressed-centered) nav.main-navigation,

2613.header-layout-compressed:not(.header-layout-compressed-centered) .main-navigation > .menu,

2614.header-layout-compressed:not(.header-layout-compressed-centered) .compress-bar-nav .navigation-container{

display: flex;}

2615

2616

2617.header-layout-compressed .offcanvas-menu span{

2618 background-color: #000;

2619}