/*
Theme Name: Denmaz Q-dot
Theme URI: https://denmazqdot.com
Author: Denmaz Q-dot
Author URI: https://denmazqdot.com
Description: Profil, News Theme, Simple, powerful and efficient laravel theme for blogging and news sites.
Version: 1.1.1
Framework: Laravel 9.52.4
Minimum Requires PHP: 8.1
Text Domain: Denmaz Q-dot

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;
	/* font-family: "PT Serif", Georgia, Serif; */
	line-height: 1.3;
}

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

h1 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h2 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h3 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h4 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h5 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h6 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

p {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 18px;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

.entry-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 9px;
    font-weight: bold;
}
.entry-title-single {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 40px;
	line-height: 1.5em;
    font-weight: bold;
}
.sub-heading {
	font-family: unset;
	font-size: 18px;
    font-weight: bold;
	margin-top: 24px;
}
.title-sidebar {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.rekomendasi-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 14px;
	line-height: 1.5em;
    font-weight: bold;
	margin-top: 10px;
}
.related-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.title-kategori {
	font-family: unset;
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-family: unset;
	font-size: 12px;
}
.small {
	font-family: unset;
    font-size: 12px;
}
.breadcrumb {
	font-family: unset;
    font-size: 12px;
}
.caption {
    font-family: "PT Serif", Georgia, Serif;
    font-size: 12px;
	line-height: 1.5em;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
}
.date-time {
	font-size: 12px;
	margin-top: 9px;
	color: #666666;
}
.footer-text {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subtitle {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 450;
	font-style: italic;
}
.breadcrumb-last {
	display: none;
}
}


