/*!
  Theme Name:   Azure News
  Theme URI:    https://demo.codevibrant.com/azure-demo/
  Author:       CodeVibrant
  Author URI:   https://codevibrant.com
  Description:  Azure News WordPress theme is a versatile and user-friendly template designed specifically for news websites and online magazines. With its clean and modern design, this theme offers a professional and visually appealing platform to showcase news articles, editorials, and multimedia content. The theme is fully customizable, allowing users to easily modify the layout, colors, and typography to match their brand identity. It also includes various features such as a responsive design, SEO optimization, social media integration, and a user-friendly interface for easy navigation. With its powerful backend and intuitive front-end editor, the Azure News WordPress theme provides an efficient and seamless experience for both content creators and readers. Whether you are a professional journalist or a passionate blogger, this theme is the perfect choice to create a captivating and engaging news website. You can check demos here which can be easily imported by the CodeVibrant Demo Importer plugin. Also, You can check Demo here:https://demo.codevibrant.com/azure-demo/
  Version:      1.1.4
  Tested up to: 7.0
  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:  azure-news
  Tags:         blog, entertainment, news, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, 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.

  Azure News 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
    - Captions
    - Galleries
  # Typography
  # Elements
  # Forms
  # Links
  # Accessibility
  # Alignments
  # Clearings
  # Widgets
  # Posts and pages
  # Galleries
  # Comments
  # Infinite scroll
  # Media
  # # Plugins
  # # Utilities
  # Grid CSS
  # Default widget css
  # Sidebar layout css
  # COMMON CSS
  # Header CSS
    ## Top Header CSS
    ## Main Header CSS
    ## Bottom header  CSS
  # Dark mode CSS
  # News Ticker CSS
  # Banner CSS
  # News Block and Author Profile CSS
  # Fullwidth featured CSS
  # Sidebar widget
    ## Latest widget / Trending CSS
  # Archive layout CSS
  # Single Post Layout CSS
  # Post Author Layout Css
  # Related Layout Css
  # Breadcrumb CSS
  # 404 Layout CSS
  # Single Page Layout CSS
  # Footer layout 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 {
  list-style: none;
}

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

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

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

blockquote:after,
q:after {
  content: "\ee82";
  font-family: boxicons;
  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;
}

/*--------------------------------------------------------------
    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: 15px;
  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
    --------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 15px;
}

ul,
ol {
  margin: 0 0 15px 20px;
}

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: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  vertical-align: middle;
}

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,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: middle;
}

.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  border: none;
  padding: 10px 25px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  text-shadow: none;
  border: 1px solid #04a8d0;
  background: #04a8d0;
  color: #fff;
}

.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #333;
  border-color: #333;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  color: #666;
  border: 1px solid #ccc;
  height: 36px;
  width: 100%;
  -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  border: 1px solid #aaa;
}

.searchform input[type="text"]:focus {
  border: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px 6px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  color: #666;
  border: 1px solid #ccc;
  height: 160px;
  max-width: 100%;
  width: 100%;
}

/*--------------------------------------------------------------
    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: #04a8d0;
}

a:focus {
  outline: thin dotted;
}

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

/* Text meant only for screen readers */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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;
  color: #04a8d0;
  display: block;
  font-size: 14px;
  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 */
}

/*--------------------------------------------------------------
    Alignments
    --------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 15px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 15px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
    Clearings
    --------------------------------------------------------------*/
.azure-news-clearfix:before,
.azure-news-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;
}

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

.clear {
  clear: both;
}

/*--------------------------------------------------------------
    9.0 Widgets
    --------------------------------------------------------------*/
.widget-area .widget {
  margin: 0 0 40px;
}

/* Make sure select elements fit in widgets */
.widget-area .widget select {
  max-width: 100%;
}

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

.azure-news-social-icons-wrapper {
  overflow: auto;
}

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

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

h1.entry-title a {
  color: #3d3d3d;
}

.hentry {
  margin: 0 0 15px;
}

.single .byline,
.group-blog .byline,
.posted-on,
.blog-author,
.blog-cat {
  display: inline;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.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 {
  color: #04a8d0;
}

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

.comments-link {
  float: right;
}

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

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

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

.tags-links:before {
  content: "\ec3b";
  font-family: boxicons;
  font-style: normal;
  margin-right: 3px;
}

.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: "\eabf";
  font-family: boxicons;
  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;
}

.page-header {
  padding-left: 12px;
}

#primary .page-header{
  padding-left:0;
}

.page-header .page-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}

.page-header .page-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 95%;
  background-color: #04a8d0;
}

.page-header .page-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #04a8d0;
}

.updated {
  display: none;
}

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

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

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

.nav-links .meta-nav {
  display: none;
}

.nav-links::after {
  content: "";
  display: block;
  clear: both;
}

.nav-links .nav-previous,
.nav-links .nav-next {
  width: 48%;
  float: left;
}

.nav-links .nav-next {
  text-align: right;
  float: right;
}

.nav-links .nav-previous a:before {
  content: "\ea2c";
  font-family: boxicons;
  font-style: normal;
  margin-right: 5px;
}

.nav-links .nav-next a:after {
  content: "\ea2f";
  font-family: boxicons;
  font-style: normal;
  margin-left: 5px;
}

.nav-links .nav-next a,
.nav-links .nav-previous a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.entry-thumbnail {
  width: 38%;
  float: left;
}

.entry-exrecpt {
  width: 60%;
  float: right;
}

.short-content {
  margin-bottom: 10px;
}

.short-content+.bttn {
  float: right;
}

.full-width {
  float: none;
  width: 100%;
}

.navigation .nav-links .page-numbers {
  padding: 0 14px;
  display: inline-block;
  background: none;
  border: 1px solid #f4f2f2;
  color: #242424;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin: 0 3px;
  border-radius: 101px;
  border-color: #e1e1e1;
}

.navigation.pagination {
  margin-left: 0;
}

.navigation .nav-links a.page-numbers:hover,
.navigation .nav-links .page-numbers.current {
  background: #04a8d0;
  color: #fff;
  border: 1px solid #04a8d0;
}

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

#top-footer .gallery {
  margin-bottom: 0;
}

.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: 47%;
}

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
    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;
}

.comment-metadata {
  font-size: 12px;
  margin-top: -12px;
  padding-left: 50px;
}

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

.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: #04a8d0;
}

.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 #04a8d0;
  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: #04a8d0;
}

#cancel-comment-reply-link:before {
  font-family: boxicons;
  content: "\ec8d";
  margin: 0 5px 0 20px;
  font-style: normal;
  color: #04a8d0;
}

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

.edit-link a {
  color: #04a8d0;
}

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

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

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.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 img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 15px;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}

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

.wp-caption .wp-caption-text {
  margin: 10px 0;
}

.site-main .gallery {
  margin-bottom: 1.5em;
}

.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}

