/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 1.0
*/
.sg-header{
  background:#eaf4ff;
  border-bottom:1px solid #d9e6f5;
}

.sg-inner{
  max-width:1200px;
  margin:auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.sg-logo img{
  height:42px;
}

.sg-toggle{
  display:none;
  font-size:26px;
  cursor:pointer;
}

.sg-nav{
  border-top:1px solid #d9e6f5;
}

.sg-menu{
  list-style:none;
  display:flex;
  gap:32px;
  padding:14px 20px;
  margin:0;
  justify-content:center;
}

.sg-menu a{
  text-decoration:none;
  font-weight:600;
  color:#111;
}

/* SEARCH */
.sg-search-form{
  display:none;
  position:absolute;
  right:20px;
  top:70px;
  background:#fff;
  padding:10px;
  border-radius:6px;
}

.sg-search-form.open{
  display:block;
}

/* MOBILE */
@media(max-width:768px){

  .sg-toggle{
    display:block;
  }

  .sg-nav{
    display:none;
    background:#eaf4ff;
  }

  .sg-nav.open{
    display:block;
  }

  .sg-menu{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
}
/* =========================
   DARK COMMENT BOX – FIX
   ========================= */

/* Comment wrapper */
#comments,
.comment-respond {
  background: #0f0f0f !important;
  padding: 20px;
  border-radius: 10px;
}

/* Title */
#comments h3,
.comment-reply-title {
  color: #ffffff !important;
  font-size: 18px;
  margin-bottom: 15px;
}

/* All input fields */
#comment,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
}

/* Placeholder color */
#comment::placeholder,
.comment-form input::placeholder {
  color: #888 !important;
}

/* Checkbox text */
.comment-form-cookies-consent label {
  color: #aaa !important;
  font-size: 13px;
}

/* Submit button */
.form-submit input[type="submit"] {
  background: #f5c542 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Button hover */
.form-submit input[type="submit"]:hover {
  background: #ffd95a !important;
}

/* Remove white gaps on mobile */
@media (max-width: 768px) {
  #comments,
  .comment-respond {
    margin: 0;
    padding: 16px;
  }
}
.author-container {
    max-width: 1100px;
    margin: 40px auto;
    padding: 20px;
}

.author-card {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #111;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 40px;
}

.author-avatar img {
    border-radius: 50%;
}

.author-info h1 {
    color: #fff;
    margin-bottom: 10px;
}

.author-description {
    color: #ccc;
    line-height: 1.6;
}

.author-post-title {
    color: #fff;
    margin-bottom: 20px;
}

.author-post-item {
    margin-bottom: 20px;
}

.author-post-item h3 a {
    color: #fff;
    text-decoration: none;
}

.author-post-item span {
    color: #aaa;
    font-size: 14px;
}
.author-container {
    max-width: 1100px;
    margin: 40px auto;
    padding: 20px;
}

.author-card {
    display: flex;
    gap: 30px;
    align-items: center;
    background: #1a1a1a;
    padding: 40px;
    border-radius: 18px;
    margin-bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.author-avatar img {
    border-radius: 50%;
    border: 4px solid #2c2c2c;
}

.author-info h1 {
    color: #ffffff;
    margin-bottom: 8px;
}

.author-role {
    color: #4da6ff;
    font-weight: 600;
    margin-bottom: 12px;
}

.author-description {
    color: #bfbfbf;
    line-height: 1.7;
}

.author-social a {
    font-size: 20px;
    color: #ffffff;
    margin-right: 15px;
    transition: 0.3s;
}

.author-social a:hover {
    color: #4da6ff;
}

.author-post-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.author-post-thumb img {
    width: 160px;
    border-radius: 10px;
}

.author-post-content h3 a {
    color: #ffffff;
    text-decoration: none;
}

.post-date {
    color: #aaa;
    font-size: 14px;
}