/*
Theme Name: astromag
Author: Nazmul Hossain
Author URI: https://www.linkedin.com/in/code-spider/
Description: AstroMag is uniquely designed Bolg, Magazine theme powered by kirki customizer framework. Page templates includes Astromag Home, Right-sidebar (default page template), Full-Width, Blank with container, Blank without container Page. Other features - FlexBox, Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates. Documentation- https://docs.devglitch.com/category/astromag/
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-menu,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,editor-style,featured-images,two-columns,blog,e-commerce,news
Text Domain: astromag
*/


/*---------------
# Header Title 
---------------*/
.menu-background {
    background-color: #222;
}

.site-branding {
  padding: 0 0 20px 0;
}

.site-branding h1 {
    font-weight: 700;
    font-size: 36px;
    margin: 0;
    padding: 10px 20px;
}
.site-branding h1 a {
	color: #333333;
}
.site-branding a {
	color: #333333;
}

.site-branding h2 {
  font-size: 22px;
  line-height: 1.5rem;
  margin-bottom: 10px;
}

.site-branding p {
	font-size: 14px;
  font-weight: 300;
  line-height: 1.2rem;
  padding: 0;
  margin: 0;
}

/*----------------
# frow-container-fluid 
----------------*/
.frow-container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.main-site {
  position: relative;
  background-color: #ffffff;
}

.main-header {
  position: relative;
  background-color: #ffffff;
}

/*------------------
# Nav Main
------------------*/
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 991px) {
  .js .nav-collapse {
    position: relative;
  }

  .js .nav-collapse.closed {
    max-height: none;
  }

  .nav-toggle {
    display: none;
  }
}
:focus {
  outline: thin dotted;
}

@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ------------------------------------------
  BASE DEMO STYLES
--------------------------------------------- */
button {
  background-color: transparent;
  -webkit-appearance: button;
  cursor: pointer;
}

/* ------------------------------------------
  HEADER
--------------------------------------------- */
.header {
  background: #212428;
  height: 56px;
  width: 100%;
}

.logo {
  color: #000;
  line-height: 1.2rem;
  font-weight: 300;
  text-decoration: none;
  word-break: break-all;
}

.logo h2 {
  padding-top: 30px;
  font-weight: 600;
  font-size: 19px;
}

.logo p {
  font-size: 14px;
}

.logo a {
  word-break: break-all;
  font-size: 23px;
}

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.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: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.nav-collapse,
.nav-collapse * {
  box-sizing: border-box;
}

.nav-collapse {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
}

@media screen and (min-width: 991px) {
  .nav-collapse {
    width: auto;
  }
}
.nav-collapse li {
  width: 100%;
}

@media screen and (min-width: 991px) {
  .nav-collapse li {
    width: auto;
  }
}
.nav-collapse a {
  font-size: 15px;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  color: #000000;
  float: left;
  padding: 0.9em 1.1em;
  text-decoration: none;
  width: 100%;
}

@media screen and (min-width: 991px) {
  .nav-collapse a {
    border-bottom: 0;
    padding: 1em 1.5em;
    margin: 0;
    float: left;
    text-align: left;
  }
}
/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */
.nav-toggle {
  border: 1px solid #333333;
  color: #333333;
  font-size: 0.85em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  float: right;
  line-height: 39px;
  padding: 0 0.75em;
  margin-top: 7px;
}

.nav-toggle:hover,
.nav-toggle:focus,
.nav-toggle:active {
  background-color: #fff;
  color: #212428;
}

/* ------------------------------------------
  MULTIPLE LEVELS
--------------------------------------------- */
.nav-collapse a:hover,
.nav-collapse li.focus > a {
  background-color: transparent;
}

