/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: longeron
*/

/**
 * ------------------------------------------------------------------------------------------------------
 * Header
 * ------------------------------------------------------------------------------------------------------
**/

@media only screen and (max-width: 1023px) {
    .classic-header .branding, .classic-header .navigation {
        flex-flow: column wrap;
    }
    .classic-header.logo-center .branding .mini-widgets, .classic-header.logo-center .branding .mini-widgets:last-child {
        padding: 15px 0;
        flex-direction: column;
    }
    .classic-header.logo-center .branding .mini-widgets {
        display: none;
    }
    .classic-header.logo-center .branding .mini-widgets:last-child {
        display: flex;
    }
    .header-bar {
        padding-top: 10px;
    }
    .masthead.widgets .mini-contacts, .masthead.widgets:not(.side-header) .mini-contacts.last {
        margin: 0;
    }
    .masthead.widgets:not(.side-header) .mini-contacts.last {
        margin-top: 10px;
    }
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Molibe Wellcome
 * ------------------------------------------------------------------------------------------------------
**/

#main-slideshow {
    display: none;
}
.mobile-wellcome {
    position: relative;
    padding: 0 15px;
}
@media only screen and (max-width: 1023px) {
    #main {
        padding: 0;
    }
    .is-webkit.overlap .main-gradient {
        display: none;
    }
}
.btn-feedback-desktop {
	display: none;
}
@media only screen and (min-width: 1024px) {
    .mobile-wellcome, .btn-feedback-mobile {
        display: none;
    }
    #main-slideshow, .btn-feedback-desktop {
        display: block;
    }
}


/**
 * ------------------------------------------------------------------------------------------------------
 * Car Logos
 * ------------------------------------------------------------------------------------------------------
**/

.car-logos {
    padding-top: 0;
    background-image: none;
}
@media only screen and (min-width: 1024px) {
    .car-logos {
        padding-top: 180px;
        background-image: url(https://longeron.com.ua/assets/uploads/2016/12/car-logos.png?id=9);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
    }
}
.car-logos h3 {
  margin-bottom: 0;
}
.rev-btn {
    background: -webkit-linear-gradient(60deg,#e03131 0%,#ff6738 100%);
    background: linear-gradient(30deg,#e03131 0%,#ff6738 100%);
    height: 42px;
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Form Elements
 * ------------------------------------------------------------------------------------------------------
**/

::-webkit-input-placeholder {
	color: #555 !important;
}
:-ms-input-placeholder {
	color: #555 !important;
}
::-moz-placeholder {
	color: #555 !important;
	opacity: 1;
}
:-moz-placeholder {
	color: #555 !important;
	opacity: 1;
}

.wpcf7-form-control {
    color: #000;
}
.wpcf7-text, .wpcf7-textarea {
    margin-bottom: 17px !important;
    padding: 9px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}
.wpcf7-textarea {
    height: 150px;
}
div.wpcf7-response-output {
    margin: 1em 0.5em 0;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #000;
}
@media only screen and (max-width: 1023px) {
    span.wpcf7-not-valid-tip {
        display: none;
    }
}
span.wpcf7-not-valid-tip {
    position: absolute;
    right: 10px;
    top: -3px;
    text-transform: none;
    font-size: 14px;
}
.wpcf7-textarea ~ span.wpcf7-not-valid-tip {
    top: 6px;
}
div.wpcf7 .ajax-loader {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Application Form
 * ------------------------------------------------------------------------------------------------------
**/

@media only screen and (max-width: 1023px) {
    .application-form {
        padding: 0 15px !important;
    }
}
.application-form .wpcf7-form-control {
    text-align: center;
    border: none !important;
}
.application-form .wpcf7-not-valid {
    box-shadow: 0 -2px 0 2px red inset;
}
.application-form span.wpcf7-not-valid-tip {
    position: absolute;
    right: 10px;
    top: 1px;
    text-transform: none;
    font-size: 14px;
}
.application-form .upb_bg_overlay {
  background-color: rgba(11, 11, 11, 0.87) !important;
}
.application-form .wpcf7 {
    text-align: center;
}
.application-form .wpcf7 p {
    margin: 0;
}
.application-form .wpcf7 label {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}
.application-form .wpcf7 textarea {
    height: 100px;
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Portfolio
 * ------------------------------------------------------------------------------------------------------
**/

.single-portfolio .page-title h1 {
    font-size: 34px;
}
.single-portfolio .wf-2-3, .single-portfolio .wf-1-3 {
    width: 100%;
}
@media only screen and (min-width: 1024px) {
    .single-portfolio .wf-2-3 {
        width: 40%;
    }
    .single-portfolio .wf-1-3 {
        width: 60%;
    }
}


/**
 * ------------------------------------------------------------------------------------------------------
 * Contacts
 * ------------------------------------------------------------------------------------------------------
**/

@media only screen and (max-width: 1023px) {
    .contacts-block {
        text-align: center;
    }
    .contact-info {
        margin-top: 20px !important;
    }
    .contact-info .wpb_content_element {
        margin-bottom: 15px;
    }
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Footer
 * ------------------------------------------------------------------------------------------------------
**/

.bottom-text-block {
    text-align: center;
}

/**
 * ------------------------------------------------------------------------------------------------------
 * Search Field
 * ------------------------------------------------------------------------------------------------------
**/


#input-search {
    border: 3px solid #ff6738;
    border-radius: 6px;
    padding: 12px 25px;
    font-size: 22px;
    text-align: center;
    margin: 25px 0 15px;
}

#list-search-result tr td {
    padding: 9px 10px 0px 5px;
}

#list-search-result {
    margin-top: 30px;
    background-color: white;
    width:100%;
    
}

@media all and (max-width: 600px) {
     .hidden-xs { display:none; }
     .visible-xs { display:block; }
}

@media all and (min-width: 601px) {
     .visible-xs { display:none; }
}