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

#page-header-bg .video-color-overlay {
  opacity: 0 !important;
  background-color: transparent !important;
  display: none !important;
}
.custom-icon {
  fill: #c9d1d0;
  width: 110px;
  height: 110px;
}

.custom-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.custom-form input {
  width: 100%;
  padding: 12px 0;
  border: none;
  border-bottom: 1px solid #ccc;
  background: transparent;
  color: #000;
}

.custom-form input:focus {
  outline: none;
  border-bottom: 1px solid #000;
}

/* Full width button */
.custom-form input[type="submit"] {
  grid-column: span 2;
  background: #000;
  color: #fff;
  padding: 12px;
  border: none;
  cursor: pointer;
}
/* Kill Flickity drag completely for this slider */
.nectar-flickity.instance-1 .flickity-viewport {
  pointer-events: none !important;
  touch-action: auto !important;
}

/* Allow interaction inside before/after slider */
.nectar-flickity.instance-1 .twentytwenty-container,
.nectar-flickity.instance-1 .twentytwenty-container * {
  pointer-events: auto !important;
  touch-action: auto !important;
}

/* Allow arrow buttons */
.nectar-flickity.instance-1 .flickity-button {
  pointer-events: auto !important;
}

.twentytwenty-handle, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { background-color: #263d5a !important;}

.portfolio-items[data-ps="8"] .col.social .work-item.style-2[data-custom-content="on"] .vert-center {top:50% !important; bottom:0 !important; margin-top:-50% !important}
.page-id-6406 .nectar-post-grid-filters[data-sortable=yes] {display:none;}

.before-image {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.image-beforeafter h1 {
  font-size: 80px !important;
  line-height: 91px !important;
  font-weight: 400 !important;
}
@media only screen and (max-width: 767px){

.image-beforeafter h1{
    font-size:36px !important;
    line-height:44px !important;
}

}

/* Portfolio item */
.home .portfolio-wrap .work-item{
    position: relative;
    overflow: hidden;
}

/* Gradient overlay */
.home .portfolio-wrap .work-item::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.45),
        rgba(0,0,0,0.10),
        transparent
    );
    z-index: 1;
    pointer-events: none;
}

/* Bottom align only normal portfolio items */
.home .portfolio-wrap .col:not(.social) .work-info{
    display: flex;
    align-items: flex-end;
    padding: 25px;
    z-index: 2;
}

/* Remove center alignment only for normal items */
.home .portfolio-wrap .col:not(.social) .vert-center{
    transform: none !important;
    top: auto !important;
    margin-top: 0 !important;
}




.vita-social-share{
    display:flex;
    gap:12px;
    margin-top:15px;
    flex-wrap:wrap;
}

.vita-social-share a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 22px;
    border-radius:50px;
    border:2px solid #ffffff;
    color:#ffffff !important;
    background:transparent;
    text-decoration:none !important;
    font-size:14px;
    font-weight:600;
    line-height:1;
    transition:all .3s ease;
    cursor:pointer;
}

.vita-social-share a:hover{
    background:#b6a181;
    border-color:#b6a181;
    color:#ffffff !important;
    transform:translateY(-2px);
}

.vita-social-share i{
    font-size:16px;
}


/*.social-arrow .link_text:before,
.social-arrow .link_text:after,
.social-arrow .arrow{
    display:none !important;
    content:none !important;
}*/

.social-arrow .nectar-button.large.see-through-2{
    border-width:2px !important;
    padding-top:10px !important;
    padding-bottom:12px !important;
    padding-left:34px !important;
    padding-right:34px !important;
    border-radius:50px !important;
}


.hero-service {
  	overflow: visible !important;
 	padding-top: 120px;
  padding-bottom: 80px;
}
/*  
  @media (max-width: 768px) {
  .toggles .toggle-title a.toggle-heading.nectar-inherit-h4 {
    line-height: 1.7 !important;
    display: inline-block !important;
    white-space: normal !important;
  }
} 
*/
/*  
@media (max-width: 768px) {
  .toggles .toggle-title a.toggle-heading.nectar-inherit-h4 {
    line-height: 1.6 !important;
    display: block !important;
    white-space: normal !important;
    letter-spacing: 0.1px !important;
  }

  .toggles .toggle-title i {
    display: inline-block;
    margin-right: 6px;
    margin-top: 2px;
  }
}

@media (max-width: 768px) {
  .toggles .toggle-title a.toggle-heading.nectar-inherit-h4 {
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.6 !important;
   
    white-space: normal !important;
  }

.toggles .toggle-title i {
    margin-top: 3px;
    flex-shrink: 0;
  }
}

*/


@media (max-width: 768px) {
  .single-post .wpb_wrapper p,
  .single-post .wpb_wrapper li {
    font-size: 17px !important;
    line-height: 1.7 !important;
  }

  .single-post .wpb_wrapper ul {
    padding-left: 18px;
  }
}
@media (max-width: 768px) {
  .single-post .wpb_wrapper h2 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}



@media (max-width: 768px) {
  .page-id-6274 h1 .inner,
  .page-id-6238 h1 .inner {
    display: inline !important;
    transform: none !important;
  }

  .page-id-6274 h1,
  .page-id-6238 h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  .toggles .toggle-title a.toggle-heading.nectar-inherit-h4 {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.15px !important;
  }
}

.toggles .toggle-title a.toggle-heading.nectar-inherit-h4 {
  letter-spacing: 0px !important;
}

@media (max-width: 768px) {
  #header-outer #logo img.stnd {
    max-height: 75px !important;
  }
}

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

.mobile-counter .nectar-milestone .number{
    transform: scale(0.75);
    transform-origin: left center;
    display:inline-block !important;
    white-space: nowrap;
}

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

.fitout-toggle-mobile .column-image-bg-wrap{
    display:none !important;
}

}