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

:root{
    --color-white:#FFF;
    --color-dark-blue: #2158A5;
    --color-light-blue: #439CD6;
    --color-blue-grey: #a8bac6;
}
/*SLIDER HEIGHT  */
@media (max-width: 689.9px) {

    .nectar-simple-slider.sizing-aspect-ratio.aspect-16-9 {
        padding-bottom: calc((16 / 16) * 100%);
    }
}

/* STICKY SECTION ELEMENT */
.sticky-section-white-cover {
    position: relative;
}
.sticky-section-white-cover:after,
.sticky-section-white-cover:before {
    content:"";
    position: absolute;
    width: 100%;
    height:600px;
    background: #fff;
    z-index:11;
}

.sticky-section-white-cover:after {
    top:0;
    left:0;
    right:0;
}
.sticky-section-white-cover:before {
    bottom:0;
    left:0;
    right:0;
}
@media screen and (max-width: 999.9px) {
    .sticky-section-white-cover:after {
        display: none;
    }
    .sticky-section-white-cover:before {
        display: none;
    }
}


/* CUSTOM SHAPES */
/*hero*/
.custom-triangle-shape::before {
    content:"";
    top: -185px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    position: absolute;
    z-index: 24;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1250px 190px 1250px;
    border-color: transparent 	transparent #fff transparent;
}
.custom-shape-right-1 {
    position: relative;
}
.custom-shape-left-1 {
    position: relative;
}
.custom-shape-left-1::before {
    content:"";
    bottom:-20px;
    left:0;
    position: absolute;
    width: 1373px;
    height: 514px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-18.svg);
    z-index: 11;
    background-size: contain;
    background-repeat: no-repeat;

}
.custom-shape-right-1::after {
    content:"";
    bottom:0;
    right:0;
    position: absolute;
    width: 1073px;
    height: 510px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-20.svg);
    z-index: 11;
    background-size: contain;
    background-repeat: no-repeat;
}

/*gallery*/
.custom-shape-right-2{
    position: relative;
}


.custom-shape-right-2::after {
    content:"";
    bottom: -300px;
    right: -50%;
    position: absolute;
    width: 1346px;
    height: 1048px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-15-1.svg);
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-shape-left-2::before {
    content:"";
    bottom: -360px;
    left: -20%;
    position: absolute;
    width: 890px;
    height: 730px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-17.svg);
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}

/*about products*/
.custom-shape-left-3{
    position: relative;
}
.custom-shape-left-3::before {
    content:"";
    bottom: 0px;
    left: -30%;
    position: absolute;
    width: 1125px;
    height: 635px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-17-1.svg);
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
}

/*about us*/
.custom-shape-right-4{
    position: relative;
}

.custom-shape-left-4:before {
    content:"";
    top: 230px;
    left: -20%;
    position: absolute;
    width: 611px;
    height: 560px;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-15-2.svg);
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
}

/*form*/
.custom-shape-right-5{
    position: relative;
}


.custom-shape-left-5::before {
    content:"";
    bottom: -60px;
    left: -30%;
    position: absolute;
    width: 1240px;
    height: 540px;

    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-16.svg);
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;

}

