/*
 Theme Name:   Pixgraphy Child
 Theme URI:    https://themefreesia.com/themes/pixgraphy
 Description:  Tema Anak untuk Pixgraphy
 Author:       Nama Anda
 Author URI:   URL Situs Anda (Opsional)
 Template:     pixgraphy 
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  pixgraphy-child
*/
/* Mulai kode CSS kustom di bawah ini */

/* Mulai kode CSS kustom di bawah ini */

/* 1. Perubahan Font */
body,
button,
input,
select,
textarea {
	font: 400 13px/21px 'Roboto', sans-serif; /* Mengganti Merriweather dengan Roboto */
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif; /* Mengganti Open Sans dengan Roboto */
}
.btn-default {
	font-family: 'Roboto', sans-serif; /* Mengganti Open Sans dengan Roboto */
}
blockquote {
	font-family: 'Roboto', sans-serif; /* Mengganti Open Sans dengan Roboto */
}

/* 2. Perubahan Header/Navigation Colors */
#sticky_header {
	background-color: #FF7F50; /* Warna Header saat awal */
}
.is-sticky #sticky_header {
	background-color: rgba(255, 127, 80, 0.9); /* Warna Header saat di-scroll */
}

/* Perubahan warna Menu Hover/Active */
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
	color: #000000; /* Warna teks menu utama saat aktif/hover */
	font-weight: bold;
}

/* Perubahan warna Dropdown Menu (Sub-menu) */
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	color: #ffffff; /* Mengganti warna sub-menu dari abu-abu ke putih */
}

/* Perubahan warna Menu Responsif/Mobile (hamburger menu) */
@media only screen and (max-width: 767px) {
	.main-navigation a,
	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after,
	.main-navigation ul li ul li a,
	.main-navigation ul li.current-menu-item ul li a,
	.main-navigation ul li ul li.current-menu-item a,
	.main-navigation ul li.current_page_ancestor ul li a,
	.main-navigation ul li.current-menu-ancestor ul li a,
	.main-navigation ul li.current_page_item ul li a,
	.main-navigation li li.menu-item-has-children > a:after,
	.main-navigation li li.page_item_has_children > a:after {
		color: #ffffff; /* Mengganti warna teks menu mobile dari #999 ke #fff */
	}
}

/* 3. Perubahan Layout Kolom */
#primary {
	width: 100%; /* Mengubah lebar konten utama dari 70% ke 100% */
	padding: 0px; /* Memastikan padding nol di Primary */
}

/* 4. Perubahan Social Links Hover */
.social-links ul li a[href*="facebook.com"]:hover {
	background-color: #FF7F50;
	color: #FFF;
}
/* Menambahkan style untuk LinkedIn */
.social-links ul li a[href*="linkedin.com"]:hover {
	background-color: #FF7F50;
	color: #FFF;
}
/* Menimpa warna Instagram yang lama */
.social-links ul li a[href*="instagram.com"]:hover {
	background-color: #FF7F50;
	color: #FFF;
}
/* Hapus/Tambahkan style untuk sosial media lain sesuai preferensi Anda.
   Jika Anda tidak menambahkan style untuk twitter, pinterest, dll., 
   maka style dari tema induk (misalnya untuk Twitter) tidak akan ada. 
   Jika tema induk tidak memiliki style untuk LinkedIn, maka yang di atas akan menambahkannya. */