/*
Theme Name: Envis Media
Theme URI: https://www.flexxcreative.com/
Template: salient
Author: The FLEXX Creative team
Author URI: https://www.flexxcreative.com/
Author Email: hello@flexxcreative.com
Author Twitter: https://www.twitter.com/flexxcreative
Author Facebook: https://www.facebook.com/flexxcreative
Author Instagram: https://www.instagram.com/flexxcreative/
Author LinkedIn: https://www.linkedin.com/company/flexx-creative
Author Google+: https://plus.google.com/+FLEXXCreative
Description: Design | Develop | Deliver
Version: 2.0
Licence: NOT for public use. This theme/framework can only be used by FLEXX Creative Ltd for client projects and custom development.
*/

/* =============================================================================
TABLE OF CONTENTS

1. Global
2. Header
3. Sidebar
4. Footer
5. Template Specific
6. Page Specific
============================================================================= */

/* =============================================================================
1. Global
============================================================================= */
.nomargin {
    margin-bottom: 0!important;
}

a.nectar-button {
    margin-bottom: 0!important;
}

.grecaptcha-badge { 
    visibility: hidden;
}

small {
    font-size: 85%;
}

.container-wrap {
    padding-bottom: 0!important;
}

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea, span.wpcf7-not-valid-tip, .woocommerce input#coupon_code, body[data-fancy-form-rcs="1"] .select2-container, body[data-fancy-form-rcs="1"] .select2-drop, body[data-fancy-form-rcs="1"] .select2-search, .select2-search input, body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type=password], body[data-form-style="minimal"] input[type=tel], body[data-form-style="minimal"] input[type=url], body[data-form-style="minimal"] input[type=search], body[data-form-style="minimal"] input[type=date] {
    background-color: #ffffff!important;
}

input[type=text], input[type=email], textarea {
    margin-top: 5px;
}

.circle-img {
    border-radius: 50%;
}

/* =============================================================================
2. Header
============================================================================= */

body #header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a {
    font-weight: 700;
}

#page-header p {
    font-size: 21px;
    line-height: 29px;
}

/* =============================================================================
2. Sidebar
============================================================================= */

/* =============================================================================
3. Footer
============================================================================= */
body #footer-outer #copyright .span_5 {
   width: 60%!important; 
}

body #footer-outer #copyright .span_7 {
    width: 38%!important;
}

/* =============================================================================
4. Template Specific
============================================================================= */
/* Working with clients */
#working-with-clients p {
    margin: 0;
}

#working-with-clients .working-with-clients-left p {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
}

#working-with-clients .working-with-clients-right p {
    font-size: 34px;
    line-height: 42px;
}

/* Contact */
#contact-us h5 {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px; 
}

#contact-us input.nectar-button {
    border-color: rgba(255, 255, 255, 0.75);
    color: rgb(255, 255, 255);
    visibility: visible;
    background-color: transparent;
    color: #ffffff!important;
}

#contact-us input.nectar-button:hover {
    color: #232323!important;
    background-color: #ffffff!important;
}

#contact-us a {
    color: #232323;
}

#contact-us a:hover {
    border-bottom: 1px solid #f3f3f3;
}

.wpcf7-form label {
    margin-bottom: 5px;
}

.wpcf7-form p span.wpcf7-not-valid-tip {
  width: 100%!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  background: #ffffff!important;
  color: #676767!important;
  border: 2px solid #bb1f24!important;
  font-weight: 500!important;
  font-size: 12px!important;
  text-transform: uppercase!important;
  position: relative!important;
  border-radius: 4px;
}

.wpcf7-form p span.wpcf7-not-valid-tip:before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #bb1f24;
  position: absolute;
  left: 0;
  top: -10px;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
  border-radius: 4px;
  text-align: center;
  padding: 15px 10px;
  font-weight: 500;
  color: #ffffff!important;
  margin: 0px;
}

.wpcf7 .invalid .wpcf7-response-output {
  background: #bb1f24!important;
  border: 2px solid #bb1f24!important;
}

.wpcf7 .sent .wpcf7-response-output {
  background: #a3c71e!important;
  border: 2px solid #a3c71e!important;
}

.wpcf7-form p:last-of-type {
    padding-bottom: 0!important;
}

/* Portfolio */
.portfolio-items .col .work-item .vert-center h3 {
    font-size: 23px;
    line-height: 28px;
    font-weight: 600;
}

.portfolio-items .col .work-item .vert-center i {
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    width: 50px;
    margin-top: 10px;
}

.infscr-loading-wrap {
    margin: 0!important;
}

body #page-header-bg h1 {
    margin: 0!important;
    padding: 0!important;
}


/* =============================================================================
5. Page Specific
============================================================================= */
/* About */
.testimonial-row:first-of-type {
    padding-top: 50px!important;
}

.testimonial-row:last-of-type {
    padding-bottom: 50px!important;
}

.testimonial-row p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.testimonial-row-source p {
    font-weight: 700;
    font-size: 15px;
}

/* MEDIA QUERIES */
/*reverse row in desktop*/
@media only screen and (min-width: 1001px) {   
 .reverse-row >.col.span_12 {        
flex-direction: row-reverse !important;  
  }
}

@media only screen and (max-width: 999px) and (min-width: 690px) {
    
}

@media only screen and (max-width: 689px) and (min-width: 480px) {
    
}

@media only screen and (max-width: 689px) and (min-width: 0px) {
    #page-header p {
        font-size: 18px;
        line-height: 25px;
    }
    
    #working-with-clients .working-with-clients-left p, #contact-us h5 {
        font-size: 32px;
        line-height: 40px;
    }
    
    #working-with-clients .working-with-clients-right p {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 479px) and (min-width: 0px) {
    
}

@media only screen and (max-width: 999px) and (min-width: 0px) {
    body #footer-outer #copyright .col {
        width: 100%!important;
        text-align: center!important;
    }
    
    body #footer-outer #copyright .container {
        display: flex!important;
        flex-wrap: wrap!important;
    }
    
    body #footer-outer #copyright .span_5 {
        order: 2;
    }
    
    body #footer-outer #copyright .span_7 {
        order: 1;
    }
    
    #footer-outer #copyright .col ul, #footer-outer #copyright li {
        float: none!important;
        display: inline-block!important;
    }
    
    #footer-outer #copyright li {
        margin: 0 5px!important;
    }
}