@media screen and (max-width: 991px) {
  .js .nav-collapse {
    visibility: hidden;
  }

  .js .nav-collapse.opened {
    visibility: visible;
  }

  /* Enable active class to let the navigation expand over the calculated max height. */
  .js .nav-collapse.multiple-level-nav.opened.dropdown-active {
    max-height: 9999px !important;
  }

  .js .nav-collapse.multiple-level-nav .sub-menu {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: none;
    /* This way you don't have focus on sub menu items unless you open the sub menu. */
    overflow: hidden;
    zoom: 1;
  }

  .js .nav-collapse.multiple-level-nav .sub-menu.toggled {
    display: block;
    max-height: 9999px;
    position: relative;
  }

  .js .nav-collapse li {
    position: relative;
  }

  .js .nav-collapse .dropdown-toggle {
    border: 1px solid #fff;
    color: #fff;
    content: "";
    height: 30px;
    width: 30px;
    padding: 0;
    position: absolute;
    margin: 0;
    text-transform: lowercase;
    top: 0.5em;
    right: 4%;
  }

  .js .nav-collapse .dropdown-toggle:hover,
.js .nav-collapse .dropdown-toggle:focus,
.js .nav-collapse .dropdown-toggle:active {
    background-color: #fff;
    color: #212428;
  }

  .js .nav-collapse .dropdown-toggle:after {
    content: "+";
    font-size: 20px;
  }

  .js .nav-collapse .dropdown-toggle.toggled:after {
    content: "-";
  }
}
.dropdown ul a {
  background: transparent;
  padding-left: 1.5em;
}

.dropdown ul ul a {
  background: transparent;
  padding-left: 2.5em;
}

@media screen and (min-width: 991px) {
  .dropdown-toggle {
    display: none;
  }
}
.dropdown ul ul {
  border: 0;
  padding: 0;
}

.dropdown .dropdown.opened .has-dropdown {
  background: #9c2c12;
}

@media screen and (min-width: 991px) {
  .nav-collapse {
    padding-right: 4%;
    position: relative;
  }

  .js .nav-collapse,
.js .nav-collapse .dropdown ul {
    max-height: none;
    overflow: visible;
  }

  .has-dropdown:after {
    font-size: 1.5em;
    line-height: 0.8;
    float: right;
    content: "";
    width: 0;
    height: 0;
    margin: 1em 0 0 0.5em;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333333;
  }

  .dropdown ul .has-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    margin: 0.3em 0 0 0.5em;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #333333;
  }

  .nav-collapse .dropdown {
    position: relative;
  }

  .nav-collapse .dropdown li {
    width: 100%;
  }

  .nav-collapse .dropdown ul a {
    text-align: left;
    border: 0;
  }

  
  .nav-collapse li {
    border: 0;
    display: block;
    height: 55px;
    padding-left: 15px;
    line-height: 55px;
    position: relative;
  }
  .nav-collapse li:before {
    position: absolute;
    content: "\f0da";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    left: 0;
    color: #797979;
  }

  .nav-collapse a {
    display: inline-block;
    padding: 0;
  }

  .nav-collapse ul ul {
    float: left;
    margin: 0px 0px 0px -75px !important;
    position: absolute;
    top: 80px;
    right: 999em;
    z-index: 99999;
    text-align: center;
  }

  .nav-collapse li li {
    border: 0;
    display: block;
    height: auto;
    line-height: 1.0909090909;
  }

  .nav-collapse ul ul ul {
    right: 999em;
    top: 80px;
    margin-left: 150px !important;
  }

  .nav-collapse ul ul a {
    padding: 15px 12px;
    white-space: normal;
    width: 150px;
  }

  .nav-collapse ul li:hover > ul,
.nav-collapse ul li.focus > ul {
    top: 55px;
    left: 50%;
    transition: 0.2s;
  }

  .nav-collapse ul ul li:hover > ul,
.nav-collapse ul ul li.focus > ul {
    top: 0;
    left: 0;
  }
}