/* == 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-family: "PT Serif", Georgia, Serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h2 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h3 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h4 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h5 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h6 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

p {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 18px;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

.entry-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 9px;
    font-weight: bold;
}
.entry-title-single {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 36px;
	line-height: 1.5em;
    font-weight: bold;
}
.sub-heading {
	font-family: unset;
	font-size: 18px;
    font-weight: bold;
	margin-top: 24px;
}
.title-sidebar {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.rekomendasi-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 14px;
	line-height: 1.5em;
    font-weight: bold;
	margin-top: 10px;
}
.related-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	line-height: 1.5em;
    font-weight: bold;
}
.title-kategori {
	font-family: unset;
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-family: unset;
	font-size: 12px;
}
.small {
	font-family: unset;
    font-size: 12px;
}
.breadcrumb {
	font-family: unset;
    font-size: 12px;
}
.caption {
    font-family: "PT Serif", Georgia, Serif;
    font-size: 12px;
	line-height: 1.5em;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
}
.date-time {
	font-size: 12px;
	margin-top: 9px;
	color: #666666;
}
.footer-text {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subtitle {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 450;
	font-style: italic;
}
.breadcrumb-last {
	display: none;
}
}


/* == 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-family: "PT Serif", Georgia, Serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h2 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h3 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h4 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h5 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h6 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

p {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 18px;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

.entry-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 9px;
    font-weight: bold;
}
.entry-title-single {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 30px;
	line-height: 1.5em;
    font-weight: bold;
}
.sub-heading {
	font-family: unset;
	font-size: 18px;
    font-weight: bold;
	margin-top: 24px;
}
.title-sidebar {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.rekomendasi-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 14px;
	line-height: 1.5em;
    font-weight: bold;
	margin-top: 10px;
}
.related-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.title-kategori {
	font-family: unset;
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-family: unset;
	font-size: 12px;
}
.small {
	font-family: unset;
    font-size: 12px;
}
.breadcrumb {
	font-family: unset;
    font-size: 12px;
}
.caption {
    font-family: "PT Serif", Georgia, Serif;
    font-size: 12px;
	line-height: 1.5em;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
}
.date-time {
	font-size: 12px;
	margin-top: 9px;
	color: #666666;
}
.footer-text {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subtitle {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 450;
	font-style: italic;
}
.breadcrumb-last {
	display: none;
}
}


/* == 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-family: "PT Serif", Georgia, Serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h2 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h3 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h4 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h5 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h6 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

p {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 18px;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

.entry-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 9px;
    font-weight: bold;
}
.entry-title-single {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 28px;
	line-height: 1.5em;
    font-weight: bold;
}
.sub-heading {
	font-family: unset;
	font-size: 18px;
    font-weight: bold;
	margin-top: 24px;
}
.title-sidebar {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.rekomendasi-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 14px;
	line-height: 1.5em;
    font-weight: bold;
	margin-top: 10px;
}
.related-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.title-kategori {
	font-family: unset;
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-family: unset;
	font-size: 12px;
}
.small {
	font-family: unset;
    font-size: 12px;
}
.breadcrumb {
	font-family: unset;
    font-size: 12px;
}
.caption {
    font-family: "PT Serif", Georgia, Serif;
    font-size: 12px;
	line-height: 1.5em;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
}
.date-time {
	font-size: 12px;
	margin-top: 9px;
	color: #666666;
}
.footer-text {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subtitle {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 450;
	font-style: italic;
}
.breadcrumb-last {
	display: none;
}
}


/* == 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-family: "PT Serif", Georgia, Serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h2 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h3 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h4 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h5 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}
h6 {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

p {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 18px;
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 22.1px;
	word-wrap: break-word;
}

.entry-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 9px;
    font-weight: bold;
}
.entry-title-single {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 28px;
	line-height: 1.5em;
    font-weight: bold;
}
.sub-heading {
	font-family: unset;
	font-size: 18px;
    font-weight: bold;
	margin-top: 24px;
}
.title-sidebar {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.rekomendasi-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
	margin-top: 10px;
}
.related-title {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
    font-weight: bold;
}
.title-kategori {
	font-family: unset;
	font-size: 12px;
    font-weight: bold;
}
.author {
	font-family: unset;
	font-size: 12px;
}
.small {
	font-family: unset;
    font-size: 12px;
}
.breadcrumb {
	font-family: unset;
    font-size: 10px;
}
.caption {
	font-family: "PT Serif", Georgia, Serif;
    font-size: 12px;
	line-height: 1.5em;
}
.bagikan {
	font-size: 14px;
}
.ads {
    font-size: 10px;
    font-weight: bold;
    color: #212529;
}
.list-populer {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
}
.date-time {
	font-size: 12px;
	margin-top: 9px;
	color: #666666;
}
.footer-text {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 16px;
	line-height: 1.5em;
}
.subtitle {
	font-family: "PT Serif", Georgia, Serif;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 500;
	font-style: italic;
}
.breadcrumb-last {
	display: none;
}
}

.artikel-divider {
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.btn-close-custom {
    filter: invert(100%);
}

.header-color {
	background: #FFFFFF;
}	

.navbar-color {
	background: #252129;
}	

.offcanvas-header-color {
	background: #252129;
}	

.offcanvas-body-color {
	background: #FFFFFF;
}	

.footer-color {
	background: #EFEFEF;
}

.footer-text {
	color: #212529;
}

.copyright-color {
	background: #252129;
}

.home-video-color {
	background: #252129;
}

.home-foto-color {
	background: #252129;
}

.home-pilihan-color {
	background: #252129;
}

.view-all-color {
    background-color: #FCED20;
    color: #212529;
    transition: background-color 0.3s, color 0.3s; /* Efek transisi yang halus */
}

.view-all-color:hover {
    background-color: #FFFFFF; /* Warna latar belakang menjadi putih */
    color: #212529; /* Warna teks menjadi hitam */
}

.border-left-color {
	border-left: 9px solid #FCED20;
  	padding-left: 10px;
}

.kolom-populer {
	background: #FCED20;
  	margin-bottom: 10px;
	color: #212529;
}

.kolom-populer a {
	color: #212529;
}

.kolom-populer a:hover {
	color: #212529;
}