/*
Theme Name:        Hyvercode WordPress Theme
Theme URI:         https://hyvercode.com
Author:            hyvercode
Author URI:        https://hyvercode.com/
Description:       A sleek, responsive, and minimalist WordPress theme template.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.8
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       http://gnu.org
Text Domain:       my-custom-theme
Tags:              two-columns, responsive-layout, custom-colors, portfolio

Disclaimer: This theme, like WordPress, is licensed under the GPL.
*/


@import "functions";
@import url('variables.css');
@import url('variables-dark.css');

/* customize primary dark */

[data-bs-theme="dark"] {
  --bs-primary: #{$primary};
  --bs-primary-bg-subtle: #{$primary};
  --bs-primary-bg-subtle-dark: #{$primary};
  
  .btn-primary {
    --bs-btn-bg: #{$primary};
  }
}

.bd-navbar {
    padding: 0.75rem 0;
    background-color: #7952b3;
}

.card-img-left-md img {
    padding: 10px;
    width: 100%;
}

.post-thumbnail img {
    height: auto;
    max-width: 10%;
}

.blog-post-title a{
    text-decoration:none;
    color: #3E3E3E;
}

.cat-item a{
    color: #3E3E3E;
}

.widget ul li a{
    color: #3E3E3E;
}


/* Container pembungkus utama */
.navbar-brand-wrapper {
    display: flex;
    align-items: center;
}

/* Mengatur ukuran font Judul Situs agar pas dengan logo */
.site-title {
    font-size: 1.25rem; /* Menyesuaikan standard Bootstrap navbar text */
    line-height: 1.2;
}

/* Mengatur ukuran font Tagline */
.site-description {
    font-size: 0.8rem;
    margin-top: 2px;
}

/* Memastikan link logo tidak merusak layout flex */
.navbar-brand {
    margin-right: 1rem;
    display: inline-block;
}

@media (min-width: 992px){
    .card-img-left-md img {
        padding: 0 !important;
        width: 10% !important;
    }

    .card-img-left-md img {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        object-fit: cover;
        height: 80% !important;
        width: 100% !important;
    }
}