.site-main .gallery dd,
.site-main .gallery figcaption {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* 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;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
    # Plugins
    --------------------------------------------------------------*/

/* Jetpack infinite scroll
    --------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
    # Utilities
    --------------------------------------------------------------*/

/* 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;
}

.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: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
    Grid CSS
--------------------------------------------------------------*/
.azure-news-column-wrapper {
  margin-left: -3%;
  margin-bottom: -3%;
}

.azure-news-column-one {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 97%;
  margin-left: 3%;
  margin-bottom: 3%;
}

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

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

.azure-news-column-four {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 22%;
  margin-left: 3%;
  margin-bottom: 3%;
}

.azure-news-column-five {
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 17%;
  margin-left: 3%;
  margin-bottom: 3%;
}

/*--------------------------------------------------------------
    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: 30px;
  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 {
  color: #04a8d0;
}

.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: "\e9fc";
  font-family: boxicons;
  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: "\ea39";
}

.widget_recent_entries a::before,
.wp-block-latest-posts li a:before {
  content: "\ea97";
}

.widget_meta a::before,
.widget_nav_menu li a:before {
  content: "\ea55";
}

.widget_recent_comments li::before,
.wp-block-latest-comments li:before {
  content: "\eb78";
  top: 0;
}

.widget_rss li::before {
  content: "\ebee";
  top: 0;
}

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

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

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

.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: #ffffff;
  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: auto;
  margin: 0;
  height: 36px;
  color: #ffffff;
  padding: 0 20px;
}

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

#secondary,
.home.blog #secondary {
  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;
}

.widget .author,
.widget .posted-on a::before {
  display: none;
}

.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;
}

/*--------------------------------------------------------------
    Common Css
--------------------------------------------------------------*/
body {
  font-weight: 400;
  position: relative;
  font-family: "Roboto", sans-serif;
  line-height: 1.8;
}

.azure-news-container {
  width: 1320px;
}

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

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

.social-icon {
  list-style-type: none;
}

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

.entry-title {
  margin: 0;
}

.entry-title a {
  color: #212121;
  font-size: 18px;
}

.entry-title a:hover {
  color: #04a8d0;
  text-decoration: underline;
}

.post-title a {
  color: #212121;
  display: inline;
}

.post-title a:hover {
  color: #04a8d0;
}

#masthead {
  background-color: #fff;
}

.azure-news-site-layout--separate .page-content-wrapper {
  margin: 0px;
}

.azure-news-site-layout--separate #page {
  background: #f7f8f9;
}

/*--------------------------------------------------------------
 .azure-news-site-layout--boxed  Css
--------------------------------------------------------------*/
.azure-news-site-layout--boxed {
  background: #3582c4;
}

.azure-news-site-layout--boxed #page {
  width: 1290px;
}

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

.azure-news-site-layout--boxed .azure-news-container {
  width: 100%;
  padding: 0 40px;
}

.azure-news-site-layout--boxed .banner-tabbed-wrapper ul.banner-tabs li a {
  padding: 7px;
}

.azure-news-site-layout--boxed .header-news-ticker-wrapper {
  padding: 0px 40px;
}




/*--------------------------------------------------------------
masthead image css
--------------------------------------------------------------*/
#masthead.header--bg-image {
  background-color: #fff;
  position: relative;
}

#masthead.header--bg-image::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#masthead.header--bg-image .azure-news-container {
  position: relative;
  z-index: 1;
}

#masthead.header--bg-image .azure-advertisement-wrapper .azure-news-container {
  z-index: auto;
}

#masthead.header--bg-image #site-navigation ul li a,
#masthead.header--bg-image .header-search-wrapper i {
  color: #fff !important;
}

#masthead.header--bg-image #site-navigation ul.sub-menu a,
#site-navigation ul.children a {
  color: #000 !important;
}

#masthead.header--bg-image .is-sticky #site-navigation ul li.current-menu-item>a,
#site-navigation ul li.current_page_item>a,
#site-navigation ul li.current-menu-ancestor>a {
  border: none;
}

#masthead.header--bg-image .is-sticky #site-navigation ul li a {
  color: #000 !important;
}

#masthead.header--bg-image .sidebar-menu-toggle-nav span {
  background-color: #fff;
}

/*--------------------------------------------------------------
    Top menu header Css
--------------------------------------------------------------*/
#top-header {
  padding: 8px 0px;
  background: #04a8d0;
}

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

#top-header-menu {
  display: flex;
  margin-bottom: 0px;
  gap: 11px;
  list-style-type: none;
}

.top-header-date-wrap {
  color: #fff;
}

#top-header-menu a {
  color: #fff;
}

.social-icons-wrapper {
  order: 2;
  margin: 0 0 0 auto;
  display: flex;
}

.top-bar-navigation {
  order: 2;
  margin: 0 0 0 10px;
}

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

.social-icon a {
  color: #fff;
}

.social-icons-wrapper .social-icon i {
  border-radius: 50px;
  padding: 6px 6px;
  width: max-content;
  height: max-content;
  background: transparent;
}

.social-icons-wrapper .social-icon i:hover {
  background-color: #fff;
  color: #04a8d0;
  border-radius: 50px;
  padding: 6px 6px;
  width: max-content;
  height: max-content;
  text-align: center;
}

/*--------------------------------------------------------------
    Main header Wrapper Css
--------------------------------------------------------------*/

/* ---Sidebar-toggle-nav css--- */

.sidebar-toggle-search-wrapper .sidebar-menu-toggle {
  background: none;
  border-color: #b9b8b8;
  color: #494a4a;
  font-size: 21px;
  border-radius: 7px;
  padding: 14px;
}

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

.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-widget-wrapper {
  padding: 35px 20px;
  position: relative;
  z-index: 1;
  background: #f4f2f2;
  height: 100%;
  overflow-y: scroll;
}

.sticky-sidebar-close {
  position: absolute;
  top: 50px;
  right: -16px;
  font-size: 24px;
  border-color: #04a8d0;
  background-color: rgb(4, 168, 208);
  color: #fff;
  padding: 2px;
  display: block;
  line-height: 20px;
  cursor: pointer;
  z-index: 2;
}

.sticky-header-widget-wrapper .widget {
  margin-top: 30px;
  background: #fff;
  padding: 15px;
}

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

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

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

.main-header-wrapper .sidebar-menu-toggle-nav span.smtn-mid {
  top: 50%;
  width: 100%;
  margin-top: -1.5px;
}

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

.sidebar-menu-toggle:hover .sidebar-menu-toggle-nav span.smtn-top,
.sidebar-menu-toggle:hover .sidebar-menu-toggle-nav span.smtn-bot,
.sidebar-menu-toggle:focus .sidebar-menu-toggle-nav span.smtn-top,
.sidebar-menu-toggle:focus .sidebar-menu-toggle-nav span.smtn-bot {
  width: 100%;
}

/* ---sidebar-toggle-nav css end ----*/


/*---- Search form wrapper Css -----------*/
.header-search-wrapper {
  float: right;
  position: relative;
}

.header-search-wrapper .search-icon a {
  padding-left: 16px;
  color: #000;
  font-size: 19px;
}

