/*!
Theme Name:   News Express Pro
Theme URI:    https://preview.mysterythemes.com/news-express-pro/
Author:       Mystery Themes
Author URI:   https://mysterythemes.com/
Description:  News Express Pro is the advanced version of the popular News Express theme, designed for professional news portals, online magazines, and high-traffic blogs. It unlocks powerful premium features such as advanced typography settings, 15+ preloaders, and an enhanced scroll-to-top option for a modern user experience. With unlimited news blocks on the front page, extended news ticker options, and advanced layouts for archives, single posts, and 404 pages, News Express Pro gives you total control over your site’s design and functionality. Fully compatible with WooCommerce, Gutenberg, and Elementor, this lightweight yet powerful theme helps you build a stunning and engaging publication that stands out. You can check demos here which can be easily imported by the Mystery Themes Demo Importer plugin. Also, You can check Demo here: https://preview.mysterythemes.com/news-express-demos/ & Documentation here: https://docs.mysterythemes.com/news-express/Version:      1.0.0
Version:      1.0.2
Tested up to: 6.8
Requires PHP: 7.2
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Text Domain:  news-express-pro
Tags:         blog, entertainment, news, gird-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

News Express Pro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
   TABLE OF CONTENTS:
  ----------------------------------------------------------------
  # Normalize
  # Typography
  # Elements
  # Forms
  # Navigation
  ## Links
  ## Menus
  # Accessibility
  # Alignments
  # Clearings
  # Widgets
  # Content
  ## Posts and pages
  ## Comments
  # Infinite scroll
  # Media
  ## Captions
  ## Galleries  
  # Common Css
  # Menu CSS
  # Sidebar layout css
  # Social icon elements 
  ## Social Icon Official Color CSS
  # Search form activate
  # Post article design  css 
  # News-express-single-featured-wrapper css 
  # Navigation css 
  # Archive 
  ## grid css 
  ## List css 
  ## Classic css 
  # Single  Post
  # Search No result Post css 
  # Background animation css 
  # Author admin  css
  # Related  post  css
  # Footer css
  # Error 404 page css
  # Page css
  # Scroll Up  css
  # Trending post and latest post css
  # Author css
  --------------------------------------------------------------*/

  /*--------------------------------------------------------------
  #Normalize
  --------------------------------------------------------------*/

  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  }

  *,
  *:before,
  *:after {
    /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box;
    /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing: border-box;
    /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing: border-box;
  }

  body {
    background: #fff;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  nav,
  section {
    display: block;
  }

  ol,
  ul,li {
    list-style: none;
  }

  table {
    border-collapse: separate;
    border-spacing: 0;
  }

  caption,
  th,
  td {
    font-weight: normal;
    text-align: left;
  }

  blockquote::before,
  q::before {
    content: "\f10d";
    font-family: "FontAwesome";
    position: absolute;
    left: -20px;
    top: -10px;
  }

  blockquote:after,
  q:after {
    content: "\f10e";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    bottom: -10px;
  }

  blockquote,
  q {
    quotes: """";
    position: relative;
  }

  blockquote cite {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
  }

  blockquote cite::before {
    content: "-";
    margin-right: 10px;
  }

  a:focus {
    outline: 0;
  }

  a:hover,
  a:active {
    outline: 0;
  }

  a img {
    border: 0;
  }

  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

  /* Document
    ========================================================================== */

  /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
  html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }

  /* Sections
    ========================================================================== */

  /**
  * Remove the margin in all browsers.
  */
  body {
    margin: 0;
  }

  /**
  * Render the `main` element consistently in IE.
  */
  main {
    display: block;
  }

  /**
  * Correct the font size and margin on `h1` elements within `section` and
  * `article` contexts in Chrome, Firefox, and Safari.
  */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /* Grouping content
    ========================================================================== */

  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }

  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  /* Text-level semantics
    ========================================================================== */

  /**
  * Remove the gray background on active links in IE 10.
  */
  a {
    background-color: transparent;
  }

  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
  }

  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  b,
  strong {
    font-weight: bolder;
  }

  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  /**
  * Add the correct font size in all browsers.
  */
  small {
    font-size: 80%;
  }

  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /* Embedded content
    ========================================================================== */

  /**
  * Remove the border on images inside links in IE 10.
  */
  img {
    border-style: none;
  }

  /* Forms
    ========================================================================== */

  /**
  * 1. Change the font styles in all browsers.
  * 2. Remove the margin in Firefox and Safari.
  */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }

  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  button,
  input {
    overflow: visible;
  }

  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  button,
  select {
    text-transform: none;
  }

  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  /**
  * Remove the inner border and padding in Firefox.
  */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

  /**
  * Restore the focus styles unset by the previous rule.
  */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

  /**
  * Correct the padding in Firefox.
  */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }

  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  progress {
    vertical-align: baseline;
  }

  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  textarea {
    overflow: auto;
  }

  /**
  * 1. Add the correct box sizing in IE 10.
  * 2. Remove the padding in IE 10.
  */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }

  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
  * 1. Correct the odd appearance in Chrome and Safari.
  * 2. Correct the outline style in Safari.
  */
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }

  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }

  /* Interactive
    ========================================================================== */

  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  details {
    display: block;
  }

  /*
  * Add the correct display in all browsers.
  */
  summary {
    display: list-item;
  }

  /* Misc
    ========================================================================== */

  /**
  * Add the correct display in IE 10+.
  */
  template {
    display: none;
  }

  /**
  * Add the correct display in IE 10.
  */
  [hidden] {
    display: none;
  }

  /* Box sizing
  --------------------------------------------- */

  /* Inherit box-sizing to more easily change it's value on a component level.
  @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }

  html {
    box-sizing: border-box;
  }

  /*--------------------------------------------------------------
  # Base
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
      Typography
      --------------------------------------------------------------*/
  body,
  button,
  input,
  select,
  textarea {
    color: #3b3b3b;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    clear: both;
    font-weight: normal;
    font-family: "Nunito", sans-serif;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #3d3d3d;
    font-weight: 700;
  }

  p {
    margin-bottom: 10px;
  }

  b,
  strong {
    font-weight: bold;
  }

  dfn,
  cite,
  em,
  i {
    font-style: italic;
  }

  blockquote {
    margin: 0 20px;
    font-size: 20px;
    font-style: italic;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
  }

  address {
    margin: 0 0 15px;
  }

  pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }

  code,
  kbd,
  tt,
  var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  }

  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }

  mark,
  ins {
    background: #fff9c0;
    text-decoration: none;
  }

  sup,
  sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    bottom: 1ex;
  }

  sub {
    top: 0.5ex;
  }

  small {
    font-size: 75%;
  }

  big {
    font-size: 125%;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }


  /*--------------------------------------------------------------
  # Elements
  --------------------------------------------------------------*/
  html {
  box-sizing: border-box;
  }

  *,
  *:before,
  *:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
  }

  body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  }
  /*--------------------------------------------------------------
    Elements
    --------------------------------------------------------------*/
    hr {
      background-color: #ccc;
      border: 0;
      height: 1px;
      margin-bottom: 15px;
    }

    ul {
      list-style: disc;
    }
    
    ol {
      list-style: decimal;
    }
    
    li>ul,
    li>ol {
      margin-bottom: 0;
      margin-left: 15px;
    }
    
    dt {
      font-weight: bold;
    }
    
    dd {
      margin: 0 15px 15px;
    }
    
    img {
      height: 100%;
      /* Make sure images are scaled correctly. */
      max-width: 100%;
      object-fit: cover;
      /* Adhere to container width. */
      vertical-align: middle;
      width: 100%;
    }
    
    figure {
      margin: 0;
    }
    
    table {
      margin: 0 0 15px;
      width: 100%;
      border-collapse: collapse;
    }
    
    th {
      font-weight: bold;
      border: 1px solid #ccc;
      padding: 5px 10px;
    }
    
    td {
      border: 1px solid #ccc;
      padding: 5px 10px;
    }

  /*--------------------------------------------------------------
  # Forms
  --------------------------------------------------------------*/
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  }

  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  }

  button:active,
  button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  }

  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  }

  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
  color: #111;
  outline: 1px solid #e1e1e1;
  box-shadow: 0 0 5px rgb(0, 0, 0, 0.2);
  }

  select {
  border: 1px solid #ccc;
  }

  textarea {
  width: 100%;
  }

  .fas{
  font-family: 'font-awesome';
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  }

  /*--------------------------------------------------------------
  # Navigation
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  ## Links
  --------------------------------------------------------------*/
  a {
  color: #484747;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  }

  a:hover,
  a:focus,
  a:active {
  color: midnightblue;
  }

  a:focus {
  outline: thin dotted;
  }

  a:hover,
  a:active {
  outline: 0;
  }
  /* Forms
  --------------------------------------------- */
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  }

  .form-submit .submit{
    color: #000;
    background-color: #fff;
    font-size: 13px;
    padding: 5px 11px;
    line-height: 1.3;
  }

  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  }

  button:active,
  button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  }

  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 20px 0px 0px 20px;
  padding: 3px;
  width: 100%;
  box-shadow: 0 0 3px rgb(5 5 5 / 19%);
  }

  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
  color: #111;
  }

.post-edit-link:focus{
	background-color:#fff;
}

  select {
  border: 1px solid #ccc;
  }

  textarea {
  width: 100%;
  }

  /*--------------------------------------------------------------
  ## Menus
  --------------------------------------------------------------*/

  .site-main .comment-navigation,
  .site-main .posts-navigation,
  .site-main .post-navigation {
  margin: 50px 0 1.5em;
  overflow: hidden;
  }

  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous {
  float: left;
  width: 48%;
  text-align: left;
  }

  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 48%;
  }

  .nav-subtitle{
    font-weight:600;
  }


  /*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/


  /* Text meant only for screen readers. */

  .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }

  .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
  }


  /* Do not show the outline on the skip link target. */

  #content[tabindex="-1"]:focus {
  outline: 0;
  }


  /*--------------------------------------------------------------
  # Alignments
  --------------------------------------------------------------*/

  .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  }

  .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  }

  .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
  }


 /*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.news-express-clearfix:before,
.news-express-clearfix:after,
.row:before,
.row:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.news-express-clearfix:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.clear {
  clear: both;
}

  /*--------------------------------------------------------------
  # Widgets
  --------------------------------------------------------------*/

  .widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
  }

  .widget select {
  max-width: 100%;
  }

  .footer-widgets-wrapper .news-express-social-icon-wrap,
  .widget-area .news-express-social-icon-wrap {
    float: none;
  }

  /*--------------------------------------------------------------
  Default widget css
  --------------------------------------------------------------*/
  .widget_archive ul,
  .widget_categories ul,
  .widget_recent_entries ul,
  .widget_meta ul,
  .widget_recent_comments ul,
  .widget_rss ul,
  .widget_pages ul,
  .widget_nav_menu ul,
  .wp-block-latest-posts,
  .wp-block-archives,
  .wp-block-categories,
  .wp-block-page-list,
  .wp-block-latest-comments {
  list-style: outside none none;
  margin: 0;
  }

  .wp-block-page-list ul {
  list-style: outside none none;
  }

  .widget_archive li,
  .widget_categories li,
  .widget_recent_entries li,
  .widget_meta li,
  .widget_recent_comments li,
  .widget_rss li,
  .widget_pages li,
  .widget_nav_menu li,
  .wp-block-latest-posts li,
  .wp-block-archives li,
  .wp-block-categories li,
  .wp-block-page-list li,
  .wp-block-latest-comments li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 5px;
  padding-bottom: 5px;
  }

  .widget_archive li:last-child,
  .widget_categories li:last-child,
  .widget_recent_entries li:last-child,
  .widget_meta li:last-child,
  .widget_recent_comments li:last-child,
  .widget_rss li:last-child,
  .widget_pages li:last-child,
  .widget_nav_menu li:last-child,
  .wp-block-latest-posts li:last-child,
  .wp-block-archives li:last-child,
  .wp-block-categories li:last-child,
  .wp-block-page-list li:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
  }

  .widget_archive a,
  .widget_categories a,
  .widget_recent_entries a,
  .widget_meta a,
  .widget_recent_comments li,
  .widget_rss li,
  .widget_pages li a,
  .widget_nav_menu li a,
  .wp-block-latest-posts li a,
  .wp-block-archives li a,
  .wp-block-categories li a,
  .wp-block-page-list li a,
  .wp-block-latest-comments li {
  color: #333333;
  font-size: 14px;
  line-height: 32px;
  padding-left: 30px;
  position: relative;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: inline-block;
  }

  .widget a:hover,
  .widget a:hover::before,
  .widget li:hover::before,
  .site-info .widget a:hover {
  color: #960505;
  }

  .widget_archive a::before,
  .widget_categories a::before,
  .widget_recent_entries a::before,
  .widget_meta a::before,
  .widget_recent_comments li::before,
  .widget_rss li:before,
  .widget_pages li a:before,
  .widget_nav_menu li a:before,
  .wp-block-latest-posts li a:before,
  .wp-block-archives li a:before,
  .wp-block-categories li a:before,
  .wp-block-page-list li a:before,
  .wp-block-latest-comments li:before {
  color: #afb4bd;
  content: "\f187";
  font-family: "FontAwesome";
  font-size: 18px;
  left: 0;
  position: absolute;
  top: 0px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  }

  .widget_categories a::before,
  .wp-block-categories li a:before {
    content: "\f07b";
    font-family: "FontAwesome";
  }

  .widget_recent_entries a::before,
  .wp-block-latest-posts li a:before {
    content: "\f04e";
    font-family: "FontAwesome";
  }

  .widget_meta a::before,
  .widget_nav_menu li a:before {
    content: "\f105";
    font-family: "FontAwesome";
  }

  .widget_recent_comments li::before,
  .wp-block-latest-comments li:before {
    content: "\f086";
    font-family: "FontAwesome";
    top: 0;
  }

  .widget_rss li::before {
    content: "\f09e";
    font-family: "FontAwesome";
    top: 0;
  }

  .widget_pages li a:before,
  .wp-block-page-list li a:before {
    content: "\f1ea";
    font-family: "FontAwesome";
    top: 0;
  }

  .widget_search .search-field {
  width: 75%;
  float: left;
  }

  .widget_search .search-submit {
  height: 36px;
  width: 25%;
  background: #e53935;
  border-color: #e53935;
  color: #fff;
  }

  .widget_recent_entries .post-date {
  color: #8f8f8f;
  display: block;
  font-size: 11px;
  margin-top: -5px;
  padding-left: 24px;
  }

  .widget_nav_menu .sub-menu {
  margin: 10px 0 0 10px;
  }

  .widget_nav_menu li::before {
  top: 0;
  }

  .widget_search::after {
  clear: both;
  content: "";
  display: table;
  }

  .widget_search .search-field {
  width: 75%;
  float: left;
  }

  .widget_search .search-submit,
  .widget_search .search-submit:hover {
  height: 36px;
  width: 25%;
  background: #e53935;
  border-color: #e53935;
  color: #fff;
  padding: 0;
  }

  .widget_tag_cloud .tagcloud a,
  .widget_tag_cloud a {
  color: #909090;
  font-size: 14px !important;
  border: 1px solid #cfcfcf;
  padding: 1px 10px;
  display: inline-block;
  margin: 0 5px 10px 0;
  border-radius: 2px;
  }

  .widget_tag_cloud .tagcloud a:hover,
  .widget.widget_tag_cloud a:hover {
  background: #e53935;
  color: #fff;
  border-color: #e53935;
  }

  .wp-block-search__button {
    background: #333;
    border: none;
    width: 80px;
    font-size: 15px;
    margin: 0;
    border-radius: 0px 20px 20px 0px;
    height: 36px;
    color: #ffffff;
  }

  .widget-area .widget {
  margin: 0 0 40px;
  border-radius:20px;
  }

  .block-title, .wp-block-heading,.widget-title, .related-post-title,.wp-block-search__label {
  font-size: 22px;
  padding: 10px 0px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin: 0;
  }

  .block-title {
  padding: 0px 0px 10px;
  margin:0;
}

.widget-title, .wp-block-heading {
    padding: 0 0px 10px;
}

label.wp-block-search__label {
    padding: 0;
    line-height: 24px;
    letter-spacing: 3px;
    font-weight: 500;
}

  /*--------------------------------------------------------------
  # Content
  --------------------------------------------------------------*/


  /*--------------------------------------------------------------
  Posts and pages
  --------------------------------------------------------------*/
  .sticky {
    display: block;
  }

  .site-title{
    font-size: 30px;
    text-align: center;
  }

  h1.entry-title {
    color: #353535;
    font-weight: 700;
    padding-bottom: 0;
    font-size: 25px;
    text-transform: capitalize;
  }

   .entry-title{
    line-height: 24px;
   }

  .frontpage-block .entry-title a, 
  .slide-title a, .trending-posts .entry-title a,
  .latest-posts-wrapper .posts-column-wrapper .entry-title a,
  .header-news-ticker-wrapper .post-title a , .entry-title a{
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    text-decoration: inherit;
    text-transform: inherit;
    font-size: 22px;
    line-height: 24px;
    color: #212121;
    }

  .frontpage-block .entry-title a {
    font-size: 18px;
    line-height: 24px;
  }

  .hentry {
    margin: 0 0 15px;
  }

  .single .byline,
  .group-blog .byline,
  .posted-on,
  .blog-author,
  .blog-cat ,
  .byline,  .tags-links{
    display: inline;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 500;
    color:#000;
  }

  .entry-cat a {
    font-size: 13px;
  }

  .posted-on a {
    position: relative;
    color: #333;
  }

  .entry-cat .cat-links a,
  .entry-meta a {
    color: #333;
  }

  .byline a {
    color: #333;
  }

  .entry-cat .cat-links a:hover,
  .entry-cat a:hover,
  .byline a:hover,
  .posted-on a:hover,
  .entry-meta span:hover::before {
    color: #960505;
  }

  .cat-links {
    display: inline-block;
  }

  .cat-links:before {
    content: "\f07c";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
  }

  .comments-link {
    float: right;
  }

  .posted-on:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
  }

  .comments-link:before,
  .post-comment:before {
    content: "\f075";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
  }

  .byline:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 5px;
  
  }

  .tags-links:before {
    content: "\23";
    font-family: FontAwesome;
    font-style: normal;
  }

  .page-content,
  .entry-content,
  .entry-summary {
    margin: 15px 0 0;
  }

  .page-content a,
  .entry-content a,
  .entry-summary a {
    text-decoration: underline;
  }

  .page-links {
    clear: both;
    margin: 0 0 15px;
  }

  .edit-link .post-edit-link:before {
    content: "\f040";
    font-family: FontAwesome;
    margin-right: 5px;
  }

  #blog-post article.hentry,
  .search article.hentry,
  .archive article.hentry,
  .tag article.hentry,
  .category article.hentry,
  .blog article.hentry {
    margin-bottom: 40px;
  }

  .blog article.hentry:first-child {
    margin-top: 30px;
  }

  .home article.hentry:first-child {
    margin-top: 0px;
  }

  .updated {
    display: none;
  }

  .published.updated {
    display: inline-block;
  }

  .entry-footer a {
    color: #666666;
  }

  .entry-footer a:hover {
    color: #e53935;
  }

  ul.post-cats-list {
      display: flex;
      gap: 10px;
  }

  

  /*--------------------------------------------------------------
  Comments
  --------------------------------------------------------------*/
  #comments {
    margin-top: 30px;
  }

  .comment-content a {
    word-wrap: break-word;
  }

  .bypostauthor {
    display: block;
  }

  #comments h2.comments-title {
    color: #333;
    display: inline-block;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    margin: 15px 0;
    padding: 8px 15px;
  }

  #comments h3 {
    margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
  }

  #commentform label {
    display: inline-block;
  }

  textarea#comment {
    width: 100%;
    height: 150px;
  }

  .comment-form-cookies-consent label {
    margin-left: 14px;
  }

  /*Comment Lists*/

  .comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .comments-area ol.children {
    margin: 0 0 0 15px;
  }

  .comment-list .comment-body {
    padding: 20px;
    margin-bottom: 20px;
    background: none;
    border: 1px solid #e1e1e1;
    text-align: left;
  }

  .comment-author img {
    vertical-align: text-top;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    padding: 3px;
  }

  .comment-author {
    float: none;
    width: 12%;
  }

  .comment-metadata {
    font-size: 12px;
  }

  .comment-content {
    margin-top: 10px;
  }

  .comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
  }

  .comment-author .fn .url {
    color: #333;
    padding: 0;
    font-size: 16px;
  }

  .comment-author .fn .url:hover {
    color: #960505;
  }

  .comment-author .says {
    display: none;
  }

  .commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
  }

  .comment-metadata a {
    color: #969696;
  }

  .commentmetadata .comment-edit-link {
    color: #e53935;
  }

  .commentmetadata+.clear {
    margin-bottom: 20px;
  }

  .reply .comment-reply-link {
    background: none repeat scroll 0 0 #960505;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
    display: inline-block;
  }

  .reply .comment-reply-link:hover {
    background: none repeat scroll 0 0 #050505;
  }

  #respond {
    padding: 20px;
    margin: 20px 0 0;
    color: #141414;
    border: 1px solid #e1e1e1;
    background: #fafafa;
  }

  #commentform .form-submit {
    margin-bottom: 0;
  }

  #cancel-comment-reply-link {
    font-style: italic;
    color: #960505;
  }

  #cancel-comment-reply-link:before {
    font-family: "FontAwesome";
    content: "\f127";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: #960505;
  }


  .logged-in-as a {
    color: #960505;
  }

  .edit-link a {
    color: #960505;
  }


  /*--------------------------------------------------------------
  # Infinite scroll
  --------------------------------------------------------------*/


  /* Globally hidden elements when Infinite Scroll is supported and in use. */

  .infinite-scroll .posts-navigation,
  .infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
  }


  /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

  .infinity-end.neverending .site-footer {
  display: block;
  }

  #infinite-footer {
  display: none;
  }

  /*--------------------------------------------------------------
  # Media
  --------------------------------------------------------------*/

  .page-content .wp-smiley,
  .entry-content .wp-smiley,
  .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  }


  /* Make sure embeds and iframes fit their containers. */

  embed,
  iframe,
  object {
  max-width: 100%;
  }


  /* Make sure logo link wraps around logo image. */

  .custom-logo-link {
  display: inline-block;
  }

  /*--------------------------------------------------------------
  ## Captions
  --------------------------------------------------------------*/

  .wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
  }

  .wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  .wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  }

  .wp-caption-text {
  text-align: center;
  }


  /*--------------------------------------------------------------
  ## Galleries
  --------------------------------------------------------------*/

  .gallery {
  margin-bottom: 1.5em;
  margin-left: -2%;
  }

  .gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 3%;
  margin-left: 2%;
  }

  .site-main .gallery a img {
  max-width: none;
  width: 100%;
  }

  .gallery-columns-2 .gallery-item {
  max-width: 50%;
  }

  .gallery-columns-3 .gallery-item {
  max-width: 33.33%;
  }

  .gallery-columns-4 .gallery-item {
  max-width: 25%;
  }

  .gallery-columns-5 .gallery-item {
  max-width: 20%;
  }

  .gallery-columns-6 .gallery-item {
  max-width: 16.66%;
  }

  .gallery-columns-7 .gallery-item {
  max-width: 14.28%;
  }

  .gallery-columns-8 .gallery-item {
  max-width: 12.5%;
  }

  .gallery-columns-9 .gallery-item {
  max-width: 11.11%;
  }

  .gallery-caption {
  display: block;
  }

  /*--------------------------------------------------------------
  Sidebar layout css 
  --------------------------------------------------------------*/
  #primary,
  .home.blog #primary , .primary-content-wrapper{
    float: left;
    width: 70%;
  }

  #secondary,
  .home.blog #secondary, .secondary-content-wrapper {
    float: right;
    width: 27%;
  }

  #left-secondary,
  .home.blog #left-secondary {
    float: left;
    width: 27%;
  }

  .home.page-template-template-home #primary,
  .home.page-template-template-home #secondary,
  .error404 #primary {
    float: none;
    width: 100%;
  }

  .left-sidebar #primary,
  .home.left-sidebar #primary {
    float: right;
  }

  .both-sidebar #left-secondary,
  .home.blog.both-sidebar #left-secondary {
    float: left;
    width: 23%;
  }

  .both-sidebar #primary,
  .home.blog.both-sidebar #primary {
    float: left;
    width: 50%;
    margin-left: 2% !important;
  }

  .both-sidebar #secondary,
  .home.blog.both-sidebar #secondary {
    float: right;
    width: 23%;
  }

  .no-sidebar #primary,
  .home.blog.no-sidebar #primary {
    float: none;
    width: 100%;
    margin: 0 auto;
  }

  body.no-sidebar-center #primary,
  body.home.blog.no-sidebar-center #primary {
    float: none;
    width: 80%;
    margin: 30px auto;
  }

  .no-sidebar #secondary,
  .no-sidebar-center #secondary {
    display: none;
  }

  #secondary .widget_media_image img,
  #left-secondary .widget_media_image img {
    width: 100%;
  }

  .home.blog #content #primary article:first-child {
    margin-top: 0;
  }

  .no-thumbnail.sticky {
    padding-top: 70px !important;
  }

  .left-sidebar #secondary {
    display: none;
  }

  .right-sidebar #left-secondary {
    display: none;
  }

  .no-sidebar #secondary,
  .no-sidebar #left-secondary,
  .no-sidebar-center #secondary,
  .no-sidebar-center #left-secondary {
    display: none;
  }

  .primary-content-wrapper .news-express-container{
    width:100%;
  }

  
  /*--------------------------------------------------------------
  COMMON CSS
  --------------------------------------------------------------*/

  body {
    font-weight: 400;
    position: relative;
    font-family: 'Roboto', sans-serif;
    line-height: 1.8;
  }

    .news-express-site-layout--full-width.header-main-layout--two .header-ads-wrapper {
    background: #fff none repeat scroll 0 0;
  }

  .news-express-site-layout--boxed #page {
    width: 1370px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
  }

   .news-express-site-layout--full-width #page {
     background: #fff;
   }

  .news-express-site-layout--boxed {
    background: #f4f4f4;
  }

  .news-express-container {
    width: 1320px;
    margin: 0 auto;
  }

  .news-express-flex{
    display: flex;
    align-items: center;
  }


  .news-express-site-layout--boxed .news-express-container,.news-express-site-layout--boxed .site-logo-wrapper .news-express-grid {
    width: 100%;
    padding: 0 40px;
  }

  .news-express-hide {
    display: none;
  }

  .news-express-grid {
    display: grid;
    grid-template-columns: 50% 50%;
  }

 .post-image.hover-effect--one, .post-image.hover-effect--two {
    overflow: hidden;
}

  .post-image.hover-effect--one:hover img,
  .single-block-post-wrapper:hover .post-image.hover-effect--one img,
  .single-slide-wrap:hover .post-image.hover-effect--one img {
    transform: scale(1.1);
  }

  .news-express-site-layout--separate .frontpage-section .frontpage-block.news-featured-block .block-wrapper, .news-express-site-layout--separate .frontpage-section .frontpage-block.news-grid-block .block-wrapper {
      margin: 0;
      padding-bottom: 0;
  }

  .news-express-site-layout--separate .frontpage-block .block-wrapper,
   .news-express-site-layout--separate .secondary-content-wrapper .widget ,
  .news-express-site-layout--separate #secondary .widget,
  .home.blog.news-express-site-layout--separate #secondary .widget,
  .news-express-site-layout--separate #left-secondary .widget,
  .home.blog.news-express-site-layout--separate #left-secondary .widget{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
    padding:20px;
    margin: 30px 0px;
    border-radius: 20px;
  }

  .news-express-site-layout--separate #primary,
  .home.blog.news-express-site-layout--separate #primary{
    margin:30px 0px;
  }
  

.post-thumbnail-wrap .post-min-read {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgb(102 102 102 / 89%);
    color: #dddcdc;
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

  .post-content-wrap, .news-express-post-content-wrap {
    padding: 10px 0px 0px;
  }

  .post-cats-meta-wrap{
    gap:10px;
    flex-wrap: wrap;
  }

  .frontpage-block, .secondary-content-wrapper .widget {
    margin: 30px 0 0;
  }

  .no-thumbnail .post-thumbnail-wrap .post-min-read{
    position: relative;
    top:0;
    left:0;
  }

  .news-express-content-title, .page-title, .related-post-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 22px;
    letter-spacing: 8px;
    text-transform: uppercase;
}

  .entry-title,
  .page-title,
  .post-title,.wp-block-latest-posts__post-title,
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;       
    overflow-wrap: break-word;  
    white-space: normal;         
    max-width: 100%;           
  }

/*--------------------------------------------------------------
    Header  CSS
  --------------------------------------------------------------*/

  /*--------------------------------------------------------------
  # Top header menu CSS
  --------------------------------------------------------------*/

  #top-header {
    background: #111111;
    padding: 8px 0;
  }

  #top-navigation ul {
    margin: 0;
  }

  #top-navigation ul ul {
    display: none;
  }

  #top-navigation ul li {
    list-style: none;
    margin: 0 10px 0px 0;
    display: inline-block;
  }

  #top-navigation ul li a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
    transition: background-size .40s cubic-bezier(.215, .61, .355, 1);
    background-position: 100% 94%;
    background-size: 0 1px;
  }

  #top-navigation ul li a:hover {
    background-position: 0 94%;
    background-size: 100% 1px;
  }

  #top-navigation .menu-item-description {
    display: none;
  }

  .header-date-wrap {
    margin-left: auto;
    color:#fff;
  }

  #top-header  #top-navigation ul li a  {
    color:#fff;
    font-size: 14px;
    font-weight:400;
  }

 /* --------------------Social Icon css -----------------------*/

 .social-icons-wrapper .social-icon {
    margin-left: 12px;
  }

  .social-icons-wrapper a{
    font-size: 20px;
  }

  .social-icons-wrapper {
    margin-left:auto;
    display: flex;
}

/*--------------------------------------------------------------
  Social Icon layout two Color CSS
  --------------------------------------------------------------*/

  .social-icons-wrapper.icon-layout--two a i{
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius:30px;
  font-size: 16px;
  background-color: #000;
  color:#fff;
  }

  /*--------------------------------------------------------------
  Social Icon Official Color CSS
  --------------------------------------------------------------*/

.icon-color--official .fa-instagram {
  color: #C62828;
}

.icon-color--official .fa-youtube,
.icon-color--official .fa-youtube-play {
  color: #C62828;
}

.icon-color--official .fa-facebook,
.icon-color--official .fa-facebook-circle,
.icon-color--official .fa-facebook-square,
.icon-color--official .fa-facebook-official,
.icon-color--official .fa-twitter-square,
.icon-color--official .fa-skype {
  color: #1da1f2;
}

.icon-color--official .fa-google-plus-circle,
.icon-color--official .fa-google-plus-square,
.icon-color--official .fa-google-plus-official,
.icon-color--official .fa-google-plus {
  color: #db4a39;
}

.icon-color--official .fa-tiktok {
  color: #ee1d52;
}

.icon-color--official .fa-twitter,
.icon-color--official .fa-x-twitter {
  color: #000;
}

.icon-color--official .fa-whatsapp,
.icon-color--official .fa-whatsapp-square {
  color: #25d366;
}

.icon-color--official .fa-airbnb {
  color: #F73659;
}

.icon-color--official .fa-deviantart {
  color: #05cc47;
}

.icon-color--official .fa-linkedin,
.icon-color--official .fa-linkedin-square {
  color: #0a66c2;
}

.icon-color--official .fa-pinterest,
.icon-color--official .fa-pinterest-square,
.icon-color--official .fa-pinterest-alt {
  color: #bd081c;
}

.icon-color--official .fa-adobe {
  color: #DB2219;
}

.icon-color--official .fa-flickr,
.icon-color--official .fa-flickr-square {
  color: #f40083;
}

.icon-color--official .fa-tumblr {
  color: #35465d;
}

.icon-color--official .fa-slack {
  color: #4a154b;
}

.icon-color--official .fa-reddit,
.icon-color--official .fa-reddit-square {
  color: #ff4500;
}

.icon-color--official .fa-messenger {
  color: #913BCC;
}

.icon-color--official .fa-wordpress {
  color: #009BCB;
}

.icon-color--official .fa-weixin {
  color: #09B83E;
}

.icon-color--official .fa-behance {
  color: #0054F7;
}

.icon-color--official .fa-behance-square {
  color: #053eff;
}

.icon-color--official .fa-dribbble {
  color: #ea4c89;
}

.icon-color--official .fa-yahoo {
  color: #6001d2;
}

.icon-color--official .fa-blogger {
  color: #ED7800;
}

.icon-color--official .fa-snapchat,
.icon-color--official .fa-snapchat-ghost,
.icon-color--official .fa-snapchat-square {
  color: #fffc00;
}

.icon-color--official .fa-wix {
  color: #F4B66C;
}

.icon-color--official .fa-meta {
  color: #005ED6;
}

.icon-color--official .fa-baidu {
  color: #2319DC;
}

.icon-color--official .fa-twitch {
  color: #8C45F7;
}

.icon-color--official .fa-discord-alt {
  color: #5562EA;
}

.icon-color--official .fa-vk {
  color: #0072F7;
}

.icon-color--official .fa-trip-advisor {
  color: #31D99C;
}

.icon-color--official .fa-telegram {
  color: #28A4E4;
}

.icon-color--official .fa-quora {
  color: #B32A26;
}

.icon-color--official .fa-ok-ru {
  color: #EF8B27;
}

.icon-color--official .fa-microsoft-teams {
  color: #544FBC;
}

.icon-color--official .fa-foursquare {
  color: #F14572;
}

.icon-color--official .fa-soundcloud {
  color: #F75200;
}

.icon-color--official .fa-vimeo {
  color: #00A8E8;
}

.icon-color--official .fa-digg {
  color: #313131;
}

.icon-color--official .fa-periscope {
  color: #3E9FBE;
}

.icon-color--official .fa-xing {
  color: #005D5B;
}

.icon-color--official .fa-imdb {
  color: #EDBF17;
}

/*--------------------------------------------------------------
  Social Icon Official header Color CSS
  --------------------------------------------------------------*/

 .icon-layout--two.icon-color--official .fa-instagram {
  background-color: #C62828;
}

 .icon-layout--two.icon-color--official.fa-youtube,
 .icon-layout--two.icon-color--official .fa-youtube-play {
  background-color: #C62828;
}

 .icon-layout--two.icon-color--official .fa-facebook,
 .icon-layout--two.icon-color--official .fa-facebook-circle,
 .icon-layout--two.icon-color--official .fa-facebook-square,
 .icon-layout--two.icon-color--official .fa-facebook-official,
 .icon-layout--two.icon-color--official .fa-twitter-square,
 .icon-layout--two.icon-color--official .fa-skype {
  background-color: #1da1f2;
}

 .icon-layout--two.icon-color--official .fa-google-plus-circle,
 .icon-layout--two.icon-color--official .fa-google-plus-square,
 .icon-layout--two.icon-color--official .fa-google-plus-official,
 .icon-layout--two.icon-color--official .fa-google-plus {
  background-color: #db4a39;
}



 .icon-layout--two.icon-color--official .fa-tiktok {
  background-color: #ee1d52;
}

 .icon-layout--two.icon-color--official .fa-twitter ,
 .icon-layout--two.icon-color--official .fa-x-twitter{
  background-color: #000;
}

 .icon-layout--two.icon-color--official .fa-whatsapp,
 .icon-layout--two.icon-color--official .fa-whatsapp-square {
  background-color: #25d366;
}

 .icon-layout--two.icon-color--official .fa-airbnb {
  background-color: #F73659;
}

 .icon-layout--two.icon-color--official .fa-threads {
  background-color: #1e3050;
}

 .icon-layout--two.icon-color--official .fa-deviantart {
  background-color: #05cc47;
}

 .icon-layout--two.icon-color--official .fa-linkedin,
 .icon-layout--two.icon-color--official .fa-linkedin-square {
  background-color: #0a66c2;
}

 .icon-layout--two.icon-color--official .fa-pinterest,
 .icon-layout--two.icon-color--official .fa-pinterest-square,
 .icon-layout--two.icon-color--official .fa-pinterest-alt {
  background-color: #bd081c;
}

 .icon-layout--two.icon-color--official .fa-adobe {
  background-color: #DB2219;
}

 .icon-layout--two.icon-color--official .fa-flickr,
 .icon-layout--two.icon-color--official .fa-flickr-square {
  background-color: #f40083;
}

 .icon-layout--two.icon-color--official .fa-tumblr {
  background-color: #35465d;
}

 .icon-layout--two.icon-color--official .fa-slack {
  background-color: #4a154b;
}

 .icon-layout--two.icon-color--official .fa-reddit,
 .icon-layout--two.icon-color--official .fa-reddit-square {
  background-color: #ff4500;
}

 .icon-layout--two.icon-color--official .fa-messenger, .icon-layout--two.icon-color--official .fa-facebook-messenger {
  background-color: #913BCC;
}

 .icon-layout--two.icon-color--official .fa-wordpress {
  background-color: #009BCB;
}

 .icon-layout--two.icon-color--official .fa-weixin {
  background-color: #09B83E;
}

 .icon-layout--two.icon-color--official .fa-behance {
  background-color: #0054F7;
}

 .icon-layout--two.icon-color--official .fa-behance-square {
  background-color: #053eff;
}

 .icon-layout--two.icon-color--official .fa-dribbble {
  background-color: #ea4c89;
}

 .icon-layout--two.icon-color--official .fa-yahoo {
  background-color: #6001d2;
}

 .icon-layout--two.icon-color--official .fa-blogger {
  background-color: #ED7800;
}

 .icon-layout--two.icon-color--official .fa-snapchat,
 .icon-layout--two.icon-color--official .fa-snapchat-ghost,
 .icon-layout--two.icon-color--official .fa-snapchat-square {
  background-color: #fffc00;
}

 .icon-layout--two.icon-color--official .fa-wix {
  background-color: #F4B66C;
}

 .icon-layout--two.icon-color--official .fa-meta {
  background-color: #005ED6;
}

 .icon-layout--two.icon-color--official .fa-baidu {
  background-color: #2319DC;
}

 .icon-layout--two.icon-color--official .fa-twitch {
  background-color: #8C45F7;
}

 .icon-layout--two.icon-color--official .fa-discord-alt {
  background-color: #5562EA;
}

 .icon-layout--two.icon-color--official .fa-vk {
  background-color: #0072F7;
}

 .icon-layout--two.icon-color--official .fa-trip-advisor {
  background-color: #31D99C;
}

 .icon-layout--two.icon-color--official .fa-telegram {
  background-color: #28A4E4;
}

 .icon-layout--two.icon-color--official .fa-quora {
  background-color: #B32A26;
}

 .icon-layout--two.icon-color--official .fa-ok-ru {
  background-color: #EF8B27;
}

 .icon-layout--two.icon-color--official .fa-microsoft-teams {
  background-color: #544FBC;
}

 .icon-layout--two.icon-color--official .fa-foursquare {
  background-color: #F14572;
}

 .icon-layout--two.icon-color--official .fa-soundcloud {
  background-color: #F75200;
}

 .icon-layout--two.icon-color--official .fa-vimeo {
  background-color: #00A8E8;
}

 .icon-layout--two.icon-color--official .fa-digg {
  background-color: #313131;
}

 .icon-layout--two.icon-color--official .fa-periscope {
  background-color: #3E9FBE;
}

 .icon-layout--two.icon-color--official .fa-xing {
  background-color: #005D5B;
}

 .icon-layout--two.icon-color--official .fa-imdb {
  background-color: #EDBF17;
}

 .icon-layout--two.icon-color--official .social-icons-wrapper a i{
  color:#fff;
}


.social-icons-wrapper.icon-layout--two a {
  padding: 2px 4px 0px;
  display: block;
}

.social-icons-wrapper.icon-layout--two .social-icon {
  margin-left: 5px;
}

/*--------------------------------------------------------------
   Common header CSS
  --------------------------------------------------------------*/

  #header{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
  }

  .site-logo-wrapper .news-express-grid {
    grid-template-columns: 20% 60% 20%;
    align-items: center;
    padding: 20px 0px 20px;
  }

 .news-express-menu-toogle{
    display: none;
  }

  .bottom-header-wrapper .sidebar-menu-toggle-wrap {
    width:4%;
  }

  .bottom-header-wrapper .np-icon-elements {
    width:5%;
  }

  .bottom-header-wrapper .main-navigation{
    width:76%;
  }

  .bottom-header-wrapper .header-search-wrapper{
    width:4%;
    margin-left:auto;
  }

  .bottom-header-wrapper .custom-button-wrap {
    width:10%;
  }

  .bottom-header-wrapper {
    border-top: 2px solid #efefef;
  }

  .news-express-menu-toogle a {
  color: #333;
  }

  .news-express-menu-toogle:hover {
  color: #EC3535;
  }

  .is-sticky .bottom-header-wrapper {
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .site-branding{
    text-align: center;
  }

  /*--------- header layout two  ------------------- */

  .header--header-main-layout--two .site-logo-wrapper .news-express-grid {
      grid-template-columns: 70% 26% 4%;
  }

  .header--header-main-layout--two .site-branding, 
  .header--header-main-layout--two .site-title ,
  .header--header-main-layout--two .site-description, 
  .header--header-main-layout--three .site-branding, 
  .header--header-main-layout--three .site-title ,
  .header--header-main-layout--three .site-description{
    text-align: left;
  }

  .header--header-main-layout--two .search-icon a{
    float: right;
  }

  .header--header-main-layout--two .custom-button-wrap.news-express-icon-elements{
    border-left:0;
  }

   .header--header-main-layout--two .header-search-wrapper {
    border-left: 1px solid #b3b3b3;
    margin-left: 15px;
    }

    .header--header-main-layout--two .bottom-header-wrapper .main-navigation{
      width:84%;
    }

    .header--header-main-layout--two .search-icon a{
      font-size: 18px;
    }


    
/*--------- header layout three  ------------------- */

  

  .header--header-main-layout--three .bottom-header-wrapper .main-navigation {
      width: 74%;
  }

  .header--header-main-layout--three .bottom-header-wrapper .sidebar-menu-toggle-wrap {
    width: 3%;
    margin-left: auto;
  }

  .header--header-main-layout--three .bottom-header-wrapper .header-search-wrapper {
    width: 4%;
    margin-left: unset;
  }

  .header--header-main-layout--three .bottom-header-wrapper .np-icon-elements {
    width: 4%;
  }

  .header--header-main-layout--three .custom-button-wrap.news-express-icon-elements{
    margin-left:unset;
  }

  .header--header-main-layout--three #site-navigation ul{
    justify-content: left;
  }

  /*--------- sidebar overlay ------------------- */

  .sidebar-menu-toggle {
    padding: 12px 0px 0px;
    border: none;
    background: none;
  }

  .sidebar-menu-toggle-nav {
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 17px;
    margin: 0 auto;
  }

  .sidebar-menu-toggle-nav span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    border-radius: 10px;
    height: 3px;
    border-color: #fff;
    transition: 0.075s all ease-in;
    background: #505050;
  }

  .sidebar-menu-toggle-nav span.smtn-top {
    width: 85%;
  }

  .sidebar-menu-toggle-nav span.smtn-mid {
    top: 50%;
    margin-top: -1.5px;
  } 

  .sidebar-menu-toggle-nav span.smtn-bot {
    bottom: 0;
    width: 60%;
    transition-delay: 90ms;
  }

   .sticky-header-sidebar {
    position: fixed;
    left: -360px;
    width: 360px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background: #F7F8F9;
    transition: 0.5s ease;
    z-index: 99;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    height: 100%;
  } 

  .sticky-header-sidebar.isActive {
    left: 0;
    opacity: 1;
    visibility: visible;
  }

  .sticky-header-widget-wrapper {
    padding: 30px 20px;
    position: relative;
    z-index: 1;
    background: #F7F8F9;
    height: 100%;
    overflow-y: scroll;
  }

  .sticky-header-sidebar.isActive .sticky-header-sidebar-overlay {
    visibility: visible;
    opacity: 1;
  }

  .sticky-header-sidebar-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.sticky-sidebar-close {
  position: absolute;
  top: 50px;
  right: -16px;
  font-size: 24px;
  background: #0B7378;
  color: #fff;
  padding: 2px;
  display: block;
  line-height: 20px;
  cursor: pointer;
  z-index: 2;
  width: 30px;
  font-size: 14px;
  font-weight: 700;
  height: 30px;
}



/*------------- site mode switcher ---------------*/

  #np-site-mode-wrap a {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 20px;
    position: relative;
    transition: .25s;
    font-size: 0;
    box-shadow: 2px 3px 8px rgb(0 0 0 / 37%);
  }

  #np-site-mode-wrap a span {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    transition: all ease-in-out .3s;
  }

  #np-site-mode-wrap a.light-mode span:after {
    height: 16px;
    width: 16px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
    color: #111;
    transition: all ease-in-out .3s;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23000000' d='M9.5 14.993c-2.477 0-4.493-2.015-4.493-4.493s2.015-4.493 4.493-4.493 4.493 2.015 4.493 4.493-2.015 4.493-4.493 4.493zM9.5 7.007c-1.926 0-3.493 1.567-3.493 3.493s1.567 3.493 3.493 3.493 3.493-1.567 3.493-3.493-1.567-3.493-3.493-3.493z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 5c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M9.5 20c-0.276 0-0.5-0.224-0.5-0.5v-3c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v3c0 0.276-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M3.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M18.5 11h-3c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M4.5 6c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M2.5 18c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M16.5 18c-0.128 0-0.256-0.049-0.354-0.146l-2-2c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l2 2c0.195 0.195 0.195 0.512 0 0.707-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M14.5 6c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l2-2c0.195-0.195 0.512-0.195 0.707 0s0.195 0.512 0 0.707l-2 2c-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3C/svg%3E");
  }

    #np-site-mode-wrap a.dark-mode span::after {
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    line-height: 1;
    color: rgb(17, 17, 17);
    opacity: 1;
    visibility: visible;
    height: 12px;
    width: 12px;
    transition: 0.3s ease-in-out;
  }
  
  #np-site-mode-wrap a.dark-mode span:after {
    height: 10px;
    width: 10px;
    background-size: 10px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-moon' viewBox='0 0 16 16'%3E%3Cpath d='M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z'/%3E%3C/svg%3E");
}

/* ---------------------------read more button css------------------------------- */

.news-express-button.read-more-button {
    margin-top: 10px;
}

.read-more-button a {
    padding: 5px 10px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    font-weight: 400;
    border: 1px solid #d1d1d1;
}

.read-more-button a:hover{
  background-color: #7c4c4c;
  color:#fff;
}

.news-express-readmore-wrapper.layout-two .read-more-button a{
  background-color:#7c4c4c;
  color:#fff;
}

.news-express-readmore-wrapper.layout-two .read-more-button a:hover{
  background-color:#fff;
  color:#7c4c4c;
}

  /*----------------------------------------------
   Menu Css
  ---------------------------------------------- */

  #site-navigation ul li a.news-express-menu-toogle {
    display: none;
  }
  #site-navigation ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }  

  #site-navigation ul li {
    position: relative;
  }

  #site-navigation ul li a {
    color: #000;
    padding: 0 10px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 70px;
    position: relative;
    font-weight: 500;
  }

  #site-navigation ul ul {
    display: block;
  }

  #site-navigation ul ul.children li a {
    line-height: 25px;
    padding: 8px 15px;
  }

  #site-navigation ul li a.news-express-sub-toggle {
    display: none;
}


  #site-navigation .menu-item-description {
    position: absolute;
    top: -8px;
    right: -20px;
    background: #B71C1C;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 9;
  }

  #site-navigation .menu-item-description::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #B71C1C transparent transparent transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .is-sticky #site-navigation .menu-item-description {
    display: none;
  }

  #site-navigation ul.sub-menu,
  #site-navigation ul.children {
    border-radius: 20px;
    background: #E53935 none repeat scroll 0 0;
    width: 200px;
    position: absolute;
    z-index: 99;
    left: -9999rem;
    opacity: 0;
    -webkit-transform: translateY(0.6rem);
    -ms-transform: translateY(0.6rem);
    -o-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    -webkit-transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
    -o-transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
    transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
  }

  #site-navigation ul li:hover>ul.sub-menu, #site-navigation ul li:hover>ul.children, #site-navigation ul li.focus>ul.sub-menu, #site-navigation ul li.focus>ul.children {
    left: 0;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
    -o-transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
    transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);

  }

  #site-navigation ul li.focus>ul.sub-menu,
  #site-navigation ul li.focus>ul.children {
    opacity: 1;
    visibility: visible;
    -transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  }

  #site-navigation ul.sub-menu li,
  #site-navigation ul.children li {
    float: none;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    margin: 0;
  }

  /* --------------------------
    Submenu Border-Radius Fix
  ---------------------------*/

  /* Single-item submenu: fully rounded in all states */
  #site-navigation ul.sub-menu li:only-child,
  #site-navigation ul.children li:only-child,
  #site-navigation ul.sub-menu li:only-child:hover,
  #site-navigation ul.children li:only-child:hover,
  #site-navigation ul.sub-menu li:only-child.focus,
  #site-navigation ul.children li:only-child.focus,
  #site-navigation ul.sub-menu li:only-child.current-menu-item,
  #site-navigation ul.children li:only-child.current-menu-item {
      border-radius: 18px;
  }

  /* First item in multi-item submenu: round top corners */
  #site-navigation ul.sub-menu li:first-child:not(:only-child),
  #site-navigation ul.children li:first-child:not(:only-child),
  #site-navigation ul.sub-menu li:first-child:not(:only-child):hover,
  #site-navigation ul.children li:first-child:not(:only-child):hover,
  #site-navigation ul.sub-menu li:first-child:not(:only-child).focus,
  #site-navigation ul.children li:first-child:not(:only-child).focus,
  #site-navigation ul.sub-menu li:first-child:not(:only-child).current-menu-item,
  #site-navigation ul.children li:first-child:not(:only-child).current-menu-item {
      border-radius: 18px 18px 0 0;
  }

  /* Last item in multi-item submenu: round bottom corners */
  #site-navigation ul.sub-menu li:last-child:not(:only-child),
  #site-navigation ul.children li:last-child:not(:only-child),
  #site-navigation ul.sub-menu li:last-child:not(:only-child):hover,
  #site-navigation ul.children li:last-child:not(:only-child):hover,
  #site-navigation ul.sub-menu li:last-child:not(:only-child).focus,
  #site-navigation ul.children li:last-child:not(:only-child).focus,
  #site-navigation ul.sub-menu li:last-child:not(:only-child).current-menu-item,
  #site-navigation ul.children li:last-child:not(:only-child).current-menu-item {
      border-radius: 0 0 18px 18px;
  }



  #site-navigation ul.sub-menu li a,
  #site-navigation ul.children li a {
    line-height: 24px;
    padding: 10px 15px;
    overflow: hidden;
    color:#fff;
  }

  #site-navigation ul.sub-menu li:hover, #site-navigation ul.children li:hover,
  #site-navigation ul.sub-menu li.current-menu-item,
  #site-navigation ul.sub-menu li.focus, #site-navigation ul.children li.focus,
  #site-navigation ul.sub-menu li.focus.current-menu-item{
    background-color: #fff;
  }

  #site-navigation ul.sub-menu .menu-item-description,
  #site-navigation ul.children .menu-item-description {
    display: none;
  }

  #site-navigation ul.sub-menu li ul,
  #site-navigation ul.children li ul {
    right: 9999em;
    left: auto !important;
    top: 0% !important;
    -webkit-transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
    -o-transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
    transition: opacity 0.15s linear, transform 0.15s ease, right 0s 0.15s;
  }

  #site-navigation ul.sub-menu li:hover>ul,
  #site-navigation ul.children li:hover>ul,
  #site-navigation ul.sub-menu li.focus>ul,
  #site-navigation ul.children li.focus>ul {
    right: -100%;
    left: auto !important;
    top: 0% !important;
    -webkit-transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
    -o-transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
    transition: opacity 0.15s linear, transform 0.15s ease, left 0s 0.15s;
  }

  #site-navigation ul li.menu-item-has-children>a:before,
  #site-navigation ul li.page_item_has_children>a:before {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #site-navigation ul.sub-menu li.menu-item-has-children>a:before,
  #site-navigation ul.children li.page_item_has_children>a:before {
    content: "\f078";
  }

  #site-navigation ul#primary-menu li.menu-item-has-children a,
  #site-navigation #primary-menu li.page_item_has_children a {
    padding-right: 30px;
  } 

  #site-navigation ul li:hover >a, #site-navigation ul li.current-menu-item >a, #site-navigation ul li.current_page_item >a, #site-navigation ul li.current-menu-ancestor >a, #site-navigation ul li.focus >a {
    color: #0b7378;
}

  /* -------------search css ----------*/

  .search-icon a {
    color: #686868;
    margin-left: 15px;
    display: block;
    font-size: 20px;
  }

  .search-form-wrap {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #0b7378;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 300px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }

  .header-search-wrapper .search-form-wrap .search-submit {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 10px 0 10px;
    width: 30%;
    height: 36px;
    background: #0b7378;
  }

  .header-search-wrapper .search-form-wrap .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 70%;
    float: left;
  }

  .search-form-wrap.active-search {
    opacity: 1;
    visibility: visible;
    top: 45px;
  }

  .header-search-wrapper {
      position: relative;
  } 

  .search .entry-title{
  margin: 10px 0px;
}

  /* ----------------subscribe button css------------------ */

.custom-button-wrap.news-express-icon-elements a {
    color: #fff;
    padding: 11px 10px 11px 3px;
    margin-left: 20px;
    border-radius: 10px;
    font-size: 14px;
    background: #0b7378;
    font-weight: 700;
    box-shadow: 2px 3px 8px rgb(0 0 0 / 25%);
}

    .custom-bullhorn-icon i {
      animation: shoutShake 0.5s infinite;
    }

    @keyframes shoutShake {
      0% { transform: rotate(0); }
      20% { transform: rotate(-5deg); }
      40% { transform: rotate(5deg); }
      60% { transform: rotate(-5deg); }
      80% { transform: rotate(5deg); }
      100% { transform: rotate(0); }
    }

    span.custom-bullhorn-icon {
        padding: 0px 7px;
    }

    .custom-button-wrap.news-express-icon-elements {
      border-left: 1px solid #b3b3b3;
      height:30px;
    
    }

  /*--------------------------------------------------------------
  Header news ticker  CSS
  --------------------------------------------------------------*/

  .header-news-ticker-wrapper {
    margin: 30px 0;
  }

  .header-news-ticker-wrapper .news-ticker-posts-wrapper.ticker-posts {
    overflow: hidden;
    background: #fff;
    padding: 4px 0;
    max-height: 70px;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
  }

  .header-news-ticker-wrapper .news-ticker-posts-wrapper .posted-on{
    line-height: 1.5;
  }

  span.post-count {
    height: 23px;
    width: 20px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
    color:#000;
    background: #fff;
}

  .news-express-site-layout--full-width .header-news-ticker-wrapper .news-ticker-posts-wrapper.ticker-posts{
    background: transparent;
    box-shadow: none;
  }

  .header-news-ticker-wrapper .single-post-wrap {
    display: inline-block;
    margin-right: 20px;
  }

  .header-news-ticker-wrapper .single-post-wrap.no-image .post-thumb{
  display: none;
  }

  .header-news-ticker-wrapper .post-thumb {
    display: inline-block;
    width: 55px;
    height: 55px;
    box-shadow: 2px 3px 8px rgb(46 41 41 / 25%);
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    vertical-align: middle;
  }

  .header-news-ticker-wrapper .news-ticker-posts-wrapper .news-ticker-post-title a {
    font-size: 14px;
    color: #212121;
    font-weight: 700;
    line-height: 20px;
    display: inline;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, currentColor 0, currentColor 94%);
    transition: background-size .40s cubic-bezier(.215, .61, .355, 1);
    background-position: 100% 94%;
    background-size: 0 1px;
    }


  .header-news-ticker-wrapper .post-title {
    margin-bottom: 10px;
   line-height: 24px;
    }

  .header-news-ticker-wrapper .posted-on a {
    font-weight: 600;
    color: #000;
    font-size: 12px;
    display: block;
    margin-bottom: -5px;
   }


   .header-news-ticker-wrapper .post-content-wrap {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px;
  }

  .header-news-ticker-wrapper .posted-on:before{
    display: none;
  }

  .news-ticker-label {
    display: flex;
    align-items: center;
    background-color:  #0b7378;
    color: #fff;
    font-weight: 700;
    padding: 22px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    flex: 0 0 auto;
    gap: 10px;
  }

  .news-ticker-loader {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  
  .news-ticker-loader div {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    animation: tickerPulse 1.2s infinite ease-in-out;
  }

  .news-ticker-loader div:nth-child(2) {
    animation-delay: 0.2s;
  }
  .news-ticker-loader div:nth-child(3) {
    animation-delay: 0.4s;
  }

  @keyframes tickerPulse {
    0%, 80%, 100% {
      transform: scale(0.9);
      opacity: 0.5;
    }
    40% {
      transform: scale(1.3);
      opacity: 1;
    }
  }

   .header-news-ticker-wrapper.ticker-layout--two .post-thumb {
    border-radius:0;
   }

  /*--------------------------------------------------------------
  Slider wrapper CSS
  --------------------------------------------------------------*/

  
  .news-express-site-layout--separate .news-express-banner-wrapper .news-express-container {
    background-color: #fff;
    padding:20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
    border-radius: 20px;
    align-items: start;
  }
  
   .news-express-banner-wrapper .news-express-container{
    gap:15px;
  }

  .single-slide-wrap{
    position: relative;
  }

.news-express-banner-wrapper .single-slide-wrap {
    position: relative;
    overflow: hidden;
    height: auto; 
}

.news-express-banner-wrapper .post-thumbnail-wrap,
.news-express-banner-wrapper .post-thumbnail-wrap figure {
    width: 100%;
    height: auto;
    margin: 0;
}

.news-express-banner-wrapper .post-thumbnail-wrap img {
    width: 100%;
    height: auto;  
    display: block;
}

  .post-image.hover-effect--one {
    overflow: hidden;
  }

  .news-express-banner-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .post-image.hover-effect--one img {
    transform: scale(1);
    transition: 0.5s ease;
  }


  .news-express-banner-wrapper .slide-content-wrap .slide-title a,
  .news-express-banner-wrapper .news-express-slider-block a,
  .news-express-banner-wrapper .news-express-slider-block span{
    color:#fff;
  }


.news-express-banner-wrapper .slide-content-wrap {
    padding: 20px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

  .news-express-slider-block .lSSlideOuter .post-cats-meta-wrap {
    padding: 20px 0px;
  }

  .news-express-slider-block{
      width:69%
  }

  .lSSlideOuter {
    margin: 0px 0px 20px;
  }

  .news-express-slider-block .lSAction>a {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    border-radius: 20px;
    margin: 0 2px;
    opacity: 1;
    position: static;
    text-align: center;
  }

  .news-express-slider-block .lSAction>a:hover{
    background-color:#fff;
  }

  .news-express-slider-block .lSAction {
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .lSAction>a {
    width: 36px;
    display: block;
    top: 50%;
    height: 36px;
    background-image: url(../img/controls.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s;
  }

  .lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px;
  }

  .lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px;
  }

  .news-express-banner-wrapper .slide-title a{
    font-size:30px ;
  }


  /* ------------- hover effect two  ------------- */

  .post-image.hover-effect--two {
    position: relative;
  }

  .post-image.hover-effect--two:after {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
  }

  .post-image.hover-effect--two:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

  .post-image.hover-effect--two:hover:after {
    -webkit-animation: shine 1s;
    animation: shine 1s;
  }

  .post-image.hover-effect--two:hover:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }


/* ------------- banner tabbed wrapper ------------- */

  .banner-tabbed-wrapper{
    width:30%;
  }

  #banner-tabbed .banner-tabs {
    border-bottom: 1px solid #dfdfdf;
  }

   .banner-tabbed-wrapper ul.banner-tabs li {
    display: inline-block;
    text-align: center;
  }

.banner-tabbed-wrapper ul.banner-tabs li a {
    padding: 7px 12px;
    color: #484747;
    font-size: 16px;
    font-weight: 500;
}

  .banner-tabbed-wrapper  .banner-tabs .ui-tabs-tab i {
    margin-right: 5px;
  }

  .banner-tabbed-wrapper .tabbed-content-wrapper .tab-content-wrap .single-post-wrap {
    display: inline-block;
    padding: 16px 0px;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }

  .news-express-site-layout--full-width .banner-tabbed-wrapper .tabbed-content-wrapper .tab-content-wrap .single-post-wrap{
    padding: 22px 0px 15px;
  }

  .news-express-site-layout--boxed .banner-tabbed-wrapper .tabbed-content-wrapper .tab-content-wrap .single-post-wrap{
    padding: 11px 0px 14px;
  }

  .banner-tabbed-wrapper .single-post-wrap .post-content-wrap {
    width: 60%;
    display: inline-block;
    margin-left: 2%;
    vertical-align: middle;
    padding: 5px 8px 0 10px;
  }

  .tabbed-content-wrapper .single-post-wrap .post-image {
    width: 38%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    padding-left: 8px;
    height: 100px;
  }

  .tabbed-content-wrapper .post-title {
    font-size: 16px;
  }

  .post-cat-item a, .news-express-banner-wrapper .news-express-slider-block .post-cat-item a, .news-carousel-block .block-layout--two .post-content-wrap .post-cat-item a, .news-middle-grid-block .block-layout--two .post-content-wrap .post-cat-item a {
    color: #000;
    border: 1px solid #bdb9b9;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    background-color: #fff;
  }

 .post-cat-item a:hover, .widget .post-cat-item a:hover, .news-carousel-block .block-layout--two .post-content-wrap .post-cat-item a:hover, .block-wrapper-button .block-label-button:hover, .news-express-banner-wrapper .news-express-slider-block .post-cat-item a:hover, .news-middle-grid-block .block-layout--two .post-content-wrap .post-cat-item a:hover {
    background-color: #000;
    color: #fff;
  }

  .block-wrapper .lSSlideOuter{
    margin:0;
  }

  /*----------------------- banner-placed--tab-slider-block -------------------  */


  .banner-placed--tab-slider-block .news-express-slider-block {
    order: 2;
    width:68%;
  }

  .banner-tabbed-wrapper .single-post-wrap.no-image .post-content-wrap{
    width:100%;
  }

  .banner-placed--tab-slider-block .banner-tabbed-wrapper{
    order:1;
  } 

  /*----------------------- banner-placed--block-slider-tab -------------------------*/

  .banner-placed--block-slider-tab .lSSlideOuter, .banner-placed--block-tab-slider .lSSlideOuter {
    margin: 20px 0px 0px;
  }

  /*----------------------- banner-placed--block-slider and banner-placed--slider-block-------------------------*/

  .banner-placed--block-slider .news-express-slider-block, .banner-placed--slider-block .news-express-slider-block {
    width: 100%;
    display: flex;
  } 

  .banner-placed--block-slider.news-express-banner-wrapper .block-wrapper, .banner-placed--slider-block.news-express-banner-wrapper .block-wrapper{
    gap: 20px;
    width: 30%;
    display: block;
  }

  .banner-placed--block-slider.news-express-banner-wrapper .single-block-post-wrapper {
    position: relative;
    margin: 0px 20px 20px 0px;
  }

   .banner-placed--slider-block.news-express-banner-wrapper .single-block-post-wrapper{
    margin: 0px 0px 20px 20px;
   }

  .banner-placed--block-slider .lSSlideOuter,.banner-placed--slider-block .lSSlideOuter{
    margin:0;
    width: 70%;
  }

  .banner-placed--block-slider.news-express-banner-wrapper .single-slide-wrap, .banner-placed--slider-block.news-express-banner-wrapper .single-slide-wrap{
    height: 525px;
  }

  .banner-placed--block-slider.news-express-banner-wrapper .single-block-post-wrapper:last-child, .banner-placed--slider-block.news-express-banner-wrapper .single-block-post-wrapper:last-child, .banner-placed--block-tab.news-express-banner-wrapper .single-block-post-wrapper:last-child{
    margin-bottom:0px;
  }

   .news-express-site-layout--separate .frontpage-section .frontpage-block.news-grid-block .block-wrapper.block-layout--three{
    padding-bottom: 20px;
   }

   /*----------------------- banner-placed--block -------------------------*/

   .banner-placed--block .news-express-slider-block , .banner-placed--slider .news-express-slider-block {
    width: 100%;
    }

    .banner-placed--tab .news-express-slider-block{
      display: none;
    }

    .banner-placed--tab .banner-tabbed-wrapper {
    width: 100%;
    }

    .banner-placed--tab .tabbed-content-wrapper .single-post-wrap .post-image{
      width:15%;
    }

    .banner-placed--tab .banner-tabbed-wrapper .single-post-wrap .post-content-wrap {
    width: 83%;
    }

    /*----------------------- banner-placed--block-tab -------------------------*/
    
    .banner-placed--block-tab.news-express-banner-wrapper .block-wrapper{
      width:100%;
      display: block;
    }

    .banner-placed--block-tab .news-express-slider-block {
    width: 49%;
    }

    .banner-placed--block-tab.news-express-banner-wrapper .banner-tabbed-wrapper{
      width:49%;
    }

    .banner-placed--block-tab.news-express-banner-wrapper .single-block-post-wrapper{
      margin-bottom:20px;
    }

    .banner-placed--block-tab .tabbed-content-wrapper .single-post-wrap .post-image{
      width:25%;
    }

  /*----------------------- single post block wrapper -------------------  */

  .entry-content{
  font-size: 14px;
}

.news-express-banner-wrapper .block-wrapper  {
  gap: 20px;
}

.news-express-banner-wrapper .block-wrapper .single-block-post-wrapper,
.news-carousel-block .block-layout--two .block-post-wrap,
.news-middle-grid-block .block-layout--two .block-post-wrap {
  position: relative; 
  overflow: hidden;  
}

/* Post content wrap: start slightly lower inside the image */
.news-express-banner-wrapper .block-wrapper .post-content-wrap, .news-carousel-block .block-layout--two .post-content-wrap, .news-middle-grid-block .block-layout--two .post-content-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 1;
    transform: translateY(36px);
    opacity: 1;
    transition: transform 0.7s ease, opacity 0.7s ease;
    background: linear-gradient(to top, rgb(0 0 0 / 95%), rgb(74 74 74 / 0%) 100%);
}

.news-express-banner-wrapper .single-block-post-wrapper:hover .post-content-wrap, .news-carousel-block .block-layout--two .block-post-wrap:hover .post-content-wrap, .news-middle-grid-block .block-layout--two .block-post-wrap:hover .post-content-wrap {
    transform: translateY(0);
    opacity: 1;
}

.news-express-banner-wrapper .block-wrapper .post-content-wrap .post-cats-meta-wrap,
.news-carousel-block .block-layout--two .post-content-wrap .post-cats-meta-wrap,
.news-middle-grid-block .block-layout--two .post-content-wrap .post-cats-meta-wrap {
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.news-express-banner-wrapper .single-block-post-wrapper:hover .post-content-wrap .post-cats-meta-wrap,
.news-carousel-block .block-layout--two .block-post-wrap:hover .post-content-wrap .post-cats-meta-wrap,
.news-middle-grid-block .block-layout--two .block-post-wrap:hover .post-content-wrap .post-cats-meta-wrap {
  opacity: 1;
  transform: translateY(0);
}


.news-express-banner-wrapper .block-wrapper .post-content-wrap .post-title {
  line-height: 28px;
}

.news-express-banner-wrapper .single-block-post-wrapper {
  position: relative;
}

.news-express-banner-wrapper .block-wrapper .post-title a {
  color: #fff;
  font-size: 18px;
}

.post-thumbnail-wrap {
  height: 100%;
  position: relative;
}


  /* -------------------------------------
  news-featured-block layout one 
  ----------------------------------------- */

  .block-wrapper-title-description{
    display: flex;
    gap:10px;
    align-items: center;
  }

  .block-description {
    border-left: 1px solid #959595;
    padding-left: 10px;
  }

  .block-wrapper-button {
    margin-left: auto;
    text-align: right;
    padding-bottom: 15px;
  }

.block-wrapper-button .block-label-button {
    border: 1px solid #cfcfcf;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
}

  .news-express-column-wrapper{
    margin-left:-3%;
  }

  .news-express-column-three {
    display: inline-block;
    vertical-align: top;
    width: 30.33%;
    margin: 0 -4px 3% 3%;

  }

  
  /* -------------------------------------
  news-featured-block layout two
  ----------------------------------------- */

  .news-featured-block .block-wrapper.block-layout--two .block-column-wrapper  {
    margin-bottom: -20px;
  } 

  .news-featured-block .block-wrapper.block-layout--two .post-thumbnail-wrap{
    display: inline-block;
    width: 40%;
    margin-right: -4px;
    vertical-align: middle;
    position: relative;
  }

  .news-featured-block .block-wrapper.block-layout--two .post-content-wrap {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    padding: 0px 0px 0px 15px;
    margin-right: -4px;
  }

   .block-layout--two .news-express-column-two {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 3%;
  }

  #frontpage-bottom-fullwidth .news-featured-block .block-layout--two .block-post-wrap {
    width:30.33%;
  }

  /* -------------------------------------
  news-featured-block layout three
  ----------------------------------------- */

  .news-featured-block .block-wrapper.block-layout--three .post-content-wrap {
    width: 85%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 20px 20px;
    position: relative;
    top: -60px;
    margin-bottom: -60px;
  }

  .news-express-column-two {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 47%;
    margin-left: 3%;
    margin-bottom: 3%;
  }

  .news-express-column-three{
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 30.33%;
    margin-left: 3%;
    margin-bottom: 3%;
  }


  #frontpage-middle-content .news-featured-block .block-layout--three .news-express-column-three{
    width: 47%;
  }

  /* ----------------------------------
  news middle grid block layout one and two
  ------------------------------------- */

  .news-middle-grid-block .post-thumbnail-wrap{
    height:auto;
  }

  .news-middle-grid-block .block-column-wrapper article{
    width: 31.33%;
    margin-left: 2%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    position: relative;
  }

  .news-middle-grid-block .block-column-wrapper {
      margin: 30px 0px 0px -2%;
  }

  .news-middle-grid-block .block-main-wrapper {
    grid-column-gap: 2%;
    grid-template-columns: 49% 49%;
    margin-bottom: 20px;
  }

  .news-middle-grid-block .block-layout--two .block-column-wrapper .entry-title{
    line-height: 24px;
  }

  .news-middle-grid-block .block-layout--two .block-column-wrapper .entry-title a{
    font-size: 16px;
  }


  /* ----------------------------------
  news middle grid block layout one and two
  ------------------------------------- */

  .news-middle-grid-block .block-layout--three .block-main-wrapper article {
      position: relative;
  }

 .news-middle-grid-block .block-layout--three .block-main-wrapper .post-content-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 20px 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0 0;
  }

  .news-middle-grid-block .block-layout--three .block-main-wrapper article .entry-title a,
  .news-middle-grid-block .block-layout--three .block-main-wrapper article .post-cats-meta-wrap span,
  .news-middle-grid-block .block-layout--three .block-main-wrapper article .byline a,.news-middle-grid-block .block-layout--three .block-main-wrapper article .posted-on a {
    color:#fff;
  }

  /* ----------------------------------
  news grid block
  ------------------------------------- */

  .news-grid-block .block-column-wrapper article {
    width: 47%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    margin-left: 3%;
    margin-bottom: 20px;
  }  

  .news-grid-block .block-column-wrapper .post-excerpt{
    display: none;
  }

  .news-grid-block .block-layout--two .block-column-wrapper article {
    margin: 0px 3% 20px -2px;
  }

  .news-grid-block .block-main-wrapper .post-excerpt {
    padding: 20px 0px 0px;
  }

  /* ----------------------------------
  news grid block layout two
  ------------------------------------- */

  .news-grid-block .block-layout--two article {
    margin: 0px 3% 20px -4px; 
  }
    
  /* ----------------------------------
  news grid block layout three
  ------------------------------------- */

  .news-grid-block .block-layout--three .block-column-wrapper  article{
        width: 30.33%;
  }

  .news-grid-block .block-layout--three .block-main-wrapper {
    grid-column-gap: 2%;
    grid-template-columns: 49% 49%;
    margin-bottom: 20px;
  }

  .news-grid-block .block-layout--three .block-column-wrapper {
    margin-left: -3%;
  }

  .news-grid-block .block-layout--three .post-thumbnail-wrap{
    height: auto;
  }


  /* ----------------------------------
  news carousel layout two block
  ------------------------------------- */

  .news-carousel-block .block-post-wrap, 
  .news-middle-grid-block .block-post-wrap {
      position: relative;
  }

  .news-carousel-block .block-layout--two .post-content-wrap a,
  .news-carousel-block .block-layout--two .post-content-wrap span,
  .news-middle-grid-block .block-layout--two .post-content-wrap a,
  .news-middle-grid-block .block-layout--two .post-content-wrap span{
    color: #fff;
  }

  .news-carousel-block .block-layout--two .post-content-wrap .post-cats-wrap a,
  .news-middle-grid-block .block-layout--two .post-content-wrap .post-cats-wrap a{
    border: 1px solid #fff;
  }

  .news-carousel-block .lSSlideWrapper,
  .news-carousel-block .block-posts-wrapper {
    height: auto;
    overflow: visible;
  }

  .news-carousel-block .block-post-wrap {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 20px 2px;
  }

  .news-carousel-block .block-layout--two .block-post-wrap {
    padding: 0px 0px 0px 2px;
}

 /* ----------------------------------
  news carousel layout three block
  ------------------------------------- */
.news-carousel-block .block-layout--three .post-content-wrap{
    position: absolute;
    bottom: 20px;
    padding: 20px;
    width: 100%;
}

.news-carousel-block .block-layout--three .entry-title a, .news-carousel-block .block-layout--three .post-cats-meta-wrap span,.news-carousel-block .block-layout--three .posted-on a{
  color: #fff;
}

.news-carousel-block .block-layout--three .block-post-wrap figure:after{
  position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.4;
    background-image: linear-gradient(to bottom, transparent, #000);
}

.news-carousel-block .block-layout--three .block-post-wrap .post-image.hover-effect--two:after{
  z-index: 0;
  webkit-transform: skewX(0deg);
    transform: skewX(0deg);

}

.news-carousel-block .lSAction {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 99; /* make sure it's above everything */
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* prevent blocking clicks on posts */
}

.news-carousel-block .lSAction a {
    background: #fff;
    opacity: 1;
    text-align: center;
    line-height: 36px;
    width: 35px;
    height: 35px;
    color: #333;
    font-size: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: 4px;
    pointer-events: auto;
}

.news-carousel-block .lSAction a.lSNext {
    left: auto;
    right: 5px;
}

  .news-carousel-block .news-express-container {
    position: relative;
    z-index: 9;
  }

  .news-carousel-block .lSAction a:hover {
    background: #0B7378;
    color: #fff;
}


/*-----------------------------------
  Archive layout css
 -----------------------------------*/

  .no-featured-img .post-thumbnail-wrap .post-min-read{
    position: sticky;
  }

.home #primary .news-express-site-layout--separate .archive-content-wrapper article {
  background-color: #fff;
  padding:20px;
}

.both-sidebar .news-express-post-content-wrap .entry-title a {
    font-size: 18px;
}

 /* ---grid layout ----- */

.archive-style--grid .archive-content-wrapper article {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 2%;
    margin-right: -4px;
    margin-bottom: 30px;
}
  
.archive-style--grid .archive-content-wrapper {
    margin-left: -2%;
}

 /* ---list layout ----- */

 .archive-style--list .archive-content-wrapper article .single-post-wrap {
    display: grid;
    grid-template-columns: 40% 57%;
    grid-column-gap: 3%;
    vertical-align: top;
    border-radius: 14px;
    align-items: start;
}


.archive-style--grid .posts-layout--two .news-express-post-content-wrap {
    top: -70px;
    margin-bottom: -70px;
}

.archive-style--classic .posts-layout--two .news-express-post-content-wrap, .archive-style--grid .posts-layout--two .news-express-post-content-wrap {
    width: 90%;
    margin: 0 auto -100px;
    background: #fff;
    position: relative;
    top: -100px;
    padding: 10px 20px 0px;
}


 /* ---list layout two ----- */

 .archive-style--list .archive-content-wrapper article.posts-layout--two:nth-child(2n) {
    direction: rtl;
}

/* ----------------------- single page admin author css ------------------------------------ */

.news-express-site-layout--separate .post-author-box-wrapper {
    padding: 23px 20px;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
}

.news-express-author__avatar {
    display: inline-block;
    width: 12%;
    margin-right: 2%;
    vertical-align: top;
}

.news-express-author__avatar img {
    border-radius: 80px;
    box-shadow: 0 0 5px rgb(147 147 147 / 37%);
    border: 2px solid #fff;
}


.news-express-author-info {
    display: inline-block;
    width: 85%;
}

.post-author-box-wrapper {
    border: 1px solid #e5e5e5;
    padding: 20px;
}

/* ----------------------- single page admin author css layout two ------------------------------------ */

.post-author-box-wrapper.author-box-layout--two {
    margin-top: 70px;
    background: #f9f9f9;
}

.post-author-box-wrapper.author-box-layout--two .news-express-author__avatar {
    position: relative;
    top: -60px;
    margin-bottom: -60px;
}

/* ----------------------- related css ------------------------------------ */

.related-post-title {
    margin-bottom: 10px;
}

.single-related-posts {
    margin-top: 10px;
}

.news-express-related-posts-wrapper {
    margin-left: -3%;
}

.news-express-related-posts-wrapper .entry-title {
    padding: 10px 0px 0px;
}

.news-express-related-posts-wrapper .entry-title a {
    font-size: 16px;
}

.single.news-express-site-layout--separate #primary article, .news-express-site-layout--separate .archive-content-wrapper article {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
    padding: 20px;
    border-radius: 20px;
    background: #fff;
}

.news-express-site-layout--boxed .archive-content-wrapper article{
  box-shadow: none;
  padding: 0;
  background: transparent;
}

.news-express-related-posts-wrapper article {
    width: 30.33%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3%;
    margin-right: -4px;    
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
}

.page-header .page-title{
  margin-top:0;
}

/* -----------------------------------------
related layout two css 
------------------------------------------*/

.related-post-layout--two.single-related-posts article .related-post-content-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)) repeat scroll 0 0;
}

.related-post-layout--two .related-posts-wrapper article {
    position: relative;
}

.related-post-layout--two  .related-posts-wrapper {
    position: relative;
    border-radius: 0px;
    padding: 0;
    background-color: transparent;
}

.single #primary .related-posts-wrapper article .post-cats-meta-wrap{
  justify-content: left;
}

/* -----------------------------------------
navigation css 
------------------------------------------*/

.nav-links {
    text-align: center;
}

.navigation .nav-links .page-numbers {
    padding: 0 14px;
    display: inline-block;
    border-bottom: 3px solid #ce7900;
    color: #242424;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 3px;
    border-radius: 10px;
    border-color: #0b7378;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
}

.navigation .nav-links a.page-numbers:hover, .navigation .nav-links .page-numbers.current {
    background: #fff;
    color: #000;
}

.news-express-container.news-express-flex.footer-bottom-wrapper {
    justify-content: space-between;
}

.nav-links .nav-next a, .nav-links .nav-previous a {
    box-shadow: 0 0 15px rgb(0 0 0 / 14%);
    display: inline-flex;
    overflow: hidden;
    gap: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: wrap;
    align-items: center;
    font-size: 14px;
    padding: 5px 15px;
    background: #fff;
    border: 1px solid #d9d6d6;
}

/*---------------------------------------------
 Footer css
--------------------------------------------- */

#footer-widget-area {
    padding: 40px 0 10px;
}

  .site-footer ul.sub-menu {
  display: none;
  }

  #colophon .footer-menu-wrap ul.menu  {
    display: flex;
    gap: 10px;
  }

  .site-footer ul {
  margin: 0px;
  }

.site-footer {
    background-color: #0b7378;
    padding: 20px 0px;
    margin-top: 30px;
}

#colophon .post-cat-item a {
    color: #000;
    border: 1px solid #fff;
}

  .site-footer .wp-block-heading,
  .site-footer a,.site-footer a:hover,
  .site-footer .news-express-container,
  .site-footer p,
  .site-footer a:hover,
  .site-footer span,
  .site-info .widget a ,
  .site-footer .widget a:hover,
   .site-footer .latest-posts-wrapper .entry-meta .published,
  .site-footer .widget_archive a,.site-footer .widget_categories a,.site-footer .widget_recent_entries a,.site-footer .widget_meta a,.site-footer .widget_recent_comments li,.site-footer .widget_rss li,.site-footer .widget_pages li a,.site-footer .widget_nav_menu li a,.site-footer .wp-block-latest-posts li a,.site-footer .wp-block-archives li a,.site-footer .wp-block-categories li a,.site-footer .wp-block-page-list li a,.site-footer .wp-block-latest-comments li,
  .site-footer .widget_archive a::before,.site-footer .widget_categories a::before,.site-footer .widget_recent_entries a::before,.site-footer .widget_meta a::before,.site-footer .widget_recent_comments li::before,.site-footer .widget_rss li:before,.site-footer .widget_pages li a:before,.site-footer .widget_nav_menu li a:before,.site-footer .wp-block-latest-posts li a:before,.site-footer .wp-block-archives li a:before,.site-footer .wp-block-categories li a:before,.site-footer .wp-block-page-list li a:before,.site-footer .wp-block-latest-comments li:before{
  color: #fff;
  }

  .news-express-grid {
  display: grid;
  }

  .footer-text a , .site-info, .site-footer .footer-widget .entry-title a, #colophon .widget-title, #colophon .widget a, #colophon .widget a:hover{
  color: #fff;
  }

  .footer-widget--column-four .footer-widget-wrapper.news-express-grid {
  grid-template-columns: repeat(4, calc(25% - 1.5em));
  }

  .footer-widget-wrapper.news-express-grid {
  grid-column-gap: 2em;
  }

  .footer-widget--column-two .footer-widget-wrapper.news-express-grid {
  grid-template-columns: repeat(2, calc(50% - 1em));
  }

  .footer-widget--column-three .footer-widget-wrapper.news-express-grid {
  grid-template-columns: repeat(3, calc(33.33% - 1.33em));
  }

  .footer-widget--column-one .footer-widget-wrapper.news-express-grid {
  grid-template-columns: 100%;
  }

  .news-express-footer .footer-text {
    text-align: center;
    padding: 20px 0px 0px;
  }

  .news-express-site-layout--separate #colophon .widget-area .widget{
    box-shadow: none;
    padding: 0px;
    border-radius: 0px;
  }

  .site-info{
    padding-top:20px;
    border-top:1px dotted #fff;
  }

  .footer-menu-wrap .menu ul , .footer-menu-wrap ul.menu {
  display: flex;
  gap: 10px;
  font-size:14px;
}

  
   /* error 404 page css
  --------------------------------------------- */
  .error-404 .page-caption {
    font-weight: 900;
    font-size: 250px;
}

.error-404.not-found {
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 30px;
    text-align: center;
    font-size: 18px;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
}
  .error404  .page-title {
  font-size: 27px;
  margin-bottom: 15px;
  }

  .error404 .page-content p{
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  }

  .error-404 .page-content .search-field, .no-results .search-field {
  width: 70%;
  margin-right: -5px;
  height: 45px;
  padding: 5px 10px;
  border-radius: 30px 0px 0px 30px;
  }

  .page-content input[type="submit"], .button-back-home {
    font-size: 14px;
    line-height: 14px;
    padding: 15px 25px 14px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-shadow: none;
    border: 1px solid #000;
    background: #000;
    color: #fff !important;
    border-radius: 0px 30px 30px 0px;
}

  .error-404 .search-form{
  margin-bottom: 30px;
  text-align: center;
  }

  /* 404 dynamic caption container */

.error-container {
  text-align: center;
  font-size: 180px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  margin: 20px 15px;
  color: #F56991; /* default color for the entire word */
}

.error-container > span {
  display: inline-block;
  transition: color 1s ease-in-out;
}


   /* error 404 page image css
  --------------------------------------------- */

  .error-page-layout--two .error-404 {
    text-align: center;
    background: #f8f8f8;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
    padding: 100px 0;
    margin: 30px 0 30px;
    position: relative;
    width: 100%;
  }
  .error404 .error-page-layout--two .page-title{
    font-size: 18px;
    margin: 2px 0px;
  }

  .error-page-layout--two .error-404 .page-caption {
    font-size: 200px;
    font-weight: 900;
    line-height: 1;
  }

.error-page-layout--two .error-404 .page-header {
    z-index: 10;
    background-color: #f8f8f8;
    width: 100%;
    position: relative;
    top: -181px;
    text-transform: uppercase;
    padding: 2px;
    width: 70%;
    margin: 0 auto -60px;
}

.error-404.not-found .error-button-wrap a:hover{
  background-color: #ce7900;
  color:#fff;
}

.error-404.not-found .error-button-wrap a {
    background: #ffff;
    display: inline-block;
    text-decoration: none;
    margin-top: 30px;
    box-shadow: 0 0 15px rgb(0 0 0 / 12%);
    padding: 10px 20px;
    border-radius: 5px;
    border-bottom: 3px solid #e3e3e3;
    color: #1a1a1a;
    border-radius: 10px;
}

.error-button-wrap a {
    margin: 0 10px;
}

  /* 404 dynamic caption container */

.error-container {
  text-align: center;
  font-size: 180px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  margin: 20px 15px;
  color: #F56991; /* default color for the entire word */
}

.error-container > span {
  display: inline-block;
  transition: color 1s ease-in-out;
}


   /* error 404 page image css
  --------------------------------------------- */

  .error-page-layout--two .error-404 {
    text-align: center;
    background: #f8f8f8;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
    padding: 100px 0;
    margin: 30px 0 30px;
    position: relative;
    width: 100%;
  }
  .error404 .error-page-layout--two .page-title{
    font-size: 18px;
    margin: 2px 0px;
  }

  .error-page-layout--two .error-404 .page-caption {
    font-size: 200px;
    font-weight: 900;
    line-height: 1;
  }

.error-page-layout--two .error-404 .page-header {
    z-index: 10;
    background-color: #f8f8f8;
    width: 100%;
    position: relative;
    top: -181px;
    text-transform: uppercase;
    padding: 2px;
    width: 70%;
    margin: 0 auto -60px;
}

.error-404.not-found .error-button-wrap a:hover{
  background-color: #ce7900;
  color:#fff;
}

.error-404.not-found .error-button-wrap a {
    background: #ffff;
    display: inline-block;
    text-decoration: none;
    margin-top: 30px;
    box-shadow: 0 0 15px rgb(0 0 0 / 12%);
    padding: 10px 20px;
    border-radius: 5px;
    border-bottom: 3px solid #e3e3e3;
    color: #1a1a1a;
    border-radius: 10px;
}

.error-button-wrap a {
    margin: 0 10px;
}

    /*---------------------------------
    Scroll Up  css
  ------------------------------------ */
  
  #news-express-scrollup {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #0b7378;
    width: 50px;
    height: 50px;
    line-height: 53px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    border-radius: 100%;
    cursor: pointer;
    transition: 0.5s ease;
}

    /*---------------------------------
    Latest wrapper and trending wrapper  css
  ------------------------------------ */
  .single-posts-layout--two .news-express-post-title-wrap {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 90%;
    background: rgba(0, 0, 0, 0.6);
    margin-left: -45%;
    padding: 20px 20px 30px;
    text-align: center;
  }

  .single-posts-layout--two #primary ul.post-cats-list , .single-posts-layout--two #primary article .post-cats-meta-wrap {
    justify-content: center;
  }

  .single-posts-layout--two #primary article span, .single-posts-layout--two #primary article .entry-title, .single-posts-layout--two #primary article .post-cats-meta-wrap a{
    color: #fff;
  }

    /*---------------------------------
    Latest wrapper and trending wrapper  css
  ------------------------------------ */

  .latest-posts-wrapper .posts-main-wrapper {
    margin-bottom: 25px;
  }

  .trending-posts .post-thumbnail-wrap, .latest-posts-wrapper .posts-column-wrapper .post-thumbnail-wrap {
    display: inline-block;
    width: 30%;
    height: auto    ;
    margin: 0px -4px 0px 0px;
    vertical-align: middle;
  }

  .latest-posts-wrapper .posts-column-wrapper .post-wrap.has-image {
    margin-bottom: 20px;
  }

  .latest-posts-wrapper .posts-column-wrapper .post-wrap:last-child{
    margin-bottom: 0;
  }


  .trending-posts .post-content-wrap, .latest-posts-wrapper .posts-column-wrapper .post-content-wrap {
    width: 66%;
    margin: 0 -4px 0px 4%;
    vertical-align: middle;
    display: inline-block;
    padding:0;
  }

  .latest-posts-wrapper .post-thumbnail-wrap .post-min-read{
    display: none;
  }

  .latest-posts-wrapper .posts-column-wrapper .post-wrap.no-image .post-content-wrap{
    width: 100%;
  }

  .trending-posts .entry-title a, .latest-posts-wrapper .posts-column-wrapper .entry-title a {
    font-size: 16px;
    line-height: 24px;
  }

  .trending-posts-wrapper .lSAction {
      top: 0;
      right: 0;
      position: absolute;
  }

  .trending-posts-wrapper .lSAction a {
    background: none;
    background-position-x: 0%;
    background-position-y: 0%;
    color: #808080;
    border: 1px solid #e1e1e1;
    line-height: 32px;
    display: inline-block;
    margin-left: 10px !important;
    font-size: 18px;
    position: static;
    width: 32px;
    height: 32px;
    text-align: center;
  }

    .trending-posts-wrapper .lSSlideWrapper, .trending-posts-wrapper .lSSlideOuter.vertical {
      position: static;
    }

  .news-express-aside.trending-posts-wrapper {
    position: relative;
  }

    .trending-posts .post-wrap {
    overflow: hidden;
  }

  .trending-posts .post-thumbnail-wrap .post-count {
    position: absolute;
    left: 0px;
    bottom: 0;
    background: #0065C1;
    display: block;
    padding: 0px 15px 0px 8px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 5px 0px 0px;
  }

   /*---------------------------------
    Widget author  css
  ------------------------------------ */

  .widget .category-item {
    display: grid;
    grid-template-columns: 28% 70%;
    gap: 2%;
    padding: 0px 0px 10px;
    margin:10px 0px;
    align-items: center;
    border-bottom: 1px solid #efefef;
  }

  .widget .category-image {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
    border: 2px solid #ffff;
  }

  .widget .category-name {
    font-size: 16px;
    font-weight: 500;
    padding: 0px 10px;
    text-transform: capitalize;
  }

  /*---------------------------------
    Widget author  css
  ------------------------------------ */

  .news-express-author-profile-wrapper .author-info-wrap .author-avatar {
    width: 85px;
    height: 85px;
    display: inline-block;
    margin: 0 10px 5px 0px;
  }

  .news-express-author-profile-wrapper .author-info-wrap .author-avatar img {
    border-radius: 50px;
  }

  .news-express-author-profile-wrapper .author-info-wrap .author-name {
    width: 65%;
    display: inline-block;
    text-align: left;
    font-size: 18px;
  }


  /* preloader */

  #news-express-preloader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
  }

  #news-express-preloader .preloader-wrapper {
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }


/* -----------------------------------------
-livesearch css
--------------------------------------------*/

.mt-search-results-wrap {
  padding: 15px 3px 0;
  display: inline-block;
  height: auto;
  max-height: 240px;
  overflow: auto;
  width: 100%;
}

.storeflex-centered .storeflex-search-posts-wrap {
  padding-right: 8px;
  color: #000;
  text-align: left;
  width: 100%;
  line-height: 2.3;
  font-weight: 600;
}

.mt-search-results-wrap .mt-search-article-item {
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    align-items: center;
    gap: 10px;
}

.mt-search-results-wrap figure.mt-search-post-thumb-wrap {
    width: 50px;
    height: 50px;
}

.header-search-wrapper .search-form-wrap.active-search  .search-submit{
  height: 35px;
}

.header-search-wrapper .search-form-wrap.active-search .search-field{
  width: 100%;
}

.mt-search-results-wrap .mt-search-article-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.mt-search-results-wrap .mt-search-article-item .storeflex-post-thumb-wrap {
  flex: 0 1 20%;
  margin-right: 15px;
}

.mt-search-results-wrap .mt-search-article-item .storeflex-post-thumb-wrap img {
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.mt-search-results-wrap .mt-search-article-item .mt-search-post-element {
  flex: 0 1 80%;
}

.mt-search-results-wrap .mt-search-article-item.no-img-post .storeflex-post-thumb-wrap {
  flex: 0;
  margin: 0;
}

.mt-search-results-wrap .mt-search-article-item .mt-search-post-element .mt-search-post-title {
  margin: 0 0 6px;
  line-height: 22px;
  font-size: 14px;
}

.mt-search-results-wrap .mt-search-article-item .mt-search-post-element .mt-search-post-title a {
  color: #212121;
}

.mt-search-results-wrap .mt-search-article-item .mt-search-post-element .mt-search-post-title a:hover {
  color: #0065C1;
}

.mt-search-results-wrap .mt-search-article-item .mt-search-post-element .posted-on {
display: none;
}

.header-search-wrapper .search-form-wrap .search-form label {
  border-radius: 0;
  padding: 0;
  width: 70%;
  float: left;
  position: relative;
}

.search-form.retrieving-posts label::before {
  content: "\eb47";
  font-family: boxicons !important;
  font-weight: 600;
  display: inline-block;
  color: #B6B6B6;
  position: absolute;
  right: 5px;
  border-radius: 50%;
  top: 0px;
  font-size: 20px;
  -webkit-animation: tie-spin 3s infinite linear;
  animation: tie-spin 3s infinite linear;
}

@keyframes tie-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.search-results-wrap.no-posts-found h2 {
  margin: 0;
  font-size: 1.3rem;
}

.search-results-wrap.no-posts-found p {
  margin: 8px 0 0;
}

/* clears the ‘X’ from Internet Explorer */
.search-form.retrieving-posts label input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.search-form.retrieving-posts label input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
.search-form.retrieving-posts label input[type="search"]::-webkit-search-decoration,
.search-form.retrieving-posts label input[type="search"]::-webkit-search-cancel-button,
.search-form.retrieving-posts label input[type="search"]::-webkit-search-results-button,
.search-form.retrieving-posts label input[type="search"]::-webkit-search-results-decoration {
  display: none;
}