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

/* START - fonts import */
/* Helvetica Neue - Light */
@font-face {
    font-family: 'Helvetica Neue Light';
    src: url("fonts/HelveticaNeueLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Helvetica Neue - Medium */
@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url("fonts/HelveticaNeueMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Helvetica Neue - Bold */
@font-face {
    font-family: 'Helvetica Neue Bold';
    src: url("fonts/HelveticaNeueBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

h1 {
    font-family: "Helvetica Neue Bold", sans-serif !important;
}

h2,
h3,
h4 {
    font-family: "Helvetica Neue Medium", sans-serif !important;
}

.lead {
    font-size: 24px !important;
    line-height: 34px !important;
}

.font-weight300 {
    font-weight: 300 !important;
}

.font-weight400 {
    font-weight: 400 !important;
}

.font-weight500 {
    font-weight: 500 !important;
}

.use-helvetica-light {
    font-family: "Helvetica Neue Light", sans-serif;
}

.use-helvetica-medium {
    font-family: "Helvetica Neue Medium", sans-serif;
}

/* END - fonts import */

/* START - Custom tipography */

@media screen and (max-width: 991px) {
    body #ajax-content-wrap h1 {
        font-size: 60px !important;
        line-height: 65px !important;
    }

    body #ajax-content-wrap h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    body #ajax-content-wrap h3,
    body #ajax-content-wrap .nectar-inherit-h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}

.nectar-cta[data-style="arrow-animation"] .text {
    font-weight: bold !important;
}

/* END - Custom tipography */

/* START - Helper classes */

.go-uppercase {
    text-transform: uppercase !important;
}

.text-align-right {
    text-align: right;
}

@media screen and (max-width: 991px) {
    .text-align-right {
        text-align: left !important;
    }
}

.color-white {
    color: #fff !important;
}

.display-inline-block {
    display: inline-block !important;
}

/* END - Helper classes */

/* START - General rules */
@media screen and (min-width: 999px) {
    .hide-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 999px) {
    .hide-mobile {
        display: none !important;
    }
}

body.archive #ajax-content-wrap {
    padding-top: 150px !important;
}

.sf-menu li ul li a .menu-title-text:after {
    background-color: #fff !important;
}

/* search bar */
html body.material .ocm-effect-wrap #search-outer #search-box input::placeholder,
html body.material .ocm-effect-wrap #header-outer #search-outer #search #search-box input[type="text"],
html body.material #search-outer #search .span_12 span,
html body.material #search-outer #search .search-box__button {
    color: #fff !important;
}

html body.material .ocm-effect-wrap #header-outer #search-outer #search #search-box input[type="text"] {
    border-color: #fff !important;
}

#search-outer #search #close a span.close-line {
    color: #fff !important;
    background-color: #fff !important;
}

/* offcanvas menu */
#slide-out-widget-area .ocm-dropdown-arrow {
    right: 35% !important
}

/* header */
body #header-space {
    display: none !important;
}

body #header-outer.at-top,
body #header-outer.at-top .bg-color-stripe {
    background-color: transparent !important;
    box-shadow: unset !important;
}

/* hide row binder for different header color version before scroll */
.header-color-definer {
    display: none !important;
}

/* set style for header button */
#header-outer .sf-menu .menu-button a:before {
    content: unset !important;
}

body #header-outer #top nav>ul>li.menu-button[class*=button_solid_color]>a {
    margin: 0px;
    padding: 15px 50px;
    background-color: #1a1a1a;
    border-radius: 100px;
    text-transform: uppercase;
    transition: opacity .3s ease-in-out;
}

body #header-outer #top nav>ul>li.menu-button[class*=button_solid_color]>a:hover {
    opacity: .9 !important;
}

/* class for change hamburger menu color using pseudo-element */
body #header-outer.at-top #top .lines.light::after,
body #header-outer.at-top #top .lines.light::before {
    background-color: #fff !important;
}

body #header-outer.at-top #top .lines-button.light::after {
    background-color: #fff !important;
}

/* class for search btn color with important */
body #header-outer.at-top #top .icon-salient-search.search-light-color,
body #header-outer.at-top #top #search-btn .icon-salient-search.search-light-color {
    color: #fff !important;
}

body .ocm-effect-wrap #header-outer.at-top #top a[aria-label="Navigation Menu"]:hover i.light:after,
body .ocm-effect-wrap #header-outer.at-top #top a[aria-label="Navigation Menu"]:hover i.light:before {
    background-color: #fff !important;
}

/* style for lined button cta */
.nectar-cta[data-style="arrow-animation"][data-using-bg="true"] .text {
    font-weight: 300 !important;
}

/* style for monoslide slider */
.nectar-flickity[data-overflow="hidden"][data-controls="next_prev_arrows"] .flickity-slider .cell {
    display: flex !important;
    justify-content: center !important;
}

/* style for layered scroll */
.layout-stacked .item-main {
    justify-content: end !important;
}