.search-icon {
  display: block;
  line-height: 40px;
  padding: 0 14px;
  cursor: pointer;
  color: #ffffff;
}

.header-search-wrapper .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#04a8d0;
  padding: 15px;
  position: absolute;
  left: 0;
  top: 116%;
  width: 300px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%);
}

input[type="search"]:focus-visible {
  outline: 1px solid #04a8d0;
  border-radius: 1px;
}

.header-search-wrapper .search-form-wrap::before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #04a8d0;
  content: "";
  position: absolute;
  left: 27px;
  top: -10px;
}

.header-search-wrapper .search-form-wrap .search-submit {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  float: left;
  padding: 7px 0 10px;
  width: 20%;
  height: 36px;
  background: #04a8d0;
}

.search-icon-close {
  position: absolute;
  right: -12px;
  top: -11px;
  background-color: #04a8d0;
  color: #fff;
  padding-left: 0px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 27PX;
  font-size: 18px;
}

.search-icon-close a {
  color: #fff;
}

.search-icon-close a:hover {
  color: #000;
}

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

.search-form-wrap.active-search {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

/*---- Search bar Css end -----------*/

/*---- Site Branding Css  -----------*/
.site-branding {
  margin: 0 auto;
  text-align: center;
}

/*---- Site Branding Css End  -----------*/




/*-------------------------------
 Dark and Light mode button css
 --------------------------------*/

#azure-news-site-mode-wrap a {
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50px;
  position: relative;
  transition: 0.25s;
  font-size: 0;
  background-color: #fff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.13);

}

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

#azure-news-site-mode-wrap a.dark-mode span::after {
  height: 12px;
  width: 12px;
  content: "";
  position: absolute;
  left: 50%;
  top: 49%;
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
  color: #111;
  transition: all ease-in-out 0.3s;
  background-size: 12px 12px;
  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");
}

#azure-news-site-mode-wrap a.light-mode span::after {
  display: block;
  --size: 15px;
  appearance: none;
  outline: none;
  cursor: pointer;
  width: var(--size);
  height: var(--size);
  box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0;
  border-radius: 999px;
  color: #333;
  transition: all 500ms;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  content: "";
}

/*---- Dark mode and Light mode button css end -----------*/

/*---- Subscribe button Wrapper  -----------*/

.main-header-wrapper .subcribe-ads-button.logo-ads-wrapper {
  display: inherit;
  gap: 12px;
  align-items: center;
}

.subcribe-ads-button a {
  background-color: #04a8d0;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 7px;
}

.subcribe-ads-button i,
.subcribe-ads-button a,
.subcribe-ads-button a:hover {
  color: #fff;
}

.main-header-wrapper {
  padding: 8px 0px 0px;
}

/* ----bel icon css start--- */
.custom-button-bell-icon {
  display: inline-block;
  width: 28px;
  height: 38px;
  font-size: 40px;
  font-size: 22px;
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
  vertical-align: middle;
}

.custom-button-bell-icon:hover,
.azure-icon-title-label:hover {
  color: #fff;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

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

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }

  1% {
    -moz-transform: rotate(30deg);
  }

  3% {
    -moz-transform: rotate(-28deg);
  }

  5% {
    -moz-transform: rotate(34deg);
  }

  7% {
    -moz-transform: rotate(-32deg);
  }

  9% {
    -moz-transform: rotate(30deg);
  }

  11% {
    -moz-transform: rotate(-28deg);
  }

  13% {
    -moz-transform: rotate(26deg);
  }

  15% {
    -moz-transform: rotate(-24deg);
  }

  17% {
    -moz-transform: rotate(22deg);
  }

  19% {
    -moz-transform: rotate(-20deg);
  }

  21% {
    -moz-transform: rotate(18deg);
  }

  23% {
    -moz-transform: rotate(-16deg);
  }

  25% {
    -moz-transform: rotate(14deg);
  }

  27% {
    -moz-transform: rotate(-12deg);
  }

  29% {
    -moz-transform: rotate(10deg);
  }

  31% {
    -moz-transform: rotate(-8deg);
  }

  33% {
    -moz-transform: rotate(6deg);
  }

  35% {
    -moz-transform: rotate(-4deg);
  }

  37% {
    -moz-transform: rotate(2deg);
  }

  39% {
    -moz-transform: rotate(-1deg);
  }

  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

/* -----bel icon css end --- */
/*---- Subscribe button Wrapper End -----------*/
/*-------  Main header Wrapper Css  End --------------------------*/


/*--------------------------------------------------------------
    Bottom  header Wrapper Css
--------------------------------------------------------------*/

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

.bottom-header-wrapper .azure-news-container {
  border-top: 1px solid #e1e1e1;
  justify-content: center;
}

.azure-news-header-ads-wrap {
  text-align: center;
}

.is-sticky .bottom-header-wrapper .azure-news-container {
  border-top: none !important;
}

.is-sticky .azure-news-header-ads-wrap {
  display: none;
}

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

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

.azure-advertisement-wrapper .azure-news-container {
  border: 0px;

}

/* ------ Menu css start ------*/

#site-navigation ul {
  display: flex;
  list-style-type: none;
  margin-bottom: 0px;
  margin-left: 0px;
}

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

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

#site-navigation ul li a {
  font-weight: 500;
  font-size: 17px;
  line-height: 42px;
  display: block;
  position: relative;
  padding: 18px 22px;
}

#site-navigation ul li:hover>a::before {
  transform: rotateX(180deg);
}

#site-navigation ul.sub-menu,
#site-navigation ul.children {
  margin-left: 0px;
}

#site-navigation ul li.current-menu-item>a,
#site-navigation ul li.current_page_item>a,
#site-navigation ul li.current-menu-ancestor>a {
  color: #04a8d0;
  top: -2px;
  border-top: 3px solid #04a8d0;
}

#site-navigation ul.sub-menu li {
  border-bottom: 1px solid #e1e1e1;
  width: 100%;
}

#site-navigation ul.sub-menu li:hover {
  background-color: #f4f4f4;
  -webkit-transition: 500ms all ease;
  transition: 500ms all ease;
}

#site-navigation #primary-menu>li>a::after,
#site-navigation ul.nav-menu>li>a::after {
  position: absolute;
  content: "";
  height: 3px;
  background: #04a8d0;
  right: 0;
  margin: 0 auto;
  top: -2px;
  width: 100%;
  transition: 0.5s;
  transform: scaleX(0);
  transform-origin: top left;
}

#site-navigation #primary-menu>li:hover>a::after,
#site-navigation ul.nav-menu>li:hover>a::after {
  transform-origin: top left;
  transform: scaleX(1);
}

#site-navigation .sub-menu li>a:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 0;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  margin: 0;
  background: #6c6c6c;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

#site-navigation ul li.menu-item-has-children>a::before,
#site-navigation ul li.page_item_has_children>a:before {
  content: "\ea4a";
  font-family: boxicons;
  position: absolute;
  right: 0;
}

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

