/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Site refinements: September 2026 */
@media (max-width: 767px) {
  /* One controlled mobile hero: no crop, no overflow, no transform hacks. */
  .elementor-24 .elementor-element.elementor-element-b3060ea {
    position: relative;
    background:
      radial-gradient(circle at 50% 37%, rgba(27, 44, 88, .14) 0%, rgba(27, 44, 88, 0) 50%),
      linear-gradient(160deg, #dde5ee 0%, #f1f4f7 47%, #d4dde8 100%) !important;
    margin: 0 !important;
    padding: 24px 16px 0 !important;
    overflow: visible !important;
  }
  .elementor-24 .elementor-element.elementor-element-6f9b5b8 {
    width: 100% !important;
    max-width: 390px;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .elementor-24 .elementor-element.elementor-element-6f9b5b8 img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .elementor-24 .elementor-element.elementor-element-c6127a1 {
    position: absolute !important;
    top: 68% !important;
    left: 50% !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    z-index: 3;
  }
  .elementor-24 .elementor-element.elementor-element-c6127a1 .elementor-button {
    margin: 0 auto !important;
    white-space: nowrap;
  }
  .elementor-24 .elementor-element.elementor-element-c6127a1 .elementor-button-text {
    font-size: 0;
  }
  .elementor-24 .elementor-element.elementor-element-c6127a1 .elementor-button-text::after {
    content: "CALL (305) 600-0529";
    font-size: 14px;
  }

  /* Keep one useful fixed contact bar; the footer duplicate is removed. */
  .elementor-38 .elementor-element.elementor-element-cc4f7c6 {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw !important;
    z-index: 99999;
  }
  .elementor-35 .elementor-element.elementor-element-bf6c551 {
    display: none !important;
  }

  /* Center footer branding on mobile. */
  .elementor-35 .elementor-widget-image,
  .elementor-35 .elementor-widget-image .elementor-widget-container {
    text-align: center !important;
  }
  .elementor-35 .elementor-widget-image img {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Consultation page: contained form, not floating fields. */
  .elementor-28 {
    background: linear-gradient(135deg, #f4f6f9 0%, #ffffff 100%);
  }
  .elementor-28 .elementor-element.elementor-element-02ca6d2 {
    background: #ffffff;
    padding: 28px 22px;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(27, 44, 88, .13);
  }
}

@media (min-width: 768px) {
  /* Preserve Tomas's portrait proportions and give it a stronger presence. */
  .elementor-26 img[src*="TOMAS-002"] {
    display: block;
    width: 100% !important;
    max-width: 460px;
    height: auto !important;
    object-fit: contain !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Consultation form card also applies on desktop. */
  .elementor-28 {
    background: linear-gradient(135deg, #f4f6f9 0%, #ffffff 100%);
  }
  .elementor-28 .elementor-element.elementor-element-02ca6d2 {
    background: #ffffff;
    padding: 36px;
    border-radius: 16px;
    box-shadow: 0 16px 40px rgba(27, 44, 88, .13);
  }

  /* Make the two requested association marks legible without distortion. */
  .elementor-24 img[src*="FLORIDA-JUSTICE-ASSOCIATION"],
  .elementor-24 img[src*="Florida-Bar-Trial-Lawyers-Section"] {
    width: 190px !important;
    max-width: 100%;
    height: auto !important;
    object-fit: contain !important;
  }
}