/* Dark Theme Styling for Header and Footer */

/* Top Bar Section */
#top {
  background-color: #2c2c2c !important;
  color: #fff;
}

#top .top_1l p {
  color: #fff;
}

.top-contact-info {
  color: #fff !important;
}

.top-contact-info a {
  color: #eee !important;
}

.top-contact-info a:hover {
  color: #ff6600 !important;
}

.top-contact-info i {
  color: #ff6600 !important;
}

/* Main Header Section */
#header {
  background-color: #222 !important;
  border-bottom: 1px solid #333 !important;
  padding: 20px 0;
}

#header .header_1l h2 a {
  color: #fff !important;
}

#header .header_1l h2 a .col_1 {
  color: #ff6600 !important;
}

/* Get in Touch Button */
.get-in-touch-btn {
  background: #ff6600 !important;
  color: white !important;
  transition: all 0.3s ease;
}

.get-in-touch-btn:hover {
  background: #e63946 !important;
  color: white !important;
}

/* Navigation Menu */
#menu {
  background: #222 !important;
}

#menu .navbar-brand {
  color: #fff !important;
}

#menu .navbar-brand .col_1 {
  color: #ff6600 !important;
}

.m_tag {
  color: #fff !important;
}

.m_tag:hover {
  color: #fff !important;
  background: #ff6600 !important;
}

.m_tag:focus {
  color: #fff !important;
  background: #ff6600 !important;
}

.active_tab {
  color: #fff !important;
  background: #ff6600 !important;
}

/* Mobile Menu */
.navbar-toggle {
  background-color: #333 !important;
  border: 1px solid #444 !important;
}

.navbar-toggle .icon-bar {
  background-color: #fff !important;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #444 !important;
}

/* Fixed Navigation */
.cd-secondary-nav.is-fixed {
  background-color: #222 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Footer Section */
#footer {
  background-color: #222 !important;
  padding: 40px 0 20px;
  margin-top: 30px;
  color: #fff;
}

#footer h4 {
  color: #fff !important;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

#footer p {
  color: #ccc !important;
}

#footer ul li {
  border-bottom: 1px dotted #333 !important;
}

#footer ul li a {
  color: #ccc !important;
}

#footer ul li a:hover {
  color: #ff6600 !important;
}

/* Footer Logo */
.footer_logo h2 a {
  color: #fff !important;
}

.footer_logo h2 .col_1 {
  color: #ff6600 !important;
}

/* Newsletter Section */
.newsletter_form input[type="text"] {
  background-color: #333;
  border: 1px solid #444 !important;
  color: #fff;
}

.newsletter_form .button {
  background: #ff6600 !important;
  color: white !important;
}

.newsletter_form .button:hover {
  background: #e63946 !important;
}

/* Footer Social Icons */
.footer_social a i {
  color: #ccc !important;
}

.footer_social a:hover i {
  color: #ff6600 !important;
}

/* Footer Copyright Section */
.footer_2 {
  border-top: 1px solid #333 !important;
}

.footer_2 p {
  color: #aaa !important;
}

.footer_2 a.col_1 {
  color: #ff6600 !important;
}

/* Responsive Styles */
@media (max-width: 767px) {
  #menu {
    background: #222 !important;
  }
  
  .navbar-collapse {
    background: #222 !important;
    border-color: #333 !important;
  }
  
  #menu .navbar-brand {
    display: block !important;
    color: #fff !important;
  }
}