#site-navigation ul.sub-menu li a,
#site-navigation ul.children li a {
  padding: 10px 15px;
  line-height: 1.5;
  margin: 0;
}

#site-navigation .menu-item-description {
  position: absolute;
  top: 1px;
  right: -39px;
  background: #04a8d0;
  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: #04a8d0 transparent transparent transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

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

#site-navigation ul.sub-menu li:last-child,
#site-navigation ul.children li:last-child {
  border: none;
}

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

#site-navigation ul.sub-menu,
#site-navigation ul.children {
  position: absolute;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  background-color: #fff;
  background-clip: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center top 0;
  transform-origin: center top 0;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%);
  border-radius: 0px 5px 5px 5px;
  border-left: 8px solid #04a8d0;
  opacity: 0;
  line-height: 24px;
  list-style-type: none;
  width: 220px;
}

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

#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 li:hover>ul.sub-menu,
#site-navigation li:hover>ul.children,
#site-navigation ul li.focus>ul.sub-menu,
#site-navigation ul li.focus>ul.children {
  opacity: 1;
  z-index: 1;
  transform: scaleY(1);
}

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

/*!---- Menu css end ------- */

/*------- Bottom header Wrapper Css  End --------------------------*/


/*--------------------------------------------------------------
    News-ticker Css
 --------------------------------------------------------------*/

.azure-news-site-layout--separate .header-news-ticker-wrapper {
  margin: 0px 0 30px;
}

.header-news-ticker-wrapper .news-ticker-posts-wrapper {
  overflow: hidden;
  max-height: 84px;
}

.header-news-ticker-wrapper {
  border-top: 2px solid #e1e1e1;
  margin: 8px 0 30px;
  padding: 0px 0px;
  background-color: #f4f2f2;
}

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

.header-news-ticker-wrapper .azure-news-container {
  padding: 8px 0px;

}

.news-post-thumb {
  display: inline-block;
  width: 62px;
  margin-right: 15px;
  vertical-align: middle;
}

.news-ticker-post-title {
  font-size: 14px;
  display: inline-block;
  width: 250px;
  vertical-align: middle;
  font-weight: 700;
  line-height: 1.9;
}

.news-post-content-wrap {
  display: inline-block;
}

.posted-on {
  display: inline;
}

.news-ticker-label {
  background-color: #04a8d0;
  text-align: center;
  line-height: 1.5;
  position: relative;
  padding: 19px 10px 19px;
  border-radius: 7px;
  color: #fff;
  font-weight: 700;
  flex: 0 0 13%;
  align-items: center;
  float: left;
}

.news-ticker-loader {
  width: 30px;
  height: 30px;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.news-ticker-loader div {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #e1e1e1;
  animation: news-ticker-loader 1s linear infinite;
}

.news-post-thumb img {
  border-radius: 7px;
}

/*-------  News Ticker Wrapper Css  End --------------------------*/

/*--------------------------------------------------------------
    azure-news-banner Wrapper  Css
--------------------------------------------------------------*/
.azure-news-banner-wrapper {
  padding: 20px 0px 0px;
}

.azure-news-banner-wrapper .tab-content-wrap .post-content-wrap .posted-on.publish {
  display: flex;
}

.azure-news-banner-wrapper .azure-news-container {
  grid-template-columns: 25.33% 46.33% 28.33%;
}

.azure-news-banner-wrapper .azure-news-container {
  display: grid;
}

.azure-news-banner-wrapper.banner-placed--slider-block-tab .azure-news-container {
  grid-template-columns: 46.33% 25.33% 28.33%;
}

.azure-news-banner-wrapper.banner-placed--slider-tab-block .azure-news-container {
  grid-template-columns: 46.33% 28.33% 25.33%;
}

.azure-news-banner-wrapper.banner-placed--tab-slider-block .azure-news-container {
  grid-template-columns: 28.33% 46.33% 25.33%;
}

.azure-news-banner-wrapper.banner-placed--tab-block-slider .azure-news-container {
  grid-template-columns: 28.33% 25.33% 46.33%;
}

.azure-news-banner-wrapper.banner-placed--block-tab-slider .azure-news-container {
  grid-template-columns: 25.33% 28.33% 46.33%;
}

.azure-news-banner-wrapper.banner-placed--block-slider-tab .azure-news-container {
  grid-template-columns: 25.33% 46.33% 28.33%;
}

.azure-news-banner-wrapper .single-block-post-wrapper .post-thumbnail-wrap {
  height: 214px;
}

.azure-news-banner-wrapper .single-block-post-wrapper.no-image .post-thumbnail-wrap {
  display: block;
  height: auto;
  margin-bottom: 40px;
}

.azure-news-banner-wrapper.banner-placed--slider-block-tab .block-wrapper,
.azure-news-banner-wrapper.banner-placed--block-tab-slider .banner-tabbed-wrapper,
.azure-news-banner-wrapper.banner-placed--block-slider-tab .lSSlideOuter,
.azure-news-banner-wrapper.banner-placed--tab-slider-block .lSSlideOuter,
.azure-news-banner-wrapper.banner-placed--tab-block-slider .block-wrapper,
.azure-news-banner-wrapper.banner-placed--slider-tab-block .banner-tabbed-wrapper {
  padding: 0 30px;
}

.azure-news-banner-wrapper .has-image {
  position: relative;
}

.azure-news-banner-wrapper .azure-news-block .block-wrapper .post-content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 8px 19px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

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

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

#banner-tabbed .banner-tabs {
  margin-left: 0px;
  margin-bottom: 20px;
}

.banner-tabbed-wrapper ul.banner-tabs li a {
  padding: 8px;
  border: 1px solid #999;
  margin-right: 5px;
  width: 33.1%;
  color: #484747;
  background-color: #ffffff;
  box-shadow: 0 0 35px rgb(0 0 0 / 4%);
}


.azure-news-banner-wrapper .banner-tabbed-wrapper ul.banner-tabs li.ui-state-active a,
.banner-tabbed-wrapper ul.banner-tabs li:hover a {
  background-color: #04a8d0;
  color: #fff;
  border: 1px solid #04a8d0;
}

.azure-news-banner-wrapper .lSSlideOuter .slide-content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 41px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.azure-news-banner-wrapper .banner-tabbed-wrapper .tabbed-content-wrapper .tab-content-wrap .single-post-wrap {
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 35px rgb(0 0 0 / 4%);
  padding: 10px 0px;
  width: 100%;
}

.azure-news-banner-wrapper .tabbed-content-wrapper .tab-content-wrap .post-content-wrap .post-title {
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 1.9;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.azure-news-banner-wrapper .post-meta-wrap span a,
.azure-news-banner-wrapper .post-meta-wrap span {
  color: #fff !important;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-meta-wrap {
  color: #fff;
  line-height: 55px;
}

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

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

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

.azure-news-banner-wrapper figure,
.azure-news-banner-wrapper .post-thumbnail {
  height: 100%;
}

.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;
}

