/* ============================================================================= * Theme Name: Ⓓ Child Theme URI: https://www.milorad.pro/ Description: This is a Ⓓ Divi child theme Author: M Vignjevic Author URI: https://www.milorad.pro/ Author Email: mvignjevic@milorad.pro Template: Divi Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ================================================================================ * ================================================================================ */ /* TOC ============================================================================= */ /* 0. CSS VARIABLES ============================================================================= */ /* 0.1. Typography */ /* Fonts */ /* Add Google Font : */ /* Add Multiple Google Fonts */ /* Text Styles */ /* Responsive Text */ /* Text Animations */ /* 0.2. Icons */ /* 0.3. Colors */ /* Specification : Name | RGB | HEX | HSL */ /* Keywords : transparent, currentcolor, inherit */ /* Text Color(s) : */ /* Accent Color(s) : accent-color */ /* Background Color(s) : background-color */ /* Border Color(s) : border-color */ /* Outline Color(s) : outline-color */ /* Fill Color(s) */ /* Stroke Color(s) */ /* Gradients: background-image */ /* Linear | Radial | Conic */ /* 0.4. Filters */ /* filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url(); */ /* 0.5. Blend Modes : mix-blend-mode *//* .blend-mode-normal { mix-blend-mode: normal; } .blend-mode-multiply { mix-blend-mode: multiply; } .blend-mode-screen { mix-blend-mode: screen; } .blend-mode-overlay { mix-blend-mode: overlay; } .blend-mode-darken { mix-blend-mode: darken; } .blend-mode-lighten { mix-blend-mode: lighten; } .blend-mode-color-dodge { mix-blend-mode: color-dodge; } .blend-mode-color-burn { mix-blend-mode: color-burn; } .blend-mode-difference { mix-blend-mode: difference; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } */ /* 0.6. Overlays */ /* Image Hover Overlays */ /* Divi Slider Overlays */ /* Paralax Overlays */ /* 0.5. Media */ /* Flexible Aspect Ratio */ /* Responsive Images */ /* Responsive Videos */ /* Fullscreen Image */ /* Fullscreen Video */ /* Responsive Image Galleries */ /* Responsive Video Galleries */ /* Position Text in an Image */ /* Position Text in a Video */ /* Image Reflection : box-reflect property (not supported in Firefox) */ /* Image Reflection Position : below, above, left, right */ /* Image Reflection Offset : below, above, left, right */ /* Image Reflection with Gradient */ /* 0.6. Modals */ /* Image Modals */ /* Video Modals */ /* 0.7. Popups */ /* 0.8. Tooltips */ /* 0.9. Layout */ /* Header */ /* Menus */ /* Content */ /* Footer */ /* 1. DOCUMENT SETUP ============================================================================= */ /* 1.1. */ html { scroll-behavior: smooth; } /* 1.2. */ :hover { transition:all 1s; } /* 1.3. */ ::selection { background: black; color: white; } /* Screen Reader */ .screen-reader-text { clip: rect( .1rem, .1rem, .1rem, .1rem ); width: .1rem; height: .1rem; overflow: hidden; position: absolute !important; left: -999999rem; } .screen-reader-text:focus { font-size: 1.4rem; font-weight: 700; line-height: normal; text-decoration: none; width: auto; height: auto; padding: 1.5rem 2.3rem 1.4rem 2.3rem; display: block; clip: auto !important; top: .5rem; left: .5rem; background-color: #f1f1f1; border-radius: .3rem; box-shadow: 0 0 .2rem .2rem rgba( 0, 0, 0, 0.6 ); z-index: 100000; } /* Skip Link */ .skip-link { position: absolute; left: -9999rem; top: 2.5rem; z-index: 999999999; } .skip-link:focus { left: 2.5rem; text-decoration: none; } /* 2. ELEMENT BASE (Divi Text Module) ============================================================================= */ /* 2.1. Text Colors */ /* 2.2. Background Colors */ /* 2.3. Border Colors */ /* 2.4. Fill Colors */ /* 2.5. Stroke Colors */ /* 2.6. Gradients */ /* 2.7. Links */ /* 2.8. Headings */ /* 2.9. Paragraph */ /* 2.10. Quotes */ /* 2.11. Lists */ /* 2.12. Inline Elements */ sup,sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } /* 2.13. Horizontal Line */ /* 2.14. Responsive Break Line */ /* 2.15. Code */ /* 2.16. Media */ /* 2.17. Galleries */ /* 2.18. Forms */ /* 2.19. Search Form */ /* 2.20. Tables */ /* 3. HELPERS ============================================================================= */ /* 4. SITE HEADER & MENUS ============================================================================= */ /* 5. MAIN HEADER (Primary Site Menu) * ============================================================================= */ #et-top-navigation a { font-weight: 300 !important; } /* DOCUMENT ============================================================================= */