/*

Theme Name: Porto Child

Theme URI: https://www.portotheme.com/wordpress/porto

Author: P-THEMES

Author URI: https://www.portotheme.com/

Description: Porto Responsive WordPress + eCommerce Theme.

Version: 1.1

Template: porto

License: Commercial

License URI: http://themeforest.net/licenses/regular_extended

Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.r-box {
  background-color: #ffffff;
  border-radius: 0 10px;
  padding: 24px;
  margin-bottom: 24px;
}

.r-box h3 {
  min-height: 50.38px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.r-box p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.7em;
  letter-spacing: -0.015em;
}

.r-req-field,
#footer .wpcf7-not-valid-tip {
  color: #ff0000;
  font-weight: bold;
}

.r-opt-field {
  color: #808080;
  font-weight: 500;
}

#footer span,
#footer h3,
#footer p,
#footer .wpcf7-response-output {
  color: #ffffff;
}

#footer a,
#footer-copyright {
  color: #ffffff;
}

#footer a:hover,
#footer-copyright a:hover {
  color: #ebebeb;
}

#footer-copyright .r-fc-col-left {
  text-align: left;
}

#footer-copyright .r-fc-col-right {
  text-align: right;
}

#footer .share-links a {
  color: #333333;
}

.footer form {
  opacity: 1;
}

.footer-contact form button,
.footer-contact form button:hover,
.footer-contact form button:focus {
  background-color: #ffffff;
  border-color: #ffffff;
}

.footer-contact form .btn-text,
.footer-contact form .fa-arrow-right {
  color: #333333 !important;
}

.r-si {
  background-color: #f1ebe4;
  padding: 20px;
  margin-top: 32px;
  margin-bottom: 32px;
  border-radius: 10px;

}

.r-si .form-label {
  margin-bottom: 0 !important;
}

.r-si .form-group {
  margin-bottom: 8px !important;
}

@media (max-width: 767px) {
  #footer-copyright .r-fc-col-left {
    margin-bottom: 16px;
  }

  #footer-copyright .r-fc-col-left,
  #footer-copyright .r-fc-col-right {
    text-align: center;
  }

  .r-si {
    background-color: #f1ebe4;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    border-radius: 10px;
  }
}
