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

.work-item {
	position: relative;
	overflow: hidden;
}

.work-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	display: block;
	z-index: 5; /* Lower than the text */
	opacity: 0.4;
	background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.75) 100%);
	transition: opacity .65s cubic-bezier(.05, .2, .1, 1);
}

.work-info {
	position: relative;
	z-index: 10; /* Ensures text stays on top */
}

.mfp-iframe-holder .mfp-content, .mfp-inline-holder .mfp-content {
	max-width: 1500px !important;
}

.comments-section {
	display: none !important;
}

.row .col p:last-child {
	padding-bottom: 20px;
}

.responsive-iframe-container {
  position: relative;
  padding-bottom: 200%; /* 300x600 aspect ratio (1:2) */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.nectar-post-grid-item .bg-overlay[data-opacity="0.3"]{
	opacity: 0.2 !important;
	background-color: #000;
}

#call-to-action .container a {
top: -10px !important;
font-size: 45px !important;
text-transform: uppercase;
font-weight: 900;
padding: 11px 20px 18px 21px !important;
}

.wpb_wrapper > .no-padding-contact,
.wpb_wrapper > a > .no-padding-contact {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

.no-padding-contact p:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

@media (max-width: 999px) {
	.work-item::after {
		display: none; /* Hides the gradient on smaller screens */
	}
	.portfolio-filters-inline.full-width-section.fullwidth-constrained.non-fw .container.normal-container {
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
	}
	
	div .work-info-bg {
		background-color: rgb(0, 0, 0, 0.5) !important;
	}
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 180%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
}

@media (max-width: 775px) {
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 200%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
	#call-to-action .container span {
		font-size: 41px !important;
		padding-bottom: 20px !important;
	}
}

@media (max-width: 690px) {
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 120%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
}

@media (max-width: 575px) {
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 150%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
}

@media (max-width: 465px) {
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 180%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
}

@media (max-width: 390px) {
	.responsive-iframe-container {
	  position: relative;
	  padding-bottom: 200%; 
	  height: 0;
	  overflow: hidden;
	  max-width: 100%;
	}
}

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

#header-outer:not([data-permanent-transparent="1"]), #page-header-wrap, #top, .full-page-inner-wrap[data-content-pos=full_height] .full-page-inner>.span_12, .vc_text_separator, body:not(.single-post) #page-header-bg:not(.fullscreen-header), body:not(.single-post) #page-header-bg[data-alignment-v=bottom]:not(.fullscreen-header), body:not(.single-post) #page-header-bg[data-alignment-v=top]:not(.fullscreen-header) {
	height: auto !important;
	max-height: 40px !important;
 	}
}

#call-to-action .container a {
	top: -10px !important;
}