/* =========================================================
   Language toggle for localized content
   ========================================================= */

.lang-en_US,
.lang-en_GB {
  display: none;
}
 
/* Show correct language content based on HTML lang attribute */
html[lang="en-US"] .lang-en_US {
  display: block;
}

html[lang="en-GB"] .lang-en_GB {
  display: block;
}
 

/* =========================================================
   Footer bottom row layout
   ========================================================= */

.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

/* Expand footer copyright container */
#copyright .span_5 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100%;
}

/* Footer copyright text */
.footer-bottom-content .left {
  font-size: 14px;
  color: #fff;
  padding-left: 0px;
  padding-bottom: 16px;
}

/* Footer legal links container */
.footer-bottom-content .right {
  font-size: 14px;
  margin-left: auto;
  text-align: right;
  padding-right: 0px;
}

/* Footer legal links */
.footer-bottom-content .right a {
  color: #fff;
	padding-right: 16px;
  margin-left: 16px;
}


/* =========================================================
   Footer legal links underline animation
   Underline matches text width only
   ========================================================= */

#copyright .footer-bottom-content .right a {
  position: relative;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  margin-left: 0px;
  margin-right: 16px;
  padding-right: 0 !important;
  opacity: 1 !important;
}

/* Remove extra spacing after the last link */
#copyright .footer-bottom-content .right a:last-child {
  margin-right: 0;
}

/* Hidden underline state */
#copyright .footer-bottom-content .right a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background-color: #ffffff !important;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.55s ease;
}

/* Hover/focus underline animation */
#copyright .footer-bottom-content .right a:hover::after,
#copyright .footer-bottom-content .right a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Keep footer legal links white on hover/focus */
body #footer-outer #copyright .footer-bottom-content .right a,
body #footer-outer #copyright .footer-bottom-content .right a:visited,
body #footer-outer #copyright .footer-bottom-content .right a:hover,
body #footer-outer #copyright .footer-bottom-content .right a:focus,
body #footer-outer #copyright .footer-bottom-content .right a:focus-visible,
body #footer-outer #copyright .footer-bottom-content .right a:active {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Tablet and mobile - preserve existing flex gap spacing */
@media only screen and (max-width: 1024px) {
  #copyright .footer-bottom-content .right a {
    margin-right: 0 !important;
  }
}

/* =========================================================
   Footer contact email underline animation
   Applies to support@cinchio.com
   ========================================================= */

.footer-contact-info a {
  position: relative;
  display: inline-block;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* Hidden underline state */
.footer-contact-info a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 2px;
  background-color: #ffffff !important;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.55s ease;
}

/* Hover/focus underline animation */
.footer-contact-info a:hover::after,
.footer-contact-info a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Keep email link white on hover/focus */
.footer-contact-info a:hover,
.footer-contact-info a:focus,
.footer-contact-info a:focus-visible,
.footer-contact-info a:active {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* =========================================================
   Footer tablet + mobile layout
   Keeps US/UK links language-specific
   ========================================================= */

@media only screen and (max-width: 1024px) {
  #copyright .footer-bottom-content {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #copyright .footer-bottom-content .right {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 0px !important;
    padding-right: 16px !important;
    margin-left: 0 !important;
  }

  /* Hide both language groups by default on tablet/mobile */
  #copyright .footer-bottom-content .right .lang-en_US,
  #copyright .footer-bottom-content .right .lang-en_GB {
    display: none !important;
  }

  /* Show only US footer links on US pages */
  html[lang="en-US"] #copyright .footer-bottom-content .right .lang-en_US {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 16px 32px !important;
  }

  /* Show only UK footer links on UK pages */
  html[lang="en-GB"] #copyright .footer-bottom-content .right .lang-en_GB {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 16px 32px !important;
  }

  #copyright .footer-bottom-content .right a {
    margin-left: 0 !important;
    text-align: left !important;
  }
}


/* =========================================================
   Body/page text links
   Excludes related posts, post headers, blog post category links,
   and announcement links
   ========================================================= */

.entry-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements),
.post-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements),
.page-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements) {
  color: #165156;
}

.entry-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover,
.post-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover,
.page-content a:not(.jp-relatedposts-post-a):not(.post-header .title a):not(.blog-post-en-us):not(.announcements-us):not(.blog-post):not(.announcements):hover {
  color: #5C8589;
}


/* =========================================================
   FAQ toggle styles
   ========================================================= */

.toggle > .toggle-title a {
  color: #a3a3a3;
  font-size: 16px;
  font-weight: 600;
}

div[data-style="minimal"] .toggle {
  border-bottom: 2px solid #2a2a2a;
}

@media only screen and (max-width: 690px) {
  div[data-style="minimal"] .toggle > .toggle-title a {
    font-size: 16px;
    line-height: 24px;
  }
}


/* =========================================================
   Global accessible focus state for buttons
   ========================================================= */

button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
.nectar-button:focus-visible,
a.nectar-button:focus-visible,
.wp-block-button__link:focus-visible {
  outline-offset: 3px !important;
}


/* =========================================================
   HubSpot Footer Newsletter - Responsive Styling
   ========================================================= */

