/*
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
*/

.slide-padding {
	padding-right:30%;
}

.testimonial_slider blockquote p {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
}

#footer-outer #copyright {
    padding: 0px 0;
    font-size: 12px;
    background-color: #1c1c1c;
    color: #777;
}

.wpb_column.border_color_FFFFFF36 > .vc_column-inner, .wpb_column.border_color_FFFFFF36 > .n-sticky > .vc_column-inner {
    border-color: transparent;
}

.first-section > .span_12 {
  padding-top: 0 !important;
}

.hero-text-column h1,
.hero-text-column .nectar-animated-title {
    font-size: clamp(44px, 6.67vw, 96px) !important;
}

a.style-see-through-button {
  border-radius: 999px !important;
  overflow: visible !important;
}

.nectar-post-grid .nectar-post-grid-item .content .meta-category a {
	font-family: "cabinet-gv-medium", "Arial", "Helvetica Neue", sans-serif;
    padding: 12px 20px !important;
}

.home .nectar-post-grid .nectar-post-grid-item .content .meta-category a::before{
    background-color: #d9d9d9 !important;
    border: unset !important;
}

.nectar-cta.font_size_desktop_16px,.nectar-cta.font_size_desktop_16px * {
    line-height: 1.5 !important;
}

.portfolio-loop .nectar-post-grid-item-bg-wrap{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.nectar-cta:has(a.link_text[href=""]) .link_wrap,
.nectar-cta:has(a.link_text[href=""]) .link_wrap a,
.nectar-cta:has(a.link_text[href=""]) .link_wrap a * {
  cursor: default !important;
}

/* Home page milestone styles */
.milestone-content .nectar-milestone{
    font-family: "cabinet-gv-medium", "Arial", "Helvetica Neue", sans-serif;
    font-size: 48px;
}

.milestone-content .nectar-milestone .number.default {
    white-space: nowrap;
    width: auto !important;
    max-width: none !important;
}

.milestone-content .nectar-responsive-text{
    line-height: 1.5 !important;
}

@media screen and (max-width: 1024px) {
  .milestone-content > .vc_column-inner > .wpb_wrapper{
    flex-direction: column;
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .milestone-content{
    margin-bottom: 20px !important;
  }
}


/* --- Testimonial_slider styles --- */
.testimonial_slider{
    margin-top: 50px !important;
}

/* 1. Remove the inline curly quotes */
.testimonial_slider .open-quote,
.testimonial_slider .close-quote {
  display: none !important;
}

/* (optional) hide the little arrow under the quote, not in your Figma */
.testimonial_slider .bottom-arrow {
  display: none;
}

/* 2. Add the quote glyph on top — placed on the slider, NOT each
   blockquote, so it doesn't add height to Salient's measured slides */
.testimonial_slider::before {
  content: "\201C\201D";          /* "" */
  display: block;
  text-align: center;
  font-family: "cabinet-gv-medium", "Arial", "Helvetica Neue", sans-serif;
  font-size: 44px;
  line-height: 1;
  color: #1a1a1a;
  margin-bottom: 24px;
}

/* 3. Turn the numbered counter into dots */
.testimonial_slider .controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial_slider .controls .control-wrap {
  overflow: visible !important;
  width: auto !important;
}
.testimonial_slider .controls ul {
  width: auto !important;
  transform: none !important;     /* beats Salient's inline translateX */
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.testimonial_slider .controls ul li {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50%;
  background: #fff;
  color: transparent;
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 0;
  border: #1E1E1E 1px solid;
  transition: background .2s ease;
  /* hide the number reliably */
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.testimonial_slider .controls ul li.active {
  background: #1E1E1E;
}
/* hide the "/" and the total count */
.testimonial_slider .controls .out-of,
.testimonial_slider .controls .total {
  display: none !important;
}

.testimonial_slider .testimonial-name{
    font-size: 22px !important;
    font-weight: 700 !important;
}

.testimonial_slider .title{
    font-style: normal !important;
    color: #1E1E1E !important;
}

.testimonial_slider .testimonial-next-prev .prev:before,
.testimonial_slider .testimonial-next-prev .next:before {
    line-height: 40px !important;
}


.our-works-portfolios .nectar-post-grid .nectar-post-grid-item .inner {
  position: relative;
  z-index: 1;
}

.our-works-portfolios .nectar-post-grid .nectar-post-grid-item .meta-category {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 10;
  margin: 0;
}

.our-works-portfolios .nectar-post-grid .nectar-post-grid-item .meta-category a {
  position: relative;
  z-index: 1;
  color: #1E1E1E !important;
}

.our-works-portfolios .nectar-post-grid .nectar-post-grid-item .meta-category a::before {
  background-color: #fff !important;
  opacity: 1 !important;
  border: unset !important;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .projects-metadata > .row_col_wrap_12_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
  }

  /* YEAR — top left */
  .projects-metadata > .row_col_wrap_12_inner > .vc_col-sm-3:first-child {
    order: 1;
    width: 60% !important;
  }

  /* Commercial badge — top right, same line as YEAR */
  .projects-metadata > .row_col_wrap_12_inner > .vc_col-sm-6 {
    order: 2;
    width: 40% !important;
  }

  /* push the badge to the right edge of its column */
  .projects-metadata > .row_col_wrap_12_inner > .vc_col-sm-6 .nectar-cta {
    text-align: right;
  }

  /* CLIENT — full width below */
  .projects-metadata > .row_col_wrap_12_inner > .vc_col-sm-3:nth-child(2) {
    order: 3;
    width: 100% !important;
  }
}

.nectar-sticky-media-sections.type--horizontal-scrolling {
  overflow-x: clip !important;
}



@media only screen and (max-width: 999px){
  .mobile-footer .row_col_wrap_12_inner{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
  }
  /* Two equal side-by-side columns */
  .mobile-footer .row_col_wrap_12_inner > .wpb_column{
    width:50% !important;
    flex:0 0 50% !important;
    float:none !important;
    text-align:left !important;
    margin:0 !important;
  }
  /* Stack each link vertically within its column, left aligned */
  .mobile-footer .row_col_wrap_12_inner .wpb_column .nectar-cta{
    display:block !important;
    width:100% !important;
    text-align:left !important;
  }
}