/* 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 QPortugal * @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. */ /*------------------------------------------------------------------*\ 4. COMPONENTS \*------------------------------------------------------------------*/ /** * Styles for reusable UI components. * Each component should be treated as an independent block. */ /*------------------------------------------------------------------*\ 5. PAGE-SPECIFIC STYLES \*------------------------------------------------------------------*/ /** * Styles that are applied only to specific pages and do not * fit into reusable components. */ /*------------------------------------------------------------------*\ 6. MEDIA QUERIES (Responsiveness) \*------------------------------------------------------------------*/ /** * Media queries organized from smallest to largest (mobile-first). */ /* Firefox (or browsers that use min-device-width) */ @media (min-device-width: 1900px) { .qdp-col-full img { height: 41vw; object-fit: cover; } } @media (min-device-width: 1930px) and (max-device-width:2399px) { .qdp-col-full img { height: 24vw; object-fit: cover; } } @media (min-device-width: 2400px) { .qdp-col-full img { height: 34vw; object-fit: cover; } } /* Chrome and standard browsers */ @media (min-width: 1900px) { .qdp-col-full img { height: 44vw; object-fit: cover; } } @media (min-width: 1930px) and (max-width:2399px) { .qdp-col-full img { height: 24vw; object-fit: cover; } } @media (min-width: 2400px) { .qdp-col-full img { height: 33vw; object-fit: cover; } }