/* XS */
@media (max-width: 767px) {
  .menu-btn {
    display: block;
  }

  ul.header-social li a {
    font-size: 11px !important;
  }
}
/* XS, SM */
@media (max-width: 991px) {
  .logo h2 {
    padding-top: 0;
  }

  .nav-collapse a {
    background-color: #0a2737;
    color: #ffffff;
  }

  .nav-collapse a:hover,
.nav-collapse li.focus > a {
    background-color: #071d29;
  }

  .dropdown ul a {
    background-color: #071d29;
  }

  .dropdown ul ul a {
    background-color: #071d29;
  }

  .logo {
    display: inline-block;
  }

  .nav-collapse,
.nav-collapse ul {
    float: left;
  }

  ul.header-social {
    display: flex;
    justify-content: space-between;
  }

  .astromag-blog-list .astromag-featured-content img {
    margin-top: 0px !important;
  }

  .astromag-blog-list h2.entry-title {
    padding-top: 10px;
  }
}
/* SM */
/* MD */
/* MD, LG */
@media (min-width: 992px) {
  .menu-btn {
    display: none;
  }
}
/* LG */
@media (min-width: 768px) {
  .frow-container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .frow-container-fluid {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .frow-container-fluid {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 7680px) {
  .menu-items > li > a {
    position: relative;
  }

  .menu-items > li > a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    transition: 0.4s;
  }

  .menu-items > li:hover > a::before {
    width: 100%;
    background-color: #df2021;
  }
}


/*------------------
# Left 
------------------*/
.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.border-bottom {
  border-bottom: 1px solid #e2e2e2;
}

ul.header-social {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.header-social li {
  padding: 10px 0px;
}

ul.header-social li a {
  font-size: 14px;
}

ul.header-social li:nth-child(1) {
  color: #065dbf;
}

ul.header-social li {
  font-size: 18px;
}

ul.header-social li:nth-child(2) {
  color: #f242a5;
}

ul.header-social li:nth-child(3) {
  color: #08a4e5;
}

ul.header-social li:nth-child(4) {
  color: #0b66c2;
}

/*----------------------
Center
----------------------*/
.all-posts, .main-starts {
  background-color: #f7f8fc;
}

.home-category {
  position: relative;
  padding: 0 0 0 8px;
  font-size: 18px;
}

.home-category:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #6270fe;
}

.single-post-home {
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  min-height: 320px;
  margin-bottom: 15px;
  box-shadow: 3px 0px 30px -18px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-post-home:hover {
  box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.4);
}

.post-image {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.no-thumb {
  position: relative;
  background-color: #333;
}

.no-thumb:before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "No Thumbnail";
  color: #eee;
  width: auto;
  height: 100%;
  text-align: center;
  transform: translate(-50%, 0%);
}

.post-image span {
  display: inline-block;
  padding: 8px 17px;
  background-color: #5664ff;
  border-radius: 15px 0 5px 0;
  color: #ffffff;
  font-size: 12px;
}

.all-posts > div > div:nth-child(3) > .single-post-home > .post-image > span {
  background-color: #9a31f8;
}

.all-posts > div > div:nth-child(4) > .single-post-home > .post-image > span {
  background-color: #05a6e2;
}

.all-posts > div > div:nth-child(5) > .single-post-home > .post-image > span {
  background-color: #5fb968;
}

.all-posts > div > div:nth-child(6) > .single-post-home > .post-image > span {
  background-color: #616ffd;
}

.post-meta {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}

.post-meta p {
  font-size: 13px;
  font-weight: 300;
}

.post-meta .post-comment.post-views span {
  display: inline-block;
  padding: 0 0 0 8px;
}

.post-meta .post-comment.post-views span > a {
  text-decoration: none;
}

.post-title {
  padding: 10px 20px 40px 20px;
}

.single-post-home h2.post-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  overflow-wrap: break-word;
}

.single-post-home:hover .read-more-home {
  opacity: 1;
  top: 0;
  width: 100%;
  height: 100%;
}

.single-post-home:hover .read-more-home a, .read-more-home a span {
  display: block !important;
}

.read-more-home {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5763ff;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px;
  transition: 0.2s;
}

.read-more-home a {
  text-decoration: none;
}

.read-more-home a, .read-more-home a span {
  color: #ffffff;
  display: none;
}

