/* articles Cards List Grid */ .card-body{ border:1px solid #d8dada; padding: 20px; } .articlesCardsList{ padding:0; /*margin-top:12px;*/ } .grid-image-wrapper{ border:none; } .article-hub-img{ height:200px; width:100%; } .homepage-heading { min-height: 138px; cursor: pointer; } .homepage-subheading { position: relative; width: 89%; font-family: NHGrotesk,helvetica,arial,sans-serif; } .border-promo { padding-top: 10px; min-height: 150px; } .article-popular_pagelist-anchor{ marging-left:1%; } .articlesCardsList .Grid{ margin: 0 0; } /* Articles Hero Styles */ .hero-body{ color: white; background-color: black !important; /*min-height: 250px; */ width:100%; } .hero-heading { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; font-size:40px; } .hero-subheading { font-size:medium; padding-left: 15px; width: 35%; } .grid-image-wrapper{ border:none; } .article-hero-img{ height:250px; width:100%; background-color: black !important; } .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 */ /* maximum amount of grid cells to be provided */ /* default breakpoint */ .aem-Grid { width: auto; } .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; } /* phone breakpoint */ @media (max-width: 767px) { .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; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { /* hide behavior */ display: none; } } /* tablet breakpoint */ @media (min-width: 768px) and (max-width: 1200px) { .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; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { /* hide behavior */ display: none; } } .aem-GridColumn { padding: 0 14px; } .responsivegrid.aem-GridColumn { padding-left: 0; padding-right: 0; } @import url(http://respframework.verizon.com/fonts/v2/fonts.css); @import url(http://respframework.verizon.com/fonts/verizon-icons/fonts.css); @import url(https://fonts.googleapis.com/css?family=Inconsolata|Roboto:300,400,400i,700,700i); @import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css); @-webkit-keyframes fadeIn{ 0%{ opacity:0 } to{ opacity:1 } } @keyframes fadeIn{ 0%{ opacity:0 } to{ opacity:1 } } .Animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .Animated--Infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .Animated--fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html{ line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body{ margin:0 } article,aside,footer,header,nav,section{ display:block } h1{ font-size:2em; margin:.67em 0 } figcaption,figure,main{ display:block } figure{ margin:1em 2.5rem } hr{ box-sizing:content-box; height:0; overflow:visible } pre{ font-family:monospace,monospace; font-size:1em } a, a:active, a:hover{ background-color:transparent; text-decoration:underline; -webkit-text-decoration-skip:objects } abbr[title]{ border-bottom:none; text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted } b,strong{ font-weight:inherit; font-weight:bolder } code,kbd,samp{ font-family:monospace,monospace; font-size:1em } dfn{ font-style:italic } mark{ background-color:#ff0; color:#000 } sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } sub{ bottom:-.25em } sup{ top:-.5em } audio,video{ display:inline-block } audio:not([controls]){ display:none; height:0 } img{ border-style:none } svg:not(:root){ overflow:hidden } button,input,optgroup,select,textarea{ font-family:sans-serif; font-size:100%; line-height:1.15; margin:0 } button,input{ overflow:visible } button,select{ text-transform:none } [type=reset],[type=submit],button,html [type=button]{ -webkit-appearance:button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{ border-style:none; padding:0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{ outline:1px dotted ButtonText } fieldset{ padding:.35em .75em .625em } legend{ box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal } progress{ display:inline-block; vertical-align:baseline } textarea{ overflow:auto } [type=checkbox],[type=radio]{ box-sizing:border-box; padding:0 } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{ height:auto } [type=search]{ -webkit-appearance:textfield; outline-offset:-2px } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{ -webkit-appearance:none } ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit } details,menu{ display:block } summary{ display:list-item } canvas{ display:inline-block } [hidden],template{ display:none } *,:after,:before{ box-sizing:border-box } body{ min-width:18.75rem } img{ max-width:100%; vertical-align:middle } section:not(:last-child){ margin-bottom:1.25rem; padding-bottom:1.25rem } .Grid{ box-sizing:border-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-flow:row wrap; -webkit-flex-flow:row wrap; flex-flow:row wrap; /*margin:0 -8px;*/ padding:0 } .Grid>.Col{ padding:0 px } .Grid.Grid--gapless{ margin:0 } .Grid.Grid--gapless>.Col{ padding:0 } .Grid.Grid--equalHeight>.Col{ display:-ms-flexbox; display:-webkit-flex; display:flex } .Grid.Grid--fit>.Col{ -ms-flex:1 1 0%; -webkit-flex:1 1 0%; flex:1 1 0% } .Grid.Grid--alignCenter{ -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center } .Grid.Grid--alignRight{ -ms-flex-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end } .Grid.Grid--alignMiddle{ -ms-flex-align:center; -webkit-align-items:center; align-items:center } .Grid.Grid--alignBottom{ -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end } .Col{ position:relative; box-sizing:inherit; -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100%; min-width:0; padding:0 } .Col-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } @media screen and (min-width:320px){ .Col-xs-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-xs-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-xs-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-xs-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-xs-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-xs-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-xs-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-xs-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-xs-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-xs-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-xs-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-xs-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } } @media screen and (min-width:544px){ .Col-sm-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-sm-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-sm-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-sm-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-sm-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-sm-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-sm-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-sm-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-sm-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-sm-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-sm-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-sm-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } } @media screen and (min-width:768px){ .Col-md-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-md-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-md-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-md-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-md-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-md-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-md-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-md-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-md-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-md-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-md-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-md-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } } @media screen and (min-width:991px){ .Col-lg-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-lg-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-lg-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-lg-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-lg-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-lg-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-lg-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-lg-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-lg-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-lg-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-lg-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-lg-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } } @media screen and (min-width:1200px){ .Col-xl-1{ -ms-flex-preferred-size:8.33333%; -webkit-flex-basis:8.33333%; flex-basis:8.33333%; max-width:8.33333% } .Col-xl-2{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-width:16.66667% } .Col-xl-3{ -ms-flex-preferred-size:25%; -webkit-flex-basis:25%; flex-basis:25%; max-width:25% } .Col-xl-4{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-width:33.33333% } .Col-xl-5{ -ms-flex-preferred-size:41.66667%; -webkit-flex-basis:41.66667%; flex-basis:41.66667%; max-width:41.66667% } .Col-xl-6{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-width:50% } .Col-xl-7{ -ms-flex-preferred-size:58.33333%; -webkit-flex-basis:58.33333%; flex-basis:58.33333%; max-width:58.33333% } .Col-xl-8{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-width:66.66667% } .Col-xl-9{ -ms-flex-preferred-size:75%; -webkit-flex-basis:75%; flex-basis:75%; max-width:75% } .Col-xl-10{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-width:83.33333% } .Col-xl-11{ -ms-flex-preferred-size:91.66667%; -webkit-flex-basis:91.66667%; flex-basis:91.66667%; max-width:91.66667% } .Col-xl-12{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-width:100% } } .VertGrid{ display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column } .VertRow-1{ -ms-flex-preferred-size:16.66667%; -webkit-flex-basis:16.66667%; flex-basis:16.66667%; max-height:16.66667% } .VertRow-2{ -ms-flex-preferred-size:33.33333%; -webkit-flex-basis:33.33333%; flex-basis:33.33333%; max-height:33.33333% } .VertRow-3{ -ms-flex-preferred-size:50%; -webkit-flex-basis:50%; flex-basis:50%; max-height:50% } .VertRow-4{ -ms-flex-preferred-size:66.66667%; -webkit-flex-basis:66.66667%; flex-basis:66.66667%; max-height:66.66667% } .VertRow-5{ -ms-flex-preferred-size:83.33333%; -webkit-flex-basis:83.33333%; flex-basis:83.33333%; max-height:83.33333% } .VertRow-6{ -ms-flex-preferred-size:100%; -webkit-flex-basis:100%; flex-basis:100%; max-height:100% } @-webkit-keyframes loading{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes loading{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } body{ margin: 0; } h1, h2, h3{ font-family: VerizonNHGeDS; font-weight: bold; } @font-face { font-family: "NHGrotesk"; font-weight: bold; src:url("https://www.verizon.com/globalnav/fonts/NeueHaasGroteskDisplayBold.eot?#iefix") format("embedded-opentype"), url("https://www.verizon.com/globalnav/fonts/NeueHaasGroteskDisplayBold.woff2") format("woff2"), url("https://www.verizon.com/globalnav/fonts/NeueHaasGroteskDisplayBold.woff") format("woff"), url("https://www.verizon.com/globalnav/fonts/NeueHaasGroteskDisplayBold.ttf") format("truetype"); } @font-face { font-family: "NHGrotesk"; src:url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplay.eot?#iefix") format("embedded-opentype"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplay.woff2") format("woff2"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplay.woff") format("woff"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplay.ttf") format("truetype"); } @font-face { font-family: "NeueHaasGroteskDisplayMedium"; src:url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplayMedium.eot?#iefix") format("embedded-opentype"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplayMedium.woff2") format("woff2"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplayMedium.woff") format("woff"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskDisplayMedium.ttf") format("truetype"); } @font-face { font-family: "NHaasGroteskTXStd-55Rg"; src:url("https://www.verizon.com/css/fonts/NeueHaasGroteskText.eot?#iefix") format("embedded-opentype"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskText.woff2") format("woff2"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskText.woff") format("woff"), url("https://www.verizon.com/css/fonts/NeueHaasGroteskText.ttf") format("truetype"); } @font-face { font-family: "VerizonNHGeDS"; font-weight: bold; src:url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Bold.eot?#iefix") format("embedded-opentype"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Bold.woff2") format("woff2"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Bold.woff") format("woff"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Bold.ttf") format("truetype"); } @font-face { font-family: "VerizonNHGeDS"; src:url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Regular.eot?#iefix") format("embedded-opentype"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Regular.woff2") format("woff2"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Regular.woff") format("woff"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeDS-Regular.ttf") format("truetype"); } @font-face { font-family: "VerizonNHGeTX"; font-weight: bold; src:url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Bold.eot?#iefix") format("embedded-opentype"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Bold.woff2") format("woff2"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Bold.woff") format("woff"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Bold.ttf") format("truetype"); } @font-face { font-family: "VerizonNHGeTX"; src:url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Regular.eot?#iefix") format("embedded-opentype"), url("http://scache1.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Regular.woff2") format("woff2"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Regular.woff") format("woff"), url("http://scache2.vzw.com/globalnav/fonts/verizon-nhg/VerizonNHGeTX-Regular.ttf") format("truetype"); } /*Grid Component css*/ .hidden { display: none !important; } .invisible{ visibility: hidden !important; } .relative{ position:relative; } .absolute{ position:absolute; } .margin-auto { margin: 0 auto; } @media (max-width: 767px) { .aem-GridColumn { padding: 0 0px !important; } } .grid-title_heading { font-size: 68px; line-height: 68px; color: #000000; font-family: VerizonNHGeDS,NHGrotesk,helvetica,sans-serif; font-weight: 700; font-style: normal; margin-bottom: 1.5rem; box-sizing: border-box; margin-top: 20px; } .grid-textrte_subheading{ font-size: 16px; line-height: 1.2; color: #000000; font-family:VerizonNHGeDS,NHGrotesk,helvetica,arial,sans-serif !important; font-style: normal; box-sizing: border-box; } .grid-heading_header{ font-size: 38px; line-height: 1.2; color: #000000; font-family:VerizonNHGeDS; font-weight: 700; font-style: normal; box-sizing: border-box; margin-top: 20px; } .grid-text_header{ font-size: 16px; line-height: 1; color: #000000; font-family:VerizonNHGeDS !important; font-style: normal; box-sizing: border-box; font-weight: bold; } .anchor-grid-cta{ text-decoration: none; } .Grid>.Col{ padding:0 0px !important; } .grid-image-wrapper{ height: 300px; width: 100%; border-right: 1px solid #d8dada; border-left: 1px solid #d8dada; background-repeat: no-repeat; overflow: hidden; } .grid-carouselimage-wrapper{ height: 300px; width: 100%; background-repeat: no-repeat; overflow: hidden; } .grid-container-wrapper{ width: 1272px; /* min-height: 470px; */ max-width: 100%; background-repeat: no-repeat; overflow: hidden; background-position: center; background-size: cover; margin:12px auto; padding: 0 14px; padding-left:0px; } .component-wrapper{ background-size:cover; background-position:center; background-repeat:no-repeat; min-height:0px !important; position:relative; overflow:hidden; margin :12px 0px; } .grid-container-carousel{ width: 1272px; min-height: 470px; max-width: 100%; background-repeat: no-repeat; overflow: hidden; background-position: center; background-size: cover; margin:0 auto; } .border-sides{ border-left: 1px solid #d8dada; border-right: 1px solid #d8dada; } .homepage-subheading{ margin:0 0 0 0 !important; padding: 0 !important; } .swiper-promotion-wrapper .border-promo{ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; } .swiper-promotion-wrapper .homepage-heading { margin: 0px 0px 17.4px !important; min-height: 96px !important; cursor: pointer; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .grid-cta-component{ line-height: 1.4; width: 156px; height: 42px; border-radius: 100px; border: 1px solid #fff; font-weight: 700; font-size: 14px; text-align: center; color: #fff; padding-top: 11px; display: inline-block; margin-top: 20px; margin-bottom: 12px; cursor: pointer; } .grid-cta_color-wht{ color: #fff; border: 1px solid #fff; } .grid-cta_color-blk{ color: #000 ; border: 1px solid #000; } .grid-cta_bgcolor-blk{ background-color: #000; } .grid-cta_bgcolor-wht{ background-color: #fff; } .article-popular_articlecontainer{ margin-top: 40px; border-bottom: 1px solid #ccc; } .article-popular_heading{ font-size: 22px; line-height: 1.2; color: #000000; font-family: VerizonNHGeDS; font-weight: 700; font-style: normal; box-sizing: border-box; margin-bottom: 20px; } .article-popular_pagelist{ font-size: 16px; color: #000000 !important; font-family: VerizonNHGeDS !important; font-style: normal; margin-bottom: 1.0rem; text-decoration: underline; font-weight: bold; } .article-popular_pagelist-anchor{ color: #000000 !important; } .article_socialIcons_list{ margin-right: 25px; text-decoration: none !important; } .article_articledate{ font-size: 16px; color: #000000 !important; font-family: VerizonNHGeDS !important; font-style: normal; margin-top: 20px; margin-bottom: 20px; font-weight: bold; } .image-text-wrap{ height: 300px; width: 300px; padding: 0px 30px 30px 0px; } @media (max-width: 767px) { .image-text-wrap{ padding: 0 0px !important; float: none !important; } .article_articledate{ margin-top: 0px !important; } } .article_socialicon-flex-mobile{ margin-top: 20px; } .image-text-wrap-left{ float: left; padding: 0px 30px 30px 0px; } .image-text-wrap-right{ float: right; padding: 0px 0px 30px 30px; } .nopadding{ padding: 0 0px !important; } .gird-video_player{ position: relative; width: 100%; } .grid-video-wrapper{ width: 1272px; max-width: 100%; background-repeat: no-repeat; background-size: cover; overflow: hidden; margin:0 auto; position: relative; } .grid-video-wrapper > video{ width: 100%; height: auto; vertical-align: middle; background-size: contain; object-fit: cover; } .grid-video-wrapper > a { width: 55px; height: 55px; display: block; top: 45%; left: 50%; position: absolute; top: calc(50% - 27px); left: calc(50% - 27px); text-indent: 60px; white-space: nowrap; overflow: hidden; cursor: pointer; content: " "; background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSI1NSIgdmlld0JveD0iMCAwIDU1IDU1Ij48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik0yNy41IDMuNDM4YzEzLjI2NyAwIDI0LjA2MyAxMC43OTUgMjQuMDYzIDI0LjA2MiAwIDEzLjI2Ny0xMC43OTYgMjQuMDYzLTI0LjA2MyAyNC4wNjNTMy40MzcgNDAuNzY3IDMuNDM3IDI3LjUgMTQuMjMzIDMuNDM3IDI3LjUgMy40Mzd6TTI3LjUgMEMxMi4zMSAwIDAgMTIuMzEgMCAyNy41UzEyLjMxIDU1IDI3LjUgNTUgNTUgNDIuNjkgNTUgMjcuNSA0Mi42OSAwIDI3LjUgMHoiLz48cGF0aCBkPSJNMTguOTA1IDQyLjM4NFYxMi42MTZMNDQuNjg3IDI3LjUgMTguOTA1IDQyLjM4NHptMy40MzctMjMuODEydjE3Ljg2bDE1LjQ3LTguOTMyLTE1LjQ3LTguOTI4eiIvPjwvZz48L3N2Zz4=") } .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none; } .video-overlay-play-button:hover { opacity: 1; } .video-overlay-play-button.is-hidden { display: none; } .swiper-pagination { top: 3px; left: 0; right: 0; } .nopaddingcarousel .aem-GridColumn{ padding: 0px; } .gb-right{ border-right: 1px solid #d8dada; } .gb-left{ border-left: 1px solid #d8dada; } .gb-bottom{ border-bottom: 1px solid #d8dada; } .gb-top{ border-top: 1px solid #d8dada; } .gb-all{ border-right: 1px solid #d8dada; border-left: 1px solid #d8dada; border-top: 1px solid #d8dada; border-bottom: 1px solid #d8dada; } .griddefaultpadding{ padding: 0 14px!important; } .grid-container-carousel .swiper-slide{ height: auto; } .grid-container-carousel .tech-store-pagination { min-height: 0px; } .grid-container-overlay { min-height: 470px; max-width: 100%; background-repeat: no-repeat; overflow: hidden; background-position: center; background-size: cover; margin:0 auto; padding: 0 14px; } .grid-container-overlay-closeicon{ font-size: 35px; line-height: 1; color: #000; font-family: initial; position: relative; float: right; font-weight: 500; } .grid-container-overlay-closeicon:hover, .grid-container-overlay-closeicon:focus { color: black; text-decoration: none; cursor: pointer; opacity:1; } .grid-dropdownlabel{ font-size: 10px; margin-bottom: 5px; } .dropdowngrid select{ border: 1px solid #74767676; width: 100%; min-width: 100%; max-width: 100%; display: block; position: relative; font-family: VerizonNHGeDS,NHGrotesk,helvetica,sans-serif; font-size: 12px; color: #1f202a; padding: 8px 10px; border-bottom: 1px solid #000002; cursor: pointer; overflow-x: hidden; white-space: nowrap; } .aem-GridColumn { padding: 0 14px; } .grid-cta_color-blk .grid-cta_anchor-color{ color: black; } .grid-cta_color-wht .grid-cta_anchor-color{ color: white; } .paginationcolor-wht .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.2); } .paginationcolor-wht .swiper-pagination-bullet-active { opacity: 1; height: 5px; background: #fff; } .paginationcolor-blk .swiper-pagination-bullet { background-color: rgba(0,0,0,.2); } .paginationcolor-blk .swiper-pagination-bullet-active { opacity: 1; height: 5px; background: #000; } .grid-common-pagination { margin-bottom: 40px; } @media (min-width: 767px) { .noShowDesktop{ display: none; } } @media (max-width: 767px) { .noShowMobile{ display: none; } } /* Breadcrumb Styles */ #breadcrumbs .right-arrow { display: inline-block; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); margin: 1px 5px; } #breadcrumbs #breadcrumbWrapperDiv { max-width: 100% !important; font-family: VerizonNHGeDS; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: normal; /*padding-left: 0.4em; */ padding-left: 15px; } #breadcrumbs #breadcrumbWrapperDiv .breadcrumb-items span:last-child { font-family: VerizonNHGeDS; color: #000000; } #breadcrumbs #breadcrumbWrapperDiv a > span { color: #747676 !important; font-family: VerizonNHGeDS !important; text-decoration: none; } #breadcrumbs #breadcrumbWrapperDiv a { text-decoration: none; } @media (max-width: 767px) { #breadcrumbs #breadcrumbWrapperDiv { font-size: .75rem; padding: 0.75rem 1.125rem 1rem 1.125rem; margin-top: 60px; } } @media (min-width: 768px) { .deskWrapper, .TabletBodyContentSection { text-align: left; max-width: 1270px; margin: 0 auto; } #breadcrumbs #breadcrumbWrapperDiv { font-size: 14px; padding-top: 1.25rem; padding-bottom: 1rem; } } #breadcrumbs .breadcrumb>li{ display:inline-block } #breadcrumbs .breadcrumb>li+li:before{ padding:0 5px; color:#ccc; content:"/\00a0" } #breadcrumbs .breadcrumb>.active{ color:#999 } @media (max-width: 767px) { #breadcrumbContainer { /* padding-top: 5rem;*/ } } @media print { .transcriptPrint #breadcrumbContainer { display: block !important; position: static !important; background-color: white; z-index: 999999; } } @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) { #breadcrumbs #breadcrumbContainer { /*padding-top: 5em;*/ /*padding-left: 0.4em; */ padding-left: 15px; } } @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { #breadcrumbs #breadcrumbContainer { /*padding-top: 5em;*/ /*padding-left: 0.4em; */ padding-left: 15px; } } @media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) { #breadcrumbs #breadcrumbContainer { /*padding-top: 5em;*/ padding-left: 15px; } } @media screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) { #breadcrumbs #breadcrumbContainer { /*padding-top: 5em;*/ padding-left: 15px; } } @media only screen and (min-width: 372px) and (max-width: 812px){ .grid-video-wrapper { /*margin-left: 1rem;*/ width: -webkit-fill-available; max-width: 100%; object-fit: fill; padding: 6px; } .grid-container-wrapper{ padding-left:16px; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .grid-video-wrapper { margin-left: 1.5rem; width: -webkit-fill-available; max-width: 100%; object-fit: fill; padding: 6px; } } .Grid, .GridHero, .article-popular_article, .grid-container-carousel, .anchor-grid-cta, .grid-dropdown-wrap, .grid-heading, .grid-image-desktop, .grid-image-mobile, .article-popular_article, .grid-text_font{ padding-bottom:32px; } .grid-textrte h3{ margin-bottom: 24px; } .grid-textrte li{ padding : 10px 0 10px 20px !important; } @media (max-width: 767px) { .grid-image-mobile { display:block } .grid-image-desktop { display:none } } @media (min-width: 768px) { .grid-image-mobile { display:none } .grid-image-desktop { display:block } }