/* ===============================
   PBA Logo Styles
   =============================== */

.pba-site-logo {
  max-width: 200px;
  height: auto;
  display: block;
}

.site-logo {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.site-logo .pba-site-logo {
  max-width: 200px;
  height: auto;
}

.site-branding {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
}

.site-branding-container {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
}

/* 常に白背景用ロゴを表示（昼夜関係なく白背景に設定しているため） */

@media (max-width: 768px) {
  .pba-site-logo {
    max-width: 220px !important;
  }
  
  .site-logo .pba-site-logo {
    max-width: 220px !important;
  }
  
  .site-logo {
    margin-top: 20px !important;
    margin-bottom: 16px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  
  .site-branding {
    padding-top: 20px !important;
    padding-bottom: 16px !important;
    padding-left: 16px !important;
  }
  
  .site-branding-container {
    padding-top: 20px !important;
    padding-bottom: 16px !important;
    padding-left: 16px !important;
  }
}