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

/*-------------------------------------------------------------------------*/
/* Note: The theme CSS files are loaded through the /css/ folder.
/*-------------------------------------------------------------------------*/


img.img-with-animation.footer-image-logo.skip-lazy.nectar-lazy.loaded {
    width: 500px;
    position: absolute;
    top: -45px;
}
.footer-base-row {
    margin-top: 30px !important;
}

.gallery .work-item.style-2 {
    border-radius: 5px;
}

/*-------------------------------------------------------------------------*/
/* FOOTER    
/*-------------------------------------------------------------------------*/
.footer-menu ul li {
    list-style: none !important;
}
.footer-menu ul {
    margin-left: 0px !important;
}

.before-footer .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.child_column.no-extra-padding.inherit_tablet {
    width: 50%;
    margin-bottom: 0px;
}

.copyright-area img.img-with-animation.skip-lazy.nectar-lazy.loaded {
    max-width: 95px;
}


/*-------------------------------------------------------------------------*/
/* OTHER   
/*-------------------------------------------------------------------------*/

@media only screen and (max-width: 1600px) {
    .wpb_column.top_padding_desktop_4vw > .vc_column-inner {
        padding-top: 8vw;
    }
        .wpb_column.bottom_padding_desktop_2vw > .vc_column-inner {
        padding-bottom: 0vw;
    }
}

/*-------------------------------------------------------------------------*/
/* GRAVITY FORMS    
/*-------------------------------------------------------------------------*/

legend.gfield_label.gform-field-label.gfield_label_before_complex {
    color: #fff;
    font-size: 20px;
}

label.gfield_label.gform-field-label {
    color: #fff;
}

label.gform-field-label.gform-field-label--type-sub {
    color: #fff;
    font-size: 14px !important;
}

span.gfield_required.gfield_required_text {
    color: #ffffff;
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
    border-block-end: var(--gf-field-section-border-width) var(--gf-field-section-border-style) var(--gf-field-section-border-color);
    padding-block-end: var(--gf-field-section-padding-y-end);
}

.gform-theme--framework:where(:not(.gform_editor)) .gfield--type-section {
    border-block-end: var(--gf-field-section-border-width) var(--gf-field-section-border-style) rgb(255 255 255);
    padding-block-end: var(--gf-field-section-padding-y-end);
}

div#field_1_14 * {
    color: #fff;
}
div#field_1_17 * {
    color: #fff;
}
div#field_1_15 * {
    color: #fff;
}

input#gform_submit_button_1 {
    background-color: #fff;
    color: #ee3b25;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
    position: absolute;
    top: 1003px !important;
    right: 98px;
    width: 30px;
}

div#gform_1_validation_container {
    border-color: white;
    outline: white 0px solid;
}

div#gform_1_validation_container * {
    color: #fff;
}

.gfield_description.validation_message.gfield_validation_message {
    color: #fff;
}

.gform-theme--framework {
--gf-ctrl-outline-color-focus: #fff;
--gf-form-spinner-fg-color: #fff;
}

div#gform_confirmation_message_1 {
    color: #fff;
    place-self: center;
}

/*-------------------------------------------------------------------------*/
/* CONTACT PAGE
/*-------------------------------------------------------------------------*/

.contact-details {
    color: #fff;
}