.azure-news-banner-wrapper .banner-tabbed-wrapper .post-cats-wrap {
  position: static;
}

.azure-news-banner-wrapper a,
.post-excerpt {
  color: #fff;
}

.azure-news-banner-wrapper .tabbed-content-wrapper a {
  color: #484747;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  border-radius: 5px;
}

.azure-news-banner-wrapper .tabbed-content-wrapper a:hover {
  color: #04a8d0;
  text-decoration: underline;
}

.azure-news-banner-wrapper .post-title {
  font-size: 16px;
}

.tabbed-content-wrapper .single-post-wrap {
  margin-bottom: 20px;
}


.azure-news-banner-wrapper .lSSlideWrapper .bx-chevron-left,
.bx-chevron-right {
  display: none;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-thumbnail-wrap {
  margin-bottom: 0px;
  height: 449px;
}

.single-slide-wrap {
  height: 449px;
  overflow: hidden;
  position: relative;
}

.single-slide-wrap.no-image {
  height: 290px;
}

.azure-news-banner-wrapper .lSSlideWrapper .no-image .post-thumbnail-wrap {
  height: auto;
  display: block;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-cat-item a {
  background-color: #ffffffd6;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 10px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
  font-weight: 600;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff !important;
}

.azure-news-banner-wrapper .block-wrapper .post-cat-item a {
  background-color: #ffffffd6;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 10px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
  font-weight: 600;
}

.azure-news-banner-wrapper .block-wrapper .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff !important;
}

.azure-news-banner-wrapper .block-wrapper .post-cats-wrap .post-cats-list {
  margin: 10px 0 10px;
}

.azure-news-banner-wrapper .lSSlideWrapper .post-cats-wrap .post-cats-list {
  margin: 10px 0 10px;
}

.azure-news-banner-wrapper .post-cats-list {
  margin-left: 0px;
}

.slide-content-wrap .slide-title {
  font-size: 24px;
}

/*--------------------------------------------------------------
news banner with image Css
--------------------------------------------------------------*/
.azure-news-banner-wrapper.has-banner-bg-image {
  padding: 60px 0 50px;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}

.azure-news-banner-wrapper.has-banner-bg-image .banner-tabbed-wrapper ul.banner-tabs li a {
  border: 1px solid #fff;
}

/*--------- azure news banner wrapper Css -----------------*/

/*--------------------------------------------------------------
    Azure-news-block and Author profile Css
--------------------------------------------------------------*/

#frontpage-middle-content .azure-news-flex {
  align-items: flex-start;
  gap: 20px;
}

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

.azure-news-site-layout--separate .frontpage-block,
.home.blog.azure-news-site-layout--separate .frontpage-block {
  margin: 30px 0 0;
}

.home.blog.azure-news-site-layout--separate .frontpage-block .home.blog.azure-news-site-layout--separate .secondary-content-wrapper .widget,
.azure-news-site-layout--separate #left-secondary .widget,
.home.blog.azure-news-site-layout--separate #left-secondary .widget,
.azure-news-site-layout--separate #primary,
.home.blog.azure-news-site-layout--separate #primary {
  margin: 30px 0 0;
  background-color: #fff;
  padding: 20px;
}

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

.azure-news-site-layout--separate .secondary-content-wrapper .widget {
  margin-top: 30px;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.13);
}

.secondary-content-wrapper {
  width: 30%;
}

.primary-content-wrapper {
  width: 70%;
  float: left;
}

.news-block-block .block-wrapper.block-layout--two .block-column-wrapper.azure-news-grid {
  grid-column-gap: 2%;
  grid-template-columns: 49% 49%;
  margin-top: 20px;
  margin-bottom: -10px;
}

.frontpage-block.news-block-block .block-posts-wrapper.azure-news-grid {
  grid-column-gap: 2%;
  grid-template-columns: 50% 48%;
}

.post-thumbnail-wrap {
  position: relative;
  margin-bottom: 20px;
}

.no-image .post-thumbnail-wrap {
  display: none;
}

.author-info-wrap {
  text-align: center;
  padding: 5px;
  background-color: #f7f8f9;
}

.author-bio{
  text-align: justify;
}

.author-info-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-name {
  color: #04a8d0;
}

.author-avatar {
  width: 180px;
  height: 180px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto 10px;
}

.author-name {
  margin: 20px 0 5px;
}

.news-block-block .block-column-wrapper .post-thumbnail-wrap {
  display: inline-block;
  width: 35%;
  margin-right: -4px;
  vertical-align: top;
  position: relative;
}

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

.news-block-block .block-layout--two .block-column-wrapper .post-content-wrap {
  display: inline-block;
  width: 68%;
  vertical-align: top;
  padding-left: 15px;
}

.news-block-block .block-column-wrapper .post-content-wrap {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  padding-left: 15px;
}


.news-block-block .block-column-wrapper .no-image .post-content-wrap {
  padding-left: 0;
  width: 100%;
}

.news-block-block .block-column-wrapper .post-cats-wrap ul {
  margin-top: 0;
}

.news-block-block .block-column-wrapper article {
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.news-block-block .block-column-wrapper article:last-child {
  border: none;
  margin: 0;
  padding: 0;
}

.news-featured-block .block-wrapper.block-layout--two .post-meta-wrap>span,
.news-block-block .block-column-wrapper .post-meta-wrap>span {
  font-size: 12px;
  margin-right: 15px;
}

.news-block-block .block-layout--two .block-column-wrapper article:last-child {
  border-bottom: 1px solid #ddd;
}

.post-cats-wrap .post-cats-list li {
  display: inline-block;
  margin-right: 10px;
}

.block-wrapper .block-title {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  font-size: 22px;
}

.block-wrapper .block-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #04a8d0;
}

.block-wrapper .block-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100%;
  background-color: #04a8d0;
}

.block-posts-wrapper .post-cats-wrap .post-cats-list .post-cat-item a {
  color: #04a8d0;
  font-weight: 700;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 9px;
}

.block-posts-wrapper .post-cats-wrap .post-cats-list .post-cat-item a:hover,
.related-posts-wrapper .post-cats-wrap .post-cats-list .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff !important;
}

#frontpage-middle-content .block-column-wrapper .azure-news-button.read-more-button {
  display: none;
}

.azure-news-site-layout--separate .frontpage-block .block-wrapper {
  background: #fff;
  margin: 30px 0 0px;
}

.block-column-wrapper .entry-title a {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.7;
  margin: 5px 0;
}

.block-main-wrapper .post-excerpt {
  color: #484747;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.9;
}

.block-layout--one .post-cats-list {
  margin: 0px;
}

.news-block-block .block-layout--one .block-column-wrapper .post-title-wrap .entry-title {
  line-height: 1;
  margin-bottom: 3px;
}

.news-block-block .block-layout--two .block-column-wrapper .post-title-wrap .entry-title {
  line-height: 1.2;
}

.block-main-wrapper .post-meta-wrap {
  padding: 5px 0px;
}

.post-meta-wrap {
  gap: 20px;
}