.cinchio-footer-newsletter {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Form container */
#hubspot-newsletter-footer {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Embedded HubSpot form */
#hubspot-newsletter-footer iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Email input when form fields are rendered as HTML */
#hubspot-newsletter-footer input[type="email"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Tablet and mobile */
@media only screen and (max-width: 1024px) {
  .cinchio-footer-newsletter {
    width: 100%;
    max-width: 100%;
  }
}


/* =========================================================
   Main Footer Bottom padding
   ========================================================= */

/* Main footer padding - All screen sizes */
body #footer-outer #footer-widgets .row {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}


/* =========================================================
   Cinchio - Force Fixed Mobile Navigation
   Applies to mobile header at 999px and below
   ========================================================= */

@media only screen and (max-width: 999px) {

  body #header-outer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }

}



/* =========================================================
   Cinchio - Single Blog Post Bottom Padding Fix
   Removes 40px white space above footer
   Applies to all US and UK individual blog posts
   ========================================================= */

body.single-post .container-wrap.no-sidebar {
  padding-bottom: 0 !important;
}



/* =========================================================
   Cinchio Footer - Individual Column Padding
   Remove Salient's default 2% right margin
   Desktop and Tablet only
   Mobile remains unchanged
   ========================================================= */


/* =========================================================
   DESKTOP - 1025px and above
   ========================================================= */

@media only screen and (min-width: 1025px) {

  /* Remove default 2% margin and maintain 4 equal columns */
  body #footer-outer #footer-widgets .row > .col {
    margin-right: 0 !important;
    width: 25% !important;
    box-sizing: border-box;
  }

  /* Column 1 - Logo / Contact / Newsletter */
  body #footer-outer #footer-widgets .row > .col:nth-child(1) {
    padding-left: 0% !important;
  }

  /* Column 2 - Products */
  body #footer-outer #footer-widgets .row > .col:nth-child(2) {
    padding-left: 9% !important;
  }

  /* Column 3 - Solutions */
  body #footer-outer #footer-widgets .row > .col:nth-child(3) {
    padding-left: 8% !important;
  }

  /* Column 4 - Company / Resources */
  body #footer-outer #footer-widgets .row > .col:nth-child(4) {
    padding-left: 9% !important;
  }

}


/* =========================================================
   TABLET - 768px to 1024px
   Individual padding adjustments
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

  /* Remove default 2% right margin */
  body #footer-outer #footer-widgets .row > .col {
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* Column 1 - Logo / Contact / Newsletter */
  body #footer-outer #footer-widgets .row > .col:nth-child(1) {
    padding-left: 0px !important;
  }

  /* Column 2 - Products */
  body #footer-outer #footer-widgets .row > .col:nth-child(2) {
    padding-left: 16% !important;
  }

  /* Column 3 - Solutions */
  body #footer-outer #footer-widgets .row > .col:nth-child(3) {
    padding-left: 0px !important;
  }

  /* Column 4 - Company / Resources */
  body #footer-outer #footer-widgets .row > .col:nth-child(4) {
    padding-left: 16% !important;
  }

}




/* =========================================================
   Cinchio - Single Blog Post Bottom Padding Fix
   Removes Salient's default 80px bottom padding
   Applies to all US and UK individual blog posts
   ========================================================= */

body.single-post .post-area article.post .content-inner {
  padding-bottom: 0 !important;
}




/* =========================================================
   Cinchio - Blog Newsletter Global Section Fix
   Global Section ID: 6276

   - Removes white gap between columns
   - Prevents horizontal overflow
   - Restores 10px rounded corners
   - Applies to individual US and UK blog posts only
   ========================================================= */


/* Main newsletter row - Contain within blog content */
body.single-post .post-area article.post
.cinchio-blog-newsletter {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box !important;

  border-radius: 10px !important;
  overflow: hidden !important;
}


/* Inner row wrapper - Prevent additional overflow */
body.single-post .post-area article.post
.cinchio-blog-newsletter > .row_col_wrap_12 {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  border-radius: inherit;
  overflow: hidden;
}


/* Remove Salient's default column padding */
body.single-post .post-area article.post
.cinchio-blog-newsletter > .row_col_wrap_12 > .wpb_column {
  padding-left: 0 !important;
  padding-right: 0 !important;

  box-sizing: border-box;
}





/* =========================================================
   Cinchio - Blog Newsletter Inner Row Padding Fix
   Global Section ID: 6276

   Ensures consistent horizontal padding across all
   individual US and UK blog posts.

   Only targets the newsletter form column.
   ========================================================= */


/* =========================================================
   DESKTOP - 1000px and above
   ========================================================= */

@media only screen and (min-width: 1000px) {

  body.single-post .cinchio-blog-newsletter
  > .row_col_wrap_12
  > .wpb_column:nth-child(2)
  .vc_row.inner_row > .row_col_wrap_12_inner {
    padding-left: 8% !important;
    padding-right: 8% !important;
    box-sizing: border-box;
  }

}


/* =========================================================
   TABLET - 691px to 999px
   ========================================================= */

@media only screen and (min-width: 691px) and (max-width: 999px) {

  body.single-post .cinchio-blog-newsletter
  > .row_col_wrap_12
  > .wpb_column:nth-child(2)
  .vc_row.inner_row > .row_col_wrap_12_inner {
    padding-left: 4% !important;
    padding-right: 4% !important;
    box-sizing: border-box;
  }

}


/* =========================================================
   MOBILE - 690px and below
   ========================================================= */

@media only screen and (max-width: 690px) {

  body.single-post .cinchio-blog-newsletter
  > .row_col_wrap_12
  > .wpb_column:nth-child(2)
  .vc_row.inner_row > .row_col_wrap_12_inner {
    padding-left: 6% !important;
    padding-right: 6% !important;
    box-sizing: border-box;
  }

}



/* =========================================================
   Cinchio - Blog Featured Image Rounded Corners
   Applies to individual US and UK blog posts
   Border radius: 15px
   ========================================================= */

/* Featured image container */
body.single-post .featured-media-under-header__featured-media {
  border-radius: 15px !important;
  overflow: hidden !important;
}

/* Featured image */
body.single-post
.featured-media-under-header__featured-media
.post-featured-img.page-header-bg-image {
  border-radius: 15px !important;
  overflow: hidden !important;
}