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 { 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 { 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 { 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; } .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 > .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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL2Fic3RyYWN0cy9fYm9keV9ub3Njcm9sbC5zY3NzIiwiLi4vc3JjL21haW4vamNyX3Jvb3QvYXBwcy9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvcHVibGlzaC5idW5kbGUuY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvYWJzdHJhY3RzL19sb2FkaW5nLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9hYnN0cmFjdHMvX292ZXJsYXlfc2hvcnRoYW5kLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9mdW5jdGlvbnMvX25uLXotaW5kZXguc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fYXJyb3cuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY2xlYXJmaXguc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY29tcG9uZW50LW5vcm1hbGl6ZS5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19mb250LnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX2hlYWRpbmdzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX3Zpc2liaWxpdHkuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fY29sdW1uY29udHJvbC5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19yZXZlcnNlLWNvbnRhaW5lci5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvX3Jlc2V0LnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1zcGFjaW5nLXN0eWxlcy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19tZWRpYXF1ZXJpZXMuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvcHVibGlzaC90aGVtZS9nbG9iYWxzdHlsZXMvZ2xvYmFsLXRleHQtc3R5bGVzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1hbmNob3Itc3R5bGVzLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL3B1Ymxpc2gvdGhlbWUvZ2xvYmFsc3R5bGVzL2dsb2JhbC1oZWFkaW5nLXN0eWxlcy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9wdWJsaXNoL3B1Ymxpc2guY2xpZW50bGlicy5zY3NzIiwiLi4vZnJvbnRlbmQvYmF0Y29tL2Jhc2UvY2xpZW50bGlicy9jb21tb25zL3Nhc3MvbWl4aW5zL19idXR0b25zLnNjc3MiLCIuLi9mcm9udGVuZC9iYXRjb20vYmFzZS9jbGllbnRsaWJzL2NvbW1vbnMvc2Fzcy9taXhpbnMvX2JvcmRlcnMuc2NzcyIsIi4uL2Zyb250ZW5kL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvY29tbW9ucy9zYXNzL21peGlucy9fbm9fc2Nyb2xsYmFycy5zY3NzIl0s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Y3RxREU7RUcvQ0E7SVR3Q0UsMkVBQUE7SUFDQSx5RkFBQTtFUmlyREY7QUFDRjtBY3ZwREU7RUdwRUE7SVQ2Q0UsNEVBQUE7SUFDQSwwRkFBQTtFUmtyREY7QUFDRjtBUWhyREU7RUFFRSw4Q0FBQTtBUmlyREo7O0FpQnB1REU7RVRLQSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSxzQkFBQTtFQUNBLHFDQUFBO0VBS0UsK0NBQUE7QVIrdERKO0FRNXRERTtFQUNFLCtDQUFBO0VBQ0Esa0RBQUE7RUFDQSwyREFBQTtFQUNBLCtDQUFBO0FSOHRESjtBUTN0REU7RUFDRSwrQ0FBQTtFQUNBLGtEQUFBO0VBQ0EsMkRBQUE7RUFDQSwrQ0FBQTtFQUNBLHFCQUFBO0VBQ0EseUNBQUE7QVI2dERKO0FRM3RESTtFQUVFLHVDQUFBO0VBQ0EsMEJBQUE7QVI0dEROO0FjaHRERTtFRy9DQTtJVHdDRSwyRUFBQTtJQUNBLHlGQUFBO0VSMnRERjtBQUNGO0FjanNERTtFR3BFQTtJVDZDRSw0RUFBQTtJQUNBLDBGQUFBO0VSNHRERjtBQUNGO0FRMXRERTtFQUVFLDhDQUFBO0FSMnRESjs7QWlCendEQTtFQUNFLG1CQUFBO0FqQjR3REY7O0FrQnJ3REE7RUFDRSxtRUFBQSxFQUFBLDJCQUFBO0VBQ0EsaURBQUE7RUFDQSxjQUFBO0FsQnd3REY7QWNwdERFO0VJdkRGO0lBTUksdUVBQUEsRUFBQSwyQkFBQTtFbEJ5d0RGO0FBQ0Y7QWtCdndERTtFQUNFLFNBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtBbEJ5d0RKO0FrQnR3REU7RUFDRSxXQUFBO0VBQ0EsZUFBQTtBbEJ3d0RKOztBa0Jwd0RBO0VDdENFLGlCQUFBO0VBQ0EsV0FBQTtFQUNBLFVBQUE7RUFDQSxZQUFBO0VBQ0EsU0FBQTtFQUNBLHdCQUFBO0tBQUEscUJBQUE7VUFBQSxnQkFBQTtFQUNBLHVCQUFBO0VBQ0EsY0FBQTtFQUNBLGFBQUE7RUFDQSwrQkFBQTtFQUNBLGdDQUFBO0VBQ0EsbUJBQUE7QW5COHlERjtBbUI1eURFO0VBQ0UsVUFBQTtFQUNBLFNBQUE7QW5COHlESjs7QW9CN3pERTtFQUNFLFdBQUE7RUFDQSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxPQUFBO0VBQ0EsWUFOZ0Q7RUFPaEQsV0FBQTtFQUNBLGNBQUE7RUFDQSwwbEJBQUE7QXBCZzBESjs7QWtCMXhEQTtFRzlDRSx3QkFBQTtFQUNBLHFCQUFBO0FyQjQwREY7QXFCMTBERTtFQUNFLGFBQUE7QXJCNDBESjs7QWtCOXhEQTtFQUNFLHNCQUFBO0VBQ0Esd0JBQUE7RUFDQSw2QkFBQTtFQUNBLHFCQUFBO0FsQml5REY7O0FrQjl4REE7RVRqQkUsa0JBQUE7RUFDQSxVQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxnQkFBQTtFQUNBLHNCQUFBO0FUbXpERiIsImZpbGUiOiIuLi9zcmMvbWFpbi9qY3Jfcm9vdC9hcHBzL2JhdGNvbS9iYXNlL2NsaWVudGxpYnMvcHVibGlzaC9wdWJsaXNoLmJ1bmRsZS5jc3MifQ== */ /* 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; }