.read-more-home span {
  display: block;
  text-align: center;
}

.read-more-home a span:last-child {
  font-size: 20px;
}

.read-more-home span:nth-child(2) {
  padding-top: 5px;
}

/*------------------
Section 2 tutorial
------------------*/
.single-tutorial div img {
  max-width: 100%;
}

.single-tutorial {
  background-color: #606efc;
  border-radius: 15px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.tutorial-glance span {
  display: inline-block;
  padding: 0px 15px 0 0;
  font-size: 14px;
  color: #e5ebff;
}

.tutorial-enroll a {
  color: #ffffff;
  font-size: 15px;
}

.astromag-blog-list .tutorial-enroll a {
  font-size: 14px;
  color: #e5ebff;
}

.single-tutorial p {
  font-size: 15px;
  line-height: 1.5rem;
  color: #e5ebff;
}

.single-tutorial h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.8rem;
  color: #e5ebff;
}

.post-meta-tutorial {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #939bf1;
}

/*------------------
 Right aside
 -----------------*/
.astromag-aside {
  width: 100%;
}

.bg-left, .bg-right {
  background-color: #ffffff;
}

/*-------------------
search
-------------------*/
.search-home label {
  display: block;
  color: #4c4872;
  font-weight: 500;
  font-size: 16px;
}

.search-div-home {
  display: flex;
  justify-content: flex-start;
}

.search-div-home input[type=search] {
  border: 1px solid #ebecf1;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  line-height: 1.6rem;
  padding: 10px 10px;
  background-color: #f4f5fc;
}

.search-div-home button[type=submit] {
  background-color: #5664ff;
  border: 1px solid #5664ff;
  border-radius: 0 5px 5px 0;
  padding: 0 15px;
  margin: 0;
  color: #ffffff;
}

/*-----------------
Right side related blog posts
-----------------*/
.related-post-home h3, .about h4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
}

.single-related-post span {
  display: block;
  color: #b2b3c3;
  font-size: 13px;
  padding-bottom: 5px;
}

.single-related-post a h2 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3rem;
}

.single-related-post {
  padding: 10px 0px;
}

.about p {
  font-size: 13px;
}

.about p span {
  font-size: 13px;
  font-weight: 300;
}

.address-home p {
  font-size: 13px;
}

.address-home p span {
  font-size: 13px;
  font-weight: 400;
}


/* Blog Page */
.astromag-page-title-area {
	position: relative;
    background-color: #333333;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 40px;
    background-position: center center;
    z-index: 1;
    margin-top: 0px;
    color: #fff;
}

.astromag-page-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  z-index: -1;
}

.astromag-page-title-area h1, .astromag-page-title-area h2 {
  font-size: 35px;
}

.astromag-content-area-padding {
    padding: 80px 0px;
}
.astromag-blog-list {
	display: block;
}

.astromag-blog-list article {
    background-color: #ffffff;
    border: 1px solid #eaecef;
    margin-bottom: 1rem;
    transition: 0.3s;
}

.widget-area .widget {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    padding: 30px 10px;
    transition: 0.3s;
}

.astromag-blog-list article:hover {
    box-shadow: 0 15px 50px #ddd;
}

.astromag-blog-list a, .widget-area .widget a {
	color: #333;
	overflow-wrap: break-word;
}

.astromag-blog-list a.wp-block-button__link {
    color: #ffffff;
}

.astromag-blog-list > h2 {
    font-size: 30px;
    font-weight: 600;
}

.entry-meta > span, .entry-footer > span {
    font-size: 80%;
    padding-right: 15px;
}

.entry-meta > span i {
    color: #555;
}

.entry-meta > span > a, .entry-footer > span > a {
    font-weight: 600;
}

.astromag-single-post {
  background-color: #ffffff;
}

.astromag-blog-list h2.entry-title {
  font-size: 20px;
  font-weight: 500;
}

.astromag-blog-list h2.entry-title a {
  text-decoration: none;
}

