.site-footer {
  background: #0d0d0d;
  color: #fff;
  padding: 50px 20px 20px;
}

.footer-container{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1200px; margin:auto;}
.footer-section{flex:1 1 220px; margin:15px;}
.footer-logo{width:120px; margin-bottom:15px;}
.footer-section h3{margin-bottom:15px; color:#ffc107; font-size:18px;}
.footer-section ul{list-style:none; padding:0;}
.footer-section ul li{margin-bottom:10px;}
.footer-section ul li a{color:#fff; text-decoration:none; transition: color 0.3s;}
.footer-section ul li a:hover{color:#ffc107;}

.social-icons a{
  color:#fff;
  font-size:18px;
  margin-right:15px;
  transition: color 0.3s, transform 0.3s;
}
.social-icons a:hover{
  color:#ffc107;
  transform: scale(1.2);
}

.footer-section form{display:flex;}
.footer-section input[type="email"]{padding:10px; border:none; border-radius:3px 0 0 3px; flex:1;}
.footer-section button{padding:10px 15px; border:none; background:#ffc107; color:#000; border-radius:0 3px 3px 0; cursor:pointer; transition: background 0.3s;}
.footer-section button:hover{background:#e0a800;}

.unsubscribe-msg a{color:#ffc107; text-decoration:none;}
.unsubscribe-msg a:hover{text-decoration:underline;}

.footer-bottom{text-align:center; padding:20px 0; border-top:1px solid #333; margin-top:30px; font-size:13px; color:#aaa;}


.site-footer {
  background: #0d0d0d;
  color: #fff;
  padding: 50px 20px 20px;
}
.footer-container{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1200px; margin:auto;}
.footer-section{flex:1 1 220px; margin:15px;}
.footer-logo{width:120px; margin-bottom:15px;}
.footer-section h3{margin-bottom:15px; color:#ffc107; font-size:18px;}
.footer-section ul{list-style:none; padding:0;}
.footer-section ul li{margin-bottom:10px;}
.footer-section ul li a{color:#fff; text-decoration:none; transition: color 0.3s;}
.footer-section ul li a:hover{color:#ffc107;}
.social-icons a{
  color:#fff;
  font-size:18px;
  margin-right:15px;
  transition: color 0.3s, transform 0.3s;
}
.social-icons a:hover{
  color:#ffc107;
  transform: scale(1.2);
}
.footer-section form{display:flex;}
.footer-section input[type="email"]{padding:10px; border:none; border-radius:3px 0 0 3px; flex:1;}
.footer-section button{padding:10px 15px; border:none; background:#ffc107; color:#000; border-radius:0 3px 3px 0; cursor:pointer; transition: background 0.3s;}
.footer-section button:hover{background:#e0a800;}
.unsubscribe-msg a{color:#ffc107; text-decoration:none;}
.unsubscribe-msg a:hover{text-decoration:underline;}
.footer-bottom{text-align:center; padding:20px 0; border-top:1px solid #333; margin-top:30px; font-size:13px; color:#aaa;}