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


@font-face {
    font-family: TradeGothic;
    src: url("fonts/TradeGothicLTStd-BoldExt.otf");
}

@font-face {
    font-family: Futura Extra Bold;
    src: url("fonts/Futura Extra Bold.otf");
}


.tparrows.tp-rightarrow:before {
    content: ''!important;
    background: url('img/arrow-right-new.png');
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
.tparrows.tp-leftarrow:before {
    content: ''!important;
    background: url('img/arrow-left-new.png');
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
.custom-arrow-down {
    background: url('img/arrow-down-new.png');
    background-size: 80px;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
.new-scroll-down-wrap {
    display: flex;
    width: 100%!important;
    position: absolute;
    bottom: 20px;
    z-index: 101;
    margin-left: 0!important;
    left: 0!important;
}
.new-scroll-down-wrap .minimal-arrow {
    margin: auto;
}
.flickity-button-icon {
    display: none;
}
.flickity-prev-next-button.next, .flickity-prev-next-button.previous {
    width: 180px!important;
    height: 100px!important;
}
.flickity-prev-next-button.next:after {
    background-color: transparent!important;
    background: url('img/arrow-right-new.png');
    width: 180px!important;
    height: 100px!important;
    background-size: 180px 100px;
    background-repeat: no-repeat;
    background-position: center;
    top: 0!important;
}
.flickity-prev-next-button.previous:after {
    background-color: transparent!important;
    background: url('img/arrow-left-new.png');
    width: 180px!important;
    height: 100px!important;
    background-size: 180px 100px;
    background-repeat: no-repeat;
    background-position: center;
    top: 0!important;
}
.next-project:hover h3 .next-arrow, .next-project:hover h3 .line{
    display: none!important;
}
.next-project h3 .next-arrow, .next-project h3 .line{
    display: none!important;
}
.previous-project:hover h3 .next-arrow, .previous-project:hover h3 .line{
    display: none!important;
}
.previous-project h3 .next-arrow, .previous-project h3 .line{
    display: none!important;
}

.next-project:hover h3 .text:after {
    position: absolute;
    content: '';
    background: url('img/arrow-right-new.png');
    width: 180px!important;
    height: 100px!important;
    background-size: 180px 100px;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translate(20px, -50%);
}
.previous-project:hover h3 .text:before {
    position: absolute;
    content: '';
    background: url('img/arrow-left-new.png');
    width: 180px!important;
    height: 100px!important;
    background-size: 180px 100px;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translate(0, -50%);
    left: -200px;
}

/*---FONTS---*/


.single:not(.material) #page-header-bg.fullscreen-header h1, 
.nectar-milestone .in-sight, 
.nectar-milestone .symbol.in-sight  {
    font-family: "Futura Extra Bold", sans-serif;
}

#rev_slider_2_1 .goth {
    font-size: 30px;
}



/*---General Styles---*/





/*---NAV Button*/
body[data-button-style*="slightly_rounded"] header#top nav>ul>li[class*="button_bordered"]>a:before {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    padding: 1.5rem 0;
}

#header-outer.transparent header#top nav>ul>li[class*="button_bordered"]>a:before, #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a:after {
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    padding: 1.5rem 0;
}



/*---PORTFOLIO---*/

.portfolio-filters {
    float: none;
}

.wpb_wrapper .portfolio-filters {
    margin-top: 0;
    margin-bottom:25px;
}

.portfolio-filters ul li a {
    border: none;
}

#portfolio-nav h3 span:first-child {
	display: none;
}



/*---MEDIA Queries*/

@media (max-width: 1200px) {
    .tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before {
        background-size: 100px;
    }
}
@media (max-width: 768px) {
    .next-project:hover h3 .text:after, .previous-project:hover h3 .text:before {
        display: none;
    }

}

@media (max-width: 480px) {
    body h2, article.post .post-header h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}