.astromag-blog-list .entry-meta span, .astromag-blog-list .entry-meta span i, .astromag-blog-list .entry-meta span a {
  color: #4c4872;
  text-decoration: none;
}

.astromag-blog-list .entry-content p {
  margin: 0;
}

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

.blog-entry-meta span a, .astromag-breadcrumb a {
  color: #ff9456;
  text-decoration: none;
}

.astromag-blog-list .astromag-featured-content {
    margin: 0;
}

.astromag-blog-list .astromag-featured-content img {
  margin-top: 7px;
}

.astromag-featured-content {
    margin-bottom: 20px;
}

a.astromag-read-more {
  display: inline-block;
  color: #fff;
  background-color: #5664ff;
  padding: 4px 10px;
  text-decoration: none;
  font-size: 14px;
}

article.sticky {
  position: relative;
    background-color: #5664ff3b;
}

article.sticky::before {
    content: '\f08d';
    font-family: 'Font Awesome 6 Free';
    font-size: 1.563rem;
    right: 10px;
    position: absolute;
    top: 5px;
    font-weight: 900;
    transform: rotate(-45deg);
}
h2.entry-title {
    padding-bottom: 10px;
}
.blog-entry-meta, .astromag-breadcrumb {
    padding-top: 20px;
    font-size: 80%;
}

.blog-entry-meta > span {
    padding-left: 20px;
}

.blog-entry-meta span i {
    color: #eee;
}

.wp-block-embed {
	overflow-x: auto;
}

/*---------------------
# custom widget style
---------------------*/

.widget.widget_astromag_search_widget > h2, .widget.widget_astromag_recent_post_widget > h2, .wp-block-group__inner-container > h2, .widget-area .widget > h2, .wp-block-search__label {
  position:relative;
  font-weight: 500;
  font-size: 17px;
  padding-left: 22px;
  margin-bottom: 15px;
  color: #4c4872;
}

.widget.widget_astromag_search_widget > h2:before, .widget.widget_astromag_recent_post_widget > h2:before, .wp-block-group__inner-container > h2:before, .widget-area .widget > h2:before, .wp-block-search__label:before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 400;
  position: absolute;
  content: "\f192";
  top: 0;
  left: 0;
}

.wp-block-group__inner-container ol {
  padding: 0;
}

.wp-block-group__inner-container ul li, .wp-block-group__inner-container ul li a {
  font-size: 15px;
}

.wp-block-latest-comments__comment {
  font-size: 15px;
}

.wp-block-group__inner-container ul li a, .widget.widget_archive ul li a, .widget.widget_categories ul li a, .widget.widget_pages ul li a, .widget.widget_recent_comments ul li, .widget.widget_recent_entries ul li a, .widget.widget_nav_menu ul li a {
  position: relative;
  padding-left: 15px;
  line-height: 2rem;
}

.wp-block-group__inner-container ul li a:before, .widget.widget_archive ul li a:before, .widget.widget_categories ul li a:before, .widget.widget_pages ul li a:before, .widget.widget_recent_comments ul li:before, .widget.widget_recent_entries ul li a:before, .widget.widget_nav_menu ul li a:before {
  position: absolute;
  left: 0;
  content: "\f105";
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #888888;
  font-size: 12px;
}

/*------------------
Pagination
------------------*/
.astromag-page-nav > span, .astromag-page-nav a {
  padding: 5px 10px;
  background-color: #5664ff;
  color: #ffffff;
  line-height: 3rem;
  font-size: 14px;
  text-decoration: none;
}

nav.navigation.pagination .nav-links span, nav.navigation.pagination .nav-links a {
  background-color: #5664ff;
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 3px;
  padding: 5px 10px;
  text-decoration: none;
}

.astromag-page-nav {
  margin-top: 20px;
}

.hide-nav {
    display: none;
}

#infinite-load-btn {
  background-color: #5763ff;
  color: #ffffff;
  border: 1px solid #5763ff;
  padding: 10px 20px;
  border-radius: 25px;
}