@media screen and (max-width: 1420px) {
    .custom-triangle-shape::before {
        content:"";
        top: -100px;
        left:50%;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        position: absolute;
        z-index: 24;
        display: inlin-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 1000px 100px 1000px;
        border-color: transparent 	transparent #fff transparent;

    }



    .custom-shape-left-1::before {
        width: 952px;
        height: 361px;
        bottom: -20px;
    }
    .custom-shape-right-1::after {
        width: 714px;
        height: 357px;
        bottom: -14px;
    }


    .custom-shape-right-2::after {
        content:"";
        bottom: 0px;
        right: -30%;
        width: 746px;
        height: 648px;

    }

    .custom-shape-left-2::before {

        content:"";
        bottom: -200px;
        left: -10%;
        position: absolute;
        width: 490px;
        height: 430px;
    }

    .custom-shape-left-3::before {
        bottom: 0px;
        left: -16%;
        width: 625px;
        height: 335px;
    }

    .custom-shape-left-4:before {
        content:"";
        top: 270px;
        left: -20%;
        width: 400px;
        height: 320px;
    }
    .custom-shape-right-5{
        position: relative;
    }



    .custom-shape-left-5::before {
        content:"";
        bottom: -120px;
        left: -20%;
        width: 740px;
        height: 370px;
    }
}
@media (max-width: 999.9px) {
    .custom-triangle-shape::before {
        top: -75px;
        border-width: 0 700px 80px 700px;
    }

    .custom-shape-left-1::before {
        width: 666px;
        height: 257px;
    }
    .custom-shape-right-1::after {
        width: 499px;
        height: 250px;
    }


    .custom-shape-right-2::after {

        bottom: 200px;
        right: -60%;
        width: 546px;
        height: 448px;

    }

    .custom-shape-left-2::before {
        bottom: -500px;
        left: -50%;
        position: absolute;
        width: 700px;
        height: 450px;
        transform:rotate(9deg);
    }


    .custom-shape-left-3::before {
        bottom: 0px;
        left: -30%;
        width: 425px;
        height: 135px;
    }

    .custom-shape-left-4:before {
        content:"";
        top: 250px;
        left: -40%;
        width: 400px;
        height: 360px;
    }
    .custom-shape-left-5::before {
        content:"";
        bottom: -120px;
        left: -60%;
        width: 440px;
        height: 300px;
    }

}
@media (max-width: 690.9px) {
    .custom-triangle-shape::before {
        top: -40px;
        border-width: 0 500px 50px 500px;
    }

    .custom-shape-left-1::before {
        width: 466px;
        height: 179px;
    }
    .custom-shape-right-1::after {
        width: 349px;
        height: 175px;
    }

    .custom-shape-right-2::after {
        bottom: 200px;
        right: -60%;
        width: 456px;
        height: 358px;
    }

    .custom-shape-left-2::before {
        bottom: -400px;
        left: -50%;
        position: absolute;
        width: 330px;
        height: 300px;
    }

    .custom-shape-left-3::before {
        bottom: 0px;
        left: -30%;
        width: 325px;
        height: 95px;
    }
    .custom-shape-left-4:before {
        content:"";
        top: 70px;
        left: -43%;

        width: 300px;
        height: 260px;

    }
    .custom-shape-left-5::before {
        content:"";
        bottom: -120px;
        left: -60%;
        width: 300px;
        height: 240px;
    }

}

/*CHANGE DISTANCE BETWEEN NAV ELEMENTS*/
@media screen and (max-width: 1420px) {
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
        margin-left:8px;
        margin-right:8px;
    }
}


/* CUSTOM LISTS */
.custom-list .nectar-hor-list-item {
    padding:6px;
}
.custom-list-mod .nectar-hor-list-item {
    padding:6px;
    border: none;
}


/* CUSTOM ARROWS */
.custom-link-arrow .text {
    position: relative;
    display: inline;
}

.custom-link-arrow .text::before {
    content:"";
    right: -20px;
    bottom: 3px;
    position: absolute;
    width: 15px;
    height: 15px;
    background-size: cover;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Icon-awesome-arrow-right-2.svg);
    z-index: 2;
    background-repeat: no-repeat;
}

/* CUSTOM SCROLL DOWN */
.scroll-down .nectar-next-section-wrap {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

/* BANNER ARROWS */
.custom-arrows .flickity-prev-next-button  svg{
    display:none;
}
.custom-arrows .nectar-simple-slider .flickity-prev-next-button.previous:after,
.nectar-simple-slider .flickity-prev-next-button.next:after{
    display:none;
}

.custom-arrows .nectar-simple-slider .flickity-prev-next-button.previous:before{
    position: absolute;
    background-color: transparent;
    background-image: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Icon-awesome-arrow-right.svg);
    width: 30px;
    height: 28px;
    background-size: cover;
    top: -20px;
    background-repeat: no-repeat;
}

.custom-arrows .nectar-simple-slider .flickity-prev-next-button.next:before{
    background-color: transparent;
    background-image: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Raggruppa-15-3.svg);
    width: 30px;
    height: 28px;
    background-size: cover;
    top: -20px;
    opacity:0.;
    background-repeat: no-repeat;

}

