/* Theme Name: Hello Elementor Child Theme URI: https://apollotec.pt Description: Child theme of Hello Elementor for customizations Author: The Elementor Theme Author URI: https://wordpress.org/themes/hello-elementor/ Template: hello-elementor Version: 1.0.0 */ /** * @project Kadabra * @author Apollotec * @version 1.0.0 * @license MIT */ /*------------------------------------------------------------------*\ TABLE OF CONTENTS ----------------- 1. CONFIG & HELPERS - Variables - Functions & Mixins (Sass/Less) - Helper Classes (Utilities) 2. BASE STYLES - Reset/Normalize - Typography Styles - Global Styles (body, html, links) 3. LAYOUT - Grid System / Container - Header - Footer - Navigation - Sidebar - Forms 4. COMPONENTS - Buttons - Cards - Alerts - Modals - Carrousel - Filters 5. PAGE-SPECIFIC STYLES - Frontpage - Archive Page - Blog - Contact 6. MEDIA QUERIES (Responsiveness) \*------------------------------------------------------------------*/ /*------------------------------------------------------------------*\ 1. CONFIG & HELPERS \*------------------------------------------------------------------*/ /** * CSS Variables (Custom Properties) for colors, fonts, spacing, etc. */ /** * Helper Classes (Utilities) for small, reusable tasks. * ex: .text-center, .margin-top-large, .hidden */ /*------------------------------------------------------------------*\ 2. BASE STYLES \*------------------------------------------------------------------*/ /** * Reset/Normalize to ensure consistency across browsers. */ /** * Base styles for typography (h1, h2, p, etc.). */ /** * Styles for global elements like , , , etc. */ /*------------------------------------------------------------------*\ 3. LAYOUT \*------------------------------------------------------------------*/ /** * Styles for the main page layout elements. */ /* Footer */ .site-footer { padding-block-end: 0; padding-block-start: 0; } /*------------------------------------------------------------------*\ 4. COMPONENTS \*------------------------------------------------------------------*/ /** * Styles for reusable UI components. * Each component should be treated as an independent block. */ /* Card */ .kb-widget-box { flex: 1 1 400px; padding-bottom: 3rem !important; } /*------------------------------------------------------------------*\ 5. PAGE-SPECIFIC STYLES \*------------------------------------------------------------------*/ /** * Styles that are applied only to specific pages and do not * fit into reusable components. */ /* Frontpage */ div.elementor-shape-bottom { bottom: -3px; } @media (min-width: 1440px) { .home .elementor-7 .elementor-element.elementor-element-497c0c0 > .e-con-inner > .elementor-shape-bottom svg{ left: 60%; position: relative; transform: translateX(-50%) rotateY(180deg); width: calc(120%); height: 350px; } } /*------------------------------------------------------------------*\ 6. MEDIA QUERIES (Responsiveness) \*------------------------------------------------------------------*/ /** * Media queries organized from smallest to largest (mobile-first). */ /* Medium Screens (e.g., Tablets) */ @media (min-width: 768px) { /* Your tablet styles here */ } /* Large Screens (e.g., Desktops) */ @media (min-width: 1024px) { /* Your desktop styles here */ } /* Extra Large Screens (e.g., Larger Desktops) */ @media (min-width: 1200px) { /* Your larger desktop styles here */ }