/*
Theme Name: Headlines Indonesia
Theme URI: https://news.headlines.id
Author: Denmaz Q-dot
Author URI: https://www.instagram.com/denmazqdot/
Description: News Theme, Simple, powerful and efficient laravel theme for blogging and news sites.
Version: 1.0.0
Framework: Laravel 9.52.4
Requires PHP: 8.2
Text Domain: Headline Indonesia

This theme use for Laravel, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* == Media Min-Width 1400px == */

@media (min-width: 1400px) {
.gbr-responsive {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
	hyphens: auto;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

p {
    font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.entry-title {
	font-size: 20px;
}
.entry-title-single {
	font-size: 24px;
    font-weight: bold;
}
.sub-heading {
	font-size: 18px;
    font-weight: bold;
}
.title-sidebar {
	font-size: 16px;
}
.related-title {
	font-size: 16px;
}
.title-kategori {
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-size: 14px;
}
.small {
    font-size: 12px;
}
.breadcrumb {
    font-size: 12px;
}
.caption {
    font-size: 12px;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-size: 16px;
}
}


/* == Media Min-Width 992px == */

@media (min-width: 992px) {
.gbr-responsive {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
	hyphens: auto;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

p {
    font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.entry-title {
	font-size: 20px;
}
.entry-title-single {
	font-size: 24px;
    font-weight: bold;
}
.sub-heading {
	font-size: 18px;
    font-weight: bold;
}
.title-sidebar {
	font-size: 16px;
}
.related-title {
	font-size: 20px;
}
.title-kategori {
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-size: 14px;
}
.small {
    font-size: 12px;
}
.breadcrumb {
    font-size: 12px;
}
.caption {
    font-size: 12px;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-size: 16px;
}
}


/* == Media Max-Width 991.98px == */

@media (max-width: 991.98px) {
.gbr-responsive {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
	hyphens: auto;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

p {
    font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.entry-title {
	font-size: 20px;
}
.entry-title-single {
	font-size: 24px;
    font-weight: bold;
}
.sub-heading {
	font-size: 18px;
    font-weight: bold;
}
.title-sidebar {
	font-size: 16px;
}
.related-title {
	font-size: 16px;
}
.title-kategori {
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-size: 14px;
}
.small {
    font-size: 12px;
}
.breadcrumb {
    font-size: 12px;
}
.caption {
    font-size: 12px;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-size: 16px;
}
}


/* == Media Max-Width 767.98px == */

@media (max-width: 767.98px) {
.gbr-responsive {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
	hyphens: auto;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

p {
    font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.entry-title {
	font-size: 20px;
}
.entry-title-single {
	font-size: 24px;
    font-weight: bold;
}
.sub-heading {
	font-size: 18px;
    font-weight: bold;
}
.title-sidebar {
	font-size: 16px;
}
.related-title {
	font-size: 16px;
}
.title-kategori {
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-size: 14px;
}
.small {
    font-size: 12px;
}
.breadcrumb {
    font-size: 12px;
}
.caption {
    font-size: 12px;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-size: 16px;
}
}


/* == Media Max-Width 575.98px == */

@media (max-width: 575.98px) {
.gbr-responsive {
    width: 100%;
    height: auto;
}

a {
    text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3;
	hyphens: auto;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}

p {
    font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
	word-wrap: break-word;
}

.entry-title {
	font-size: 16px;
}
.entry-title-single {
	font-size: 24px;
    font-weight: bold;
}
.sub-heading {
	font-size: 18px;
    font-weight: bold;
}
.title-sidebar {
	font-size: 16px;
}
.related-title {
	font-size: 16px;
}
.title-kategori {
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-size: 14px;
}
.small {
    font-size: 12px;
}
.breadcrumb {
    font-size: 10px;
}
.caption {
    font-size: 12px;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-size: 16px;
}
}