/* 
Theme Name:		 Toocheke Premium Child
Theme URI:		 https://www.store.toocheke.com/
Description:	 Toocheke Child is a child theme of Toocheke
Author:			 LeeToo
Author URI:		 https://leetoo.net/
Template:		 toocheke-premium
Version:		 1.0.2
Text Domain:	 toocheke-premium-child
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Write here your own personal stylesheet */
/* Write here your own personal stylesheet */
.custom-logo {
  height: 45px !important;
  width: auto !important;
}

.entry-footer {
  display: none !important;
}

.single-comic-navigation,
#latest-comic {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.home #left-content {
  padding-top: 0px;
}

.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:focus {
  background-color: transparent !important;
  border: none !important;
}

#above-footer ul {
  margin: 0 !important;
}

.page {
  margin: 0 0 45px !important;
}

#comic .entry-title {
  margin-top: 15px;
}

#year-menu {
  padding: 0 15px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  display: block;
  background-color: #000;
  list-style: none;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
}
#year-menu li{
  margin-right: 15px;
  display: inline;
}
#year-menu a {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

#year-menu a:hover,
#year-menu .active-year a {
  text-decoration: none;
  color: #999 !important;
}
.archive .posted-on {
  display: block;
  position: relative;
  width: initial;
  height: initial;
}
@media screen and (max-width: 1023px) {
  #year-menu {
    height: 50px;
    line-height: 50px;

    padding: 0 15px;
  }
}

.comic-page-grid {
  display: grid;
  justify-content: left;
  grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
  grid-gap: 15px;
  font-size: 14px;
  line-height: 1.15em;
  text-align: center;
}

@media screen and (max-width: 1365px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 180px));
  }
}

@media screen and (max-width: 1023px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 100px));
    justify-content: left;
    grid-gap: 25px;

  }
}

@media screen and (max-width: 599px) {
  .archive #left-content {
    padding: 15px;
  }
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 120px));
    justify-content: left;
    grid-gap: 15px;
  }
}

@media screen and (max-width: 419px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(115px, 115px));
    justify-content: left;
    grid-gap: 15px;
  }
}

@media screen and (max-width: 390px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(110px, 110px));
    justify-content: left;
    grid-gap: 15px;
  }
}

@media screen and (max-width: 390px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(110px, 110px));
    justify-content: left;
    grid-gap: 15px;
  }
}
@media screen and (max-width: 375px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(105px, 105px));
    justify-content: left;
    grid-gap: 15px;
  }
}
@media screen and (max-width: 369px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 100px));
    justify-content: left;
    grid-gap: 15px;
  }
}
@media screen and (max-width: 364px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 90px));
    justify-content: left;
    grid-gap: 15px;
  }
}
@media screen and (max-width: 320px) {
  .comic-page-grid {
    grid-template-columns: repeat(auto-fit, minmax(85px, 85px));
    justify-content: left;
    grid-gap: 15px;
  }
}