@media screen and (max-width: 1780px) {
    .custom-arrows .nectar-simple-slider .flickity-prev-next-button.previous:before{
        top: -120px;
    }
    .custom-arrows .nectar-simple-slider .flickity-prev-next-button.next:before{
        top: -120px;
    }
}


/* ANIMATED ELEMENT*/
.custom-riple{
    width: 608px;
    height: 608px;
    position: absolute;
    z-index: -1;

}
.custom-riple div{
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 598px;
    height: 598px;
    border-radius: 50%;
    border: 70px solid #55A41F;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: animriple 2.5s linear infinite;
    animation: animriple 2.5s linear infinite;
}
.custom-riple div:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.custom-riple div:nth-child(2) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.custom-riple div:nth-child(3) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

@-webkit-keyframes animriple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        border-color: #417505;

    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;

    }
}

@keyframes animriple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        border-color: #417505;

    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}



.custom-riple-wraper{
    width:100%;
    position: relative;

    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
/*SALES TEXT*/
.custom-riple-text{
    max-width: 366px;
}
.custom-riple-text-1{
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}
.custom-riple-text-2{
    font-size: 18px;
}
.custom-riple-text-3{
    font-size: 18px;
    margin-bottom: 15px;

}
.custom-riple-ancor {
    z-index: 20;
    color:#fff;
    font-weight:700;
    margin-top:30px;
    position:relative;
}
.custom-riple-ancor::before {
    content:"";
    right: -22px;
    top: 50%;
    -webkit-transform:translatey(-50%);
    -ms-transform:translatey(-50%);
    transform:translatey(-50%);
    position: absolute;
    width: 15px;
    height: 15px;
    background-size: cover;
    background: url(https://greenpanel.principiadv.online/wp-content/uploads/2023/02/Icon-awesome-arrow-right-1.svg);
    z-index: 2;
    background-repeat: no-repeat;
}

.custom-riple-row{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.custom-riple-row-1{
    font-weight: 700;
}

.custom-riple-row-2{
    font-size: 50px;
    font-weight: 700;
}

.custom-riple-row-3{
    font-size: 31px;
    font-weight: 700;
    text-align: right;
}

.custom-riple-row-4{
    text-align: right;
    line-height:1.27;
    margin-right: -4px;
    margin-bottom: 10px;
}

@media screen and (max-width: 999.9px) {
    .custom-arrows .nectar-simple-slider .flickity-prev-next-button.previous:before,
    .custom-arrows .nectar-simple-slider .flickity-prev-next-button.next:before{
        display: none;
    }
    .custom-riple-text{
        max-width: 366px;
    }
    .custom-riple-text-1{
        font-size: 50px;
    }
    .custom-riple-row-2{
        font-size: 36px;
    }
    .custom-riple-row-3{
        font-size: 25px;
    }
    .custom-riple-row-4{
        text-align: right;
        line-height:1.27;
        margin-right: -4px;
        margin-bottom: 10px;
    }
    .custom-riple div {
        border: 50px solid #55A41F;
    }
}



/**TITLES**/


h1 {
    color:#069339;
    letter-spacing:49px;
}

h2 {
    color:#069339;
    letter-spacing:18px;
}

h3 {
    letter-spacing:6px;
}
h5 {
    color:#069339;
}

h6 {
    color:#fff;
}

body {
    color:#4E4E4E;
}

.custom-post-title {
    margin-top: -15px;
    letter-spacing:2px;
}
.custom-subtitle-banner{
    letter-spacing: 14px;
}
@media screen and (max-width: 1620px) {
    .scroll-down .nectar-next-section-wrap {
        display: none;
    }
    h1 {
        font-size: 40px;
        letter-spacing:39px;
    }
}
@media screen and (max-width: 1420px) {

    .custom-post-title {
        margin-top: -28px;
    }
    h1 {

        letter-spacing:22px;
    }

    .custom-subtitle-banner{
        letter-spacing: 6px;
    }
    h2 {
        letter-spacing:11px;
    }
    h3 {
        letter-spacing: 4px;
    }
}
@media screen and (max-width: 690.9px) {

    #header-outer{
        padding: 20px 0 !important;
    }
    h1 {

        letter-spacing:1px;
    }

    .custom-subtitle-banner{
        letter-spacing: 5px;
    }


    h2 {
        letter-spacing:2px;
    }
    h3 {
        letter-spacing: 2px;
    }
}



/*FORM*/
.custom-form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.custom-form form {
    max-width: 912px;
    background: #fff !important;
    padding: 20px 40px 30px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
.custom-form-title {
    color: #3e560a!important;
    font-size: 30px;
    margin-bottom: 30px;
    font-family: Titan One;
    text-transform: uppercase;
}


.custom-form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.custom-form-items .custom-form-item {
    margin-right: 50px;
}

.custom-form-items .custom-form-item:last-child {
    margin-right: 0;
}
.custom-form-item {
    width: 50%;
}
.custom-form-textarea {
    width: 100%;
}
.custom-form-item input,
textarea {
    margin-bottom: 31px;
    border-radius: 0px;
    color: #4E4E4E;
    background: #fff !important;
    border: 2px solid transparent;

}

.custom-form-item textarea {
    resize: vertical;
    height: 170px;
}

.custom-form-item input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4E4E4E;
    opacity: 1;
    /* Firefox */
}

.custom-form-item input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4E4E4E;
    opacity: 1;
    /* Firefox */
}

.custom-form-item input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4E4E4E;
    opacity: 1;
    /* Firefox */
}

