/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ---NAVIGATION ---*/

.menu-item-15,
.menu-item-16 {
  text-transform: uppercase !important;
}

.menu-item-16 a {
  font-weight: 600 !important;
}

#header-outer .menu-item-15 > a:before {
  border: 2px solid #fec449 !important;
  opacity: 1;
}

#header-outer .menu-item-15 > a:hover {
  border-radius: 5px;
}

/* --- ON SCROLL HOVER CONTACT BTN FIX --- */
#header-outer.small-nav #top nav > ul > li#menu-item-15 > a span,
body
  #header-outer.small-nav
  #top
  nav
  > ul
  > li#menu-item-15
  > a
  .menu-title-text {
  color: #0a3452 !important;
}

/* ---END NAVIGATION ---*/

/* --- HERO ---*/
.hero-sub-text {
  letter-spacing: 1% !important;
}

.hero-sub-heading {
  font-size: 22px !important;
  font-weight: 300 !important;
}

.hero-btn-cta {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 20px !important;
}

.hero-btn {
  font-size: 20px !important;
  font-weight: 600 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* --- END HERO ---*/

.regular-btn {
  font-size: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2px !important;
}

span.cta1-link:hover {
  text-decoration: underline;
}

/* --- LAPTOP SCREENS (901px to 1450px) --- */
@media (min-width: 901px) and (max-width: 1450px) {
  
  /* Reduce the horizontal padding between all standard menu items */
  #header-outer #top nav > ul > li > a {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 14px !important; /* Slightly scales down the font to make room */
  }
  
  /* Tweak the custom Contact and Subscribe buttons to keep their shape */
  #header-outer #top nav > ul > li.menu-item-15 > a,
  #header-outer #top nav > ul > li.menu-item-16 > a {
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 13px !important;
  }
  
  /* Shrink the logo slightly to give the menu more breathing room */
  #header-outer #logo img {
    max-height: 45px !important;
  }
}


@media (max-width: 900px) {

  .hero-sub-text {
    font-size: 19px;
  }
  /* Scale down the sub-heading from 22px */
  .hero-sub-heading {
    font-size: 18px !important;
  }

  /* Scale down button text and padding so they don't break onto multiple lines */
  .hero-btn-cta,
  .hero-btn,
  .regular-btn {
    font-size: 16px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* --- MOBILE NAV RESET --- */

  /* 1. Remove the yellow border from the Contact item in the mobile menu */
  #header-outer #slide-out-widget-area .menu-item-15 > a:before {
    display: none !important;
  }

  /* 2. Standardize Contact and Subscribe to match the theme's mobile menu style */
  #slide-out-widget-area .menu-item-15 a,
  #slide-out-widget-area .menu-item-16 a {
    text-transform: none !important; /* Reverts 'CONTACT' back to 'Contact' */
    font-weight: 600 !important;    /* Matches the weight of 'Solutions' */
    letter-spacing: normal !important;
    border: none !important;
  }

  /* 3. Ensure the text isn't squeezed */
  #slide-out-widget-area ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}


/* --- BACK TO CASE STUDIES LINK --- */
.jgc-back-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #0A3452 !important; 
  font-size: 18px;
  font-weight: 700;
  text-decoration: none !important; /* Forces Salient to drop default link underlines */
  transition: transform 0.3s ease, opacity 0.3s ease;
  font-family: inherit;
}

.jgc-back-link a {
  color: #0A3452; 
}

.jgc-back-link svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Adds a slick hover effect that nudges the arrow left */
.jgc-back-link:hover {
  opacity: 0.8;
  transform: translateX(-5px); 
}

/*SOLUTIONS*/
.solutions-accordions p {
 font-size: 18px !important;
}