/****************************************/ /****************************************/ /** Australian Association of Gerontology **/ /* * * Author: CAUSEIS PTY LTD * * Version: 1 - * * * Document contains changes to Banners * * */ /****************************************/ /****************************************/ .HeaderRow { z-index: 99; position: relative; /* margin-top: 162.5px !important; */ /* padding-bottom: 2rem; */ overflow: hidden; margin-bottom: -15rem; } .HeaderRow > div { background: #f2f2ec; } .HeaderRow > div > div { max-width: 100%; margin: 0 auto; padding: 6rem 1.5rem 0; max-width: 100%; } .HeaderRow h1 { margin: 0; } @media (min-width: 1335px) { .HeaderRow { --desiredwidth-var: 133.5rem; --width-var: calc(100vw - var(--desiredwidth-var)); --fullwidth-var: calc(100%); } .HeaderRow > div > div { padding: 6rem calc(var(--width-var) / 2) 1.5rem calc(var(--width-var) / 2); z-index: 100; position: relative; } } @media (max-width: 767px) { .HeaderRow { margin: 0 !important; } .HeaderRow > div > div { padding: 3rem 1.5rem; } .HeaderRow h1 { font-size: 4rem; } } @media (min-width: 767px) and (max-width: 1024px) { .HeaderRow { margin-top: 0 !important; } } @media (min-width: 768px) { .HeaderRow:after { content: ""; display: block; width: 100%; position: relative; left: 0; bottom: 0; height: 20rem; background-color: #f2f2ec; margin-top: -1px; } body.number-1 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 73.5%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.9%, 21% 51.2%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.1%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.1%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.3%, 37% 28.42%, 38% 27.66%, 39% 27%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.5%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.5%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.3%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16% ); } body.number-2 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 35.5%, 1% 35.54%, 2% 35.65%, 3% 35.83%, 4% 36.09%, 5% 36.41%, 6% 36.81%, 7% 37.28%, 8% 37.8%, 9% 38.39%, 10% 39.04%, 11% 39.75%, 12% 40.51%, 13% 41.31%, 14% 42.17%, 15% 43.06%, 16% 43.98%, 17% 44.94%, 18% 45.92%, 19% 46.93%, 20% 47.94%, 21% 48.97%, 22% 50.01%, 23% 51.04%, 24% 52.07%, 25% 53.09%, 26% 54.1%, 27% 55.08%, 28% 56.03%, 29% 56.96%, 30% 57.85%, 31% 58.7%, 32% 59.51%, 33% 60.26%, 34% 60.97%, 35% 61.62%, 36% 62.21%, 37% 62.73%, 38% 63.2%, 39% 63.59%, 40% 63.92%, 41% 64.17%, 42% 64.35%, 43% 64.46%, 44% 64.5%, 45% 64.46%, 46% 64.35%, 47% 64.16%, 48% 63.91%, 49% 63.58%, 50% 63.18%, 51% 62.72%, 52% 62.19%, 53% 61.59%, 54% 60.94%, 55% 60.24%, 56% 59.48%, 57% 58.67%, 58% 57.82%, 59% 56.93%, 60% 56%, 61% 55.04%, 62% 54.06%, 63% 53.06%, 64% 52.04%, 65% 51.01%, 66% 49.97%, 67% 48.94%, 68% 47.91%, 69% 46.89%, 70% 45.89%, 71% 44.91%, 72% 43.95%, 73% 43.02%, 74% 42.13%, 75% 41.29%, 76% 40.48%, 77% 39.72%, 78% 39.02%, 79% 38.37%, 80% 37.78%, 81% 37.26%, 82% 36.8%, 83% 36.4%, 84% 36.08%, 85% 35.82%, 86% 35.64%, 87% 35.53%, 88% 35.5%, 89% 35.54%, 90% 35.65%, 91% 35.84%, 92% 36.1%, 93% 36.43%, 94% 36.83%, 95% 37.29%, 96% 37.82%, 97% 38.42%, 98% 39.07%, 99% 39.78%, 100% 40.54% ); } body.number-3 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 24%, 1% 24.03%, 2% 24.12%, 3% 24.26%, 4% 24.47%, 5% 24.73%, 6% 25.05%, 7% 25.43%, 8% 25.86%, 9% 26.35%, 10% 26.89%, 11% 27.49%, 12% 28.13%, 13% 28.82%, 14% 29.57%, 15% 30.36%, 16% 31.19%, 17% 32.06%, 18% 32.98%, 19% 33.94%, 20% 34.93%, 21% 35.95%, 22% 37.01%, 23% 38.1%, 24% 39.21%, 25% 40.35%, 26% 41.51%, 27% 42.69%, 28% 43.88%, 29% 45.09%, 30% 46.31%, 31% 47.54%, 32% 48.78%, 33% 50.02%, 34% 51.25%, 35% 52.49%, 36% 53.72%, 37% 54.94%, 38% 56.15%, 39% 57.34%, 40% 58.52%, 41% 59.68%, 42% 60.82%, 43% 61.93%, 44% 63.02%, 45% 64.08%, 46% 65.1%, 47% 66.09%, 48% 67.04%, 49% 67.96%, 50% 68.83%, 51% 69.67%, 52% 70.45%, 53% 71.19%, 54% 71.89%, 55% 72.53%, 56% 73.12%, 57% 73.66%, 58% 74.15%, 59% 74.58%, 60% 74.96%, 61% 75.27%, 62% 75.54%, 63% 75.74%, 64% 75.89%, 65% 75.97%, 66% 76%, 67% 75.97%, 68% 75.88%, 69% 75.73%, 70% 75.52%, 71% 75.26%, 72% 74.94%, 73% 74.56%, 74% 74.12%, 75% 73.63%, 76% 73.09%, 77% 72.5%, 78% 71.85%, 79% 71.16%, 80% 70.41%, 81% 69.62%, 82% 68.79%, 83% 67.91%, 84% 66.99%, 85% 66.04%, 86% 65.05%, 87% 64.02%, 88% 62.96%, 89% 61.87%, 90% 60.76%, 91% 59.62%, 92% 58.46%, 93% 57.28%, 94% 56.08%, 95% 54.87%, 96% 53.65%, 97% 52.42%, 98% 51.19%, 99% 49.95%, 100% 48.71% ); } body.number-4 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 90.5%, 1% 90.45%, 2% 90.32%, 3% 90.09%, 4% 89.77%, 5% 89.36%, 6% 88.86%, 7% 88.27%, 8% 87.6%, 9% 86.84%, 10% 85.99%, 11% 85.07%, 12% 84.07%, 13% 82.98%, 14% 81.83%, 15% 80.6%, 16% 79.3%, 17% 77.94%, 18% 76.51%, 19% 75.02%, 20% 73.48%, 21% 71.88%, 22% 70.24%, 23% 68.54%, 24% 66.81%, 25% 65.03%, 26% 63.23%, 27% 61.39%, 28% 59.53%, 29% 57.64%, 30% 55.74%, 31% 53.83%, 32% 51.9%, 33% 49.97%, 34% 48.05%, 35% 46.12%, 36% 44.21%, 37% 42.31%, 38% 40.42%, 39% 38.56%, 40% 36.72%, 41% 34.92%, 42% 33.15%, 43% 31.41%, 44% 29.72%, 45% 28.07%, 46% 26.48%, 47% 24.94%, 48% 23.45%, 49% 22.02%, 50% 20.66%, 51% 19.37%, 52% 18.14%, 53% 16.99%, 54% 15.91%, 55% 14.9%, 56% 13.98%, 57% 13.14%, 58% 12.38%, 59% 11.71%, 60% 11.13%, 61% 10.63%, 62% 10.22%, 63% 9.91%, 64% 9.68%, 65% 9.54%, 66% 9.5%, 67% 9.55%, 68% 9.69%, 69% 9.92%, 70% 10.24%, 71% 10.65%, 72% 11.16%, 73% 11.75%, 74% 12.42%, 75% 13.18%, 76% 14.03%, 77% 14.96%, 78% 15.96%, 79% 17.05%, 80% 18.2%, 81% 19.43%, 82% 20.73%, 83% 22.1%, 84% 23.53%, 85% 25.02%, 86% 26.56%, 87% 28.16%, 88% 29.81%, 89% 31.5%, 90% 33.24%, 91% 35.01%, 92% 36.82%, 93% 38.66%, 94% 40.52%, 95% 42.41%, 96% 44.31%, 97% 46.23%, 98% 48.15%, 99% 50.08%, 100% 52% ); } body.number-5 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 71.5%, 1% 71.48%, 2% 71.4%, 3% 71.28%, 4% 71.11%, 5% 70.89%, 6% 70.63%, 7% 70.32%, 8% 69.96%, 9% 69.56%, 10% 69.11%, 11% 68.62%, 12% 68.08%, 13% 67.51%, 14% 66.9%, 15% 66.24%, 16% 65.56%, 17% 64.83%, 18% 64.07%, 19% 63.28%, 20% 62.46%, 21% 61.62%, 22% 60.74%, 23% 59.84%, 24% 58.92%, 25% 57.98%, 26% 57.02%, 27% 56.05%, 28% 55.06%, 29% 54.06%, 30% 53.05%, 31% 52.03%, 32% 51.01%, 33% 49.99%, 34% 48.96%, 35% 47.94%, 36% 46.93%, 37% 45.92%, 38% 44.92%, 39% 43.93%, 40% 42.95%, 41% 41.99%, 42% 41.05%, 43% 40.13%, 44% 39.23%, 45% 38.36%, 46% 37.51%, 47% 36.69%, 48% 35.91%, 49% 35.15%, 50% 34.43%, 51% 33.74%, 52% 33.09%, 53% 32.47%, 54% 31.9%, 55% 31.37%, 56% 30.88%, 57% 30.43%, 58% 30.03%, 59% 29.67%, 60% 29.36%, 61% 29.1%, 62% 28.88%, 63% 28.72%, 64% 28.59%, 65% 28.52%, 66% 28.5%, 67% 28.53%, 68% 28.6%, 69% 28.72%, 70% 28.89%, 71% 29.11%, 72% 29.38%, 73% 29.69%, 74% 30.05%, 75% 30.46%, 76% 30.9%, 77% 31.4%, 78% 31.93%, 79% 32.51%, 80% 33.12%, 81% 33.77%, 82% 34.46%, 83% 35.19%, 84% 35.95%, 85% 36.74%, 86% 37.56%, 87% 38.41%, 88% 39.28%, 89% 40.18%, 90% 41.1%, 91% 42.04%, 92% 43%, 93% 43.98%, 94% 44.97%, 95% 45.97%, 96% 46.98%, 97% 48%, 98% 49.02%, 99% 50.04%, 100% 51.06% ); } body.number-6 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 84.5%, 1% 84.41%, 2% 84.15%, 3% 83.71%, 4% 83.1%, 5% 82.32%, 6% 81.38%, 7% 80.28%, 8% 79.02%, 9% 77.61%, 10% 76.07%, 11% 74.39%, 12% 72.58%, 13% 70.66%, 14% 68.64%, 15% 66.52%, 16% 64.32%, 17% 62.04%, 18% 59.7%, 19% 57.32%, 20% 54.89%, 21% 52.44%, 22% 49.98%, 23% 47.52%, 24% 45.07%, 25% 42.64%, 26% 40.26%, 27% 37.92%, 28% 35.64%, 29% 33.44%, 30% 31.32%, 31% 29.3%, 32% 27.38%, 33% 25.58%, 34% 23.9%, 35% 22.36%, 36% 20.96%, 37% 19.7%, 38% 18.6%, 39% 17.66%, 40% 16.89%, 41% 16.28%, 42% 15.85%, 43% 15.58%, 44% 15.5%, 45% 15.59%, 46% 15.86%, 47% 16.3%, 48% 16.91%, 49% 17.69%, 50% 18.64%, 51% 19.74%, 52% 21%, 53% 22.41%, 54% 23.96%, 55% 25.64%, 56% 27.45%, 57% 29.37%, 58% 31.4%, 59% 33.52%, 60% 35.72%, 61% 38%, 62% 40.34%, 63% 42.73%, 64% 45.15%, 65% 47.6%, 66% 50.07%, 67% 52.53%, 68% 54.98%, 69% 57.4%, 70% 59.79%, 71% 62.12%, 72% 64.4%, 73% 66.6%, 74% 68.71%, 75% 70.73%, 76% 72.65%, 77% 74.45%, 78% 76.12%, 79% 77.67%, 80% 79.07%, 81% 80.32%, 82% 81.42%, 83% 82.35%, 84% 83.13%, 85% 83.73%, 86% 84.16%, 87% 84.42%, 88% 84.5%, 89% 84.41%, 90% 84.14%, 91% 83.69%, 92% 83.08%, 93% 82.29%, 94% 81.34%, 95% 80.23%, 96% 78.97%, 97% 77.56%, 98% 76.01%, 99% 74.33%, 100% 72.52% ); } body.number-7 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 19.5%, 1% 19.53%, 2% 19.64%, 3% 19.81%, 4% 20.05%, 5% 20.36%, 6% 20.74%, 7% 21.18%, 8% 21.69%, 9% 22.26%, 10% 22.89%, 11% 23.59%, 12% 24.35%, 13% 25.16%, 14% 26.03%, 15% 26.96%, 16% 27.93%, 17% 28.96%, 18% 30.03%, 19% 31.15%, 20% 32.32%, 21% 33.52%, 22% 34.76%, 23% 36.04%, 24% 37.34%, 25% 38.68%, 26% 40.04%, 27% 41.42%, 28% 42.83%, 29% 44.24%, 30% 45.68%, 31% 47.12%, 32% 48.57%, 33% 50.02%, 34% 51.47%, 35% 52.92%, 36% 54.36%, 37% 55.79%, 38% 57.21%, 39% 58.61%, 40% 60%, 41% 61.36%, 42% 62.69%, 43% 64%, 44% 65.27%, 45% 66.51%, 46% 67.71%, 47% 68.88%, 48% 69.99%, 49% 71.07%, 50% 72.09%, 51% 73.07%, 52% 73.99%, 53% 74.86%, 54% 75.68%, 55% 76.43%, 56% 77.12%, 57% 77.76%, 58% 78.33%, 59% 78.83%, 60% 79.27%, 61% 79.65%, 62% 79.96%, 63% 80.19%, 64% 80.37%, 65% 80.47%, 66% 80.5%, 67% 80.46%, 68% 80.36%, 69% 80.18%, 70% 79.94%, 71% 79.63%, 72% 79.25%, 73% 78.81%, 74% 78.3%, 75% 77.73%, 76% 77.09%, 77% 76.39%, 78% 75.63%, 79% 74.82%, 80% 73.95%, 81% 73.02%, 82% 72.04%, 83% 71.01%, 84% 69.94%, 85% 68.81%, 86% 67.65%, 87% 66.45%, 88% 65.21%, 89% 63.93%, 90% 62.62%, 91% 61.29%, 92% 59.92%, 93% 58.54%, 94% 57.14%, 95% 55.72%, 96% 54.29%, 97% 52.84%, 98% 51.39%, 99% 49.94%, 100% 48.49% ); } body.number-8 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 59.5%, 1% 59.49%, 2% 59.47%, 3% 59.43%, 4% 59.37%, 5% 59.29%, 6% 59.2%, 7% 59.1%, 8% 58.97%, 9% 58.84%, 10% 58.68%, 11% 58.51%, 12% 58.33%, 13% 58.13%, 14% 57.92%, 15% 57.7%, 16% 57.46%, 17% 57.2%, 18% 56.94%, 19% 56.66%, 20% 56.37%, 21% 56.07%, 22% 55.76%, 23% 55.44%, 24% 55.11%, 25% 54.77%, 26% 54.43%, 27% 54.07%, 28% 53.71%, 29% 53.34%, 30% 52.97%, 31% 52.59%, 32% 52.2%, 33% 51.82%, 34% 51.43%, 35% 51.03%, 36% 50.64%, 37% 50.24%, 38% 49.84%, 39% 49.45%, 40% 49.05%, 41% 48.66%, 42% 48.27%, 43% 47.88%, 44% 47.49%, 45% 47.11%, 46% 46.74%, 47% 46.37%, 48% 46%, 49% 45.65%, 50% 45.3%, 51% 44.96%, 52% 44.63%, 53% 44.3%, 54% 43.99%, 55% 43.69%, 56% 43.4%, 57% 43.12%, 58% 42.85%, 59% 42.6%, 60% 42.35%, 61% 42.12%, 62% 41.91%, 63% 41.71%, 64% 41.52%, 65% 41.35%, 66% 41.19%, 67% 41.05%, 68% 40.93%, 69% 40.82%, 70% 40.72%, 71% 40.65%, 72% 40.59%, 73% 40.54%, 74% 40.51%, 75% 40.5%, 76% 40.51%, 77% 40.53%, 78% 40.56%, 79% 40.62%, 80% 40.69%, 81% 40.78%, 82% 40.88%, 83% 41%, 84% 41.13%, 85% 41.28%, 86% 41.45%, 87% 41.63%, 88% 41.82%, 89% 42.03%, 90% 42.26%, 91% 42.49%, 92% 42.74%, 93% 43%, 94% 43.28%, 95% 43.57%, 96% 43.86%, 97% 44.17%, 98% 44.49%, 99% 44.82%, 100% 45.15% ); } body.number-9 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 40%, 1% 40.08%, 2% 40.31%, 3% 40.7%, 4% 41.23%, 5% 41.9%, 6% 42.7%, 7% 43.61%, 8% 44.62%, 9% 45.71%, 10% 46.88%, 11% 48.09%, 12% 49.33%, 13% 50.58%, 14% 51.83%, 15% 53.04%, 16% 54.21%, 17% 55.31%, 18% 56.33%, 19% 57.24%, 20% 58.05%, 21% 58.73%, 22% 59.27%, 23% 59.67%, 24% 59.91%, 25% 60%, 26% 59.93%, 27% 59.71%, 28% 59.33%, 29% 58.81%, 30% 58.15%, 31% 57.36%, 32% 56.46%, 33% 55.46%, 34% 54.37%, 35% 53.21%, 36% 52%, 37% 50.76%, 38% 49.51%, 39% 48.26%, 40% 47.04%, 41% 45.87%, 42% 44.77%, 43% 43.74%, 44% 42.82%, 45% 42%, 46% 41.32%, 47% 40.76%, 48% 40.36%, 49% 40.1%, 50% 40%, 51% 40.06%, 52% 40.27%, 53% 40.64%, 54% 41.15%, 55% 41.8%, 56% 42.58%, 57% 43.47%, 58% 44.47%, 59% 45.56%, 60% 46.71%, 61% 47.92%, 62% 49.16%, 63% 50.41%, 64% 51.65%, 65% 52.87%, 66% 54.05%, 67% 55.16%, 68% 56.19%, 69% 57.12%, 70% 57.94%, 71% 58.64%, 72% 59.2%, 73% 59.62%, 74% 59.89%, 75% 60%, 76% 59.95%, 77% 59.75%, 78% 59.39%, 79% 58.89%, 80% 58.25%, 81% 57.48%, 82% 56.59%, 83% 55.6%, 84% 54.52%, 85% 53.37%, 86% 52.17%, 87% 50.93%, 88% 49.68%, 89% 48.43%, 90% 47.21%, 91% 46.03%, 92% 44.92%, 93% 43.88%, 94% 42.94%, 95% 42.11%, 96% 41.4%, 97% 40.83%, 98% 40.41%, 99% 40.13%, 100% 40.01% ); } body.number-10 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 35.5%, 1% 35.52%, 2% 35.57%, 3% 35.65%, 4% 35.76%, 5% 35.91%, 6% 36.09%, 7% 36.3%, 8% 36.54%, 9% 36.81%, 10% 37.11%, 11% 37.44%, 12% 37.8%, 13% 38.19%, 14% 38.6%, 15% 39.04%, 16% 39.51%, 17% 40%, 18% 40.51%, 19% 41.04%, 20% 41.59%, 21% 42.17%, 22% 42.76%, 23% 43.36%, 24% 43.98%, 25% 44.62%, 26% 45.26%, 27% 45.92%, 28% 46.59%, 29% 47.26%, 30% 47.94%, 31% 48.63%, 32% 49.32%, 33% 50.01%, 34% 50.7%, 35% 51.39%, 36% 52.07%, 37% 52.75%, 38% 53.43%, 39% 54.1%, 40% 54.75%, 41% 55.4%, 42% 56.03%, 43% 56.65%, 44% 57.26%, 45% 57.85%, 46% 58.42%, 47% 58.97%, 48% 59.51%, 49% 60.02%, 50% 60.5%, 51% 60.97%, 52% 61.41%, 53% 61.82%, 54% 62.21%, 55% 62.57%, 56% 62.9%, 57% 63.2%, 58% 63.47%, 59% 63.71%, 60% 63.92%, 61% 64.1%, 62% 64.24%, 63% 64.35%, 64% 64.44%, 65% 64.48%, 66% 64.5%, 67% 64.48%, 68% 64.43%, 69% 64.35%, 70% 64.23%, 71% 64.09%, 72% 63.91%, 73% 63.7%, 74% 63.45%, 75% 63.18%, 76% 62.88%, 77% 62.55%, 78% 62.19%, 79% 61.8%, 80% 61.38%, 81% 60.94%, 82% 60.48%, 83% 59.99%, 84% 59.48%, 85% 58.94%, 86% 58.39%, 87% 57.82%, 88% 57.23%, 89% 56.62%, 90% 56%, 91% 55.37%, 92% 54.72%, 93% 54.06%, 94% 53.39%, 95% 52.72%, 96% 52.04%, 97% 51.35%, 98% 50.66%, 99% 49.97%, 100% 49.28% ); } } @media (max-width: 767px) { .HeaderRow:after { content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: -5rem; height: 5rem; background-color: #f2f2ec; } body.number-1 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 73.5%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.9%, 21% 51.2%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.1%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.1%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.3%, 37% 28.42%, 38% 27.66%, 39% 27%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.5%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.5%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.3%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16% ); } body.number-2 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 35.5%, 1% 35.54%, 2% 35.65%, 3% 35.83%, 4% 36.09%, 5% 36.41%, 6% 36.81%, 7% 37.28%, 8% 37.8%, 9% 38.39%, 10% 39.04%, 11% 39.75%, 12% 40.51%, 13% 41.31%, 14% 42.17%, 15% 43.06%, 16% 43.98%, 17% 44.94%, 18% 45.92%, 19% 46.93%, 20% 47.94%, 21% 48.97%, 22% 50.01%, 23% 51.04%, 24% 52.07%, 25% 53.09%, 26% 54.1%, 27% 55.08%, 28% 56.03%, 29% 56.96%, 30% 57.85%, 31% 58.7%, 32% 59.51%, 33% 60.26%, 34% 60.97%, 35% 61.62%, 36% 62.21%, 37% 62.73%, 38% 63.2%, 39% 63.59%, 40% 63.92%, 41% 64.17%, 42% 64.35%, 43% 64.46%, 44% 64.5%, 45% 64.46%, 46% 64.35%, 47% 64.16%, 48% 63.91%, 49% 63.58%, 50% 63.18%, 51% 62.72%, 52% 62.19%, 53% 61.59%, 54% 60.94%, 55% 60.24%, 56% 59.48%, 57% 58.67%, 58% 57.82%, 59% 56.93%, 60% 56%, 61% 55.04%, 62% 54.06%, 63% 53.06%, 64% 52.04%, 65% 51.01%, 66% 49.97%, 67% 48.94%, 68% 47.91%, 69% 46.89%, 70% 45.89%, 71% 44.91%, 72% 43.95%, 73% 43.02%, 74% 42.13%, 75% 41.29%, 76% 40.48%, 77% 39.72%, 78% 39.02%, 79% 38.37%, 80% 37.78%, 81% 37.26%, 82% 36.8%, 83% 36.4%, 84% 36.08%, 85% 35.82%, 86% 35.64%, 87% 35.53%, 88% 35.5%, 89% 35.54%, 90% 35.65%, 91% 35.84%, 92% 36.1%, 93% 36.43%, 94% 36.83%, 95% 37.29%, 96% 37.82%, 97% 38.42%, 98% 39.07%, 99% 39.78%, 100% 40.54% ); } body.number-3 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 24%, 1% 24.03%, 2% 24.12%, 3% 24.26%, 4% 24.47%, 5% 24.73%, 6% 25.05%, 7% 25.43%, 8% 25.86%, 9% 26.35%, 10% 26.89%, 11% 27.49%, 12% 28.13%, 13% 28.82%, 14% 29.57%, 15% 30.36%, 16% 31.19%, 17% 32.06%, 18% 32.98%, 19% 33.94%, 20% 34.93%, 21% 35.95%, 22% 37.01%, 23% 38.1%, 24% 39.21%, 25% 40.35%, 26% 41.51%, 27% 42.69%, 28% 43.88%, 29% 45.09%, 30% 46.31%, 31% 47.54%, 32% 48.78%, 33% 50.02%, 34% 51.25%, 35% 52.49%, 36% 53.72%, 37% 54.94%, 38% 56.15%, 39% 57.34%, 40% 58.52%, 41% 59.68%, 42% 60.82%, 43% 61.93%, 44% 63.02%, 45% 64.08%, 46% 65.1%, 47% 66.09%, 48% 67.04%, 49% 67.96%, 50% 68.83%, 51% 69.67%, 52% 70.45%, 53% 71.19%, 54% 71.89%, 55% 72.53%, 56% 73.12%, 57% 73.66%, 58% 74.15%, 59% 74.58%, 60% 74.96%, 61% 75.27%, 62% 75.54%, 63% 75.74%, 64% 75.89%, 65% 75.97%, 66% 76%, 67% 75.97%, 68% 75.88%, 69% 75.73%, 70% 75.52%, 71% 75.26%, 72% 74.94%, 73% 74.56%, 74% 74.12%, 75% 73.63%, 76% 73.09%, 77% 72.5%, 78% 71.85%, 79% 71.16%, 80% 70.41%, 81% 69.62%, 82% 68.79%, 83% 67.91%, 84% 66.99%, 85% 66.04%, 86% 65.05%, 87% 64.02%, 88% 62.96%, 89% 61.87%, 90% 60.76%, 91% 59.62%, 92% 58.46%, 93% 57.28%, 94% 56.08%, 95% 54.87%, 96% 53.65%, 97% 52.42%, 98% 51.19%, 99% 49.95%, 100% 48.71% ); } body.number-4 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 90.5%, 1% 90.45%, 2% 90.32%, 3% 90.09%, 4% 89.77%, 5% 89.36%, 6% 88.86%, 7% 88.27%, 8% 87.6%, 9% 86.84%, 10% 85.99%, 11% 85.07%, 12% 84.07%, 13% 82.98%, 14% 81.83%, 15% 80.6%, 16% 79.3%, 17% 77.94%, 18% 76.51%, 19% 75.02%, 20% 73.48%, 21% 71.88%, 22% 70.24%, 23% 68.54%, 24% 66.81%, 25% 65.03%, 26% 63.23%, 27% 61.39%, 28% 59.53%, 29% 57.64%, 30% 55.74%, 31% 53.83%, 32% 51.9%, 33% 49.97%, 34% 48.05%, 35% 46.12%, 36% 44.21%, 37% 42.31%, 38% 40.42%, 39% 38.56%, 40% 36.72%, 41% 34.92%, 42% 33.15%, 43% 31.41%, 44% 29.72%, 45% 28.07%, 46% 26.48%, 47% 24.94%, 48% 23.45%, 49% 22.02%, 50% 20.66%, 51% 19.37%, 52% 18.14%, 53% 16.99%, 54% 15.91%, 55% 14.9%, 56% 13.98%, 57% 13.14%, 58% 12.38%, 59% 11.71%, 60% 11.13%, 61% 10.63%, 62% 10.22%, 63% 9.91%, 64% 9.68%, 65% 9.54%, 66% 9.5%, 67% 9.55%, 68% 9.69%, 69% 9.92%, 70% 10.24%, 71% 10.65%, 72% 11.16%, 73% 11.75%, 74% 12.42%, 75% 13.18%, 76% 14.03%, 77% 14.96%, 78% 15.96%, 79% 17.05%, 80% 18.2%, 81% 19.43%, 82% 20.73%, 83% 22.1%, 84% 23.53%, 85% 25.02%, 86% 26.56%, 87% 28.16%, 88% 29.81%, 89% 31.5%, 90% 33.24%, 91% 35.01%, 92% 36.82%, 93% 38.66%, 94% 40.52%, 95% 42.41%, 96% 44.31%, 97% 46.23%, 98% 48.15%, 99% 50.08%, 100% 52% ); } body.number-5 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 71.5%, 1% 71.48%, 2% 71.4%, 3% 71.28%, 4% 71.11%, 5% 70.89%, 6% 70.63%, 7% 70.32%, 8% 69.96%, 9% 69.56%, 10% 69.11%, 11% 68.62%, 12% 68.08%, 13% 67.51%, 14% 66.9%, 15% 66.24%, 16% 65.56%, 17% 64.83%, 18% 64.07%, 19% 63.28%, 20% 62.46%, 21% 61.62%, 22% 60.74%, 23% 59.84%, 24% 58.92%, 25% 57.98%, 26% 57.02%, 27% 56.05%, 28% 55.06%, 29% 54.06%, 30% 53.05%, 31% 52.03%, 32% 51.01%, 33% 49.99%, 34% 48.96%, 35% 47.94%, 36% 46.93%, 37% 45.92%, 38% 44.92%, 39% 43.93%, 40% 42.95%, 41% 41.99%, 42% 41.05%, 43% 40.13%, 44% 39.23%, 45% 38.36%, 46% 37.51%, 47% 36.69%, 48% 35.91%, 49% 35.15%, 50% 34.43%, 51% 33.74%, 52% 33.09%, 53% 32.47%, 54% 31.9%, 55% 31.37%, 56% 30.88%, 57% 30.43%, 58% 30.03%, 59% 29.67%, 60% 29.36%, 61% 29.1%, 62% 28.88%, 63% 28.72%, 64% 28.59%, 65% 28.52%, 66% 28.5%, 67% 28.53%, 68% 28.6%, 69% 28.72%, 70% 28.89%, 71% 29.11%, 72% 29.38%, 73% 29.69%, 74% 30.05%, 75% 30.46%, 76% 30.9%, 77% 31.4%, 78% 31.93%, 79% 32.51%, 80% 33.12%, 81% 33.77%, 82% 34.46%, 83% 35.19%, 84% 35.95%, 85% 36.74%, 86% 37.56%, 87% 38.41%, 88% 39.28%, 89% 40.18%, 90% 41.1%, 91% 42.04%, 92% 43%, 93% 43.98%, 94% 44.97%, 95% 45.97%, 96% 46.98%, 97% 48%, 98% 49.02%, 99% 50.04%, 100% 51.06% ); } body.number-6 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 84.5%, 1% 84.41%, 2% 84.15%, 3% 83.71%, 4% 83.1%, 5% 82.32%, 6% 81.38%, 7% 80.28%, 8% 79.02%, 9% 77.61%, 10% 76.07%, 11% 74.39%, 12% 72.58%, 13% 70.66%, 14% 68.64%, 15% 66.52%, 16% 64.32%, 17% 62.04%, 18% 59.7%, 19% 57.32%, 20% 54.89%, 21% 52.44%, 22% 49.98%, 23% 47.52%, 24% 45.07%, 25% 42.64%, 26% 40.26%, 27% 37.92%, 28% 35.64%, 29% 33.44%, 30% 31.32%, 31% 29.3%, 32% 27.38%, 33% 25.58%, 34% 23.9%, 35% 22.36%, 36% 20.96%, 37% 19.7%, 38% 18.6%, 39% 17.66%, 40% 16.89%, 41% 16.28%, 42% 15.85%, 43% 15.58%, 44% 15.5%, 45% 15.59%, 46% 15.86%, 47% 16.3%, 48% 16.91%, 49% 17.69%, 50% 18.64%, 51% 19.74%, 52% 21%, 53% 22.41%, 54% 23.96%, 55% 25.64%, 56% 27.45%, 57% 29.37%, 58% 31.4%, 59% 33.52%, 60% 35.72%, 61% 38%, 62% 40.34%, 63% 42.73%, 64% 45.15%, 65% 47.6%, 66% 50.07%, 67% 52.53%, 68% 54.98%, 69% 57.4%, 70% 59.79%, 71% 62.12%, 72% 64.4%, 73% 66.6%, 74% 68.71%, 75% 70.73%, 76% 72.65%, 77% 74.45%, 78% 76.12%, 79% 77.67%, 80% 79.07%, 81% 80.32%, 82% 81.42%, 83% 82.35%, 84% 83.13%, 85% 83.73%, 86% 84.16%, 87% 84.42%, 88% 84.5%, 89% 84.41%, 90% 84.14%, 91% 83.69%, 92% 83.08%, 93% 82.29%, 94% 81.34%, 95% 80.23%, 96% 78.97%, 97% 77.56%, 98% 76.01%, 99% 74.33%, 100% 72.52% ); } body.number-7 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 19.5%, 1% 19.53%, 2% 19.64%, 3% 19.81%, 4% 20.05%, 5% 20.36%, 6% 20.74%, 7% 21.18%, 8% 21.69%, 9% 22.26%, 10% 22.89%, 11% 23.59%, 12% 24.35%, 13% 25.16%, 14% 26.03%, 15% 26.96%, 16% 27.93%, 17% 28.96%, 18% 30.03%, 19% 31.15%, 20% 32.32%, 21% 33.52%, 22% 34.76%, 23% 36.04%, 24% 37.34%, 25% 38.68%, 26% 40.04%, 27% 41.42%, 28% 42.83%, 29% 44.24%, 30% 45.68%, 31% 47.12%, 32% 48.57%, 33% 50.02%, 34% 51.47%, 35% 52.92%, 36% 54.36%, 37% 55.79%, 38% 57.21%, 39% 58.61%, 40% 60%, 41% 61.36%, 42% 62.69%, 43% 64%, 44% 65.27%, 45% 66.51%, 46% 67.71%, 47% 68.88%, 48% 69.99%, 49% 71.07%, 50% 72.09%, 51% 73.07%, 52% 73.99%, 53% 74.86%, 54% 75.68%, 55% 76.43%, 56% 77.12%, 57% 77.76%, 58% 78.33%, 59% 78.83%, 60% 79.27%, 61% 79.65%, 62% 79.96%, 63% 80.19%, 64% 80.37%, 65% 80.47%, 66% 80.5%, 67% 80.46%, 68% 80.36%, 69% 80.18%, 70% 79.94%, 71% 79.63%, 72% 79.25%, 73% 78.81%, 74% 78.3%, 75% 77.73%, 76% 77.09%, 77% 76.39%, 78% 75.63%, 79% 74.82%, 80% 73.95%, 81% 73.02%, 82% 72.04%, 83% 71.01%, 84% 69.94%, 85% 68.81%, 86% 67.65%, 87% 66.45%, 88% 65.21%, 89% 63.93%, 90% 62.62%, 91% 61.29%, 92% 59.92%, 93% 58.54%, 94% 57.14%, 95% 55.72%, 96% 54.29%, 97% 52.84%, 98% 51.39%, 99% 49.94%, 100% 48.49% ); } body.number-8 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 59.5%, 1% 59.49%, 2% 59.47%, 3% 59.43%, 4% 59.37%, 5% 59.29%, 6% 59.2%, 7% 59.1%, 8% 58.97%, 9% 58.84%, 10% 58.68%, 11% 58.51%, 12% 58.33%, 13% 58.13%, 14% 57.92%, 15% 57.7%, 16% 57.46%, 17% 57.2%, 18% 56.94%, 19% 56.66%, 20% 56.37%, 21% 56.07%, 22% 55.76%, 23% 55.44%, 24% 55.11%, 25% 54.77%, 26% 54.43%, 27% 54.07%, 28% 53.71%, 29% 53.34%, 30% 52.97%, 31% 52.59%, 32% 52.2%, 33% 51.82%, 34% 51.43%, 35% 51.03%, 36% 50.64%, 37% 50.24%, 38% 49.84%, 39% 49.45%, 40% 49.05%, 41% 48.66%, 42% 48.27%, 43% 47.88%, 44% 47.49%, 45% 47.11%, 46% 46.74%, 47% 46.37%, 48% 46%, 49% 45.65%, 50% 45.3%, 51% 44.96%, 52% 44.63%, 53% 44.3%, 54% 43.99%, 55% 43.69%, 56% 43.4%, 57% 43.12%, 58% 42.85%, 59% 42.6%, 60% 42.35%, 61% 42.12%, 62% 41.91%, 63% 41.71%, 64% 41.52%, 65% 41.35%, 66% 41.19%, 67% 41.05%, 68% 40.93%, 69% 40.82%, 70% 40.72%, 71% 40.65%, 72% 40.59%, 73% 40.54%, 74% 40.51%, 75% 40.5%, 76% 40.51%, 77% 40.53%, 78% 40.56%, 79% 40.62%, 80% 40.69%, 81% 40.78%, 82% 40.88%, 83% 41%, 84% 41.13%, 85% 41.28%, 86% 41.45%, 87% 41.63%, 88% 41.82%, 89% 42.03%, 90% 42.26%, 91% 42.49%, 92% 42.74%, 93% 43%, 94% 43.28%, 95% 43.57%, 96% 43.86%, 97% 44.17%, 98% 44.49%, 99% 44.82%, 100% 45.15% ); } body.number-9 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 40%, 1% 40.08%, 2% 40.31%, 3% 40.7%, 4% 41.23%, 5% 41.9%, 6% 42.7%, 7% 43.61%, 8% 44.62%, 9% 45.71%, 10% 46.88%, 11% 48.09%, 12% 49.33%, 13% 50.58%, 14% 51.83%, 15% 53.04%, 16% 54.21%, 17% 55.31%, 18% 56.33%, 19% 57.24%, 20% 58.05%, 21% 58.73%, 22% 59.27%, 23% 59.67%, 24% 59.91%, 25% 60%, 26% 59.93%, 27% 59.71%, 28% 59.33%, 29% 58.81%, 30% 58.15%, 31% 57.36%, 32% 56.46%, 33% 55.46%, 34% 54.37%, 35% 53.21%, 36% 52%, 37% 50.76%, 38% 49.51%, 39% 48.26%, 40% 47.04%, 41% 45.87%, 42% 44.77%, 43% 43.74%, 44% 42.82%, 45% 42%, 46% 41.32%, 47% 40.76%, 48% 40.36%, 49% 40.1%, 50% 40%, 51% 40.06%, 52% 40.27%, 53% 40.64%, 54% 41.15%, 55% 41.8%, 56% 42.58%, 57% 43.47%, 58% 44.47%, 59% 45.56%, 60% 46.71%, 61% 47.92%, 62% 49.16%, 63% 50.41%, 64% 51.65%, 65% 52.87%, 66% 54.05%, 67% 55.16%, 68% 56.19%, 69% 57.12%, 70% 57.94%, 71% 58.64%, 72% 59.2%, 73% 59.62%, 74% 59.89%, 75% 60%, 76% 59.95%, 77% 59.75%, 78% 59.39%, 79% 58.89%, 80% 58.25%, 81% 57.48%, 82% 56.59%, 83% 55.6%, 84% 54.52%, 85% 53.37%, 86% 52.17%, 87% 50.93%, 88% 49.68%, 89% 48.43%, 90% 47.21%, 91% 46.03%, 92% 44.92%, 93% 43.88%, 94% 42.94%, 95% 42.11%, 96% 41.4%, 97% 40.83%, 98% 40.41%, 99% 40.13%, 100% 40.01% ); } body.number-10 .HeaderRow:after { clip-path: polygon( 100% 0%, 0% 0%, 0% 35.5%, 1% 35.52%, 2% 35.57%, 3% 35.65%, 4% 35.76%, 5% 35.91%, 6% 36.09%, 7% 36.3%, 8% 36.54%, 9% 36.81%, 10% 37.11%, 11% 37.44%, 12% 37.8%, 13% 38.19%, 14% 38.6%, 15% 39.04%, 16% 39.51%, 17% 40%, 18% 40.51%, 19% 41.04%, 20% 41.59%, 21% 42.17%, 22% 42.76%, 23% 43.36%, 24% 43.98%, 25% 44.62%, 26% 45.26%, 27% 45.92%, 28% 46.59%, 29% 47.26%, 30% 47.94%, 31% 48.63%, 32% 49.32%, 33% 50.01%, 34% 50.7%, 35% 51.39%, 36% 52.07%, 37% 52.75%, 38% 53.43%, 39% 54.1%, 40% 54.75%, 41% 55.4%, 42% 56.03%, 43% 56.65%, 44% 57.26%, 45% 57.85%, 46% 58.42%, 47% 58.97%, 48% 59.51%, 49% 60.02%, 50% 60.5%, 51% 60.97%, 52% 61.41%, 53% 61.82%, 54% 62.21%, 55% 62.57%, 56% 62.9%, 57% 63.2%, 58% 63.47%, 59% 63.71%, 60% 63.92%, 61% 64.1%, 62% 64.24%, 63% 64.35%, 64% 64.44%, 65% 64.48%, 66% 64.5%, 67% 64.48%, 68% 64.43%, 69% 64.35%, 70% 64.23%, 71% 64.09%, 72% 63.91%, 73% 63.7%, 74% 63.45%, 75% 63.18%, 76% 62.88%, 77% 62.55%, 78% 62.19%, 79% 61.8%, 80% 61.38%, 81% 60.94%, 82% 60.48%, 83% 59.99%, 84% 59.48%, 85% 58.94%, 86% 58.39%, 87% 57.82%, 88% 57.23%, 89% 56.62%, 90% 56%, 91% 55.37%, 92% 54.72%, 93% 54.06%, 94% 53.39%, 95% 52.72%, 96% 52.04%, 97% 51.35%, 98% 50.66%, 99% 49.97%, 100% 49.28% ); } } /* header row after colour START */ body[class*="ed"] .HeaderRow:after { background: #ef4136; /* background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1));*/ } body .HeaderRow[id*="ed"]:after { background: #ef4136; /* background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1));*/ } body[class*="lue"] .HeaderRow:after { background: #2a3a76; background: linear-gradient( to right, rgba(42, 58, 118, 1), rgba(184, 229, 249, 1) ); } body .HeaderRow[id*="lue"]:after { background: #2a3a76; background: linear-gradient( to right, rgba(42, 58, 118, 1), rgba(184, 229, 249, 1) ); } body[class*="reen"] .HeaderRow:after { background: #00a84b; background: linear-gradient( to right, rgba(0, 168, 75, 1), rgba(206, 217, 81, 1) ); } body .HeaderRow[id*="reen"]:after { background: #00a84b; background: linear-gradient( to right, rgba(0, 168, 75, 1), rgba(206, 217, 81, 1) ); } /* header row after colour END */ /* body class .HeaderRow colours START */ body[class*="ed"] .HeaderRow > div { background: #ef4136; /* background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1)); */ } body[class*="lue"] .HeaderRow > div { background: #2a3a76; background: linear-gradient( to right, rrgba(42, 58, 118, 1), rgba(184, 229, 249, 1) ); } body[class*="reen"] .HeaderRow > div { background: #00a84b; background: linear-gradient( to right, rgba(0, 168, 75, 1), rgba(206, 217, 81, 1) ); } /* body class .HeaderRow colours END */ /* body .HeaderRow id colours START */ body .HeaderRow[id*="ed"] > div { background: #ef4136; } body .HeaderRow[id*="lue"] > div { background: #2a3a76; background: linear-gradient( to right, rgba(42, 58, 118, 1), rgba(184, 229, 249, 1) ); } body .HeaderRow[id*="reen"] > div { background: #00a84b; background: linear-gradient( to right, rgba(0, 168, 75, 1), rgba(206, 217, 81, 1) ); } /* body .HeaderRow id colours START */ /* coloured pageheading text colour styling START */ body .HeaderRow[id*="ed"] h1, body .HeaderRow[id*="ed"] h2, body .HeaderRow[id*="ed"] h3, body .HeaderRow[id*="ed"] h4, body .HeaderRow[id*="ed"] h5, body .HeaderRow[id*="ed"] h6, body .HeaderRow[id*="ed"] p, body .HeaderRow[id*="ed"] span { color: #fff; } body .HeaderRow[id*="lue"] h1, body .HeaderRow[id*="lue"] h2, body .HeaderRow[id*="lue"] h3, body .HeaderRow[id*="lue"] h4, body .HeaderRow[id*="lue"] h5, body .HeaderRow[id*="lue"] h6, body .HeaderRow[id*="lue"] p, body .HeaderRow[id*="lue"] span { color: #fff; } body .HeaderRow[id*="reen"] h1, body .HeaderRow[id*="reen"] h2, body .HeaderRow[id*="reen"] h3, body .HeaderRow[id*="reen"] h4, body .HeaderRow[id*="reen"] h5, body .HeaderRow[id*="reen"] h6, body .HeaderRow[id*="reen"] p, body .HeaderRow[id*="reen"] span { color: #fff; } /* coloured pageheading text colour styling END */ body[class*="ed"] .HeaderRow:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } body .HeaderRow[id*="ed"]:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } body[class*="lue"] .HeaderRow:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } body .HeaderRow[id*="lue"]:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } body[class*="reen"] .HeaderRow:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } body .HeaderRow[id*="reen"]:before { background-image: url(/images/AAG/Logo/AAG-transparent-logo.svg); content: ""; position: absolute; width: 75rem; height: 75rem; background-repeat: no-repeat; background-color: transparent; z-index: 99; right: -17rem; top: -27.5rem; } @media (max-width: 768px) { body[class*="ed"] .HeaderRow:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } body .HeaderRow[id*="ed"]:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } body[class*="lue"] .HeaderRow:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } body .HeaderRow[id*="lue"]:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } body[class*="reen"] .HeaderRow:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } body .HeaderRow[id*="reen"]:before { width: 30rem; height: 30rem; right: -10rem; top: -12rem; } } #masterMainBreadcrumb { display: none !important; } .HeaderRow > div > div > #masterMainBreadcrumb { display: block; } .HeaderRow > div > div > #masterMainBreadcrumb ol.breadcrumb > li { color: #fff; } .HeaderRow > div > div > #masterMainBreadcrumb ol.breadcrumb > li:not(.active):after { content: ">"; color: white; } .HeaderRow > div > div > #masterMainBreadcrumb ol.breadcrumb > li > a { color: #fff; text-decoration: none; font-weight: 600; /* color: #EF4136; */ } .HeaderRow > div > div > #masterMainBreadcrumb ol.breadcrumb > li > a:hover { text-decoration: underline; } .HeaderRow > div p:last-of-type { margin: 0; } div[id*="_container_ciPageHeading"] { padding: 0 !important; } /************ Content page banner START *************/ /************ Content page banner END *************/ /************ Carousel Banners START *************/ /************ Carousel Banners END *************/ /************ Homepage Carousel START *************/ div#masterContentArea .col-primary > div > div > div > div.row.carousel-row { padding: 0; width: 100%; margin: 0; } div#masterContentArea .col-primary > div > div > div > div.row.carousel-row:before, div#masterContentArea .col-primary > div > div > div > div.row.carousel-row:after { display: none; } div#masterContentArea .col-primary > div > div > div > div.row.carousel-row > [class*="col-sm"] { padding: 0; width: 100% !important; max-width: 100% !important; } .row.carousel-row .iMIS-WebPart { max-width: 100vw; } .row.carousel-row .iMIS-WebPart > div { padding: 0 !important; margin-bottom: 0 !important; } .carousel-row .carousel-inner.bg-img .item { background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; } .carousel-inner { background: #f7f8f9; /* max-height: 60rem; */ max-width: 100%rem; /* margin: auto !important; */ } @media (max-width: 1024px) { .carousel-row .carousel-inner.bg-img .item { height: -moz-calc(90vh - 0px) !important; height: -webkit-calc(90vh - 0px) !important; height: calc(90vh - 0px) !important; } } @media (min-width: 1025px) { .carousel-row .carousel-inner.bg-img .item { height: var(--carousel-height) !important; /* background-position-y: 20% !important; */ } } .carousel-row .carousel-inner.bg-img .item > .carousel-caption { padding: 0; left: auto; right: auto; top: auto; bottom: auto; display: flex; text-align: left; width: 100%; height: 100%; text-shadow: none; position: relative; flex-flow: wrap; max-width: 133.5rem; margin: 0 auto; align-items: center; padding-bottom: 10rem; padding-top: 5rem; } .carousel-row .carousel-inner .item:after { background: linear-gradient(#18223200, #18223229, #18223200); display: block; content: ""; padding: 0; width: 100%; height: 100%; position: absolute; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div { padding: 0 1.5rem; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(1) { width: 50%; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(2) { width: 30%; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(2) img { display: none; } .carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-child(1) { order: 1; text-align: right; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(1) *:not([class*="utton"]) { color: #fff; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(1) h1 { /* font-size: 4rem; */ } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(1) p { font-size: 1.6rem; } @media (max-width: 1024px) { .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div { width: 100% !important; } .carousel-row .carousel-inner.bg-img .item > .carousel-caption > div:nth-child(2) { display: none; } .carousel-row .carousel-inner.bg-img .item.text-right > .carousel-caption > div:nth-child(1) { text-align: left; } } /************ Homepage Carousel END *************/