/*--------------------------------------------------------------
   Full-width-featured Css
--------------------------------------------------------------*/
.frontpage-block.news-featured-block .block-layout--one .block-post-wrap .entry-title {
  line-height: 1.2;
}

.frontpage-block.news-featured-block .block-layout--one .block-post-wrap .post-content-wrap {
  line-height: 35px;
}

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

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

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

.news-featured-block .block-wrapper.block-layout--two .post-content-wrap {
  display: inline-block;
  width: 65%;
  vertical-align: top;
  padding-left: 15px;
}

.news-featured-block .block-wrapper.block-layout--two .post-cats-wrap ul {
  margin-top: 0px;
}

.news-featured-block .block-wrapper.block-layout--two .entry-title {
  line-height: 1.3;
}

.news-featured-block .block-wrapper.block-layout--two .block-post-wrap .post-title-wrap .entry-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}

.news-featured-block .block-wrapper.block-layout--two .azure-news-button.read-more-button {
  display: none;
}

/*--------------------------------------------------------------
full width ad Css
--------------------------------------------------------------*/
.frontpage-block.ad-block .block-wrapper {
  text-align: center;
}

/*--------------------------------------------------------------
   latest-post and sidebar-widget Css and trending post content and thumbnail wrap css included
--------------------------------------------------------------*/
.page-content-wrapper {
  margin: 30px 0px 0px;
}

.trending-posts-wrapper .post-content-wrap .post-cat-item a,
.latest-posts-wrapper .post-content-wrap .post-cat-item a {
  color: #04a8d0;
  font-weight: 700;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 9px;
}

.trending-posts-wrapper .post-content-wrap .post-cat-item a:hover,
.latest-posts-wrapper .post-content-wrap .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff !important;
}

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

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

.trending-posts-wrapper .entry-title a,
.latest-posts-wrapper .posts-column-wrapper .entry-title a {
  font-size: 16px;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.latest-posts-wrapper .post-wrap {
  margin-bottom: 15px;
}

.post-meta-wrap span a,
.post-meta-wrap span {
  color: #737373;
  text-transform: capitalize;
}

.post-meta-wrap.azure-news-flex {
  display: block;
}

.post-meta-wrap>span {
  font-size: 13px;
  font-weight: 500;
  margin-right: 15px;
}

.post-cats-wrap ul {
  margin: 0px;
}

.latest-posts-wrapper .posts-main-wrapper .entry-title {
  font-size: 18px;
  line-height: 35px;
}

.widget-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}

.widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #04a8d0;
}

.widget-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #04a8d0;
}

.posts-wrapper .post-thumbnail-wrap img {
  border-radius: 10px;
}

/*--------------------------------------------------------------
  Trending Post Css
--------------------------------------------------------------*/

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

.trending-posts .post-thumbnail-wrap .post-count {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgb(4, 168, 208);
  display: block;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 6px 0px 10px 1px;
}

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

.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: 22px;
  position: static;
  width: 32px;
  height: 32px;
  text-align: center;
}

/*--------------------------------------------------------------
  Archive style--grid Css
--------------------------------------------------------------*/

.archive-style--list .archive-content-wrapper article {
  display: grid;
  grid-template-columns: 40% 57%;
  grid-column-gap: 3%;
  vertical-align: top;
}

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

.archive-style--grid .archive-content-wrapper {
  margin-left: -3%;
}

.archive-style--grid .azure-news-post-content-wrap {
  line-height: 35px;
}

/*--------------------------------------------------------------
  Archive style--list  Css
--------------------------------------------------------------*/

.archive-content-wrapper .entry-content {
  margin: 5px 0 0;
}

.both-sidebar .azure-news-post-content-wrap .entry-title a {
  font-size: 18px;
  line-height: 30px;
  display: inherit;
}

.both-sidebar .azure-news-post-content-wrap .entry-title a:hover {
  color: #04a8d0;
}

.post-cats-wrap .post-cats-list {
  margin: 10px 0 0px;
}

.azure-news-post-content-wrap .entry-meta>span {
  margin-right: 14px;
}

.azure-news-post-content-wrap .entry-meta span a {
  color: #737373;
  font-size: 14px;
  display: inline-block;
  position: relative;
  font-weight: 500;
}

.azure-news-post-content-wrap .entry-meta span a:hover,
.azure-news-post-content-wrap .entry-meta span:hover:before {
  color: #04a8d0;
}

.azure-news-post-content-wrap .entry-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.9;
}

.post .azure-news-post-content-wrap .entry-content {
  display: block;
}

.azure-news-button.read-more-button a {
  color: #151515;
  background-color: #fff;
  border-color: #fff;
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 8px 25px 8px 11px;
  font-size: 13px;
  line-height: 16px;
  border: 2px solid #f7f8f9;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  transition: 250ms all ease-in-out;
  border-radius: 25px;
  margin: 8px 0px;
}

.azure-news-button.read-more-button a:hover {
  color: #fff;
  background-color: #04a8d0;
  border-color: #04a8d0;
}

.azure-news-button.read-more-button a::after {
  content: "\ebe6";
  font-family: boxicons;
  position: absolute;
  right: 3px;
  top: 8px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.azure-news-post-content-wrap .post-cats-wrap .post-cat-item a {
  color: #04a8d0;
  font-weight: 700;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 9px;
}

.azure-news-post-content-wrap .post-cats-wrap .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff !important;
}

/*--------------------------------------------------------------
  Archive classic layout Css
--------------------------------------------------------------*/

.archive-style--classic .azure-news-post-content-wrap {
  line-height: 35px;
}


/*--------------------------------------------------------------
  Archive page-Breadcrumps Css
--------------------------------------------------------------*/
.breadcrumb-trail.breadcrumbs {
  margin-top: 30px;
  padding: 15px;
  background-color: #f4f4f4;
}

.breadcrumb-trail.breadcrumbs ul {
  margin: 0;
  list-style: none;
}

.breadcrumb-trail.breadcrumbs ul li {
  display: inline-block;
  margin-right: 5px;
  text-transform: capitalize;
}

.breadcrumb-trail.breadcrumbs ul li::after {
  content: "/";
  padding: 0 5px 0 10px;
  font-size: 15px;
}

.breadcrumb-trail.breadcrumbs ul li:last-child:after {
  content: "";
  padding: 0 5px 0 10px;
  font-size: 15px;
}

.azure-news-site-layout--separate .breadcrumb-trail.breadcrumbs{
  background-color: #fff;
  box-shadow: 0 0 35px rgb(0 0 0 / 4%);
}

/*--------------------------------------------------------------
single-post Css
--------------------------------------------------------------*/

.single .entry-title {
  font-size: 27px;
}

.single-posts-layout--two .post-thumbnail-wrap .azure-news-post-title-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px 32px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.single-posts-layout--two.both-sidebar .post-thumbnail-wrap .azure-news-post-title-wrap .entry-title {
  line-height: 1.5;
  margin-top: 10px;
}

