/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ *, *:before, *:after { box-sizing: border-box; } .full-width{ width: 100%; } /* MARGIN VERTICAL (mt + mb) */ .my-0 { margin-top: 0; margin-bottom: 0; } .my-1 { margin-top: 1px; margin-bottom: 1px; } .my-2 { margin-top: 2px; margin-bottom: 2px; } .my-3 { margin-top: 3px; margin-bottom: 3px; } .my-4 { margin-top: 4px; margin-bottom: 4px; } .my-5 { margin-top: 5px; margin-bottom: 5px; } .my-6 { margin-top: 6px; margin-bottom: 6px; } .my-7 { margin-top: 7px; margin-bottom: 7px; } .my-8 { margin-top: 8px; margin-bottom: 8px; } .my-9 { margin-top: 9px; margin-bottom: 9px; } .my-10 { margin-top: 10px; margin-bottom: 10px; } .my-11 { margin-top: 11px; margin-bottom: 11px; } .my-12 { margin-top: 12px; margin-bottom: 12px; } .my-13 { margin-top: 13px; margin-bottom: 13px; } .my-14 { margin-top: 14px; margin-bottom: 14px; } .my-15 { margin-top: 15px; margin-bottom: 15px; } .my-16 { margin-top: 16px; margin-bottom: 16px; } .my-17 { margin-top: 17px; margin-bottom: 17px; } .my-18 { margin-top: 18px; margin-bottom: 18px; } .my-19 { margin-top: 19px; margin-bottom: 19px; } .my-20 { margin-top: 20px; margin-bottom: 20px; } .my-21 { margin-top: 21px; margin-bottom: 21px; } .my-22 { margin-top: 22px; margin-bottom: 22px; } .my-23 { margin-top: 23px; margin-bottom: 23px; } .my-24 { margin-top: 24px; margin-bottom: 24px; } .my-25 { margin-top: 25px; margin-bottom: 25px; } .my-26 { margin-top: 26px; margin-bottom: 26px; } .my-27 { margin-top: 27px; margin-bottom: 27px; } .my-28 { margin-top: 28px; margin-bottom: 28px; } .my-29 { margin-top: 29px; margin-bottom: 29px; } .my-30 { margin-top: 30px; margin-bottom: 30px; } .my-31 { margin-top: 31px; margin-bottom: 31px; } .my-32 { margin-top: 32px; margin-bottom: 32px; } .my-33 { margin-top: 33px; margin-bottom: 33px; } .my-34 { margin-top: 34px; margin-bottom: 34px; } .my-35 { margin-top: 35px; margin-bottom: 35px; } .my-36 { margin-top: 36px; margin-bottom: 36px; } .my-37 { margin-top: 37px; margin-bottom: 37px; } .my-38 { margin-top: 38px; margin-bottom: 38px; } .my-39 { margin-top: 39px; margin-bottom: 39px; } .my-40 { margin-top: 40px; margin-bottom: 40px; } .my-41 { margin-top: 41px; margin-bottom: 41px; } .my-42 { margin-top: 42px; margin-bottom: 42px; } .my-43 { margin-top: 43px; margin-bottom: 43px; } .my-44 { margin-top: 44px; margin-bottom: 44px; } .my-45 { margin-top: 45px; margin-bottom: 45px;} /* MARGIN TOP (mt-0 to mt-50) */ .mt-0 { margin-top: 0; } .mt-1 { margin-top: 1px; } .mt-2 { margin-top: 2px; } .mt-3 { margin-top: 3px; } .mt-4 { margin-top: 4px; } .mt-5 { margin-top: 5px; } .mt-6 { margin-top: 6px; } .mt-7 { margin-top: 7px; } .mt-8 { margin-top: 8px; } .mt-9 { margin-top: 9px; } .mt-10 { margin-top: 10px; } .mt-11 { margin-top: 11px; } .mt-12 { margin-top: 12px; } .mt-13 { margin-top: 13px; } .mt-14 { margin-top: 14px; } .mt-15 { margin-top: 15px; } .mt-16 { margin-top: 16px; } .mt-17 { margin-top: 17px; } .mt-18 { margin-top: 18px; } .mt-19 { margin-top: 19px; } .mt-20 { margin-top: 20px; } .mt-21 { margin-top: 21px; } .mt-22 { margin-top: 22px; } .mt-23 { margin-top: 23px; } .mt-24 { margin-top: 24px; } .mt-25 { margin-top: 25px; } .mt-26 { margin-top: 26px; } .mt-27 { margin-top: 27px; } .mt-28 { margin-top: 28px; } .mt-29 { margin-top: 29px; } .mt-30 { margin-top: 30px; } .mt-31 { margin-top: 31px; } .mt-32 { margin-top: 32px; } .mt-33 { margin-top: 33px; } .mt-34 { margin-top: 34px; } .mt-35 { margin-top: 35px; } .mt-36 { margin-top: 36px; } .mt-37 { margin-top: 37px; } .mt-38 { margin-top: 38px; } .mt-39 { margin-top: 39px; } .mt-40 { margin-top: 40px; } .mt-41 { margin-top: 41px; } .mt-42 { margin-top: 42px; } .mt-43 { margin-top: 43px; } .mt-44 { margin-top: 44px; } .mt-45 { margin-top: 45px; } .mt-46 { margin-top: 46px; } .mt-47 { margin-top: 47px; } .mt-48 { margin-top: 48px; } .mt-49 { margin-top: 49px; } .mt-50 { margin-top: 50px; } /* MARGIN BOTTOM (mb-0 to mb-50) */ .mb-0 { margin-bottom: 0; } .mb-1 { margin-bottom: 1px; } .mb-2 { margin-bottom: 2px; } .mb-3 { margin-bottom: 3px; } .mb-4 { margin-bottom: 4px; } .mb-5 { margin-bottom: 5px; } .mb-6 { margin-bottom: 6px; } .mb-7 { margin-bottom: 7px; } .mb-8 { margin-bottom: 8px; } .mb-9 { margin-bottom: 9px; } .mb-10 { margin-bottom: 10px; } .mb-11 { margin-bottom: 11px; } .mb-12 { margin-bottom: 12px; } .mb-13 { margin-bottom: 13px; } .mb-14 { margin-bottom: 14px; } .mb-15 { margin-bottom: 15px; } .mb-16 { margin-bottom: 16px; } .mb-17 { margin-bottom: 17px; } .mb-18 { margin-bottom: 18px; } .mb-19 { margin-bottom: 19px; } .mb-20 { margin-bottom: 20px; } .mb-21 { margin-bottom: 21px; } .mb-22 { margin-bottom: 22px; } .mb-23 { margin-bottom: 23px; } .mb-24 { margin-bottom: 24px; } .mb-25 { margin-bottom: 25px; } .mb-26 { margin-bottom: 26px; } .mb-27 { margin-bottom: 27px; } .mb-28 { margin-bottom: 28px; } .mb-29 { margin-bottom: 29px; } .mb-30 { margin-bottom: 30px; } .mb-31 { margin-bottom: 31px; } .mb-32 { margin-bottom: 32px; } .mb-33 { margin-bottom: 33px; } .mb-34 { margin-bottom: 34px; } .mb-35 { margin-bottom: 35px; } .mb-36 { margin-bottom: 36px; } .mb-37 { margin-bottom: 37px; } .mb-38 { margin-bottom: 38px; } .mb-39 { margin-bottom: 39px; } .mb-40 { margin-bottom: 40px; } .mb-41 { margin-bottom: 41px; } .mb-42 { margin-bottom: 42px; } .mb-43 { margin-bottom: 43px; } .mb-44 { margin-bottom: 44px; } .mb-45 { margin-bottom: 45px; } .mb-46 { margin-bottom: 46px; } .mb-47 { margin-bottom: 47px; } .mb-48 { margin-bottom: 48px; } .mb-49 { margin-bottom: 49px; } .mb-50 { margin-bottom: 50px; } /* MARGIN LEFT (ml-0 to ml-50) */ .ml-0 { margin-left: 0; } .ml-1 { margin-left: 1px; } .ml-2 { margin-left: 2px; } .ml-3 { margin-left: 3px; } .ml-4 { margin-left: 4px; } .ml-5 { margin-left: 5px; } .ml-6 { margin-left: 6px; } .ml-7 { margin-left: 7px; } .ml-8 { margin-left: 8px; } .ml-9 { margin-left: 9px; } .ml-10 { margin-left: 10px; } .ml-11 { margin-left: 11px; } .ml-12 { margin-left: 12px; } .ml-13 { margin-left: 13px; } .ml-14 { margin-left: 14px; } .ml-15 { margin-left: 15px; } .ml-16 { margin-left: 16px; } .ml-17 { margin-left: 17px; } .ml-18 { margin-left: 18px; } .ml-19 { margin-left: 19px; } .ml-20 { margin-left: 20px; } .ml-21 { margin-left: 21px; } .ml-22 { margin-left: 22px; } .ml-23 { margin-left: 23px; } .ml-24 { margin-left: 24px; } .ml-25 { margin-left: 25px; } .ml-26 { margin-left: 26px; } .ml-27 { margin-left: 27px; } .ml-28 { margin-left: 28px; } .ml-29 { margin-left: 29px; } .ml-30 { margin-left: 30px; } .ml-31 { margin-left: 31px; } .ml-32 { margin-left: 32px; } .ml-33 { margin-left: 33px; } .ml-34 { margin-left: 34px; } .ml-35 { margin-left: 35px; } .ml-36 { margin-left: 36px; } .ml-37 { margin-left: 37px; } .ml-38 { margin-left: 38px; } .ml-39 { margin-left: 39px; } .ml-40 { margin-left: 40px; } .ml-41 { margin-left: 41px; } .ml-42 { margin-left: 42px; } .ml-43 { margin-left: 43px; } .ml-44 { margin-left: 44px; } .ml-45 { margin-left: 45px; } .ml-46 { margin-left: 46px; } .ml-47 { margin-left: 47px; } .ml-48 { margin-left: 48px; } .ml-49 { margin-left: 49px; } .ml-50 { margin-left: 50px; } /* MARGIN RIGHT (mr-0 to mr-50) */ .mr-0 { margin-right: 0; } .mr-1 { margin-right: 1px; } .mr-2 { margin-right: 2px; } .mr-3 { margin-right: 3px; } .mr-4 { margin-right: 4px; } .mr-5 { margin-right: 5px; } .mr-6 { margin-right: 6px; } .mr-7 { margin-right: 7px; } .mr-8 { margin-right: 8px; } .mr-9 { margin-right: 9px; } .mr-10 { margin-right: 10px; } .mr-11 { margin-right: 11px; } .mr-12 { margin-right: 12px; } .mr-13 { margin-right: 13px; } .mr-14 { margin-right: 14px; } .mr-15 { margin-right: 15px; } .mr-16 { margin-right: 16px; } .mr-17 { margin-right: 17px; } .mr-18 { margin-right: 18px; } .mr-19 { margin-right: 19px; } .mr-20 { margin-right: 20px; } .mr-21 { margin-right: 21px; } .mr-22 { margin-right: 22px; } .mr-23 { margin-right: 23px; } .mr-24 { margin-right: 24px; } .mr-25 { margin-right: 25px; } .mr-26 { margin-right: 26px; } .mr-27 { margin-right: 27px; } .mr-28 { margin-right: 28px; } .mr-29 { margin-right: 29px; } .mr-30 { margin-right: 30px; } .mr-31 { margin-right: 31px; } .mr-32 { margin-right: 32px; } .mr-33 { margin-right: 33px; } .mr-34 { margin-right: 34px; } .mr-35 { margin-right: 35px; } .mr-36 { margin-right: 36px; } .mr-37 { margin-right: 37px; } .mr-38 { margin-right: 38px; } .mr-39 { margin-right: 39px; } .mr-40 { margin-right: 40px; } .mr-41 { margin-right: 41px; } .mr-42 { margin-right: 42px; } .mr-43 { margin-right: 43px; } .mr-44 { margin-right: 44px; } .mr-45 { margin-right: 45px; } .mr-46 { margin-right: 46px; } .mr-47 { margin-right: 47px; } .mr-48 { margin-right: 48px; } .mr-49 { margin-right: 49px; } .mr-50 { margin-right: 50px; } /* PADDING TOP (pt-0 to pt-50) */ .pt-0 { padding-top: 0; } .pt-1 { padding-top: 1px; } .pt-2 { padding-top: 2px; } .pt-3 { padding-top: 3px; } .pt-4 { padding-top: 4px; } .pt-5 { padding-top: 5px; } .pt-6 { padding-top: 6px; } .pt-7 { padding-top: 7px; } .pt-8 { padding-top: 8px; } .pt-9 { padding-top: 9px; } .pt-10 { padding-top: 10px; } .pt-11 { padding-top: 11px; } .pt-12 { padding-top: 12px; } .pt-13 { padding-top: 13px; } .pt-14 { padding-top: 14px; } .pt-15 { padding-top: 15px; } .pt-16 { padding-top: 16px; } .pt-17 { padding-top: 17px; } .pt-18 { padding-top: 18px; } .pt-19 { padding-top: 19px; } .pt-20 { padding-top: 20px; } .pt-21 { padding-top: 21px; } .pt-22 { padding-top: 22px; } .pt-23 { padding-top: 23px; } .pt-24 { padding-top: 24px; } .pt-25 { padding-top: 25px; } .pt-26 { padding-top: 26px; } .pt-27 { padding-top: 27px; } .pt-28 { padding-top: 28px; } .pt-29 { padding-top: 29px; } .pt-30 { padding-top: 30px; } .pt-31 { padding-top: 31px; } .pt-32 { padding-top: 32px; } .pt-33 { padding-top: 33px; } .pt-34 { padding-top: 34px; } .pt-35 { padding-top: 35px; } .pt-36 { padding-top: 36px; } .pt-37 { padding-top: 37px; } .pt-38 { padding-top: 38px; } .pt-39 { padding-top: 39px; } .pt-40 { padding-top: 40px; } .pt-41 { padding-top: 41px; } .pt-42 { padding-top: 42px; } .pt-43 { padding-top: 43px; } .pt-44 { padding-top: 44px; } .pt-45 { padding-top: 45px; } .pt-46 { padding-top: 46px; } .pt-47 { padding-top: 47px; } .pt-48 { padding-top: 48px; } .pt-49 { padding-top: 49px; } .pt-50 { padding-top: 50px; } /* PADDING BOTTOM (pb-0 to pb-50) */ .pb-0 { padding-bottom: 0; } .pb-1 { padding-bottom: 1px; } .pb-2 { padding-bottom: 2px; } .pb-3 { padding-bottom: 3px; } .pb-4 { padding-bottom: 4px; } .pb-5 { padding-bottom: 5px; } .pb-6 { padding-bottom: 6px; } .pb-7 { padding-bottom: 7px; } .pb-8 { padding-bottom: 8px; } .pb-9 { padding-bottom: 9px; } .pb-10 { padding-bottom: 10px; } .pb-11 { padding-bottom: 11px; } .pb-12 { padding-bottom: 12px; } .pb-13 { padding-bottom: 13px; } .pb-14 { padding-bottom: 14px; } .pb-15 { padding-bottom: 15px; } .pb-16 { padding-bottom: 16px; } .pb-17 { padding-bottom: 17px; } .pb-18 { padding-bottom: 18px; } .pb-19 { padding-bottom: 19px; } .pb-20 { padding-bottom: 20px; } .pb-21 { padding-bottom: 21px; } .pb-22 { padding-bottom: 22px; } .pb-23 { padding-bottom: 23px; } .pb-24 { padding-bottom: 24px; } .pb-25 { padding-bottom: 25px; } .pb-26 { padding-bottom: 26px; } .pb-27 { padding-bottom: 27px; } .pb-28 { padding-bottom: 28px; } .pb-29 { padding-bottom: 29px; } .pb-30 { padding-bottom: 30px; } .pb-31 { padding-bottom: 31px; } .pb-32 { padding-bottom: 32px; } .pb-33 { padding-bottom: 33px; } .pb-34 { padding-bottom: 34px; } .pb-35 { padding-bottom: 35px; } .pb-36 { padding-bottom: 36px; } .pb-37 { padding-bottom: 37px; } .pb-38 { padding-bottom: 38px; } .pb-39 { padding-bottom: 39px; } .pb-40 { padding-bottom: 40px; } .pb-41 { padding-bottom: 41px; } .pb-42 { padding-bottom: 42px; } .pb-43 { padding-bottom: 43px; } .pb-44 { padding-bottom: 44px; } .pb-45 { padding-bottom: 45px; } .pb-46 { padding-bottom: 46px; } .pb-47 { padding-bottom: 47px; } .pb-48 { padding-bottom: 48px; } .pb-49 { padding-bottom: 49px; } .pb-50 { padding-bottom: 50px; } /* PADDING LEFT (pl-0 to pl-50) */ .pl-0 { padding-left: 0; } .pl-1 { padding-left: 1px; } .pl-2 { padding-left: 2px; } .pl-3 { padding-left: 3px; } .pl-4 { padding-left: 4px; } .pl-5 { padding-left: 5px; } .pl-6 { padding-left: 6px; } .pl-7 { padding-left: 7px; } .pl-8 { padding-left: 8px; } .pl-9 { padding-left: 9px; } .pl-10 { padding-left: 10px; } .pl-11 { padding-left: 11px; } .pl-12 { padding-left: 12px; } .pl-13 { padding-left: 13px; } .pl-14 { padding-left: 14px; } .pl-15 { padding-left: 15px; } .pl-16 { padding-left: 16px; } .pl-17 { padding-left: 17px; } .pl-18 { padding-left: 18px; } .pl-19 { padding-left: 19px; } .pl-20 { padding-left: 20px; } .pl-21 { padding-left: 21px; } .pl-22 { padding-left: 22px; } .pl-23 { padding-left: 23px; } .pl-24 { padding-left: 24px; } .pl-25 { padding-left: 25px; } .pl-26 { padding-left: 26px; } .pl-27 { padding-left: 27px; } .pl-28 { padding-left: 28px; } .pl-29 { padding-left: 29px; } .pl-30 { padding-left: 30px; } .pl-31 { padding-left: 31px; } .pl-32 { padding-left: 32px; } .pl-33 { padding-left: 33px; } .pl-34 { padding-left: 34px; } .pl-35 { padding-left: 35px; } .pl-36 { padding-left: 36px; } .pl-37 { padding-left: 37px; } .pl-38 { padding-left: 38px; } .pl-39 { padding-left: 39px; } .pl-40 { padding-left: 40px; } .pl-41 { padding-left: 41px; } .pl-42 { padding-left: 42px; } .pl-43 { padding-left: 43px; } .pl-44 { padding-left: 44px; } .pl-45 { padding-left: 45px; } .pl-46 { padding-left: 46px; } .pl-47 { padding-left: 47px; } .pl-48 { padding-left: 48px; } .pl-49 { padding-left: 49px; } .pl-50 { padding-left: 50px; } /* PADDING RIGHT (pr-0 to pr-50) */ .pr-0 { padding-right: 0; } .pr-1 { padding-right: 1px; } .pr-2 { padding-right: 2px; } .pr-3 { padding-right: 3px; } .pr-4 { padding-right: 4px; } .pr-5 { padding-right: 5px; } .pr-6 { padding-right: 6px; } .pr-7 { padding-right: 7px; } .pr-8 { padding-right: 8px; } .pr-9 { padding-right: 9px; } .pr-10 { padding-right: 10px; } .pr-11 { padding-right: 11px; } .pr-12 { padding-right: 12px; } .pr-13 { padding-right: 13px; } .pr-14 { padding-right: 14px; } .pr-15 { padding-right: 15px; } .pr-16 { padding-right: 16px; } .pr-17 { padding-right: 17px; } .pr-18 { padding-right: 18px; } .pr-19 { padding-right: 19px; } .pr-20 { padding-right: 20px; } .pr-21 { padding-right: 21px; } .pr-22 { padding-right: 22px; } .pr-23 { padding-right: 23px; } .pr-24 { padding-right: 24px; } .pr-25 { padding-right: 25px; } .pr-26 { padding-right: 26px; } .pr-27 { padding-right: 27px; } .pr-28 { padding-right: 28px; } .pr-29 { padding-right: 29px; } .pr-30 { padding-right: 30px; } .pr-31 { padding-right: 31px; } .pr-32 { padding-right: 32px; } .pr-33 { padding-right: 33px; } .pr-34 { padding-right: 34px; } .pr-35 { padding-right: 35px; } .pr-36 { padding-right: 36px; } .pr-37 { padding-right: 37px; } .pr-38 { padding-right: 38px; } .pr-39 { padding-right: 39px; } .pr-40 { padding-right: 40px; } .pr-41 { padding-right: 41px; } .pr-42 { padding-right: 42px; } .pr-43 { padding-right: 43px; } .pr-44 { padding-right: 44px; } .pr-45 { padding-right: 45px; } .pr-46 { padding-right: 46px; } .pr-47 { padding-right: 47px; } .pr-48 { padding-right: 48px; } .pr-49 { padding-right: 49px; } .pr-50 { padding-right: 50px; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } .body-wrapper{ display: flex; flex-direction: column; min-height: 100vh; } .body-container-wrapper{ flex: 1; } .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section > .row-fluid { margin: 0 auto; } /* .dnd-section .dnd-column { padding: 0 1rem; } */ @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* Elements Base HTML elements are styled in this section (,

, ,

,