.contact-map .nectar-leaflet-map {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

/*-------------------------------------------------------------------------*/
/* SERVICES PAGE
/*-------------------------------------------------------------------------*/

.services-text .nectar-scribble.basic-underline {
    width: 100%;
    height: 30%;
    top: auto;
    bottom: -35%;
}

.services-images .work-item.style-2 {
    border-radius: 20px;
}

/*-------------------------------------------------------------------------*/
/* MEDIA QUERIES
/*-------------------------------------------------------------------------*/

@media only screen and (max-width: 999px) {
	
    body #top #logo img {height: 50px !important;}
	body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version{height: 50px !important;}

    /* ABOUT */
    img.img-with-animation.about-bbq.skip-lazy.nectar-lazy.animated-in.loaded
    {
        width: 300px;
    }
    .nectar-next-section-wrap.minimal-arrow.alignment_tablet_default.alignment_phone_default.display_tablet_inherit.display_phone_inherit  {
        display: none !important;
    }
    .top-main-column {
        top: -100px;
    }
    .hero-image {
    height: 432px !important;
    }
    #ajax-content-wrap .vc_row.left_padding_tablet_20vw .row_col_wrap_12 {
        padding-left: 0vw !important;
    }
    #ajax-content-wrap .vc_row.right_padding_tablet_20vw .row_col_wrap_12 {
        padding-right: 0vw !important;
    } 
    .vc_row.bottom_padding_tablet_12pct {
        padding-bottom: 5% !important;
        padding-top: 14% !important;
    }

    .map-section {
        display: none;
    }


    .vc_row.bottom_padding_tablet_10pct {
        padding-bottom: 7% !important;
    }
    .vc_row.top_padding_tablet_20pct {
        padding-top: 7% !important;
    }
    .vc_col-sm-6.wpb_column.column_container.vc_column_container.col.child_column.no-extra-padding.force-desktop-text-align-left.inherit_tablet.inherit_phone {
        width: 50%;
        margin: 0;
    }
    .vc_col-sm-6.\31 8creative.wpb_column.column_container.vc_column_container.col.child_column.no-extra-padding.force-desktop-text-align-right.inherit_tablet.inherit_phone
    {
        width: 50%;
    }

    .footer-menus {
    width: 50%;
    justify-self: right;
    }

    .copyright-area img.img-with-animation.skip-lazy.nectar-lazy.loaded {
        max-width: 95px;
    }

}

@media only screen and (max-width: 430px) {

    .nectar-next-section-wrap.minimal-arrow.alignment_tablet_default.alignment_phone_default.display_tablet_inherit.display_phone_inherit {
        display: block !important;
        position: absolute;
        top: 500px;
        justify-self: center;
        z-index: 9999999999;
    }
    .hero-image {
        height: 275px !important;
    }


    .about-bbq {
    display: none !important;
    }

    .contact-van .img-with-animation-wrap.center {
        padding: 0px 18px !important;
    }

    .bbq-center .img-with-aniamtion-wrap.center{
        padding: 0px 54px;
    }

    button.flickity-button.flickity-prev-next-button.previous {
    position: absolute;
    top: -60px;
    left: 40px;
    }
    button.flickity-button.flickity-prev-next-button.next {
    position: absolute;
    top: -60px;
    left: 265px;
    }

    .nectar-responsive-text.copyright.nectar-link-underline-effect {
        font-size: 11px;
    }

    .map-section {
        display: none;
    }

    img.img-with-animation.\31 8creative-logo.skip-lazy.nectar-lazy.loaded {
    max-width: 75px !important;
    }

    .copyright-area p {
    font-size: 10px;
    }

    .copyright-area img.img-with-animation.skip-lazy.nectar-lazy.loaded {
    max-width: 60px;
    }
    .footer-text {
        font-size: 12px;
        margin-bottom: 0px !important;
    }
    .footer-quote {
    display: none !important;
    }
    .hero-column-left {
    margin-bottom: 35px !important;
    }
    img.img-with-animation.hero-image.skip-lazy.nectar-lazy.animated-in.loaded {
    max-height: 240px;
    }
    .footer-get-in-touch {
        padding-left: 0px !important;
        width: 58% !important;
    }
    .footer-menu-items {
        padding-right: 0px !important;
        width: 42% !important;
    }
    #page-header-bg[data-alignment-v="middle"]:not(.fullscreen-header) .span_6 .inner-wrap {
        padding-top: 60px;
    }
    .footer-creative-logo {
    width: 40% !important;
    }
    .copy-text {
        width: 60% !important;
    }
}