/* Responsive sticky sidebar layout for c38ca305 */

:root {
  --uped-sidebar-width-c38ca305: 28%;
}

@media (min-width: 1024px) {
  body.page-id-58575 .elementor-58575 {
    padding-right: var(--uped-sidebar-width-c38ca305) !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  .uped-right-sidebar-c38ca305 {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: var(--uped-sidebar-width-c38ca305) !important;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-left: 1px solid #e5e7eb;
    z-index: 10;
  }

  .sticky-sidebar-inner-c38ca305 {
    position: sticky !important;
    top: 40px !important;
    padding: 45px 30px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    box-sizing: border-box;
  }

  body.admin-bar .sticky-sidebar-inner-c38ca305 {
    top: calc(var(--wp-admin--admin-bar--height, 32px) + 20px) !important;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px) - 40px);
  }
}

/* Base styles for the form */
.uped-right-sidebar-c38ca305 {
  box-sizing: border-box;
}

.sticky-sidebar-inner-c38ca305 {
  box-sizing: border-box;
}

.sidebar-logo-c38ca305 {
  text-align: center;
  margin-bottom: 25px;
}

.sidebar-logo-c38ca305 img {
  max-width: 200px;
  height: auto;
}

.sidebar-title-c38ca305 {
  font-family: sans-serif;
  font-size: 16px;
  color: #333333;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Force vertical alignment and full width for all form fields in sidebar */
.sidebar-form-wrapper-c38ca305 .wpcf7 form br,
.sidebar-form-wrapper-c38ca305 .wpcf7 form p {
  display: block !important;
  margin-bottom: 12px !important;
}

.sidebar-form-wrapper-c38ca305 .wpcf7 form .campos-form,
.sidebar-form-wrapper-c38ca305 .wpcf7 form .form-row,
.sidebar-form-wrapper-c38ca305 .wpcf7 form .grid-layout,
.sidebar-form-wrapper-c38ca305 .wpcf7 form div[class*="column"],
.sidebar-form-wrapper-c38ca305 .wpcf7 form div[class*="col-"] {
  display: block !important;
  width: 100% !important;
  float: none !important;
  margin: 0 0 12px 0 !important;
}

.sidebar-form-wrapper-c38ca305 .wpcf7 form label {
  display: block !important;
  width: 100% !important;
  margin-bottom: 5px !important;
  font-size: 13px !important;
  color: #333333 !important;
  font-weight: 600 !important;
}

.sidebar-form-wrapper-c38ca305 .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

/* Perfect alignment for Contact Form 7 inputs inside the sidebar */
.sidebar-form-wrapper-c38ca305 .wpcf7 input[type="text"],
.sidebar-form-wrapper-c38ca305 .wpcf7 input[type="email"],
.sidebar-form-wrapper-c38ca305 .wpcf7 input[type="tel"],
.sidebar-form-wrapper-c38ca305 .wpcf7 select {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s !important;
}

.sidebar-form-wrapper-c38ca305 .wpcf7 input:focus,
.sidebar-form-wrapper-c38ca305 .wpcf7 select:focus {
  border-color: #fca311 !important;
  outline: none !important;
}

/* Checkbox styling */
.sidebar-form-wrapper-c38ca305 .wpcf7 .signup-to-newsletter {
  margin-right: 6px !important;
}

/* Submit button */
.sidebar-form-wrapper-c38ca305 .wpcf7 input[type="submit"] {
  background-color: #fca311 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  width: 100% !important;
}

.sidebar-form-wrapper-c38ca305 .wpcf7 input[type="submit"]:hover {
  background-color: #e58f00 !important;
}

/* Mobile & Tablet responsiveness (appears first) */
@media (max-width: 1023px) {
  .uped-right-sidebar-c38ca305 {
    width: 100% !important;
    padding: 35px 20px;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
  }

  .sticky-sidebar-inner-c38ca305 {
    padding: 0;
  }
}