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


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