.hidden-element {
	display: none;
}

.btn-playstore {
	height: 70px;
}

.manga-cover {
	height: 200px;
	width: auto;
}

.manga-container {
	overflow-x: hidden;
	margin-bottom: 10px;
}

.img-feature {
	height: auto;
	width: 75%;
	margin: 20px 0px 20px 0px;
}

.img-feature-side {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.row-bottom-margin {
	margin-bottom: 30px;
}

.manga-sinopsys {
	height: 55px;
	overflow-y: hidden;
}

.manga-title {
	height: 20px;
	overflow-y: hidden;
}

.btn-read-now {
	margin: 5px 0px 5px 0px;
}

.img-logo {
	width: 200px;
	margin: 30px 0px 30px 0px;
}

.manga-genre {
	margin: 20px 0px 20px 0px;
	height: 20px;
	overflow-y: hidden;
}

.blog__details__pic img {
	width:200px;
}

.modal-dialog, .modal-content {
	background-color: #0F1115;
}

.modal-content input {
	font-size: 14pt;
	background-color: #242424;
	width: 100%;
	padding: 10px;
}

/*----------------------------------------*/
/*                                        */
/*   OVERRIDING                           */
/*                                        */
/*----------------------------------------*/

.chapter-list h3, 
.chapter-list div
{
	color: #F5F7FA;
}

body.landing-page {
	background-color: #0F1115;
	color: #F5F7FA;
}

.landing-page section p {
	color: #F5F7FA;
}

.landing-page span.navy {
	color: #AAB0BC;
}

.landing-page a.navy-link {
	color: #AAB0BC;
}

.landing-page .btn-primary {
	background-color: #8B5CF6;
	border-color: #8B5CF6;
	color: #0F1115;
}
.landing-page .btn-primary:hover {
	background-color: #D946EF;
	border-color: #D946EF;
}

.landing-page .navy-line {
	border-bottom: 2px solid #8B5CF6;
}

.landing-page .social-icon a {
	background: #8B5CF6;
}
.landing-page .social-icon a:hover {
	background: #952502;
}

.landing-page .features small {
	color: #8B5CF6;
}
.text-navy {
	color: #AAB0BC;
}

.landing-page .footer-section {
	background: #333333;
	margin-top: 60px;
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
	border-top: 6px solid #8B5CF6;
}

.landing-page .navbar-default .navbar-brand {
	background: #FDF3EB;
}

.landing-page .navbar-default.navbar-scroll {
	background-color: #232323;
	color: #0F1115;
}

.landing-page .navbar-scroll.navbar-default .nav li a:hover {	/*nav title color when scrolled down*/
	color: #AAB0BC;
}

.landing-page .navbar-default .nav li a:hover {
	color: #AAB0BC;
}

.landing-page .header-back.one {
	/* background: url('https://ik.imagekit.io/northwind/Mangalatte/headers-002.webp') 50% 0 no-repeat; */
	background: url('https://media.mangalatte.xyz/mangalatte/heading/headers-002.webp') 50% 0 no-repeat;
}

.landing-page .header-back.two {
	/* background: url('https://ik.imagekit.io/northwind/Mangalatte/headers-001.webp') 50% 0 no-repeat; */
	background: url('https://media.mangalatte.xyz/mangalatte/heading/headers-001.webp') 50% 0 no-repeat;
}

.landing-page .header-back.three {
	/* background: url('https://ik.imagekit.io/northwind/Mangalatte/headers-003.webp') 50% 0 no-repeat; */
	background: url('https://media.mangalatte.xyz/mangalatte/heading/headers-003.webp') 50% 0 no-repeat;
}

.landing-page .navbar-default .navbar-brand:hover {
	/* background: #D946EF; */
  	color: #fff;
}

.carousel-caption  {
	background: rgba(0,0,0,0.7);
	border-radius: 5px;
	padding: 10px;
}

.carousel-title {
	margin-top: 10px;
	font-weight: 700;
	font-size: 38px;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: -1.5px;
}

.content-features{
	text-align: justify;
}

/*----------------------------------------*/
/*               CHRONICLE                */
/*----------------------------------------*/

.chronicle-link, .chronicle-link:hover, .chronicle-link:active, .chronicle-link:focus {
  font-weight: 400;
  font-style: normal;
  color: #BFA66A;
}

.chronicle-title {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.landing-page section .chronicle-story p {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  color: #E8E0D0;
}
.story-opening::first-letter {
	font-family: "Cormorant Garamond", serif;
    font-size: 4.5rem;
    line-height: 0.75em;
    padding-right: 0.1em;
    padding-top: 0.08em;
    color: #C6A15B;
}
.chronicle-card-radius {
	border-radius: 10px;
}

.chronicle-story-number a{
	font-family: "Cormorant Garamond"; 
	color: #A98A55;
}

.chronicle-story-title a{
	font-family: "EB Garamond"; 
	color: #D1B56F
}

.chronicle-volume-desc a{
	font-family: 'EB Garamond'; 
	text-align: left;
	color: #E8E0D0;
}

.chronicle-volume-title a{
	font-family: "Cormorant Garamond";
	text-align: left;
}

.chronicle-volume-title a{
	color: #A98A55;
}

.chronicle-volume-card-overlay {
	background-color: rgba(0, 0, 0, 0.5); 
	padding: 10px; 
	border-radius: 10px;
}
.chronicle-volume-card {
	background-color: #030303; 
	padding: 10px; 
	border-radius: 10px; 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	height: 400px;
}

.chronicle-story-cover {
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat; 
	height: 500px; 
	padding: 10px; 
	font-family: "Cormorant Garamond"; 
	color: #A98A55
}

.chronicle-story-cover-title {
	margin-top: 170px; 
	width: 250px;
}

.chronicle-story-cover-title h3{
	font-family: "Cormorant Garamond"; color: #A98A55; font-size: 14pt;
}

.chronicle-story-cover-title h1{
	font-family: "EB Garamond"; color: #E8E0D0; font-size: 32pt;
}

.img-feature-chronicle {
	background-size: cover;
	background-position: center; 
	background-repeat: no-repeat; 
	height: 300px; 
	width: 100%;
}

@media (max-width: 575.98px) {
	.chronicle-title-text {
		background-color: rgba(0,0,0,0.7);
		padding: 10px;
		margin: -10px;
		height: 500px; 
	}
}