/* 1. Global Font Styling for the Footer */
/*#my-custom-bootstrap-footer {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    color: #f8f9fa; 
    line-height: 1.6;
}*/

/* 2. Specific Padding/Spacing */
#custom-footer {
    background-color: #020461;
}


/* Navbar with Embos */
#custom-header nav {
    background-color: #090DE8;
}

#custom-header .navbar {
  width: 100%;
  z-index: 1000;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  font-family: "alata";
  padding: 0;
}

#custom-header .navbar-nav {
  margin: 0;
}

#custom-header .navbar-nav .nav-link.active {
  color: #000;
  background-color: #fff;
  text-shadow: none;
  padding: 0.5rem;
}

#custom-header .navbar .nav-link {
  color: #fff; /* Warna teks putih */
  text-shadow: -2px -2px 3px rgba(0, 0, 0, 0.7), 2px 2px 3px rgba(0, 0, 0, 0.7); /* Mempertebal embos hitam */
  transition: color 0.3s ease;
}

#custom-header .navbar .nav-link:hover {
  color: #D3495B; /* Teks menjadi hitam saat hover */
  text-shadow: none; /* Hilangkan embos saat hover */
}

#custom-header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#custom-header .navbar-collapse {
  max-width: 100%;
  overflow-x: hidden;
  padding: 1rem;
}

#custom-header .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

#custom-footer .font-alata {
    font-family: "alata";
}

#page {
	padding-top: 56px;
}

.gb-container .gb-headline {
	padding-top: 24px;	
}

@media (min-width: 768px) {    
    #custom-footer {
        /* Less padding on large screens, if desired */
        .ps-md-10 {
			padding-left: 10rem;
			font-family: "alata";
		}
    }
	
	#page {
		padding-top: 86px;
	}
	
	.gb-container .gb-headline {
		padding-top: 40px;	
	}
	
	.site-main .inside-article .entry-content .single_wrapp .single_boxwrapp .single_form .single_form_in {
		top: 80px;
	}
	
	#tab-description {
		margin: 0;
		padding: 0 0 2em;
	}

}

@media (min-width: 992px) {
    #custom-header .nav-item {
        margin: 8px;
    }
}