.custom-form-item input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4E4E4E;
    opacity: 1;
    /* Firefox */
}

.custom-form-item input::placeholder,
select::placeholder,
textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4E4E4E;
    opacity: 1;
    /* Firefox */
}

.custom-form-item input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #3E560A;
}

.custom-form-item input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #4E4E4E;
}

.custom-form-privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.custom-form-privacy span {
    font-size: 18px;
    font-weight: 500;
    color: #4E4E4E !important;
    line-height: 1;
    font-style: italic;
}


.custom-form-privacy .wpcf7-list-item {
    overflow: hidden;
    width: 22px;
    height: 22px;
    border: 0px solid transparent;
    margin-right: 10px;
    cursor: pointer;
    background: #fff;
}

.custom-form-privacy .wpcf7-list-item input {
    width: 0;
    height: 0;
}

input:checked {
    outline: 20px solid #069339;
    position: relative;
    z-index: 22;
}

.custom-form-privacy .wpcf7-list-item:hover {

}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-spinner {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wpcf7-form .wpcf7-not-valid-tip {
    color: #ff7b7b;
    background: transparent;
    margin-top: -30px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background: transparent;
    color: #3e560a;
    border-radius: 22px;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: transparent;
    color: #3e560a;
    border-radius: 22px;
}

.custom-form-btn {
    text-align: left;
    position: relative;
}

.custom-form-btn input {
    background: transparent !important;
    border: 1px solid #069339 !important;
    text-transform:uppercase !important;
    font-size:18px !important;
    color:#069339;
    -webkit-appearance: none;
    display: inline-block;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
    -webkit-transform-origin: center !important;
    -ms-transform-origin: center !important;
    transform-origin: center !important;


}

body[data-form-submit=regular] .container-wrap .custom-form-btn input[type=submit] {
    border-radius: 0px !important;

    padding: 12px 50px !important;
}
@media screen and (max-width:1024px){
    .nectar-flickity.nectar-simple-slider[data-arrows="true"]:not(.arrow-position-overlapping) .flickity-slider .cell{
        padding:0;
    }
}
@media (max-width: 999.9px) {
    body[data-form-submit=regular] .container-wrap .custom-form-btn input[type=submit] {

        padding: 13px 30px !important;

    }
    .custom-form-btn{
        margin-top: 20px;
    }


}

@media (max-width: 479.9px) {
    .custom-form form {
        padding: 20px;
    }
}





@media (max-width: 689.9px) {
    .custom-form-privacy span {
        font-size: 14px;

    }

    .custom-form-title {

        font-size: 18px;

    }
    .custom-form-item input,
    textarea {
        margin-bottom:22px !important;
    }
    .custom-form-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom-form-items .custom-form-item {
        margin-right: 0;
    }

    .custom-form form {
        padding: 40px;
    }
    .custom-form-item {
        width: 100%;
    }
}