/* Theme Name: Brightboy Child Theme URI: http://themes.brightboy.co.za Author: Brightboy Author URI: https://brightboy.co.za Description: Whitelabel child theme for Brightboy Template: hello-elementor Version: 1.0.1 */ /* **Table of contents - Desktop ** 1. Header & Menu 2. Forms 3. Pages 4. Buttons and icons 5. Page Headings & text elements 6. Animations 7. Woocommerce 8. Footer */ /*---------------------------*/ /*- DESKTOP CSS -------------*/ /*---------------------------*/ /* Theme customization starts here -------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 1. Header & menu * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 2. Forms * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Pages * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 4. Buttons and icons * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 5. Page Headings & text elements * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 6. Animations * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 7. Woocommerce * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 8. Footer styling * --------------------------------------------------------------------------- */ /* **Table of contents - Responsive ** 1. Header & Menu 2. Forms 3. Pages 4. Buttons and icons 5. Page Headings & text elements 6. Animations 7. Woocommerce 8. Footer */ /*--------------------------------------------*/ /*- Mobile devices (up to 767px) /*--------------------------------------------*/ @media (max-width: 767px) { /* --------------------------------------------------------------------------- * 1. Header & menu * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 2. Forms * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Pages * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 4. Buttons and icons * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 5. Page Headings & text elements * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 6. Animations * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 7. Woocommerce * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 8. Footer styling * --------------------------------------------------------------------------- */ } /*--------------------------------------------*/ /*- Tablets (768px to 1024px) /*--------------------------------------------*/ @media (min-width: 768px) and (max-width: 1024px) { /* --------------------------------------------------------------------------- * 1. Header & menu * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 2. Forms * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Pages * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 4. Buttons and icons * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 5. Page Headings & text elements * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 6. Animations * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 7. Woocommerce * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 8. Footer styling * --------------------------------------------------------------------------- */ } /*--------------------------------------------*/ /*- Large tablets and small desktops (1025px to 1199px) /*--------------------------------------------*/ @media (min-width: 1025px) and (max-width: 1199px) { /* --------------------------------------------------------------------------- * 1. Header & menu * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 2. Forms * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Pages * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 4. Buttons and icons * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 5. Page Headings & text elements * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 6. Animations * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 7. Woocommerce * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 8. Footer styling * --------------------------------------------------------------------------- */ } /*--------------------------------------------*/ /*- Large desktops (1200px and up) /*--------------------------------------------*/ @media (min-width: 1200px) { /* --------------------------------------------------------------------------- * 1. Header & menu * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 2. Forms * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 3. Pages * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 4. Buttons and icons * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 5. Page Headings & text elements * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 6. Animations * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 7. Woocommerce * --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- * 8. Footer styling * --------------------------------------------------------------------------- */ }