.single-posts-layout--two.both-sidebar .azure-news-author__avatar,
.single-posts-layout--two.both-sidebar .azure-news-author-info {
  width: 100%;
  text-align: center;
}

.single-posts-layout--two.both-sidebar .post-author-box-wrapper {
  text-align: center;
}

.single-posts-layout--two .post-thumbnail-wrap .azure-news-post-title-wrap a {
  color: #fff;
}

.single-posts-layout--two .post-thumbnail-wrap .azure-news-post-title-wrap .entry-title {
  color: #fff;
  line-height: 55px;
  font-size: 27px;
}

.single-posts-layout--two .post-thumbnail-wrap .azure-news-post-title-wrap .entry-meta>span {
  color: #fff;
  margin-right: 15px;
}

.single-post .azure-news-post-title-wrap .post-cats-wrap .post-cat-item a {
  background-color: #fffbfb30;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 7px 9px;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
    transform var(--e-transform-transition-duration, 0.4s);
  font-weight: 600;
}

.single-post .azure-news-post-title-wrap .post-cats-wrap .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff;
}

/*--------------------------------------------------------------
post-author-box Css
--------------------------------------------------------------*/
.post-author-box-wrapper {
  border: 1px solid #e1e1e1;
  padding: 23px 6px;
  margin-top: 30px;
}

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

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

/*--------------------------------------------------------------
 Related post Css
--------------------------------------------------------------*/
.both-sidebar .related-posts-wrapper article {
  width: 47%;
  margin-bottom: 25px;
}

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

.related-posts-wrapper article {
  width: 30.33%;
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
  margin-right: -4px;
}

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

.azure-news-author-website {
  margin-top: 10px;
}

.azure-news-author-website a {
  color: #04a8d0;
}

.related-posts-wrapper .post-cats-wrap .post-cat-item a {
  color: #04a8d0;
  font-weight: 700;
  background-image: linear-gradient(#04a8d0, #04a8d0);
  background-size: 2px 100%;
  background-repeat: no-repeat;
  transition: 0.4s;
  width: max-content;
  padding: 3px 9px;
}

.related-posts-wrapper .post-cats-wrap .post-cat-item a:hover {
  background-size: 100% 100%;
  width: max-content;
  color: #fff;
}

.related-posts-wrapper .entry-header .entry-title {
  line-height: 1.2;
}

.related-post-title {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  font-size: 22px;
}

.related-post-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  max-width: 255px;
  background-color: #04a8d0;
}

.related-post-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 100%;
  background-color: #04a8d0;
}


/*--------------------------------------------------------------
404 page  Css
--------------------------------------------------------------*/

.error-404 .page-title {
  font-size: 40px;
  font-weight: 700;
}

.error-404.not-found .page-search-wrapper {
  margin-top: 40px;
}

.error-404.not-found .page-search-wrapper .search-field {
  width: 87%;
  margin-right: -5px;
  height: 44px;
  padding: 5px 10px;
}

.page-header .four-zero-four {
  text-align: center;
  background: #fff;
  font-family: "Arvo", serif;
  font-size: 150px;
}

.error-404 .page-header .page-title::before {
  content: "";
  position: relative;
}

.error-404 .page-header .page-title::after {
  content: "";
  position: relative;
}

.error-404 {
  text-align: center;
  padding: 40px 0px 88px;
  width: 60%;
  margin: 0 auto;
}

.emoji-sad {
  position: relative;
  width: 120px;
  height: 120px;
  background: #ffd200;
  border-radius: 50%;
  margin-left: 1%;
}

.face {
  width: inherit;
  height: inherit;
}

.eyebrow-left {
  position: absolute;
  height: 20px;
  width: 24px;
  left: 27px;
  border-radius: 50%;
  border: 5px solid transparent;
  box-sizing: border-box;
  border-top-color: black;
  top: 25px;
}

.eyebrow-right {
  position: absolute;
  height: 20px;
  width: 24px;
  right: 27px;
  border-radius: 50%;
  border: 5px solid transparent;
  box-sizing: border-box;
  border-top-color: black;
  top: 25px;
}

.eye-left {
  position: absolute;
  width: 11px;
  height: 12px;
  background: black;
  left: 33px;
  top: 40px;
  border-radius: 50%;
}

.eye-right {
  position: absolute;
  width: 11px;
  height: 12px;
  background: black;
  right: 33px;
  top: 40px;
  border-radius: 50%;
}

.mouth-sad {
  position: absolute;
  width: 78px;
  height: 80px;
  border: 6px solid transparent;
  top: 70px;
  left: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  border-top-color: black;
}

.four-zero-sad-wrapper {
  justify-content: center;
}

.error-404.not-found .error-button-wrap a {
  background-color: #04a8d0;
  display: inline-block;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
}

.error-404.not-found .error-button-wrap a:hover {
  background: #333;
  background-color: #333;
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
}

.error-404.not-found .page-content p {
  font-size: 19px;
}

.error-404.not-found .search-field::placeholder {
  font-size: 20px;
}

/*--------------------------------------------------------------
Single page  Css
--------------------------------------------------------------*/
.page.type-page .entry-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}

.page.type-page .entry-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #04a8d0;
}

.page.type-page .entry-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 95%;
  background-color: #04a8d0;
}

/*--------------------------------------------------------------
Azure-news-author-name Css
--------------------------------------------------------------*/

.azure-news-author-name a {
  color: #04a8d0;
}

/*--------------------------------------------------------------
Post-min-read Css
--------------------------------------------------------------*/
.post-thumbnail-wrap .post-min-read {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #2b2b2b;
  color: #fff;
  display: inline-block;
  padding: 2px 15px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.8;
}

.latest-posts-wrapper .posts-column-wrapper .post-min-read,
.block-wrapper .block-column-wrapper .post-min-read {
  display: none;
}

/*--------------------------------------------------------------
Comment link Css
--------------------------------------------------------------*/

.comment-list .reply {
  padding-left: 50px;
}

/*--------------------------------------------------------------
No thumbnail Css
--------------------------------------------------------------*/
.no-thumbnail .post-min-read {
  display: none;
}

.no-image .post-min-read,
.no-featured-img .no-image {
  display: none;
}

.block-post-wrap.no-image .post-min-read {
  display: none;

}

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

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

.header-news-ticker-wrapper .single-post-wrap.no-image {
  padding: 8px 0px;
}

.azure-news-banner-wrapper .azure-news-block .block-wrapper .single-block-post-wrapper.no-image .post-content-wrap {
  position: relative;
}

.post-wrap.no-image .post-min-read {
  display: none;
}

/*--------------------------------------------------------------
Image has hover effect css
--------------------------------------------------------------*/

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

.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);
  opacity: 0.9;
}

/*--------------------------------------------------------------
Trending post arrow css
--------------------------------------------------------------*/
.azure-news-aside.trending-posts-wrapper {
  position: relative;
}

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

