/*!
Theme Name: Arctic
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: arctic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Arctic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.nav #menu-header-menu {
  display: flex;
  gap: 25px;
  align-items: center;
  list-style-type: none;
}
ul.dropdown-menu {
  list-style-type: none;
}

.menu-item-has-children {
  position: relative;
}

@media (min-width: 992px) {
  .current-menu-item a:not(.dropdown-menu .current-menu-item a),
  .current-menu-parent a:not(.dropdown-menu a) {
    padding: 10px 22px;
    border: 1px solid #bfbfbf;
    border-radius: 50px;
    color: #ff6a00 !important;
  }
  .dropdown-menu .current-menu-item a {
    color: #ff6a00 !important;
    background: #f8f8f8;
  }

  .dropdown-menu .current-menu-item {
    background: #f8f8f8;
  }
	.single-post .blogs-sidebar{
		position: sticky;
  top: 20px;
  height: fit-content;
	}
	.single-blog-section .single-blog-hero{
		width:100% !important;
	}
}

@media (max-width: 900px) {
  .nav #menu-header-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffff;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    border-top: 1px solid #eee;
  }
  .nav li {
    width: 100%;
    padding: 16px 20px;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
  }
  .nav li a {
    display: block;
  }
  .dropdown-toggle {
    flex-direction: column;
  }
  .dropdown-menu {
    padding-left: 0;
  }

  .current-menu-item,
  .current-menu-parent {
    background: #f8f8f8;
  }
  .current-menu-item a,
  .current-menu-parent a:not(.dropdown-menu a) {
    color: #ff6a00 !important;
  }

  .nav ul li:hover {
    background: #f8f8f8;
  }
  .nav ul a:hover {
    color: #ff6a00 !important;
  }
  .footer-bottom {
    margin-top: 0;
  }
}

.subscribe-btn {
  margin-top: 15px;
}

.text-content span {
  color: #ff6b35;
  /*   display: block; */
  margin-top: 8px;
}

#search-suggestions {
  background: #fff;
  /* border: 1px solid #ddd; */
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 20px;
}

.search-suggestion-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid black;
  border-radius: 20px;
}

.search-suggestion-list li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.search-suggestion-list li a {
  text-decoration: none;
  color: #333;
}
.blogs-search {
  position: relative;
}
.blogs-section .blog-card {
  overflow: hidden;
  border-bottom-left-radius: 0;
}

.hero-inner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 55%);
  z-index: 1;
}

.page-id-364 .service-content::before,
.page-id-409 .service-content::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #161616 50%);
  /* z-index: 1; */
}

.page-id-364 .service-content-text,
.page-id-409 .service-content-text {
  z-index: 1;
}
/* .single-ourservices .hero-desc {
  margin-bottom: 40px;
}
 */
.single-ourservices .ssc-right p a {
  color: white;
  text-decoration: none;
}
.single-service-content .ssc-contact-row {
  display: flex;
  gap: 12px;
  font-size: 14px;
  margin-bottom: 35px;
  align-items: center;
}

.single-ourservices .ssc-right p {
  margin-bottom: 0;
}

.highlight {
  display: inline !important;
}

.local-hvac-team .text-content span {
  display: inline !important;
}

/* Hide services initially */
.service-card.hidden-service {
  display: none;
}

/* Services Load More Button */
.services-load-more-container {
  text-align: center;
  margin-top: 40px;
}

.services-load-more-btn {
     display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #ff5e14;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Nunito Sans', sans-serif;
    padding: 12px 24px;
    border-radius: 30px;
}

.services-load-more-btn:hover {
  background-color: #e54d0a;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 94, 20, 0.3);
}

.services-load-more-btn:active {
  transform: translateY(0);
}

.services-load-more-btn .services-btn-icon {
  transition: transform 0.3s ease;
  font-size: 12px;
}

.services-load-more-btn.services-expanded .services-btn-icon {
  transform: rotate(180deg);
}

/* =============================
   404 Page Styling
   ============================= */

.custom-404-section {
    padding: 120px 0;
    background: #0f1f3e; /* deep navy-blue similar to site header */
    color: #ffffff;      /* white text for contrast */
    text-align: center;
}

.custom-404-section .error-code {
    font-size: 8rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.1);
    margin-bottom: 1rem;
}

.custom-404-section h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #ffffff;
}

.custom-404-section .error-message {
    font-size: 1.125rem;
    margin-bottom: 2rem;
    color: #e0e6f4;
}

.custom-404-section .button-group {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.custom-404-section .btn-primary,
.custom-404-section .btn-secondary {
    display: inline-block;
    padding: 0.75rem 1.75rem;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

/* Main button — Mid-orange accent */
.custom-404-section .btn-primary {
    background-color: #ff5e14; 
    color: #fff;
	border-radius:25px;
}

/* Secondary button — subtle outline */
.custom-404-section .btn-secondary {
    background-color: transparent;
    border: 2px solid #4b6cb7;
    color: #4b6cb7;
}

.custom-404-section .btn-secondary:hover {
    background-color: #4b6cb7;
    color: #fff;
}

.error-illustration {
    max-width: 360px;
    margin: 0 auto;
}

.error-illustration img {
    width: 100%;
    height: 130px;
	object-fit:contain;
}