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

.divider-wrap .divider-vertical {
    width: 3px;
}

.slider-1 .column-bg-overlay-wrap {
    display: none;
}

.slider-2 {
    width: 300px;
}

.slider-3 {
    width: 300px;
}

.slider-3 .img-with-aniamtion-wrap.custom-width-15vw .inner {
	max-width: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.position-relative {
    position: relative;
}

.content-left {
    position: absolute;
    bottom: -5%;
    left: -5%;
    z-index: 2;
}

.content-right {
    position: absolute;
    bottom: -5%;
    right: -5%;
    z-index: 1;
}

.svg-overlay {
    position: absolute !important;
    left: -50%;
    z-index: 99;
    bottom: 0;
    width: 70% !important;
}

.slick-next {
    width: 50px;
    height: 50px;
    background-color: #0e4d80;
    color: #fff;
    border: 0;
    position: absolute;
    bottom: 0;
    right: calc(300px - 40px);
    cursor: pointer;
}

.custom-portfolio .content {
    position: absolute !important;
    bottom: 0;
    width: 90% !important;
    left: 0;
    background-color: #0e4d80;
    padding: 20px !important;
    border-bottom-left-radius: 10px;
	transition: all 500ms ease;
}

.custom-portfolio .nectar-post-grid-item:hover .content {
	padding-bottom: 10% !important;
}

.custom-portfolio .content .item-meta-extra {
	height: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 500ms ease;
}

.custom-portfolio .nectar-post-grid-item:hover .item-meta-extra {
	height: auto;
	opacity: 1;
	visibility: visible;
}

.main-hero-slider-wrap .wpb_wrapper {
	position: relative;
}


@media (max-width: 1022px) {
    .w-100 {
        width: auto !important;
    }

    .content-left {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .content-right {
        position: relative;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 999px) {

	.slick-next {
		right: calc(320px - 40px);
	}

}

@media (max-width: 768px) {
    .slider-3 {
        width: 260px !important;
    }

	.slick-next {
		right: calc(280px - 40px);
	}
}

@media (max-width: 425px) {
    .slider-2 {
        width: 125px !important;
    }

    .slider-3 {
        width: 180px !important;
    }

	.slick-next {
        width: 40px;
        height: 40px;
        font-size: 14px;
		right: calc(200px - 40px);
	}
}

@media (max-width: 375px) {
    .slider-2 {
        width: 110px !important;
    }
}

@media (max-width: 320px) {
    .slider-2 {
        width: 90px !important;
    }
}