body.noScroll { overflow: hidden; position: fixed; inset: 0; } @keyframes dot-animation { 0% { background-color: rgba(29, 29, 27, 0.4); } 50% { background-color: rgba(29, 29, 27, 0.7); } 100% { background-color: #1D1D1B; } } .batcom--loading { display: inline-block; width: 10px; height: 10px; position: relative; background-color: grey; animation: dot-animation 1.2s infinite; animation-delay: 0.8s; border-radius: 50%; } .batcom--loading::before, .batcom--loading::after { border-radius: 50%; content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #1D1D1B; animation: dot-animation 1.2s infinite; } .batcom--loading::before { animation-delay: 0.4s; left: -20px; } .batcom--loading::after { animation-delay: 1.2s; right: -20px; } .batcom-overlay__shorthand { position: relative; z-index: 0; } /* doc --- title: z-index name: nn-z-index category: functions --- Because z-indices can get tricky we manage them in the theme.scss globally. Always use this mixin to set set a z-index. Read the Best Practice to get an full documentation: https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS ## Live Template abbreviations --- -z ## Parameters --- @parameter $element = Name of the element (normally this will be the module name for the main stack) @parameter $list = Name of the list (default $z-indices). Must be only set for stack context @parameter $min = Set a minimum z-index which will be added to the list. ## Dependencies --- $z-indices variable in the theme.scss ## Example --- ```html_example // In the SASS theme file $z-indices: slider, modal, dialog, navigation; // In the SASS module file .modal { &__base { position: absolute; z-index: nn-z-index(modal); } } ``` ## Source --- http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/ */ /* * Mixin used to create the arrows for the menu items. */ /* doc --- title: Clearfix name: clearfix category: mixins --- Clears after floating element Use this mixin only inside media queries where you can't use the abstract/extends/utils/_clearfix version, which adds less code to css ## Live Template abbreviations --- ## Example --- ```html_example @include clearfix; ``` ## Source --- */ /* doc --- title: Component Normalize / item Normalize name: font category: mixins --- Use this mixing to regular AEM wrappers and normalization. */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable media-feature-name-no-vendor-prefix */ /* doc --- title: Font name: font category: mixins --- Use this mixing to add fonts and normalization. Documentation: - https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization - https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management ## Parameters --- @param $font-type @param $normalize ## Dependencies --- /abstract/functions/nn-px-to-em /abstract/functions/nn-px-to-rem /abstract/functions/nn-px-to-unitless /abstract/mixins/font-icon */ /* * This mixin is used to style headings of any level in a responsive way. * It uses the variables defined in the typography map to style the headings so * the levels it can effectively style are 1 to 6. * It also styles the use of spans and links inside the headings. * * @param {number} $level - The heading level to style. * @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map. */ /* doc --- title: Visibility name: visibility category: mixins --- Mixin to add visibility to control to elements --- ## Example --- ```html_example .container { &__base { @include visible; @include breakpoint($b-01) { @include hidden; } } } ``` */ /* lt0 = (default) 1 column at a 100% lt1 = 2 columns (50%, 50%) lt2 = 2 columns (33%, 66%) lt3 = 2 columns (66%, 33%) lt4 = 3 columns (33%, 33%, 33%) lt5 = 4 columns (25%, 25%, 25%, 25%) ## Parameters @parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5 */ /** * Reverse container */ /* stylelint-disable */ /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default padding */ ul[class], ol[class] { padding: 0; } /* Remove default margin */ body, h1, h2, h3, h4, h5, h6, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0; } /* Set core body defaults */ body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; } /* Remove list styles on ul, ol elements with a class attribute */ ul[class], ol[class] { list-style: none; } /* A elements that don't have a class get default styles */ a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } a, a:visited, a:hover, a:active { color: inherit; text-decoration: inherit; } /* Make images easier to work with */ img { max-width: 100%; display: block; } /* Natural flow and rhythm in articles by default */ article > * + * { margin-top: 1em; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .xf-content-height { margin: 0 !important; min-height: 0 !important; } /* stylelint-enable */ body.noScroll { overflow: hidden; position: fixed; inset: 0; } @keyframes dot-animation { 0% { background-color: rgba(29, 29, 27, 0.4); } 50% { background-color: rgba(29, 29, 27, 0.7); } 100% { background-color: #1D1D1B; } } .batcom--loading { display: inline-block; width: 10px; height: 10px; position: relative; background-color: grey; animation: dot-animation 1.2s infinite; animation-delay: 0.8s; border-radius: 50%; } .batcom--loading::before, .batcom--loading::after { border-radius: 50%; content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #1D1D1B; animation: dot-animation 1.2s infinite; } .batcom--loading::before { animation-delay: 0.4s; left: -20px; } .batcom--loading::after { animation-delay: 1.2s; right: -20px; } .batcom-overlay__shorthand { position: relative; z-index: 0; } /* doc --- title: z-index name: nn-z-index category: functions --- Because z-indices can get tricky we manage them in the theme.scss globally. Always use this mixin to set set a z-index. Read the Best Practice to get an full documentation: https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS ## Live Template abbreviations --- -z ## Parameters --- @parameter $element = Name of the element (normally this will be the module name for the main stack) @parameter $list = Name of the list (default $z-indices). Must be only set for stack context @parameter $min = Set a minimum z-index which will be added to the list. ## Dependencies --- $z-indices variable in the theme.scss ## Example --- ```html_example // In the SASS theme file $z-indices: slider, modal, dialog, navigation; // In the SASS module file .modal { &__base { position: absolute; z-index: nn-z-index(modal); } } ``` ## Source --- http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/ */ /* * Mixin used to create the arrows for the menu items. */ /* doc --- title: Clearfix name: clearfix category: mixins --- Clears after floating element Use this mixin only inside media queries where you can't use the abstract/extends/utils/_clearfix version, which adds less code to css ## Live Template abbreviations --- ## Example --- ```html_example @include clearfix; ``` ## Source --- */ /* doc --- title: Component Normalize / item Normalize name: font category: mixins --- Use this mixing to regular AEM wrappers and normalization. */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable media-feature-name-no-vendor-prefix */ /* doc --- title: Font name: font category: mixins --- Use this mixing to add fonts and normalization. Documentation: - https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization - https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management ## Parameters --- @param $font-type @param $normalize ## Dependencies --- /abstract/functions/nn-px-to-em /abstract/functions/nn-px-to-rem /abstract/functions/nn-px-to-unitless /abstract/mixins/font-icon */ /* * This mixin is used to style headings of any level in a responsive way. * It uses the variables defined in the typography map to style the headings so * the levels it can effectively style are 1 to 6. * It also styles the use of spans and links inside the headings. * * @param {number} $level - The heading level to style. * @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map. */ /* doc --- title: Visibility name: visibility category: mixins --- Mixin to add visibility to control to elements --- ## Example --- ```html_example .container { &__base { @include visible; @include breakpoint($b-01) { @include hidden; } } } ``` */ /* lt0 = (default) 1 column at a 100% lt1 = 2 columns (50%, 50%) lt2 = 2 columns (33%, 66%) lt3 = 2 columns (66%, 33%) lt4 = 3 columns (33%, 33%, 33%) lt5 = 4 columns (25%, 25%, 25%, 25%) ## Parameters @parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5 */ /** * Reverse container */ .accordion, .breadcrumb, .carousel, .batcom-button, .batcom-container, .batcom-contentstream, .batcom-text-image, .batcom-video, .download, .embed, .form, .image, .languagenavigation, .list, .navigation, .progressbar, .search, .separator, .socialmedia, .tabs, .teaser, .text, .title, .batcom-space--verticalRhythm { margin-bottom: var(--batcom-layout-spacing-between-components-mobile); } @media only screen and (min-width: 768px) { .accordion, .breadcrumb, .carousel, .batcom-button, .batcom-container, .batcom-contentstream, .batcom-text-image, .batcom-video, .download, .embed, .form, .image, .languagenavigation, .list, .navigation, .progressbar, .search, .separator, .socialmedia, .tabs, .teaser, .text, .title, .batcom-space--verticalRhythm { margin-bottom: var(--batcom-layout-spacing-between-components-tablet); } } @media only screen and (min-width: 1024px) { .accordion, .breadcrumb, .carousel, .batcom-button, .batcom-container, .batcom-contentstream, .batcom-text-image, .batcom-video, .download, .embed, .form, .image, .languagenavigation, .list, .navigation, .progressbar, .search, .separator, .socialmedia, .tabs, .teaser, .text, .title, .batcom-space--verticalRhythm { margin-bottom: var(--batcom-layout-spacing-between-components-desktop); } } .batcom-space--largeBottom { margin-bottom: var(--batcom-layout-spacing-bottom-large-mobile); } @media only screen and (min-width: 768px) { .batcom-space--largeBottom { margin-bottom: var(--batcom-layout-spacing-bottom-large-tablet); } } @media only screen and (min-width: 1024px) { .batcom-space--largeBottom { margin-bottom: var(--batcom-layout-spacing-bottom-large-desktop); } } .batcom-space--mediumBottom { margin-bottom: var(--batcom-layout-spacing-bottom-medium-mobile); } @media only screen and (min-width: 768px) { .batcom-space--mediumBottom { margin-bottom: var(--batcom-layout-spacing-bottom-medium-tablet); } } @media only screen and (min-width: 1024px) { .batcom-space--mediumBottom { margin-bottom: var(--batcom-layout-spacing-bottom-medium-desktop); } } .batcom-space--smallBottom { margin-bottom: var(--batcom-layout-spacing-bottom-small-mobile); } @media only screen and (min-width: 768px) { .batcom-space--smallBottom { margin-bottom: var(--batcom-layout-spacing-bottom-small-tablet); } } @media only screen and (min-width: 1024px) { .batcom-space--smallBottom { margin-bottom: var(--batcom-layout-spacing-bottom-small-desktop); } } .batcom-space--noBottomSpace { margin-bottom: 0; } .cmp-experiencefragment--footer { margin-bottom: calc(-1 * var(--batcom-layout-spacing-between-components-mobile)); } @media only screen and (min-width: 768px) { .cmp-experiencefragment--footer { margin-bottom: calc(-1 * var(--batcom-layout-spacing-between-components-tablet)); } } @media only screen and (min-width: 1024px) { .cmp-experiencefragment--footer { margin-bottom: calc(-1 * var(--batcom-layout-spacing-between-components-desktop)); } } .cmp-experiencefragment--footer .batcom-container.root, .cmp-experiencefragment--footer .batcom-container.aem-GridColumn { margin-bottom: 0; } @media only screen and (min-width: 768px) { .cmp-experiencefragment--footer .batcom-container.root, .cmp-experiencefragment--footer .batcom-container.aem-GridColumn { margin-bottom: 0; } } @media only screen and (min-width: 1024px) { .cmp-experiencefragment--footer .batcom-container.root, .cmp-experiencefragment--footer .batcom-container.aem-GridColumn { margin-bottom: 0; } } body.noScroll { overflow: hidden; position: fixed; inset: 0; } @keyframes dot-animation { 0% { background-color: rgba(29, 29, 27, 0.4); } 50% { background-color: rgba(29, 29, 27, 0.7); } 100% { background-color: #1D1D1B; } } .batcom--loading { display: inline-block; width: 10px; height: 10px; position: relative; background-color: grey; animation: dot-animation 1.2s infinite; animation-delay: 0.8s; border-radius: 50%; } .batcom--loading::before, .batcom--loading::after { border-radius: 50%; content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #1D1D1B; animation: dot-animation 1.2s infinite; } .batcom--loading::before { animation-delay: 0.4s; left: -20px; } .batcom--loading::after { animation-delay: 1.2s; right: -20px; } .batcom-overlay__shorthand { position: relative; z-index: 0; } /* doc --- title: z-index name: nn-z-index category: functions --- Because z-indices can get tricky we manage them in the theme.scss globally. Always use this mixin to set set a z-index. Read the Best Practice to get an full documentation: https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS ## Live Template abbreviations --- -z ## Parameters --- @parameter $element = Name of the element (normally this will be the module name for the main stack) @parameter $list = Name of the list (default $z-indices). Must be only set for stack context @parameter $min = Set a minimum z-index which will be added to the list. ## Dependencies --- $z-indices variable in the theme.scss ## Example --- ```html_example // In the SASS theme file $z-indices: slider, modal, dialog, navigation; // In the SASS module file .modal { &__base { position: absolute; z-index: nn-z-index(modal); } } ``` ## Source --- http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/ */ /* * Mixin used to create the arrows for the menu items. */ /* doc --- title: Clearfix name: clearfix category: mixins --- Clears after floating element Use this mixin only inside media queries where you can't use the abstract/extends/utils/_clearfix version, which adds less code to css ## Live Template abbreviations --- ## Example --- ```html_example @include clearfix; ``` ## Source --- */ /* doc --- title: Component Normalize / item Normalize name: font category: mixins --- Use this mixing to regular AEM wrappers and normalization. */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable media-feature-name-no-vendor-prefix */ /* doc --- title: Font name: font category: mixins --- Use this mixing to add fonts and normalization. Documentation: - https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization - https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management ## Parameters --- @param $font-type @param $normalize ## Dependencies --- /abstract/functions/nn-px-to-em /abstract/functions/nn-px-to-rem /abstract/functions/nn-px-to-unitless /abstract/mixins/font-icon */ /* * This mixin is used to style headings of any level in a responsive way. * It uses the variables defined in the typography map to style the headings so * the levels it can effectively style are 1 to 6. * It also styles the use of spans and links inside the headings. * * @param {number} $level - The heading level to style. * @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map. */ /* doc --- title: Visibility name: visibility category: mixins --- Mixin to add visibility to control to elements --- ## Example --- ```html_example .container { &__base { @include visible; @include breakpoint($b-01) { @include hidden; } } } ``` */ /* lt0 = (default) 1 column at a 100% lt1 = 2 columns (50%, 50%) lt2 = 2 columns (33%, 66%) lt3 = 2 columns (66%, 33%) lt4 = 3 columns (33%, 33%, 33%) lt5 = 4 columns (25%, 25%, 25%, 25%) ## Parameters @parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5 */ /** * Reverse container */ html { scroll-behavior: smooth; font-size: var(--batcom-typography-body-base-size); } @media only screen and (min-width: 768px) { :root { --noScroll-padding: 0; /* stylelint-disable-line */ } } body { width: 100vw; /* stylelint-disable-line */ max-width: 100%; overflow: hidden visible; color: var(--batcom-color-body-text); font-family: var(--batcom-typography-body-family); letter-spacing: 0; font-weight: var(--batcom-typography-body-weight); } @media only screen and (max-width: 767px) { body { font-size: var(--batcom-typography-body-size-mobile); line-height: var(--batcom-typography-body-line-height-mobile); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { body { font-size: var(--batcom-typography-body-size-tablet); line-height: var(--batcom-typography-body-line-height-tablet); } } @media only screen and (min-width: 1024px) { body { font-size: var(--batcom-typography-body-size-desktop); line-height: var(--batcom-typography-body-line-height-desktop); } } body .batcom-container--primary-dark, body .batcom-container--secondary-dark { color: var(--batcom-color-body-text-inverted); } body.noScroll { overflow: hidden; position: fixed; inset: 0; } sup, sub, u, i, input, p, span, ul, ol { font: inherit; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } u { text-decoration: underline; } ul, ol { list-style: none; padding-left: 0; } i { font-style: italic; } blockquote, blockquote a { font-family: var(--batcom-typography-quote-family); font-size: var(--batcom-typography-quote-size-mobile); line-height: var(--batcom-typography-quote-line-height-mobile); font-weight: var(--batcom-typography-quote-weight); } @media only screen and (min-width: 768px) { blockquote, blockquote a { --batcom-typography-quote-size-mobile: var(--batcom-typography-quote-size-tablet); --batcom-typography-quote-line-height-mobile: var(--batcom-typography-quote-line-height-tablet); } } @media only screen and (min-width: 1024px) { blockquote, blockquote a { --batcom-typography-quote-size-mobile: var(--batcom-typography-quote-size-desktop); --batcom-typography-quote-line-height-mobile: var(--batcom-typography-quote-line-height-desktop); } } blockquote::before, blockquote a::before { content: ""; } blockquote::after, blockquote a::after { content: ""; } pre { font-family: "Consolas", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Monaco", "Courier New", "Courier", monospace; white-space: pre-wrap; margin: 0; } .xx-small, .xx-small a { font-family: var(--batcom-typography-x-x-small-family); font-size: var(--batcom-typography-x-x-small-size-mobile); line-height: var(--batcom-typography-x-x-small-line-height-mobile); font-weight: var(--batcom-typography-x-x-small-weight); display: inline-block; } @media only screen and (min-width: 768px) { .xx-small, .xx-small a { --batcom-typography-small-size-mobile: var(--batcom-typography-x-x-small-size-tablet); --batcom-typography-small-line-height-mobile: var(--batcom-typography-x-x-small-line-height-tablet); } } @media only screen and (min-width: 1024px) { .xx-small, .xx-small a { --batcom-typography-small-size-mobile: var(--batcom-typography-x-x-small-size-desktop); --batcom-typography-small-line-height-mobile: var(--batcom-typography-x-x-small-line-height-desktop); } } .x-small, .x-small a { font-family: var(--batcom-typography-x-small-family); font-size: var(--batcom-typography-x-small-size-mobile); line-height: var(--batcom-typography-x-small-line-height-mobile); font-weight: var(--batcom-typography-x-small-weight); display: inline-block; } @media only screen and (min-width: 768px) { .x-small, .x-small a { --batcom-typography-small-size-mobile: var(--batcom-typography-x-small-size-tablet); --batcom-typography-small-line-height-mobile: var(--batcom-typography-x-small-line-height-tablet); } } @media only screen and (min-width: 1024px) { .x-small, .x-small a { --batcom-typography-small-size-mobile: var(--batcom-typography-x-small-size-desktop); --batcom-typography-small-line-height-mobile: var(--batcom-typography-x-small-line-height-desktop); } } .small, .small a { font-family: var(--batcom-typography-small-family); font-size: var(--batcom-typography-small-size-mobile); line-height: var(--batcom-typography-small-line-height-mobile); font-weight: var(--batcom-typography-small-weight); display: inline-block; } @media only screen and (min-width: 768px) { .small, .small a { --batcom-typography-small-size-mobile: var(--batcom-typography-small-size-tablet); --batcom-typography-small-line-height-mobile: var(--batcom-typography-small-line-height-tablet); } } @media only screen and (min-width: 1024px) { .small, .small a { --batcom-typography-small-size-mobile: var(--batcom-typography-small-size-desktop); --batcom-typography-small-line-height-mobile: var(--batcom-typography-small-line-height-desktop); } } .large, .large a { font-family: var(--batcom-typography-large-family); font-size: var(--batcom-typography-large-size-mobile); line-height: var(--batcom-typography-large-line-height-mobile); font-weight: var(--batcom-typography-large-weight); display: inline-block; } @media only screen and (min-width: 768px) { .large, .large a { --batcom-typography-large-size-mobile: var(--batcom-typography-large-size-tablet); --batcom-typography-large-line-height-mobile: var(--batcom-typography-large-line-height-tablet); } } @media only screen and (min-width: 1024px) { .large, .large a { --batcom-typography-large-size-mobile: var(--batcom-typography-large-size-desktop); --batcom-typography-large-line-height-mobile: var(--batcom-typography-large-line-height-desktop); } } li > .xx-small, li > .xx-small a, li > .x-small, li > .x-small a, li > .small, li > .small a, li > .large, li > .large a { display: inline; } body.noScroll { overflow: hidden; position: fixed; inset: 0; } @keyframes dot-animation { 0% { background-color: rgba(29, 29, 27, 0.4); } 50% { background-color: rgba(29, 29, 27, 0.7); } 100% { background-color: #1D1D1B; } } .batcom--loading { display: inline-block; width: 10px; height: 10px; position: relative; background-color: grey; animation: dot-animation 1.2s infinite; animation-delay: 0.8s; border-radius: 50%; } .batcom--loading::before, .batcom--loading::after { border-radius: 50%; content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #1D1D1B; animation: dot-animation 1.2s infinite; } .batcom--loading::before { animation-delay: 0.4s; left: -20px; } .batcom--loading::after { animation-delay: 1.2s; right: -20px; } .batcom-overlay__shorthand { position: relative; z-index: 0; } /* doc --- title: z-index name: nn-z-index category: functions --- Because z-indices can get tricky we manage them in the theme.scss globally. Always use this mixin to set set a z-index. Read the Best Practice to get an full documentation: https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS ## Live Template abbreviations --- -z ## Parameters --- @parameter $element = Name of the element (normally this will be the module name for the main stack) @parameter $list = Name of the list (default $z-indices). Must be only set for stack context @parameter $min = Set a minimum z-index which will be added to the list. ## Dependencies --- $z-indices variable in the theme.scss ## Example --- ```html_example // In the SASS theme file $z-indices: slider, modal, dialog, navigation; // In the SASS module file .modal { &__base { position: absolute; z-index: nn-z-index(modal); } } ``` ## Source --- http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/ */ /* * Mixin used to create the arrows for the menu items. */ /* doc --- title: Clearfix name: clearfix category: mixins --- Clears after floating element Use this mixin only inside media queries where you can't use the abstract/extends/utils/_clearfix version, which adds less code to css ## Live Template abbreviations --- ## Example --- ```html_example @include clearfix; ``` ## Source --- */ /* doc --- title: Component Normalize / item Normalize name: font category: mixins --- Use this mixing to regular AEM wrappers and normalization. */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable media-feature-name-no-vendor-prefix */ /* doc --- title: Font name: font category: mixins --- Use this mixing to add fonts and normalization. Documentation: - https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization - https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management ## Parameters --- @param $font-type @param $normalize ## Dependencies --- /abstract/functions/nn-px-to-em /abstract/functions/nn-px-to-rem /abstract/functions/nn-px-to-unitless /abstract/mixins/font-icon */ /* * This mixin is used to style headings of any level in a responsive way. * It uses the variables defined in the typography map to style the headings so * the levels it can effectively style are 1 to 6. * It also styles the use of spans and links inside the headings. * * @param {number} $level - The heading level to style. * @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map. */ /* doc --- title: Visibility name: visibility category: mixins --- Mixin to add visibility to control to elements --- ## Example --- ```html_example .container { &__base { @include visible; @include breakpoint($b-01) { @include hidden; } } } ``` */ /* lt0 = (default) 1 column at a 100% lt1 = 2 columns (50%, 50%) lt2 = 2 columns (33%, 66%) lt3 = 2 columns (66%, 33%) lt4 = 3 columns (33%, 33%, 33%) lt5 = 4 columns (25%, 25%, 25%, 25%) ## Parameters @parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5 */ /** * Reverse container */ a { font-family: var(--batcom-typography-body-family); font-weight: var(--batcom-typography-body-weight); font-size: var(--batcom-typography-body-size-mobile); line-height: var(--batcom-typography-body-line-height-mobile); word-break: break-word; color: var(--batcom-color-anchor-default); text-decoration: underline; } .batcom-container--primary-dark a, .batcom-container--secondary-dark a { --batcom-color-anchor-default: var(--batcom-color-anchor-inverted); --batcom-color-anchor-hover: var(--batcom-color-anchor-hover-inverted); } @media only screen and (min-width: 768px) { a { --batcom-typography-body-size-mobile: var(--batcom-typography-body-size-tablet); --batcom-typography-body-line-height-mobile: var(--batcom-typography-body-line-height-tablet); } } @media only screen and (min-width: 1024px) { a { --batcom-typography-body-size-mobile: var(--batcom-typography-body-size-desktop); --batcom-typography-body-line-height-mobile: var(--batcom-typography-body-line-height-desktop); } } a:active { color: var(--batcom-color-anchor-hover); } a:visited, a:hover { color: var(--batcom-color-anchor-hover); text-decoration: underline; } body.noScroll { overflow: hidden; position: fixed; inset: 0; } @keyframes dot-animation { 0% { background-color: rgba(29, 29, 27, 0.4); } 50% { background-color: rgba(29, 29, 27, 0.7); } 100% { background-color: #1D1D1B; } } .batcom--loading { display: inline-block; width: 10px; height: 10px; position: relative; background-color: grey; animation: dot-animation 1.2s infinite; animation-delay: 0.8s; border-radius: 50%; } .batcom--loading::before, .batcom--loading::after { border-radius: 50%; content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; background-color: #1D1D1B; animation: dot-animation 1.2s infinite; } .batcom--loading::before { animation-delay: 0.4s; left: -20px; } .batcom--loading::after { animation-delay: 1.2s; right: -20px; } .batcom-overlay__shorthand { position: relative; z-index: 0; } /* doc --- title: z-index name: nn-z-index category: functions --- Because z-indices can get tricky we manage them in the theme.scss globally. Always use this mixin to set set a z-index. Read the Best Practice to get an full documentation: https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS ## Live Template abbreviations --- -z ## Parameters --- @parameter $element = Name of the element (normally this will be the module name for the main stack) @parameter $list = Name of the list (default $z-indices). Must be only set for stack context @parameter $min = Set a minimum z-index which will be added to the list. ## Dependencies --- $z-indices variable in the theme.scss ## Example --- ```html_example // In the SASS theme file $z-indices: slider, modal, dialog, navigation; // In the SASS module file .modal { &__base { position: absolute; z-index: nn-z-index(modal); } } ``` ## Source --- http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/ */ /* * Mixin used to create the arrows for the menu items. */ /* doc --- title: Clearfix name: clearfix category: mixins --- Clears after floating element Use this mixin only inside media queries where you can't use the abstract/extends/utils/_clearfix version, which adds less code to css ## Live Template abbreviations --- ## Example --- ```html_example @include clearfix; ``` ## Source --- */ /* doc --- title: Component Normalize / item Normalize name: font category: mixins --- Use this mixing to regular AEM wrappers and normalization. */ /* stylelint-disable max-nesting-depth */ /* stylelint-disable media-feature-name-no-vendor-prefix */ /* doc --- title: Font name: font category: mixins --- Use this mixing to add fonts and normalization. Documentation: - https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization - https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management ## Parameters --- @param $font-type @param $normalize ## Dependencies --- /abstract/functions/nn-px-to-em /abstract/functions/nn-px-to-rem /abstract/functions/nn-px-to-unitless /abstract/mixins/font-icon */ /* * This mixin is used to style headings of any level in a responsive way. * It uses the variables defined in the typography map to style the headings so * the levels it can effectively style are 1 to 6. * It also styles the use of spans and links inside the headings. * * @param {number} $level - The heading level to style. * @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map. */ /* doc --- title: Visibility name: visibility category: mixins --- Mixin to add visibility to control to elements --- ## Example --- ```html_example .container { &__base { @include visible; @include breakpoint($b-01) { @include hidden; } } } ``` */ /* lt0 = (default) 1 column at a 100% lt1 = 2 columns (50%, 50%) lt2 = 2 columns (33%, 66%) lt3 = 2 columns (66%, 33%) lt4 = 3 columns (33%, 33%, 33%) lt5 = 4 columns (25%, 25%, 25%, 25%) ## Parameters @parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5 */ /** * Reverse container */ h1 { font-family: var(--batcom-typography-h1-family); font-size: var(--batcom-typography-h1-size-mobile); line-height: var(--batcom-typography-h1-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h1); font-weight: var(--batcom-typography-h1-weight); } h1 span { font-family: var(--batcom-typography-h1-family); font-size: var(--batcom-typography-h1-size-mobile); line-height: var(--batcom-typography-h1-line-height-mobile); font-weight: var(--batcom-typography-h1-weight); } h1 a { font-family: var(--batcom-typography-h1-family); font-size: var(--batcom-typography-h1-size-mobile); line-height: var(--batcom-typography-h1-line-height-mobile); font-weight: var(--batcom-typography-h1-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h1 a:hover, h1 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h1 { --batcom-typography-h1-size-mobile: var(--batcom-typography-h1-size-tablet); --batcom-typography-h1-line-height-mobile: var(--batcom-typography-h1-line-height-tablet); } } @media only screen and (min-width: 1024px) { h1 { --batcom-typography-h1-size-mobile: var(--batcom-typography-h1-size-desktop); --batcom-typography-h1-line-height-mobile: var(--batcom-typography-h1-line-height-desktop); } } .batcom-container--primary-dark h1, .batcom-container--secondary-dark h1 { color: var(--batcom-color-heading-h1-inverted); } h2 { font-family: var(--batcom-typography-h2-family); font-size: var(--batcom-typography-h2-size-mobile); line-height: var(--batcom-typography-h2-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h2); font-weight: var(--batcom-typography-h2-weight); } h2 span { font-family: var(--batcom-typography-h2-family); font-size: var(--batcom-typography-h2-size-mobile); line-height: var(--batcom-typography-h2-line-height-mobile); font-weight: var(--batcom-typography-h2-weight); } h2 a { font-family: var(--batcom-typography-h2-family); font-size: var(--batcom-typography-h2-size-mobile); line-height: var(--batcom-typography-h2-line-height-mobile); font-weight: var(--batcom-typography-h2-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h2 a:hover, h2 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h2 { --batcom-typography-h2-size-mobile: var(--batcom-typography-h2-size-tablet); --batcom-typography-h2-line-height-mobile: var(--batcom-typography-h2-line-height-tablet); } } @media only screen and (min-width: 1024px) { h2 { --batcom-typography-h2-size-mobile: var(--batcom-typography-h2-size-desktop); --batcom-typography-h2-line-height-mobile: var(--batcom-typography-h2-line-height-desktop); } } .batcom-container--primary-dark h2, .batcom-container--secondary-dark h2 { color: var(--batcom-color-heading-h2-inverted); } h3 { font-family: var(--batcom-typography-h3-family); font-size: var(--batcom-typography-h3-size-mobile); line-height: var(--batcom-typography-h3-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h3); font-weight: var(--batcom-typography-h3-weight); } h3 span { font-family: var(--batcom-typography-h3-family); font-size: var(--batcom-typography-h3-size-mobile); line-height: var(--batcom-typography-h3-line-height-mobile); font-weight: var(--batcom-typography-h3-weight); } h3 a { font-family: var(--batcom-typography-h3-family); font-size: var(--batcom-typography-h3-size-mobile); line-height: var(--batcom-typography-h3-line-height-mobile); font-weight: var(--batcom-typography-h3-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h3 a:hover, h3 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h3 { --batcom-typography-h3-size-mobile: var(--batcom-typography-h3-size-tablet); --batcom-typography-h3-line-height-mobile: var(--batcom-typography-h3-line-height-tablet); } } @media only screen and (min-width: 1024px) { h3 { --batcom-typography-h3-size-mobile: var(--batcom-typography-h3-size-desktop); --batcom-typography-h3-line-height-mobile: var(--batcom-typography-h3-line-height-desktop); } } .batcom-container--primary-dark h3, .batcom-container--secondary-dark h3 { color: var(--batcom-color-heading-h3-inverted); } h4 { font-family: var(--batcom-typography-h4-family); font-size: var(--batcom-typography-h4-size-mobile); line-height: var(--batcom-typography-h4-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h4); font-weight: var(--batcom-typography-h4-weight); } h4 span { font-family: var(--batcom-typography-h4-family); font-size: var(--batcom-typography-h4-size-mobile); line-height: var(--batcom-typography-h4-line-height-mobile); font-weight: var(--batcom-typography-h4-weight); } h4 a { font-family: var(--batcom-typography-h4-family); font-size: var(--batcom-typography-h4-size-mobile); line-height: var(--batcom-typography-h4-line-height-mobile); font-weight: var(--batcom-typography-h4-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h4 a:hover, h4 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h4 { --batcom-typography-h4-size-mobile: var(--batcom-typography-h4-size-tablet); --batcom-typography-h4-line-height-mobile: var(--batcom-typography-h4-line-height-tablet); } } @media only screen and (min-width: 1024px) { h4 { --batcom-typography-h4-size-mobile: var(--batcom-typography-h4-size-desktop); --batcom-typography-h4-line-height-mobile: var(--batcom-typography-h4-line-height-desktop); } } .batcom-container--primary-dark h4, .batcom-container--secondary-dark h4 { color: var(--batcom-color-heading-h4-inverted); } h5 { font-family: var(--batcom-typography-h5-family); font-size: var(--batcom-typography-h5-size-mobile); line-height: var(--batcom-typography-h5-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h5); font-weight: var(--batcom-typography-h5-weight); } h5 span { font-family: var(--batcom-typography-h5-family); font-size: var(--batcom-typography-h5-size-mobile); line-height: var(--batcom-typography-h5-line-height-mobile); font-weight: var(--batcom-typography-h5-weight); } h5 a { font-family: var(--batcom-typography-h5-family); font-size: var(--batcom-typography-h5-size-mobile); line-height: var(--batcom-typography-h5-line-height-mobile); font-weight: var(--batcom-typography-h5-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h5 a:hover, h5 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h5 { --batcom-typography-h5-size-mobile: var(--batcom-typography-h5-size-tablet); --batcom-typography-h5-line-height-mobile: var(--batcom-typography-h5-line-height-tablet); } } @media only screen and (min-width: 1024px) { h5 { --batcom-typography-h5-size-mobile: var(--batcom-typography-h5-size-desktop); --batcom-typography-h5-line-height-mobile: var(--batcom-typography-h5-line-height-desktop); } } .batcom-container--primary-dark h5, .batcom-container--secondary-dark h5 { color: var(--batcom-color-heading-h5-inverted); } h6 { font-family: var(--batcom-typography-h6-family); font-size: var(--batcom-typography-h6-size-mobile); line-height: var(--batcom-typography-h6-line-height-mobile); word-break: break-word; color: var(--batcom-color-heading-h6); font-weight: var(--batcom-typography-h6-weight); } h6 span { font-family: var(--batcom-typography-h6-family); font-size: var(--batcom-typography-h6-size-mobile); line-height: var(--batcom-typography-h6-line-height-mobile); font-weight: var(--batcom-typography-h6-weight); } h6 a { font-family: var(--batcom-typography-h6-family); font-size: var(--batcom-typography-h6-size-mobile); line-height: var(--batcom-typography-h6-line-height-mobile); font-weight: var(--batcom-typography-h6-weight); text-decoration: none; color: var(--batcom-color-anchor-default); } h6 a:hover, h6 a:focus { color: var(--batcom-color-anchor-hover); text-decoration: underline; } @media only screen and (min-width: 768px) { h6 { --batcom-typography-h6-size-mobile: var(--batcom-typography-h6-size-tablet); --batcom-typography-h6-line-height-mobile: var(--batcom-typography-h6-line-height-tablet); } } @media only screen and (min-width: 1024px) { h6 { --batcom-typography-h6-size-mobile: var(--batcom-typography-h6-size-desktop); --batcom-typography-h6-line-height-mobile: var(--batcom-typography-h6-line-height-desktop); } } .batcom-container--primary-dark h6, .batcom-container--secondary-dark h6 { color: var(--batcom-color-heading-h6-inverted); } h1 { margin-bottom: 10px; } .batcom-content { width: calc(100vw - var(--batcom-layout-content-left-right-margin)); /* stylelint-disable-line */ max-width: var(--batcom-layout-content-max-width); margin: 0 auto; } @media only screen and (min-width: 1024px) { .batcom-content { width: calc(100vw - var(--batcom-layout-content-left-right-margin) * 2); /* stylelint-disable-line */ } } .batcom-container--full-page-width .batcom-content { margin: 0; max-width: none; width: 100%; } .cmp-experiencefragment:not(.cmp-experiencefragment--header, .cmp-experiencefragment--footer, .cmp-experiencefragment--careers) .batcom-content { width: 100%; max-width: 100%; } .batcom-button-reset { overflow: visible; width: auto; padding: 0; border: none; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; color: inherit; font: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; line-height: normal; } .batcom-button-reset::-moz-focus-inner { padding: 0; border: 0; } .batcom-rainbow-border::after { content: ""; position: absolute; bottom: 0; left: 0; height: 11px; width: 100%; display: block; background: linear-gradient(90deg, #0e2b63 30.479%, rgba(0, 0, 0, 0) 30.479%), linear-gradient(90deg, #004f9f 52.158%, rgba(0, 0, 0, 0) 52.158%), linear-gradient(90deg, #00b1eb 64.729%, rgba(0, 0, 0, 0) 64.729%), linear-gradient(90deg, #ef7d00 73.225%, rgba(0, 0, 0, 0) 73.225%), linear-gradient(90deg, #fb0 79.628%, rgba(0, 0, 0, 0) 79.629%), linear-gradient(90deg, #50af47 86.692%, rgba(0, 0, 0, 0) 86.692%), linear-gradient(90deg, #afca0b 92.03%, rgba(0, 0, 0, 0) 92.03%), linear-gradient(90deg, #5a328a 97.009%, rgba(0, 0, 0, 0) 97.009%), linear-gradient(90deg, #e72582 100%, rgba(0, 0, 0, 0) 100%); } .batcom-hide-scrollbars { -ms-overflow-style: none; scrollbar-width: none; } .batcom-hide-scrollbars::-webkit-scrollbar { display: none; } .batcom-hide { /* stylelint-disable */ display: none !important; visibility: hidden !important; /* stylelint-enable */ } .batcom-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL2Fic3RyYWN0cy9fYm9keV9ub3Njcm9sbC5zY3NzIiwiLi4vc3JjL21haW4vamNyX3Jvb3QvYXBwcy9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvcHVibGlzaC5idW5kbGUuY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvYWJzdHJhY3RzL19sb2FkaW5nLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9hYnN0cmFjdHMvX292ZXJsYXlfc2hvcnRoYW5kLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9mdW5jdGlvbnMvX25uLXotaW5kZXguc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fYXJyb3cuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY2xlYXJmaXguc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY29tcG9uZW50LW5vcm1hbGl6ZS5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19mb250LnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX2hlYWRpbmdzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX3Zpc2liaWxpdHkuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY29sdW1uY29udHJvbC5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19yZXZlcnNlLWNvbnRhaW5lci5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvX3Jlc2V0LnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1zcGFjaW5nLXN0eWxlcy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19tZWRpYXF1ZXJpZXMuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvcHVibGlzaC90aGVtZS9nbG9iYWxzdHlsZXMvZ2xvYmFsLXRleHQtc3R5bGVzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1hbmNob3Itc3R5bGVzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1oZWFkaW5nLXN0eWxlcy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9wdWJsaXNoL3B1Ymxpc2guY2xpZW50bGlicy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19idXR0b25zLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX2JvcmRlcnMuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fbm9fc2Nyb2xsYmFycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BO0VBQ0UsZ0JBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ0xGOztBQ0VBO0VBQ0U7SUFDRSx1Q0FBQTtFRENGO0VDRUE7SUFDRSx1Q0FBQTtFREFGO0VDR0E7SUFDRSx5QkFBQTtFRERGO0FBQ0Y7QUNJQTtFQUNFLHFCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxrQkFBQTtFQUNBLHNCQUFBO0VBQ0Esc0NBQUE7RUFDQSxxQkFBQTtFQUNBLGtCQUFBO0FERkY7QUNJRTtFQUVFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0Esc0NBQUE7QURISjtBQ01FO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0FESko7QUNPRTtFQUNFLHFCQUFBO0VBQ0EsWUFBQTtBRExKOztBRTFDQTtFQUNFLGtCQUFBO0VBQ0EsVUFBQTtBRjZDRjs7QUdqREE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Q0FBQTtBQ0FBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7OztDQUFBO0FDQUEsd0NBQUE7QUFDQSwwREFBQTtBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNIQTs7Ozs7Ozs7Q0FBQTtBQ0FBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7Ozs7OztDQUFBO0FDQ0E7O0NBQUE7QUNDQSxzQkFBQTtBQUVBLHFCQUFBO0FBQ0E7OztFQUdFLHNCQUFBO0Fac05GOztBWW5OQSwyQkFBQTtBQUNBOztFQUVFLFVBQUE7QVpzTkY7O0FZbk5BLDBCQUFBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7RUFnQkUsU0FBQTtBWnNORjs7QVluTkEsMkJBQUE7QUFDQTtFQUNFLGlCQUFBO0VBQ0EsdUJBQUE7RUFDQSw2QkFBQTtBWnNORjs7QVluTkEsaUVBQUE7QUFDQTs7RUFFRSxnQkFBQTtBWnNORjs7QVluTkEsMERBQUE7QUFDQTtFQUNFLGlDQUFBO1VBQUEsOEJBQUE7QVpzTkY7O0FZbk5BOzs7O0VBSUUsY0FBQTtFQUNBLHdCQUFBO0Fac05GOztBWW5OQSxvQ0FBQTtBQUNBO0VBQ0UsZUFBQTtFQUNBLGNBQUE7QVpzTkY7O0FZbk5BLG1EQUFBO0FBQ0E7RUFDRSxlQUFBO0Fac05GOztBWW5OQSx5Q0FBQTtBQUNBOzs7O0VBSUUsYUFBQTtBWnNORjs7QVluTkEsaUZBQUE7QUFDQTtFQUNFO0lBQ0UscUNBQUE7SUFDQSx1Q0FBQTtJQUNBLHNDQUFBO0lBQ0EsZ0NBQUE7RVpzTkY7QUFDRjtBWW5OQTtFQUNFLG9CQUFBO0VBQ0Esd0JBQUE7QVpxTkY7O0FZbE5BLHFCQUFBO0FiM0ZBO0VBQ0UsZ0JBQUE7RUFDQSxlQUFBO0VBQ0EsUUFBQTtBQ2lURjs7QUNwVEE7RUFDRTtJQUNFLHVDQUFBO0VEdVRGO0VDcFRBO0lBQ0UsdUNBQUE7RURzVEY7RUNuVEE7SUFDRSx5QkFBQTtFRHFURjtBQUNGO0FDbFRBO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esc0JBQUE7RUFDQSxzQ0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7QURvVEY7QUNsVEU7RUFFRSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxxQkFBQTtFQUNBLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSx5QkFBQTtFQUNBLHNDQUFBO0FEbVRKO0FDaFRFO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0FEa1RKO0FDL1NFO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0FEaVRKOztBRWhXQTtFQUNFLGtCQUFBO0VBQ0EsVUFBQTtBRm1XRjs7QUd2V0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Q0FBQTtBQ0FBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7OztDQUFBO0FDQUEsd0NBQUE7QUFDQSwwREFBQTtBQUVBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNIQTs7Ozs7Ozs7Q0FBQTtBQ0FBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7Ozs7OztDQUFBO0FDQ0E7O0NBQUE7QUVFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBd0JFLHFFQUFBO0FiNGdCRjtBY25mRTtFRGpERjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBMkJJLHFFQUFBO0Vib2lCRjtBQUNGO0FjMWZFO0VEdEVGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUErQkksc0VBQUE7RWI0akJGO0FBQ0Y7O0FhempCQTtFQUNFLCtEQUFBO0FiNGpCRjtBYy9pQkU7RURkRjtJQUlJLCtEQUFBO0ViNmpCRjtBQUNGO0FjL2hCRTtFRG5DRjtJQVFJLGdFQUFBO0ViOGpCRjtBQUNGOztBYTNqQkE7RUFDRSxnRUFBQTtBYjhqQkY7QWM3akJFO0VERkY7SUFJSSxnRUFBQTtFYitqQkY7QUFDRjtBYzdpQkU7RUR2QkY7SUFRSSxpRUFBQTtFYmdrQkY7QUFDRjs7QWE3akJBO0VBQ0UsK0RBQUE7QWJna0JGO0FjM2tCRTtFRFVGO0lBSUksK0RBQUE7RWJpa0JGO0FBQ0Y7QWMzakJFO0VEWEY7SUFRSSxnRUFBQTtFYmtrQkY7QUFDRjs7QWEvakJBO0VBQ0UsZ0JBQUE7QWJra0JGOztBYTlqQkE7RUFDRSxnRkFBQTtBYmlrQkY7QWM3bEJFO0VEMkJGO0lBSUksZ0ZBQUE7RWJra0JGO0FBQ0Y7QWM3a0JFO0VETUY7SUFRSSxpRkFBQTtFYm1rQkY7QUFDRjtBYWprQkU7O0VBRUUsZ0JBQUE7QWJta0JKO0FjM21CRTtFRHNDQTs7SUFLSSxnQkFBQTtFYnFrQko7QUFDRjtBYzVsQkU7RURpQkE7O0lBU0ksZ0JBQUE7RWJ1a0JKO0FBQ0Y7O0FEcnFCQTtFQUNFLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUN3cUJGOztBQzNxQkE7RUFDRTtJQUNFLHVDQUFBO0VEOHFCRjtFQzNxQkE7SUFDRSx1Q0FBQTtFRDZxQkY7RUMxcUJBO0lBQ0UseUJBQUE7RUQ0cUJGO0FBQ0Y7QUN6cUJBO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esc0JBQUE7RUFDQSxzQ0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7QUQycUJGO0FDenFCRTtFQUVFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0Esc0NBQUE7QUQwcUJKO0FDdnFCRTtFQUNFLHFCQUFBO0VBQ0EsV0FBQTtBRHlxQko7QUN0cUJFO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0FEd3FCSjs7QUV2dEJBO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0FGMHRCRjs7QUc5dEJBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Q0FBQTtBQ0FBLHdDQUFBO0FBQ0EsMERBQUE7QUFFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDSEE7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Ozs7Q0FBQTtBQ0NBOztDQUFBO0FJRUE7RUFDRSx1QkFBQTtFQUNBLGtEQUFBO0FmbTRCRjs7QWNwMUJFO0VDM0NBO0lBQ0UscUJBQUEsRUFBQSwyQkFBQTtFZm00QkY7QUFDRjtBZWg0QkE7RUFDRSxZQUFBLEVBQUEsMkJBQUE7RUFDQSxlQUFBO0VBQ0Esd0JBQUE7RUFDQSxvQ0FBQTtFQUNBLGlEQUFBO0VBQ0EsaUJBQUE7RUFDQSxpREFBQTtBZms0QkY7QWNqM0JFO0VDeEJGO0lBVUksb0RBQUE7SUFDQSw2REFBQTtFZm00QkY7QUFDRjtBY2gzQkU7RUMvQkY7SUFlSSxvREFBQTtJQUNBLDZEQUFBO0VmbzRCRjtBQUNGO0FjMTFCRTtFQzNERjtJQW9CSSxxREFBQTtJQUNBLDhEQUFBO0VmcTRCRjtBQUNGO0FlbjRCRTs7RUFFRSw2Q0FBQTtBZnE0Qko7O0FlajRCQTtFQUNFLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QWZvNEJGOztBZWo0QkE7Ozs7Ozs7OztFQVNFLGFBQUE7QWZvNEJGOztBZWo0QkE7RUFDRSxxQkFBQTtFQUNBLGtCQUFBO0FmbzRCRjs7QWVqNEJBO0VBQ0UsbUJBQUE7RUFDQSxrQkFBQTtBZm80QkY7O0FlajRCQTtFQUNFLDBCQUFBO0FmbzRCRjs7QWVqNEJBOztFQUVFLGdCQUFBO0VBQ0EsZUFBQTtBZm80QkY7O0FlajRCQTtFQUNFLGtCQUFBO0FmbzRCRjs7QWVqNEJBOztFQUVFLGtEQUFBO0VBQ0EscURBQUE7RUFDQSw4REFBQTtFQUNBLGtEQUFBO0FmbzRCRjtBYzM2QkU7RUNrQ0Y7O0lBUUksaUZBQUE7SUFDQSwrRkFBQTtFZnM0QkY7QUFDRjtBYzc1QkU7RUNhRjs7SUFhSSxrRkFBQTtJQUNBLGdHQUFBO0VmdzRCRjtBQUNGO0FldDRCRTs7RUFDRSxXQUFBO0FmeTRCSjtBZXQ0QkU7O0VBQ0UsV0FBQTtBZnk0Qko7O0FlcjRCQTtFQUNFLGlJQUFBO0VBQ0EscUJBQUE7RUFDQSxTQUFBO0FmdzRCRjs7QWVyNEJBOztFQUVFLHNEQUFBO0VBQ0EseURBQUE7RUFDQSxrRUFBQTtFQUNBLHNEQUFBO0VBQ0EscUJBQUE7QWZ3NEJGO0FjaDlCRTtFQ2tFRjs7SUFTSSxxRkFBQTtJQUNBLG1HQUFBO0VmMDRCRjtBQUNGO0FjbDhCRTtFQzZDRjs7SUFjSSxzRkFBQTtJQUNBLG9HQUFBO0VmNDRCRjtBQUNGOztBZXo0QkE7O0VBRUUsb0RBQUE7RUFDQSx1REFBQTtFQUNBLGdFQUFBO0VBQ0Esb0RBQUE7RUFDQSxxQkFBQTtBZjQ0QkY7QWN2K0JFO0VDcUZGOztJQVNJLG1GQUFBO0lBQ0EsaUdBQUE7RWY4NEJGO0FBQ0Y7QWN6OUJFO0VDZ0VGOztJQWNJLG9GQUFBO0lBQ0Esa0dBQUE7RWZnNUJGO0FBQ0Y7O0FlNzRCQTs7RUFFRSxrREFBQTtFQUNBLHFEQUFBO0VBQ0EsOERBQUE7RUFDQSxrREFBQTtFQUNBLHFCQUFBO0FmZzVCRjtBYzkvQkU7RUN3R0Y7O0lBU0ksaUZBQUE7SUFDQSwrRkFBQTtFZms1QkY7QUFDRjtBY2gvQkU7RUNtRkY7O0lBY0ksa0ZBQUE7SUFDQSxnR0FBQTtFZm81QkY7QUFDRjs7QWVqNUJBOztFQUVFLGtEQUFBO0VBQ0EscURBQUE7RUFDQSw4REFBQTtFQUNBLGtEQUFBO0VBQ0EscUJBQUE7QWZvNUJGO0FjcmhDRTtFQzJIRjs7SUFTSSxpRkFBQTtJQUNBLCtGQUFBO0VmczVCRjtBQUNGO0FjdmdDRTtFQ3NHRjs7SUFjSSxrRkFBQTtJQUNBLGdHQUFBO0VmdzVCRjtBQUNGOztBZXA1QkU7Ozs7Ozs7O0VBUUUsZUFBQTtBZnU1Qko7O0FENWxDQTtFQUNFLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUMrbENGOztBQ2xtQ0E7RUFDRTtJQUNFLHVDQUFBO0VEcW1DRjtFQ2xtQ0E7SUFDRSx1Q0FBQTtFRG9tQ0Y7RUNqbUNBO0lBQ0UseUJBQUE7RURtbUNGO0FBQ0Y7QUNobUNBO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esc0JBQUE7RUFDQSxzQ0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7QURrbUNGO0FDaG1DRTtFQUVFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0Esc0NBQUE7QURpbUNKO0FDOWxDRTtFQUNFLHFCQUFBO0VBQ0EsV0FBQTtBRGdtQ0o7QUM3bENFO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0FEK2xDSjs7QUU5b0NBO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0FGaXBDRjs7QUdycENBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Q0FBQTtBQ0FBLHdDQUFBO0FBQ0EsMERBQUE7QUFFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDSEE7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Ozs7Q0FBQTtBQ0NBOztDQUFBO0FLRUE7RUFPRSxpREFBQTtFQUNBLGlEQUFBO0VBQ0Esb0RBQUE7RUFDQSw2REFBQTtFQUNBLHNCQUFBO0VBWUEseUNBQUE7RUFDQSwwQkFBQTtBaEJ5eUNGO0FnQmgwQ0U7RUFFRSxrRUFBQTtFQUNBLHNFQUFBO0FoQmkwQ0o7QWNweENFO0VFakRGO0lBY0ksK0VBQUE7SUFDQSw2RkFBQTtFaEIyekNGO0FBQ0Y7QWNyd0NFO0VFdEVGO0lBbUJJLGdGQUFBO0lBQ0EsOEZBQUE7RWhCNHpDRjtBQUNGO0FnQnZ6Q0U7RUFDRSx1Q0FBQTtBaEJ5ekNKO0FnQnR6Q0U7RUFFRSx1Q0FBQTtFQUNBLDBCQUFBO0FoQnV6Q0o7O0FEcjFDQTtFQUNFLGdCQUFBO0VBQ0EsZUFBQTtFQUNBLFFBQUE7QUN3MUNGOztBQzMxQ0E7RUFDRTtJQUNFLHVDQUFBO0VEODFDRjtFQzMxQ0E7SUFDRSx1Q0FBQTtFRDYxQ0Y7RUMxMUNBO0lBQ0UseUJBQUE7RUQ0MUNGO0FBQ0Y7QUN6MUNBO0VBQ0UscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0VBQ0Esc0JBQUE7RUFDQSxzQ0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7QUQyMUNGO0FDejFDRTtFQUVFLGtCQUFBO0VBQ0EsV0FBQTtFQUNBLHFCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHlCQUFBO0VBQ0Esc0NBQUE7QUQwMUNKO0FDdjFDRTtFQUNFLHFCQUFBO0VBQ0EsV0FBQTtBRHkxQ0o7QUN0MUNFO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0FEdzFDSjs7QUV2NENBO0VBQ0Usa0JBQUE7RUFDQSxVQUFBO0FGMDRDRjs7QUc5NENBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Q0FBQTtBQ0FBLHdDQUFBO0FBQ0EsMERBQUE7QUFFQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDSEE7Ozs7Ozs7O0NBQUE7QUNBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQUFBO0FDQUE7Ozs7Ozs7Ozs7Q0FBQTtBQ0NBOztDQUFBO0FNSUU7RVRLQSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSxzQkFBQTtFQUNBLHFDQUFBO0VBS0UsK0NBQUE7QVJ5aURKO0FRdGlERTtFQUNFLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLCtDQUFBO0FSd2lESjtBUXJpREU7RUFDRSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSwrQ0FBQTtFQUNBLHFCQUFBO0VBQ0EseUNBQUE7QVJ1aURKO0FRcmlESTtFQUVFLHVDQUFBO0VBQ0EsMEJBQUE7QVJzaUROO0FjMWhERTtFRy9DQTtJVHdDRSwyRUFBQTtJQUNBLHlGQUFBO0VScWlERjtBQUNGO0FjM2dERTtFR3BFQTtJVDZDRSw0RUFBQTtJQUNBLDBGQUFBO0VSc2lERjtBQUNGO0FRcGlERTtFQUVFLDhDQUFBO0FScWlESjs7QWlCeGxERTtFVEtBLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLHNCQUFBO0VBQ0EscUNBQUE7RUFLRSwrQ0FBQTtBUm1sREo7QVFobERFO0VBQ0UsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0EsK0NBQUE7QVJrbERKO0FRL2tERTtFQUNFLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLCtDQUFBO0VBQ0EscUJBQUE7RUFDQSx5Q0FBQTtBUmlsREo7QVEva0RJO0VBRUUsdUNBQUE7RUFDQSwwQkFBQTtBUmdsRE47QWNwa0RFO0VHL0NBO0lUd0NFLDJFQUFBO0lBQ0EseUZBQUE7RVIra0RGO0FBQ0Y7QWNyakRFO0VHcEVBO0lUNkNFLDRFQUFBO0lBQ0EsMEZBQUE7RVJnbERGO0FBQ0Y7QVE5a0RFO0VBRUUsOENBQUE7QVIra0RKOztBaUJsb0RFO0VUS0EsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0Esc0JBQUE7RUFDQSxxQ0FBQTtFQUtFLCtDQUFBO0FSNm5ESjtBUTFuREU7RUFDRSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSwrQ0FBQTtBUjRuREo7QVF6bkRFO0VBQ0UsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0EsK0NBQUE7RUFDQSxxQkFBQTtFQUNBLHlDQUFBO0FSMm5ESjtBUXpuREk7RUFFRSx1Q0FBQTtFQUNBLDBCQUFBO0FSMG5ETjtBYzltREU7RUcvQ0E7SVR3Q0UsMkVBQUE7SUFDQSx5RkFBQTtFUnluREY7QUFDRjtBYy9sREU7RUdwRUE7SVQ2Q0UsNEVBQUE7SUFDQSwwRkFBQTtFUjBuREY7QUFDRjtBUXhuREU7RUFFRSw4Q0FBQTtBUnluREo7O0FpQjVxREU7RVRLQSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSxzQkFBQTtFQUNBLHFDQUFBO0VBS0UsK0NBQUE7QVJ1cURKO0FRcHFERTtFQUNFLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLCtDQUFBO0FSc3FESjtBUW5xREU7RUFDRSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSwrQ0FBQTtFQUNBLHFCQUFBO0VBQ0EseUNBQUE7QVJxcURKO0FRbnFESTtFQUVFLHVDQUFBO0VBQ0EsMEJBQUE7QVJvcUROO0FjeHBERTtFRy9DQTtJVHdDRSwyRUFBQTtJQUNBLHlGQUFBO0VSbXFERjtBQUNGO0Fjem9ERTtFR3BFQTtJVDZDRSw0RUFBQTtJQUNBLDBGQUFBO0VSb3FERjtBQUNGO0FRbHFERTtFQUVFLDhDQUFBO0FSbXFESjs7QWlCdHRERTtFVEtBLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLHNCQUFBO0VBQ0EscUNBQUE7RUFLRSwrQ0FBQTtBUml0REo7QVE5c0RFO0VBQ0UsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0EsK0NBQUE7QVJndERKO0FRN3NERTtFQUNFLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLCtDQUFBO0VBQ0EscUJBQUE7RUFDQSx5Q0FBQTtBUitzREo7QVE3c0RJO0VBRUUsdUNBQUE7RUFDQSwwQkFBQTtBUjhzRE47QWNsc0RFO0VHL0NBO0lUd0NFLDJFQUFBO0lBQ0EseUZBQUE7RVI2c0RGO0FBQ0Y7QWNuckRFO0VHcEVBO0lUNkNFLDRFQUFBO0lBQ0EsMEZBQUE7RVI4c0RGO0FBQ0Y7QVE1c0RFO0VBRUUsOENBQUE7QVI2c0RKOztBaUJod0RFO0VUS0EsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0Esc0JBQUE7RUFDQSxxQ0FBQTtFQUtFLCtDQUFBO0FSMnZESjtBUXh2REU7RUFDRSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSwrQ0FBQTtBUjB2REo7QVF2dkRFO0VBQ0UsK0NBQUE7RUFDQSxrREFBQTtFQUNBLDJEQUFBO0VBQ0EsK0NBQUE7RUFDQSxxQkFBQTtFQUNBLHlDQUFBO0FSeXZESjtBUXZ2REk7RUFFRSx1Q0FBQTtFQUNBLDBCQUFBO0FSd3ZETjtBYzV1REU7RUcvQ0E7SVR3Q0UsMkVBQUE7SUFDQSx5RkFBQTtFUnV2REY7QUFDRjtBYzd0REU7RUdwRUE7SVQ2Q0UsNEVBQUE7SUFDQSwwRkFBQTtFUnd2REY7QUFDRjtBUXR2REU7RUFFRSw4Q0FBQTtBUnV2REo7O0FpQnJ5REE7RUFDRSxtQkFBQTtBakJ3eURGOztBa0JqeURBO0VBQ0UsbUVBQUEsRUFBQSwyQkFBQTtFQUNBLGlEQUFBO0VBQ0EsY0FBQTtBbEJveURGO0FjaHZERTtFSXZERjtJQU1JLHVFQUFBLEVBQUEsMkJBQUE7RWxCcXlERjtBQUNGO0FrQm55REU7RUFDRSxTQUFBO0VBQ0EsZUFBQTtFQUNBLFdBQUE7QWxCcXlESjtBa0JseURFO0VBQ0UsV0FBQTtFQUNBLGVBQUE7QWxCb3lESjs7QWtCaHlEQTtFQ3RDRSxpQkFBQTtFQUNBLFdBQUE7RUFDQSxVQUFBO0VBQ0EsWUFBQTtFQUNBLFNBQUE7RUFDQSx3QkFBQTtLQUFBLHFCQUFBO1VBQUEsZ0JBQUE7RUFDQSx1QkFBQTtFQUNBLGNBQUE7RUFDQSxhQUFBO0VBQ0EsK0JBQUE7RUFDQSxnQ0FBQTtFQUNBLG1CQUFBO0FuQjAwREY7QW1CeDBERTtFQUNFLFVBQUE7RUFDQSxTQUFBO0FuQjAwREo7O0FvQnoxREU7RUFDRSxXQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsT0FBQTtFQUNBLFlBTmdEO0VBT2hELFdBQUE7RUFDQSxjQUFBO0VBQ0EsMGxCQUFBO0FwQjQxREo7O0FrQnR6REE7RUc5Q0Usd0JBQUE7RUFDQSxxQkFBQTtBckJ3MkRGO0FxQnQyREU7RUFDRSxhQUFBO0FyQncyREo7O0FrQjF6REE7RVRmRSxzQkFBQTtFQUNBLHdCQUFBO0VBQ0EsNkJBQUE7RUFDQSxxQkFBQTtBVDYwREY7O0FrQjd6REE7RVRaRSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLGdCQUFBO0VBQ0Esc0JBQUE7QVQ2MERGIiwiZmlsZSI6Ii4uL3NyYy9tYWluL2pjcl9yb290L2FwcHMvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9wdWJsaXNoL3B1Ymxpc2guYnVuZGxlLmNzcyJ9 */ /* just a copy of https://github.com/adobe/aem-guides-wknd/blob/master/ui.apps/src/main/content/jcr_root/apps/wknd/clientlibs/clientlib-grid/less/grid.less * * Copyright 2018 Adobe Systems Incorporated * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* * grid_base.less is a file provided by AEM. * For portability between versions of AEM the file has been copied into WKND project's client library. * * 6.3 Path to Responsive Grid: /etc/clientlibs/wcm/foundation/grid/grid_base.less * 6.4 Path to Responsive Grid: /libs/wcm/foundation/clientlibs/grid/grid_base.less * */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* Generates all the rules for the grid columns up to the given amount of column */ /* Generates all the rules for the grid column offset up to the given amount of column */ /* Generates all the rules for the grid and columns for the given break point and total of columns */ /* Generates all the rules for the grids and columns */ /* API function to be called to generate a grid config */ /* API function to generate grid hide classes */ /* maximum amount of grid cells to be provided */ /* The decision about the @gutter-padding size to be postponed until the Responsive Grid layout will become supported in Batcom Don't forget to consider the special case, when a component takes all @max_col columns: the @gutter-padding might be not needed. */ /* phone breakpoint */ .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none { /* none behavior */ display: block; clear: none !important; float: left; } @media (max-width: 479px) { .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { /* hide behavior */ display: none; } } /* tablet breakpoint */ @media (min-width: 480px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none { /* none behavior */ display: block; clear: none !important; float: left; } } @media (min-width: 480px) and (max-width: 767px) { .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { /* hide behavior */ display: none; } } /* laptop breakpoint */ @media (min-width: 768px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--1 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--1 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--1 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--2 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--2 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--2 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--laptop--3 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 25%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 75%; } .aem-Grid.aem-Grid--laptop--4 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 20%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 40%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 60%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 80%; } .aem-Grid.aem-Grid--laptop--5 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--laptop--6 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--laptop--7 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 25%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 75%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--laptop--8 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--laptop--9 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 10%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 20%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 30%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 40%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 60%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 70%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 80%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 90%; } .aem-Grid.aem-Grid--laptop--10 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--laptop--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--11 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--laptop--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--laptop--11 > .aem-GridColumn.aem-GridColumn--offset--laptop--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--laptop--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--12 { margin-left: 100%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--laptop--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--0 { margin-left: 0%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--3 { margin-left: 25%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--6 { margin-left: 50%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--9 { margin-left: 75%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--laptop--12 > .aem-GridColumn.aem-GridColumn--offset--laptop--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--laptop--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--laptop--none { /* none behavior */ display: block; clear: none !important; float: left; } } @media (min-width: 768px) and (max-width: 1023px) { .aem-Grid > .aem-GridColumn.aem-GridColumn--laptop--hide { /* hide behavior */ display: none; } } /* desktop breakpoint */ @media (min-width: 1024px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { /* hide behavior */ display: none; } } .aem-GridColumn { padding: 0 0; } .responsivegrid.aem-GridColumn { padding-left: 0; padding-right: 0; }