/* Provided style.css theme hooks (trimmed). Replace with full file if available. */
/*
  Nortune is a custom font.
  In dev it may work if it's installed on your PC,
  but in production it must be bundled with the app.

  You said your file name is: Nortune-Black.ttf
  Put it here:
  - climate/public/fonts/Nortune-Black.ttf
  You also have:
  - climate/public/fonts/fonnts.com-Nortune-Bold.ttf
  (optional faster web formats)
  - climate/public/fonts/Nortune-Black.woff2
  - climate/public/fonts/Nortune-Black.woff
*/

/* Map the available file to common weights so the browser will use it
   even if elements don't explicitly request font-weight: 900. */
@font-face {
  font-family: 'Nortune';
  src: url('../fonts/fonnts.com-Nortune-Bold.woff2') format('woff2'),
       url('../fonts/fonnts.com-Nortune-Bold.woff') format('woff'),
       url('../fonts/fonnts.com-Nortune-Bold.ttf') format('truetype'),
       url('../fonts/Nortune-Black.woff2') format('woff2'),
       url('../fonts/Nortune-Black.woff') format('woff'),
       url('../fonts/Nortune-Black.ttf') format('truetype'),
       url('../fonts/Nortune-Black.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nortune';
  src: url('../fonts/fonnts.com-Nortune-Bold.woff2') format('woff2'),
       url('../fonts/fonnts.com-Nortune-Bold.woff') format('woff'),
       url('../fonts/fonnts.com-Nortune-Bold.ttf') format('truetype'),
       url('../fonts/Nortune-Black.woff2') format('woff2'),
       url('../fonts/Nortune-Black.woff') format('woff'),
       url('../fonts/Nortune-Black.ttf') format('truetype'),
       url('../fonts/Nortune-Black.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nortune';
  src: url('../fonts/Nortune-Black.woff2') format('woff2'),
       url('../fonts/Nortune-Black.woff') format('woff'),
       url('../fonts/Nortune-Black.ttf') format('truetype'),
       url('../fonts/Nortune-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Color theme */
::-moz-selection{background:#971836}
::selection{background:#971836}
.menu-item:hover>.menu-link,.menu-item.current>.menu-link{color:#971836}
.color,.h-text-color:hover{color:#971836!important}
.bg-color,.page-link:hover,.page-link:focus{background-color:#971836!important}
.border-color,.tagcloud a:hover,.page-link:hover{border-color:#971836!important}
/* Header/footer adjustments */
#header{border-bottom:none!important}
#footer{margin-top:0!important;border-top:none}
#footer .widget h4{color:#AAA;font-weight:800}
/* Home navigation tiles (optional) */
body.gap-home .home-navigation-tiles .row h4{margin-bottom:0!important;color:#fff}
/* Primary menu separators */
.primary-menu.sub-title .menu-container>.menu-item>.menu-link>div{
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
.primary-menu.sub-title .menu-container>.menu-item>.menu-link>span{font-weight:400}
/* Responsive tweaks */
@media(min-width:992px){
  .sub-menu-container .menu-item:hover>.menu-link{color:#971836}
  .style-4 .menu-container>.menu-item:hover>.menu-link,.style-4 .menu-container>.menu-item.current>.menu-link{border-color:#971836}
}

/* Use Raleway bold for menu titles; keep Poppins for subtitles */
.primary-menu .menu-link>div{
  font-family: 'Raleway', Poppins, sans-serif;
  font-weight: 700;
}
.primary-menu .menu-link>span{
  font-family: Poppins, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Sticky header at top */
#header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  margin-top: -120px;
}
#header-wrap{ border-bottom: 4px solid #971836; }

/* Menu hover: tile background + white text */
.primary-menu .menu-link{ transition: color .2s ease; }
.primary-menu.sub-title .menu-container>.menu-item{ position: relative; }
.primary-menu.sub-title .menu-container>.menu-item{ border-right: none !important; }
.primary-menu.sub-title .menu-container>.menu-item:last-child{ border-left: none !important; }
/* Remove all separators (left borders) between menu items */
.primary-menu.sub-title .menu-container>.menu-item,
.primary-menu.sub-title .menu-container>.menu-item + .menu-item{
  border-left: none !important;
  border-right: none !important;
}
.primary-menu .menu-link,
.primary-menu .menu-link:hover{
  text-decoration: none !important;
}
.primary-menu.sub-title .menu-container>.menu-item:hover,
.primary-menu.sub-title .menu-container>.menu-item.current{
  background-color: #971836;
  border-right: none !important;
  border-left: none !important;
}
.primary-menu.sub-title .menu-container>.menu-item:hover .menu-link>div,
.primary-menu.sub-title .menu-container>.menu-item.current .menu-link>div,
.primary-menu.sub-title .menu-container>.menu-item:hover .menu-link>span,
.primary-menu.sub-title .menu-container>.menu-item.current .menu-link>span{
  color: #fff !important;
}

/* Responsive visibility: hide desktop header on small screens, show MobileMenu component */
@media (max-width: 991.98px){
  #header{ display: none; }
}
@media (min-width: 992px){
  .mobile-header{ display: none !important; }
}