.layout-stacked .item-main .post-heading {
    order: 1;
    justify-content: end !important;
    margin-bottom: 20px !important;
}

.layout-stacked .item-main .nectar-post-grid-item__read-more {
    order: 2;
    margin-bottom: 20px !important;
}

/* style for vertical icons list */
.nectar-icon-list[data-direction="vertical"] .content h4 {
    font-family: "Helvetica Neue Light", sans-serif !important;
    font-weight: 300 !important;
}

/* archive style rules */
.archive #header-secondary-outer {
    background-color: #fff !important;
}

#header-secondary-outer .wpml-ls-native {
    color: #1a1a1a !important;
}

.archive .page-header-no-bg {
    padding-top: 0px !important;
}

.archive .page-header-no-bg .section-title {
    border: 0px !important;
}

.rank-math-breadcrumb {
    color: #1a1a1a !important;
}

.rank-math-breadcrumb .last {
    font-weight: 700 !important;
}

.archive h1 {
    color: #1a1a1a !important;
}

.archive .subheader {
    font-size: 24px !important;
    line-height: 34px !important;
    padding-left: 0px !important;
    color: #1a1a1a !important;
    margin-top: 30px !important;
    display: inline-block !important;
    max-width: 830px !important;
}

.archive .portfolio-wrap .vert-center p {
    display: none !important;
}

/* single portfolio */
body.single-portfolio #header-secondary-outer {
    background-color: #EFECE9 !important;
}

#header-secondary-outer .wpml-ls-native {
    color: #1a1a1a !important;
}

body.single-portfolio .row.project-title {
    display: none !important;
}

body.single-portfolio .bottom_controls {
    display: none !important;
}

body.single-portfolio .salient_portfolio_hook_single_before_content>.normal-container {
    padding-left: 0px !important
}

#full_width_portfolio #portfolio-extra .clear {
    display: none !important;
}

/* body.single-portfolio .nectar-hor-list-item {
    padding: 0px !important;
    max-width: 430px !important;
}

body.single-portfolio .nectar-hor-list-item .nectar-list-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row-reverse !important;
    padding: 10px !important;
}

body.single-portfolio .nectar-hor-list-item:hover .nectar-list-item {
    color: #1a1a1a !important;
} */

/* single creation */
body.realizzazioni-template-default article {
    padding-top: 210px !important;
}

@media screen and (max-width: 991px) {
    body.realizzazioni-template-default article {
        padding-top: 100px !important;
    }
}

body.realizzazioni-template-default #header-secondary-outer {
    background-color: #fff !important;
}

#header-secondary-outer .wpml-ls-native {
    color: #1a1a1a !important;
}

body.realizzazioni-template-default .row.heading-title.hentry,
body.realizzazioni-template-default .post-featured-img,
body.realizzazioni-template-default .row:has(.blog_next_prev_buttons) {
    display: none !important;
}

body.realizzazioni-template-default .row:has(.post-area) {
    padding-bottom: 0px !important;
}

.nectar-hor-list-item {
    padding: 0px !important;
    max-width: 430px !important;
}

.nectar-hor-list-item .nectar-list-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row-reverse !important;
    padding: 10px !important;
}

.toggles .nectar-hor-list-item:hover .nectar-list-item {
    color: #1a1a1a !important;
}

.toggle>.toggle-title a.nectar-inherit-h3 {
    color: #1a1a1a;
}

body .toggle i[role="presentation"] {
    border-color: #1a1a1a !important;
}

body .toggle i[role="presentation"]:after,
body .toggle i[role="presentation"]:before {
    background-color: #1a1a1a !important;
}

/* form */
.gform_wrapper .gform_heading {
    display: none !important;
}

.gform-wrapper .gfield_label {
    margin-top: 0px !important;
}

.gform_wrapper input:not(input[type="submit"]),
.gform_wrapper select,
.gform_wrapper textarea {
    background-color: #fff !important;
    border-color: #d9d9d9 !important;
}

.gform_wrapper input:not(input[type="submit"]):not(input[type="checkbox"]),
.gform_wrapper select,
.gform_wrapper textarea {
    border-radius: 8px !important;
}

.gform_wrapper a {
    text-decoration: underline !important;
}

body #ajax-content-wrap .gform_wrapper input[type="submit"] {
    width: 100% !important;
    border-radius: 25px !important;
    background-color: #1a1a1a !important;
    margin-top: 10px !important;
}

/* footer */
#footer-widgets {
    display: none !important;
}

#copyright {
    background-color: #1a1a1a !important;
}

#copyright .col.span_5 {
    width: 100% !important;
}

#copyright .col.span_5 p {
    color: #fff !important;
}

#copyright .col.span_5 a {
    text-decoration: underline !important;
    color: #fff !important;
}

#copyright .col.span_5 a:hover {
    color: #fff !important;
}

#copyright .col.span_7 {
    display: none !important;
}

/* END - General rules */