/*--------------------------------------------------------------
  Azure-news-scrollup Css
--------------------------------------------------------------*/
#azure-news-scrollup {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: rgb(4, 168, 208);
  width: 50px;
  height: 50px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 32px;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.5s ease;
}

/*--------------------------------------------------------------
  Footer Css
--------------------------------------------------------------*/

#colophon {
  background: #f4f2f2;
  padding: 0;
  margin-top: 60px;
}

#footer-widget-area {
  padding-top: 50px;
}

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

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

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

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

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

.footer-widget-wrapper span.azure-widget-title {
  color: #000;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  padding: 5px 12px;
  position: relative;
  text-transform: uppercase;
  background-color: #f4f2f2;
  z-index: 1;
}

#colophon #footer-menu ul li .children,
#colophon #footer-menu ul li .sub-menu {
  display: none;
}

/*--------------------------------------------------------------
  Footer site-info Css
--------------------------------------------------------------*/
.site-info {
  background-color: #04a8d0;
  color: #fff;
}

.site-info a {
  color: #fff;
}

.site-info .copyright-content-wrapper a {
  color: #fff;
  border-bottom: 1px solid #fff;
  font-weight: 600;
}

.site-info .copyright-content-wrapper a:hover {
  color: #1a1a1a;
  border-bottom: 1px solid #353535;
}

.site-info #footer-navigation ul li {
  display: inline-block;
  margin: 10px;
}

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

.site-info #footer-navigation ul ul {
  display: none;
}

.site-info #footer-navigation ul .menu-item-description {
  display: none;
}

.copyright-content-wrapper {
  margin-right: auto;
}

.footer-navigation {
  margin-left: auto;
  text-align: right;
}

#footer-navigation ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer-navigation ul li a {
  text-transform: capitalize;
}

/* no results */

#primary .no-results .search-field{
  width:80%;
  height: 45px;
}

/*--------------------------------------------------------------
Dark Mode Css Start
--------------------------------------------------------------*/
body.dark-mode,
.dark-mode #site-navigation ul li a,
.dark-mode.azure-news-icon-elements-wrap .search-icon a,
.dark-mode .entry-title a,
.dark-mode .azure-news-button a,
.dark-mode .block-title,
.dark-mode .post-excerpt,
.dark-mode .widget_archive a,
.dark-mode .widget_categories a,
.dark-mode .widget_recent_entries a,
.dark-mode .widget_meta a,
.dark-mode .widget_recent_comments li,
.dark-mode .widget_rss li,
.dark-mode .widget_pages li a,
.dark-mode .widget_nav_menu li a,
.dark-mode .wp-block-latest-posts li a,
.dark-mode .wp-block-archives li a,
.dark-mode .wp-block-categories li a,
.dark-mode .wp-block-page-list li a,
.dark-mode .wp-block-latest-comments li,
.dark-mode .entry-title,
.dark-mode #comments h3,
.dark-mode #respond,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .page-header .page-title,
.dark-mode .header-news-ticker-wrapper .post-title a,
.dark-mode .banner-tabbed-wrapper ul.banner-tabs li a,
.dark-mode .trending-posts .entry-title a,
.dark-mode .latest-posts-wrapper .posts-column-wrapper .entry-title a:hover,
.dark-mode.header-main-layout--two .custom-button-bell-icon,
.dark-mode .azure-news-banner-wrapper .post-title a,
.dark-mode .azure-news-banner-wrapper .slide-title a,
.dark-mode .news-ticker-post-title a,
.dark-mode .header-search-wrapper i,
.dark-mode .trail-item span,
.dark-mode .azure-news-post-content-wrap .entry-meta span a,
.dark-mode .navigation .nav-links a.page-numbers,
.dark-mode.navigation .nav-links a,
.dark-mode .wp-block-latest-comments__comment-meta a,
.dark-mode .published.updated,
.dark-mode .post-meta-wrap a,
.dark-mode .post-meta-wrap span,
.dark-mode .site-title a,
.dark-mode .azure-news-button.read-more-button a,
.dark-mode .block-main-wrapper .post-excerpt,
.dark-mode .azure-news-banner-wrapper .tabbed-content-wrapper a,
.dark-mode textarea,
.dark-mode input[type="search"] {
  color: #fff;
}

.dark-mode.-news-site-layout--separate .frontpage-block .block-wrapper,
.dark-mode.azure-news-site-layout--separate #primary,
.dark-mode.home.blog.azure-news-site-layout--separate #primary,
.dark-mode.azure-news-site-layout--separate #secondary .widget,
.dark-mode.home.blog.azure-news-site-layout--separate #secondary .widget,
.dark-mode.azure-news-site-layout--separate #left-secondary .widget,
.dark-mode.home.blog.azure-news-site-layout--separate #left-secondary .widget,
.dark-mode.azure-news-site-layout--separate .breadcrumbs,
.dark-mode #respond,
.azure-news-site-layout--separate.dark-mode .secondary-content-wrapper .widget,
.dark-mode .header-news-ticker-wrapper .news-ticker-posts-wrapper.ticker-posts,
.dark-mode .sticky-header-widget-wrapper .widget,
.dark-mode .banner-tabbed-wrapper .single-post-wrap,
.dark-mode .header-news-ticker-wrapper,
.dark-mode .author-info-wrap,
.dark-mode .bottom-header-wrapper,
.dark-mode #site-navigation ul.sub-menu,
.dark-mode #site-navigation ul.children,
.dark-mode .main-header-wrapper,
.dark-mode .azure-news-button.read-more-button a,
.dark-mode .breadcrumb-trail.breadcrumbs,
.dark-mode .sticky-header-widget-wrapper,
.dark-mode #top-header,
.dark-mode #footer-widget-area,
.dark-mode .site-info,
.dark-mode #azure-news-scrollup,
.dark-mode .subcribe-ads-button a,
.dark-mode .sticky-wrapper.is-sticky,
.dark-mode.azure-news-site-layout--separate .frontpage-block .block-wrapper,
.dark-mode .azure-news-banner-wrapper .banner-tabbed-wrapper .tabbed-content-wrapper .tab-content-wrap .single-post-wrap,
.dark-mode .is-sticky .bottom-header-wrapper,
.dark-mode .header-search-wrapper .search-form-wrap,
.dark-mode .banner-tabbed-wrapper ul.banner-tabs li a {
  background: #1c1c1c;
}

.dark-mode .subcribe-ads-button a {
  border: 1px solid #fff;
}

.dark-mode .sidebar-menu-toggle-nav span {
  background-color: #fff;
}


.dark-mode .bottom-header-wrapper .azure-news-container {
  border-top: 1px solid #000000;
}

body.dark-mode,
.dark-mode #page,
.dark-mode .mt-logo-row-wrapper,
.dark-mode textarea#comment,
.dark-mode input[type="search"] {
  background: #000;
}

.azure-news-site-layout--boxed .azure-news-container {
  width: 100%;
  padding: 0 40px;
}

.dark-mode .site-branding img {
  filter: brightness(0) invert(1);
}

/*---- Dark mode Css end -----------*/