.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}
/**
* Rockwell Base Styles
*/
/* ==========================================================================
Browser CSS Reset
========================================================================== */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Rockwell Grid
* - Based on:
* https://github.com/bassjobsen/flexboxgrid-less
* http ://flexboxgrid.com/
*/
.grid,
.grid-full {
max-width: 100em;
margin: auto;
padding: 2.5rem 1.75rem 0;
}
@media only screen and (min-width: 48.0625em) {
.grid,
.grid-full {
padding: 0 2.5rem 0;
}
}
.grid .row,
.grid-full .row {
margin-top: -2.5rem;
margin-bottom: 2.5rem;
}
.grid .row [class*="col-mobile"],
.grid-full .row [class*="col-mobile"],
.grid .row [class^="col-desktop-"],
.grid-full .row [class^="col-desktop-"],
.grid .row [class*="col-desktop-"],
.grid-full .row [class*="col-desktop-"] {
margin-top: 2.5rem;
}
@media only screen and (min-width: 48.0625em) {
.grid .row,
.grid-full .row {
margin-top: 0;
}
.grid .row [class*="col-mobile"],
.grid-full .row [class*="col-mobile"],
.grid .row [class^="col-desktop-"],
.grid-full .row [class^="col-desktop-"],
.grid .row [class*="col-desktop-"],
.grid-full .row [class*="col-desktop-"] {
margin-top: 0;
}
}
.grid .row:last-child,
.grid-full .row:last-child {
margin-bottom: 0;
}
.grid.no-mobile-margins,
.grid-full.no-mobile-margins {
padding-top: 0;
}
.grid.no-mobile-margins .row,
.grid-full.no-mobile-margins .row {
margin-top: 0;
}
.grid.no-mobile-margins .row [class*="col-mobile"],
.grid-full.no-mobile-margins .row [class*="col-mobile"],
.grid.no-mobile-margins .row [class^="col-desktop-"],
.grid-full.no-mobile-margins .row [class^="col-desktop-"],
.grid.no-mobile-margins .row [class*="col-desktop-"],
.grid-full.no-mobile-margins .row [class*="col-desktop-"] {
margin-top: 0;
}
.grid.no-row-margins .row,
.grid-full.no-row-margins .row {
margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
.grid.collapse-cols-mobile [class*="col-mobile"],
.grid-full.collapse-cols-mobile [class*="col-mobile"] {
flex-basis: 100%;
}
.grid.collapse-cols-mobile [class^="col-desktop-"],
.grid-full.collapse-cols-mobile [class^="col-desktop-"],
.grid.collapse-cols-mobile [class*="col-desktop-"],
.grid-full.collapse-cols-mobile [class*="col-desktop-"] {
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (max-width: 48em) {
.grid.reverse-collapse-mobile .row,
.grid-full.reverse-collapse-mobile .row {
flex-wrap: wrap-reverse;
}
}
.grid.no-nested-padding,
.grid-full.no-nested-padding {
padding-left: 0;
padding-right: 0;
}
.grid.align-items .row,
.grid-full.align-items .row {
align-items: center;
}
.grid.center-row .row,
.grid-full.center-row .row {
justify-content: center;
}
.grid.center-row .row [class^="col-desktop-"],
.grid-full.center-row .row [class^="col-desktop-"] {
white-space: collapse;
}
.grid.center-row .row [class^="col-desktop-"]:empty,
.grid-full.center-row .row [class^="col-desktop-"]:empty {
display: none;
}
.grid-full {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.row {
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.row.reverse {
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
}
.col.reverse {
flex-direction: column-reverse;
flex-wrap: wrap-reverse;
}
[class^="col-mobile"],
[class*=" col-mobile"],
[class^="col-mobile-offset"],
[class*=" col-mobile-offset"] {
box-sizing: border-box;
flex: 0 0 auto;
flex-direction: column;
padding-right: 1rem;
padding-left: 1rem;
}
.col-mobile {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.col-mobile-1 {
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-mobile-2 {
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-mobile-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-mobile-4 {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-mobile-5 {
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-mobile-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-mobile-7 {
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-mobile-8 {
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-mobile-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-mobile-10 {
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-mobile-11 {
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-mobile-12 {
flex-basis: 100%;
max-width: 100%;
}
.col-mobile-offset-1 {
margin-left: 8.33333333%;
}
.col-mobile-offset-2 {
margin-left: 16.66666667%;
}
.col-mobile-offset-3 {
margin-left: 25%;
}
.col-mobile-offset-4 {
margin-left: 33.33333333%;
}
.col-mobile-offset-5 {
margin-left: 41.66666667%;
}
.col-mobile-offset-6 {
margin-left: 50%;
}
.col-mobile-offset-7 {
margin-left: 58.33333333%;
}
.col-mobile-offset-8 {
margin-left: 66.66666667%;
}
.col-mobile-offset-9 {
margin-left: 75%;
}
.col-mobile-offset-10 {
margin-left: 83.33333333%;
}
.col-mobile-offset-11 {
margin-left: 91.66666667%;
}
.start-mobile {
justify-content: flex-start;
text-align: start;
}
.center-mobile {
justify-content: center;
text-align: center;
}
.end-mobile {
justify-content: flex-end;
text-align: end;
}
.top-mobile {
align-items: flex-start;
}
.middle-mobile {
align-items: center;
}
.bottom-mobile {
align-items: flex-end;
}
.around-mobile {
justify-content: space-around;
}
.between-mobile {
justify-content: space-between;
}
.first-mobile {
order: -1;
}
.last-mobile {
order: 1;
}
@media only screen and (min-width: 48.0625em) {
[class^="col-desktop"],
[class*=" col-desktop"],
[class^="col-desktop-offset"],
[class*=" col-desktop-offset"] {
box-sizing: border-box;
flex: 0 0 auto;
flex-direction: column;
padding-right: 1rem;
padding-left: 1rem;
}
.col-desktop {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.col-desktop-1 {
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-desktop-2 {
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-desktop-3 {
flex-basis: 25%;
max-width: 25%;
}
.col-desktop-4 {
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-desktop-5 {
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-desktop-6 {
flex-basis: 50%;
max-width: 50%;
}
.col-desktop-7 {
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-desktop-8 {
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-desktop-9 {
flex-basis: 75%;
max-width: 75%;
}
.col-desktop-10 {
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-desktop-11 {
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-desktop-12 {
flex-basis: 100%;
max-width: 100%;
}
.col-desktop-offset-1 {
margin-left: 8.33333333%;
}
.col-desktop-offset-2 {
margin-left: 16.66666667%;
}
.col-desktop-offset-3 {
margin-left: 25%;
}
.col-desktop-offset-4 {
margin-left: 33.33333333%;
}
.col-desktop-offset-5 {
margin-left: 41.66666667%;
}
.col-desktop-offset-6 {
margin-left: 50%;
}
.col-desktop-offset-7 {
margin-left: 58.33333333%;
}
.col-desktop-offset-8 {
margin-left: 66.66666667%;
}
.col-desktop-offset-9 {
margin-left: 75%;
}
.col-desktop-offset-10 {
margin-left: 83.33333333%;
}
.col-desktop-offset-11 {
margin-left: 91.66666667%;
}
.start-desktop {
justify-content: flex-start;
text-align: start;
}
.center-desktop {
justify-content: center;
text-align: center;
}
.end-desktop {
justify-content: flex-end;
text-align: end;
}
.top-desktop {
align-items: flex-start;
}
.middle-desktop {
align-items: center;
}
.bottom-desktop {
align-items: flex-end;
}
.around-desktop {
justify-content: space-around;
}
.between-desktop {
justify-content: space-between;
}
.first-desktop {
order: -1;
}
.last-desktop {
order: 1;
}
}
/**
* Rockwell Layout Styling
*/
.section {
max-width: 100em;
margin: auto;
}
@media only screen and (max-width: 100.21875em) {
.section {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
/**
* Block Elements
*/
figure {
margin: 0;
padding: 0;
}
hr {
border: 0;
border-top: 2px solid #E5E6E9;
margin: -2px 0 0 0;
}
img {
max-width: 100%;
width: auto;
}
ol,
ul {
margin-left: 0;
padding-left: 0;
}
ol li,
ul li {
/* Remove all padding on a paragraph that's added to a LI */
}
ol li p,
ul li p {
margin: 0;
}
ul li {
margin-left: 1.2rem;
}
ol li {
margin-left: 1.5rem;
}
table {
border: 0;
border-collapse: collapse;
width: 100%;
}
table caption {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
/**
* The following is to correct a bug in IE10+ where the caption forced a 1px gap between the columns in the first
* row of the table, especially noticable when that row is a table header with a dark background
*/
position: relative !important;
}
table th,
table td {
padding: 0.8rem;
/**
* When pasting a table in the RTE, table cell contents are automatically placed in a paragraph, remove the
* defaultbottom margin and padding on the last paragraph inside a table cell to maintain existing table padding
*/
}
table th p:last-child,
table td p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
/**
* Rockwell Fonts (Families + Styles)
*/
/**
* -------------------
* Font Families
* -------------------
*/
/* stylelint-disable */
@font-face {
font-family: "BarlowRegular";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-regular-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-regular-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-regular-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowItalic";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-italic-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-italic-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-italic-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowMedium";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowMediumItalic";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-italic-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-italic-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-medium-italic-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowBold";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BarlowBoldItalic";
src: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-italic-webfont.woff2?zdfsaf1") format("woff2"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-italic-webfont.woff?asdf1") format("woff"), url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/fonts/barlow-bold-italic-webfont.ttf?asdf1") format("truetype");
font-weight: normal;
font-style: normal;
}
/* stylelint-enable */
/**
* -------------------
* Font Styles
* -------------------
* - NOTE: font styles have been included from the typography utilities. The reason
* for this is to keep unused styles at a minimum. The styles in this file are
* transpiled into CSS - the typography utilities are not.
*/
a,
a:visited {
color: #2A79C4;
}
a:hover {
color: #2D2D2D;
}
a:focus {
outline: 1px dashed #2A79C4;
}
.text a,
.text a:visited {
color: #2A79C4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit;
font-size: inherit;
font-weight: normal;
margin: 0;
padding: 0;
}
span.h1,
span.h2,
span.h3,
span.h4,
span.h5,
span.h6 {
display: block;
}
.h1 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1rem;
}
html[lang^="cs"] .h1,
html[lang^="ja"] .h1,
html[lang^="ko"] .h1,
html[lang^="pl"] .h1,
html[lang^="ru"] .h1,
html[lang^="tr"] .h1,
html[lang^="zh"] .h1 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.h1 {
font-size: 3.5rem;
line-height: 3.5rem;
}
}
.h2 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.25rem;
line-height: 2.75rem;
margin-bottom: 1rem;
}
html[lang^="cs"] .h2,
html[lang^="ja"] .h2,
html[lang^="ko"] .h2,
html[lang^="pl"] .h2,
html[lang^="ru"] .h2,
html[lang^="tr"] .h2,
html[lang^="zh"] .h2 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.h2 {
font-size: 2.5rem;
line-height: 3rem;
}
}
.h3 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 0.75rem;
}
html[lang^="cs"] .h3,
html[lang^="ja"] .h3,
html[lang^="ko"] .h3,
html[lang^="pl"] .h3,
html[lang^="ru"] .h3,
html[lang^="tr"] .h3,
html[lang^="zh"] .h3 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.h3.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .h3.highlighted,
html[lang^="ja"] .h3.highlighted,
html[lang^="ko"] .h3.highlighted,
html[lang^="pl"] .h3.highlighted,
html[lang^="ru"] .h3.highlighted,
html[lang^="tr"] .h3.highlighted,
html[lang^="zh"] .h3.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (min-width: 48.0625em) {
.h3 {
font-size: 2.25rem;
line-height: 2.75rem;
}
}
.h4 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.75rem;
line-height: 2.25rem;
margin-bottom: 0.75rem;
}
html[lang^="cs"] .h4,
html[lang^="ja"] .h4,
html[lang^="ko"] .h4,
html[lang^="pl"] .h4,
html[lang^="ru"] .h4,
html[lang^="tr"] .h4,
html[lang^="zh"] .h4 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.h4 {
line-height: 2rem;
}
}
.h5 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
}
html[lang^="cs"] .h5,
html[lang^="ja"] .h5,
html[lang^="ko"] .h5,
html[lang^="pl"] .h5,
html[lang^="ru"] .h5,
html[lang^="tr"] .h5,
html[lang^="zh"] .h5 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.h5.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .h5.highlighted,
html[lang^="ja"] .h5.highlighted,
html[lang^="ko"] .h5.highlighted,
html[lang^="pl"] .h5.highlighted,
html[lang^="ru"] .h5.highlighted,
html[lang^="tr"] .h5.highlighted,
html[lang^="zh"] .h5.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.h6 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5rem;
}
html[lang^="cs"] .h6,
html[lang^="ja"] .h6,
html[lang^="ko"] .h6,
html[lang^="pl"] .h6,
html[lang^="ru"] .h6,
html[lang^="tr"] .h6,
html[lang^="zh"] .h6 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .h6,
html[lang^="ja"] .h6,
html[lang^="ko"] .h6,
html[lang^="pl"] .h6,
html[lang^="ru"] .h6,
html[lang^="tr"] .h6,
html[lang^="zh"] .h6 {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.subheading-1,
.subtitle-1 {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
}
html[lang^="cs"] .subheading-1,
html[lang^="cs"] .subtitle-1,
html[lang^="ja"] .subheading-1,
html[lang^="ja"] .subtitle-1,
html[lang^="ko"] .subheading-1,
html[lang^="ko"] .subtitle-1,
html[lang^="pl"] .subheading-1,
html[lang^="pl"] .subtitle-1,
html[lang^="ru"] .subheading-1,
html[lang^="ru"] .subtitle-1,
html[lang^="tr"] .subheading-1,
html[lang^="tr"] .subtitle-1,
html[lang^="zh"] .subheading-1,
html[lang^="zh"] .subtitle-1 {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.subheading-2,
.subtitle-2 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
html[lang^="cs"] .subheading-2,
html[lang^="cs"] .subtitle-2,
html[lang^="ja"] .subheading-2,
html[lang^="ja"] .subtitle-2,
html[lang^="ko"] .subheading-2,
html[lang^="ko"] .subtitle-2,
html[lang^="pl"] .subheading-2,
html[lang^="pl"] .subtitle-2,
html[lang^="ru"] .subheading-2,
html[lang^="ru"] .subtitle-2,
html[lang^="tr"] .subheading-2,
html[lang^="tr"] .subtitle-2,
html[lang^="zh"] .subheading-2,
html[lang^="zh"] .subtitle-2 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.subheading-2.highlighted,
.subtitle-2.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .subheading-2.highlighted,
html[lang^="cs"] .subtitle-2.highlighted,
html[lang^="ja"] .subheading-2.highlighted,
html[lang^="ja"] .subtitle-2.highlighted,
html[lang^="ko"] .subheading-2.highlighted,
html[lang^="ko"] .subtitle-2.highlighted,
html[lang^="pl"] .subheading-2.highlighted,
html[lang^="pl"] .subtitle-2.highlighted,
html[lang^="ru"] .subheading-2.highlighted,
html[lang^="ru"] .subtitle-2.highlighted,
html[lang^="tr"] .subheading-2.highlighted,
html[lang^="tr"] .subtitle-2.highlighted,
html[lang^="zh"] .subheading-2.highlighted,
html[lang^="zh"] .subtitle-2.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.subheading-3,
.subtitle-3 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.5rem;
}
html[lang^="cs"] .subheading-3,
html[lang^="cs"] .subtitle-3,
html[lang^="ja"] .subheading-3,
html[lang^="ja"] .subtitle-3,
html[lang^="ko"] .subheading-3,
html[lang^="ko"] .subtitle-3,
html[lang^="pl"] .subheading-3,
html[lang^="pl"] .subtitle-3,
html[lang^="ru"] .subheading-3,
html[lang^="ru"] .subtitle-3,
html[lang^="tr"] .subheading-3,
html[lang^="tr"] .subtitle-3,
html[lang^="zh"] .subheading-3,
html[lang^="zh"] .subtitle-3 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
p {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
}
html[lang^="cs"] p,
html[lang^="ja"] p,
html[lang^="ko"] p,
html[lang^="pl"] p,
html[lang^="ru"] p,
html[lang^="tr"] p,
html[lang^="zh"] p {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] p,
html[lang^="ja"] p,
html[lang^="ko"] p,
html[lang^="pl"] p,
html[lang^="ru"] p,
html[lang^="tr"] p,
html[lang^="zh"] p {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
em,
i {
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] em,
html[lang^="cs"] i,
html[lang^="ja"] em,
html[lang^="ja"] i,
html[lang^="ko"] em,
html[lang^="ko"] i,
html[lang^="pl"] em,
html[lang^="pl"] i,
html[lang^="ru"] em,
html[lang^="ru"] i,
html[lang^="tr"] em,
html[lang^="tr"] i,
html[lang^="zh"] em,
html[lang^="zh"] i {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-style: italic;
}
small,
sub,
sup {
font-size: 0.75em;
}
sub,
sup {
line-height: 1;
position: relative;
vertical-align: baseline;
}
sub {
top: 0.4em;
}
sup {
top: -0.4em;
}
strong,
b,
.highlighted {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] strong,
html[lang^="cs"] b,
html[lang^="cs"] .highlighted,
html[lang^="ja"] strong,
html[lang^="ja"] b,
html[lang^="ja"] .highlighted,
html[lang^="ko"] strong,
html[lang^="ko"] b,
html[lang^="ko"] .highlighted,
html[lang^="pl"] strong,
html[lang^="pl"] b,
html[lang^="pl"] .highlighted,
html[lang^="ru"] strong,
html[lang^="ru"] b,
html[lang^="ru"] .highlighted,
html[lang^="tr"] strong,
html[lang^="tr"] b,
html[lang^="tr"] .highlighted,
html[lang^="zh"] strong,
html[lang^="zh"] b,
html[lang^="zh"] .highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.text-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
}
html[lang^="cs"] .text-button,
html[lang^="ja"] .text-button,
html[lang^="ko"] .text-button,
html[lang^="pl"] .text-button,
html[lang^="ru"] .text-button,
html[lang^="tr"] .text-button,
html[lang^="zh"] .text-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.text-breadcrumb {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.813rem;
line-height: 1;
}
html[lang^="cs"] .text-breadcrumb,
html[lang^="ja"] .text-breadcrumb,
html[lang^="ko"] .text-breadcrumb,
html[lang^="pl"] .text-breadcrumb,
html[lang^="ru"] .text-breadcrumb,
html[lang^="tr"] .text-breadcrumb,
html[lang^="zh"] .text-breadcrumb {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.text-default {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
}
html[lang^="cs"] .text-default,
html[lang^="ja"] .text-default,
html[lang^="ko"] .text-default,
html[lang^="pl"] .text-default,
html[lang^="ru"] .text-default,
html[lang^="tr"] .text-default,
html[lang^="zh"] .text-default {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.caption {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
letter-spacing: 0;
}
.legal {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75rem;
line-height: 1.125rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
}
html[lang^="cs"] .legal,
html[lang^="ja"] .legal,
html[lang^="ko"] .legal,
html[lang^="pl"] .legal,
html[lang^="ru"] .legal,
html[lang^="tr"] .legal,
html[lang^="zh"] .legal {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.publication {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5rem;
letter-spacing: 0;
/* changed from 0.3125em to 0 */
}
html[lang^="cs"] .publication,
html[lang^="ja"] .publication,
html[lang^="ko"] .publication,
html[lang^="pl"] .publication,
html[lang^="ru"] .publication,
html[lang^="tr"] .publication,
html[lang^="zh"] .publication {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (min-width: 48.0625em) {
.publication {
font-size: 1.25rem;
line-height: 2rem;
}
}
.overline {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
html[lang^="cs"] .overline,
html[lang^="ja"] .overline,
html[lang^="ko"] .overline,
html[lang^="pl"] .overline,
html[lang^="ru"] .overline,
html[lang^="tr"] .overline,
html[lang^="zh"] .overline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.has-bg-dark {
color: #fff;
}
.has-bg-dark a,
.has-bg-dark a:visited,
.has-bg-dark body {
color: #fff;
}
/**
* Rockwell Accessibility Styling
*/
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/**
* Rockwell AEM Authoring Styles
*/
/**
* ------------------
* Authoring Globals
* ------------------
*/
.authoring-warning {
background-color: #ffc0cb;
border: 1px #f00 solid;
font-size: 12px;
margin: 0;
padding: 10px 20px;
}
.authoring-warning.alert {
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.authoring-component-label {
color: #323737;
font-family: adobe-clean, Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
}
.authoring-component-outline {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .authoring-component-label {
background: #affeff;
width: 100%;
}
.aem-Grid .aem-Grid .authoring-component-outline {
outline: #affeff solid 3px;
width: 100%;
}
.aem-Grid .aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .aem-Grid .authoring-component-label {
background: #c1bad3;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .authoring-component-outline {
outline: #c1bad3 solid 3px;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-label {
background: #f5c192;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-outline {
outline: #f5c192 solid 3px;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-label {
background: #affeff;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-outline {
outline: #affeff solid 3px;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-label {
background: #c1bad3;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-outline {
outline: #c1bad3 solid 3px;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid {
/* stylelint-disable */
/* stylelint-enable */
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-label {
background: #f5c192;
width: 100%;
}
.aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .aem-Grid .authoring-component-outline {
outline: #f5c192 solid 3px;
width: 100%;
}
/**
* ------------------
* Authoring Component Paddings
* ------------------
*/
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.value-prop,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.value-prop {
padding-left: 1.33333333rem;
padding-right: 1.33333333rem;
}
@media only screen and (min-width: 48.0625em) {
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.value-prop,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.value-prop {
padding-left: 2.66666667rem;
padding-right: 2.66666667rem;
}
}
@media (min-width: 1640px) {
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.accordion,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-header,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.article-list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.breadcrumb,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.button,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.category-navigation,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.comments,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.embed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.grid-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.iframe,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.image,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.link-to-parent,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.list,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.next-prev,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.related-articles,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.site-search,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-links,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.social-media-sharing,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.tabs,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.title,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.twitter-feed,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.value-prop,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.value-prop {
padding-left: 0;
padding-right: 0;
}
}
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.generic-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.generic-container,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.column-control,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn.column-control {
margin-top: 2rem;
margin-bottom: 2rem;
padding-top: 1rem;
padding-bottom: 1.5rem;
}
.aem-GridColumn.contentfragment > .cmp-contentfragment,
.aem-GridColumn.text > .cmp-text {
padding-left: 1.33333333rem;
padding-right: 1.33333333rem;
}
@media only screen and (min-width: 48.0625em) {
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12 .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.text > .cmp-text,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12 .aem-GridColumn--default--12.text > .cmp-text {
padding-left: 2.66666667rem;
padding-right: 2.66666667rem;
}
}
@media (min-width: 1640px) {
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12 .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.text > .cmp-text,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12 .aem-GridColumn--default--12.text > .cmp-text {
padding-left: 0;
padding-right: 0;
}
}
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.tabs .aem-GridColumn--default--12.aem-GridColumn.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.tabs .aem-GridColumn--default--12.aem-GridColumn.text > .cmp-text {
padding-left: 0;
padding-right: 0;
}
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.text > .cmp-text,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.text > .cmp-text {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 48.0625em) {
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.contentfragment > .cmp-contentfragment,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.text > .cmp-text,
.root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn--default--12.section > .cmp-section > .cmp-section__container > .aem-Grid > .aem-GridColumn--default--12.grid-container .aem-GridColumn--default--12.text > .cmp-text {
padding-left: 1.33333333rem;
padding-right: 1.33333333rem;
}
}
.color-ra-red {
color: #CD163F;
}
.color-ab-blue {
color: #003E7E;
}
.color-gold {
color: #F9C20A;
}
.color-orange {
color: #f58025;
}
.color-garnet {
color: #8D0034;
}
.color-purple {
color: #770056;
}
.color-green {
color: #77C14C;
}
.color-text {
color: #2D2D2D;
}
.color-text-link {
color: #2A79C4;
}
.color-error {
color: #DF3704;
}
.color-warning {
color: #FDB81E;
}
.color-success {
color: #008700;
}
.color-factory-talk-blue {
color: #00AEEF;
}
.color-dark-grey {
color: #43434D;
}
.color-medium-grey {
color: #6D6E71;
}
.color-light-grey {
color: #E5E6E9;
}
.color-cool-grey {
color: #E1EBF4;
}
.color-white {
color: #fff;
}
.bg-dark-grey {
background-color: #43434D;
}
.bg-medium-grey {
background-color: #6D6E71;
}
.bg-light-grey {
background-color: #E5E6E9;
}
.bg-white {
background-color: #fff;
}
.color-ra-gradient {
background: linear-gradient(90deg, #CD163F 18.57%, #F58025 38.2%);
background-clip: text;
-webkit-text-fill-color: transparent;
font-family: BarlowBold, Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}
.ff-primary-regular-rte {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .ff-primary-regular-rte,
html[lang^="ja"] .ff-primary-regular-rte,
html[lang^="ko"] .ff-primary-regular-rte,
html[lang^="pl"] .ff-primary-regular-rte,
html[lang^="ru"] .ff-primary-regular-rte,
html[lang^="tr"] .ff-primary-regular-rte,
html[lang^="zh"] .ff-primary-regular-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.ff-primary-italic-rte {
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .ff-primary-italic-rte,
html[lang^="ja"] .ff-primary-italic-rte,
html[lang^="ko"] .ff-primary-italic-rte,
html[lang^="pl"] .ff-primary-italic-rte,
html[lang^="ru"] .ff-primary-italic-rte,
html[lang^="tr"] .ff-primary-italic-rte,
html[lang^="zh"] .ff-primary-italic-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-style: italic;
}
.ff-primary-medium-rte {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .ff-primary-medium-rte,
html[lang^="ja"] .ff-primary-medium-rte,
html[lang^="ko"] .ff-primary-medium-rte,
html[lang^="pl"] .ff-primary-medium-rte,
html[lang^="ru"] .ff-primary-medium-rte,
html[lang^="tr"] .ff-primary-medium-rte,
html[lang^="zh"] .ff-primary-medium-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ff-primary-medium-italic-rte {
font-family: "BarlowMediumItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .ff-primary-medium-italic-rte,
html[lang^="ja"] .ff-primary-medium-italic-rte,
html[lang^="ko"] .ff-primary-medium-italic-rte,
html[lang^="pl"] .ff-primary-medium-italic-rte,
html[lang^="ru"] .ff-primary-medium-italic-rte,
html[lang^="tr"] .ff-primary-medium-italic-rte,
html[lang^="zh"] .ff-primary-medium-italic-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
font-style: italic;
}
.ff-primary-bold-rte {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-weight: 800;
}
html[lang^="cs"] .ff-primary-bold-rte,
html[lang^="ja"] .ff-primary-bold-rte,
html[lang^="ko"] .ff-primary-bold-rte,
html[lang^="pl"] .ff-primary-bold-rte,
html[lang^="ru"] .ff-primary-bold-rte,
html[lang^="tr"] .ff-primary-bold-rte,
html[lang^="zh"] .ff-primary-bold-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
strong,
b,
.highlighted {
font-weight: 550;
}
.ff-primary-bold-italic-rte {
font-family: "BarlowBoldItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-weight: 800;
}
html[lang^="cs"] .ff-primary-bold-italic-rte,
html[lang^="ja"] .ff-primary-bold-italic-rte,
html[lang^="ko"] .ff-primary-bold-italic-rte,
html[lang^="pl"] .ff-primary-bold-italic-rte,
html[lang^="ru"] .ff-primary-bold-italic-rte,
html[lang^="tr"] .ff-primary-bold-italic-rte,
html[lang^="zh"] .ff-primary-bold-italic-rte {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
font-style: italic;
}
/**
* Rockwell Forms
*/
/**
* -------------------
* Form Local Vars
* -------------------
*/
/**
* -------------------
* Form Global Styles
* -------------------
*/
fieldset {
padding: 0;
margin: 0;
border: 0;
}
fieldset legend {
width: 100%;
}
input {
box-sizing: border-box;
}
/**
* -------------------
* Form Component Spacing
* -------------------
*/
.container form .text,
.container form .options,
.container form .file-upload,
.container form .button {
margin-bottom: 2rem;
}
.container form .text:last-child,
.container form .options:last-child,
.container form .file-upload:last-child,
.container form .button:last-child {
margin-bottom: 0;
}
.container form .file-upload .button {
margin-bottom: 0;
}
.container form .form-container__error {
position: relative;
display: none;
margin-top: -1rem;
font-size: 1rem;
color: #DF3704;
}
.container form.error .form-container__error {
display: block;
}
/**
* -------------------
* Form Component Styles
* -------------------
*/
.cmp-form-text__text,
.cmp-form-text__textarea,
.cmp-form-options--drop-down select,
.cmp-form-options__field--multi-drop-down,
.cmp-search__input {
display: block;
width: 100%;
}
.cmp-form-options,
.cmp-form-text {
position: relative;
}
.cmp-form-options label,
.cmp-form-text label {
font-size: 0.75rem;
color: #6D6E71;
display: block;
line-height: 1;
z-index: 0;
margin-bottom: 0.438rem;
}
.form-error-message {
display: none;
color: #DF3704;
padding-left: 1rem;
}
.form-text:not(.edit-mode) {
opacity: 0;
transition: opacity 0.3s ease-out;
}
.form-text:not(.edit-mode).loaded {
opacity: 1;
}
.cmp-form-text__wrapper,
.cmp-form-text__textarea__wrapper {
position: relative;
display: block;
}
.cmp-form-text__wrapper::before,
.cmp-form-text__textarea__wrapper::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
width: 100%;
height: 100%;
border: 1px solid #E5E6E9;
border-radius: 0.375rem;
pointer-events: none;
}
.cmp-form-text label,
.cmp-form-text__textarea label {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.875rem;
margin: auto;
font-size: 1rem;
padding: 0 2px;
cursor: text;
transition: all 0.3s ease-out;
}
.cmp-form-text input,
.cmp-form-text__textarea input,
.cmp-form-text textarea,
.cmp-form-text__textarea textarea {
position: relative;
padding: 0.875rem;
border: 2px solid transparent;
border-radius: 0.375rem;
outline: 0;
}
.cmp-form-text textarea + label,
.cmp-form-text__textarea textarea + label {
top: 1.1rem;
margin: 0;
transform: none;
}
.cmp-form-text input:focus + label,
.cmp-form-text__textarea input:focus + label,
.cmp-form-text input:not(:placeholder-shown) + label,
.cmp-form-text__textarea input:not(:placeholder-shown) + label {
position: absolute;
top: 0;
background-color: #fff;
font-size: 0.75rem;
}
.cmp-form-text textarea:focus + label,
.cmp-form-text__textarea textarea:focus + label,
.cmp-form-text textarea:not(:placeholder-shown) + label,
.cmp-form-text__textarea textarea:not(:placeholder-shown) + label {
position: absolute;
top: -6px;
background-color: #fff;
font-size: 0.75rem;
}
.cmp-form-text input:focus,
.cmp-form-text__textarea input:focus,
.cmp-form-text input:not(:placeholder-shown),
.cmp-form-text__textarea input:not(:placeholder-shown),
.cmp-form-text textarea:focus,
.cmp-form-text__textarea textarea:focus,
.cmp-form-text textarea:not(:placeholder-shown),
.cmp-form-text__textarea textarea:not(:placeholder-shown) {
border-color: #43434D;
}
.cmp-form-text input[type="date"]:not(:placeholder-shown),
.cmp-form-text__textarea input[type="date"]:not(:placeholder-shown) {
border-color: transparent;
}
.cmp-form-text input[type="date"].touched,
.cmp-form-text__textarea input[type="date"].touched {
border-color: #43434D;
}
.cmp-form-text input:focus,
.cmp-form-text__textarea input:focus,
.cmp-form-text input[type="date"]:focus,
.cmp-form-text__textarea input[type="date"]:focus,
.cmp-form-text textarea:focus,
.cmp-form-text__textarea textarea:focus {
border-color: #F58025;
}
.cmp-form-text input:focus + label,
.cmp-form-text__textarea input:focus + label,
.cmp-form-text input[type="date"]:focus + label,
.cmp-form-text__textarea input[type="date"]:focus + label,
.cmp-form-text textarea:focus + label,
.cmp-form-text__textarea textarea:focus + label {
color: #F58025;
}
.form-text.error .cmp-form-text__help-block,
.form-options.error .cmp-form-text__help-block,
.form-text.error .cmp-form-options__help-message,
.form-options.error .cmp-form-options__help-message {
display: none;
}
.form-text.error .form-error-message,
.form-options.error .form-error-message {
display: block;
}
.form-text.error input,
.form-options.error input,
.form-text.error textarea,
.form-options.error textarea {
border-color: #DF3704 !important;
}
.form-text.error label,
.form-text.error input:focus + label,
.form-text.error textarea:focus + label {
color: #DF3704;
}
.form-text.error input[type="date"] {
color: #DF3704;
}
.options.error legend,
.options.error label.select-label {
color: #DF3704;
}
.options.error .cmp-form-options__help-message {
display: none;
}
.options.error .form-error-message {
display: block;
}
.options.error .cmp-form-options--checkbox + .form-error-message,
.options.error .cmp-form-options--radio + .form-error-message {
padding-left: 0;
}
.options.error .cmp-form-options--drop-down .selectr-container .selectr-selected,
.options.error .cmp-form-options--multi-drop-down .selectr-container .selectr-selected {
border-color: #DF3704 !important;
}
.options.error .cmp-form-options--drop-down .selectr-container.open .selectr-selected,
.options.error .cmp-form-options--multi-drop-down .selectr-container.open .selectr-selected {
border-color: #F58025 !important;
}
.cmp-form-options label {
position: relative;
display: flex;
align-items: center;
}
.cmp-form-options legend {
font-size: 0.75rem;
color: #6D6E71;
display: block;
line-height: 1;
z-index: 0;
margin-bottom: 1rem;
}
.cmp-form-options fieldset {
margin-bottom: 1rem;
}
.cmp-form-options fieldset:last-child {
margin-bottom: 0;
}
.cmp-form-options--checkbox input,
.cmp-form-options--radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.cmp-form-options--checkbox input:focus + .cmp-form-options__input-sibling,
.cmp-form-options--radio input:focus + .cmp-form-options__input-sibling {
outline: 1px dashed #2A79C4;
}
.cmp-form-options--checkbox label,
.cmp-form-options--radio label {
margin-bottom: 1rem;
cursor: pointer;
}
.cmp-form-options--checkbox label:last-child,
.cmp-form-options--radio label:last-child {
margin-bottom: 0.5rem;
}
.cmp-form-options--checkbox .cmp-form-options__input-sibling,
.cmp-form-options--radio .cmp-form-options__input-sibling {
position: relative;
display: flex;
}
.cmp-form-options--checkbox .cmp-form-options__field-description,
.cmp-form-options--radio .cmp-form-options__field-description {
display: inline-block;
font-size: 0.813rem;
padding-top: 2px;
}
.cmp-form-options--checkbox .cmp-form-options__icon,
.cmp-form-options--radio .cmp-form-options__icon {
position: relative;
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: 0.25rem;
border: 1px solid #6D6E71;
pointer-events: none;
flex-shrink: 0;
}
.cmp-form-options--checkbox .cmp-form-options__icon {
border-radius: 0.25rem;
}
.cmp-form-options--checkbox input:checked + .cmp-form-options__input-sibling .cmp-form-options__icon {
border-color: #2A79C4;
background-color: #2A79C4;
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/checkmark-white.svg');
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
}
.cmp-form-options--checkbox input:checked + .cmp-form-options__input-sibling .cmp-form-options__field-description {
color: #2A79C4;
}
.cmp-form-options--radio .cmp-form-options__icon {
border-radius: 0.5rem;
}
.cmp-form-options--radio input:checked + .cmp-form-options__input-sibling .cmp-form-options__icon {
border-color: #2A79C4;
}
.cmp-form-options--radio input:checked + .cmp-form-options__input-sibling .cmp-form-options__icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0.5rem;
height: 0.5rem;
border-radius: 0.25rem;
background-color: #2A79C4;
}
.cmp-form-options--radio input:checked + .cmp-form-options__input-sibling .cmp-form-options__field-description {
color: #2A79C4;
}
.cmp-form-options--drop-down,
.cmp-form-options--multi-drop-down {
position: relative;
display: block;
}
.cmp-form-options--drop-down::before,
.cmp-form-options--multi-drop-down::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
width: 100%;
height: 100%;
border: 1px solid #E5E6E9;
border-radius: 0.375rem;
pointer-events: none;
z-index: -1;
}
.cmp-form-options--drop-down label,
.cmp-form-options--multi-drop-down label {
display: block;
position: absolute;
top: -6px;
left: 0.875rem;
font-size: 0.75rem;
padding: 0 2px;
background-color: #fff;
z-index: 2;
pointer-events: none;
}
.cmp-form-options--drop-down select,
.cmp-form-options--multi-drop-down select {
border: 0;
outline: 0;
}
.cmp-form-options--drop-down option,
.cmp-form-options--multi-drop-down option {
font-size: 1rem;
line-height: 2;
}
.cmp-form-options--drop-down .selectr-container,
.cmp-form-options--multi-drop-down .selectr-container {
border-radius: 0.375rem;
}
.cmp-form-options--drop-down .selectr-container .selectr-input-container,
.cmp-form-options--multi-drop-down .selectr-container .selectr-input-container {
height: 0;
overflow: hidden;
}
.cmp-form-options--drop-down .selectr-container .selectr-input,
.cmp-form-options--multi-drop-down .selectr-container .selectr-input {
pointer-events: none;
width: 1px;
height: 1px;
border: 0;
outline: 0;
background: transparent;
padding: 0;
margin: 0;
overflow: hidden;
z-index: -10;
}
.cmp-form-options--drop-down .selectr-container .selectr-selected,
.cmp-form-options--multi-drop-down .selectr-container .selectr-selected,
.cmp-form-options--drop-down .selectr-container.open .selectr-selected,
.cmp-form-options--multi-drop-down .selectr-container.open .selectr-selected {
border-radius: 0.375rem;
border: 2px solid transparent;
outline: 0;
padding: 1rem 2rem 0.875rem 1rem;
line-height: 1;
}
.cmp-form-options--drop-down .selectr-container .selectr-selected::before,
.cmp-form-options--multi-drop-down .selectr-container .selectr-selected::before {
right: 1rem;
border-color: #6D6E71 transparent transparent;
border-width: 6px 6px 0;
}
.cmp-form-options--drop-down .selectr-container.open .selectr-selected::before,
.cmp-form-options--multi-drop-down .selectr-container.open .selectr-selected::before {
border-width: 0 6px 6px;
}
.cmp-form-options--drop-down .selectr-container .selectr-selected:focus,
.cmp-form-options--multi-drop-down .selectr-container .selectr-selected:focus {
outline: 1px dashed #2A79C4;
}
.cmp-form-options--drop-down .selectr-container.has-selected .selectr-selected,
.cmp-form-options--multi-drop-down .selectr-container.has-selected .selectr-selected,
.cmp-form-options--drop-down .selectr-container.open .selectr-selected,
.cmp-form-options--multi-drop-down .selectr-container.open .selectr-selected {
border-color: #43434D;
}
.cmp-form-options--drop-down.placeholder-selected .selectr-container:not(.open) .selectr-selected,
.cmp-form-options--multi-drop-down.placeholder-selected .selectr-container:not(.open) .selectr-selected {
border-color: transparent;
}
.cmp-form-options--drop-down.placeholder-selected .selectr-label,
.cmp-form-options--multi-drop-down.placeholder-selected .selectr-label {
color: #6c7a86;
}
.cmp-form-options--drop-down .selectr-container.open .selectr-selected,
.cmp-form-options--multi-drop-down .selectr-container.open .selectr-selected {
border-color: #F58025;
}
.cmp-form-options--drop-down .select-label.open,
.cmp-form-options--multi-drop-down .select-label.open {
color: #F58025 !important;
}
.cmp-form-options--drop-down .selectr-options-container,
.cmp-form-options--multi-drop-down .selectr-options-container {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
border: 0;
border-radius: 0.25rem;
background-color: #fff;
top: 101%;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-options,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-options {
overflow-y: auto;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-option,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option {
font-size: 0.813rem;
color: #2D2D2D;
padding: 0.25rem 0.25rem 0;
margin: 0.5rem 0.75rem;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-option.active,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.active {
color: #fff;
background-color: #2A79C4;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-option.selected,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.selected {
color: #2D2D2D;
background-color: transparent;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-option:first-child,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option:first-child {
margin-top: 1rem;
}
.cmp-form-options--drop-down .selectr-options-container .selectr-option:last-child,
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option:last-child {
margin-bottom: 1rem;
}
.cmp-form-options--multi-drop-down .selectr-container.multiple.has-selected .selectr-selected {
padding: 1rem 1rem 0.875rem 1rem;
}
.cmp-form-options--multi-drop-down .selectr-tags .selectr-tag {
display: none;
padding: 0;
margin: 0;
color: #2D2D2D;
font-size: 1rem;
background: transparent;
}
.cmp-form-options--multi-drop-down .selectr-tags .selectr-tag:first-child {
display: list-item;
}
.cmp-form-options--multi-drop-down .selectr-tags .selectr-tag-remove {
display: none;
}
.cmp-form-options--multi-drop-down .has-selected .selectr-tags {
margin: 0;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option {
padding-left: 1.375rem;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option::before {
content: "";
position: absolute;
left: 1px;
top: 0;
bottom: 0;
margin: auto;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
border: 1px solid #6D6E71;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.selected {
opacity: 1;
color: #2A79C4;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.selected::before {
border-color: #2A79C4;
background-color: #2A79C4;
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/checkmark-white.svg');
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.active::before {
border-color: #fff;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.active.selected {
color: #fff;
background-color: #2A79C4;
}
.cmp-form-options--multi-drop-down .selectr-options-container .selectr-option.active.selected::before {
border-color: #fff;
}
.cmp-form-text__help-block,
.cmp-form-options__help-message,
.form-error-message {
font-size: 0.75rem;
margin: 0.125rem 0 0;
}
.cmp-form-text__help-block,
.cmp-form-options__help-message {
color: #6D6E71;
}
.cmp-form-text__help-block,
.cmp-form-options__help-message.inset,
.form-error-message.inset {
padding-left: 1rem;
}
/**
* Rockwell Button Styles
*/
.ra-button {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
}
html[lang^="cs"] .ra-button,
html[lang^="ja"] .ra-button,
html[lang^="ko"] .ra-button,
html[lang^="pl"] .ra-button,
html[lang^="ru"] .ra-button,
html[lang^="tr"] .ra-button,
html[lang^="zh"] .ra-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button,
html[lang^="ja"] .ra-button,
html[lang^="ko"] .ra-button,
html[lang^="pl"] .ra-button,
html[lang^="ru"] .ra-button,
html[lang^="tr"] .ra-button,
html[lang^="zh"] .ra-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button:active,
.ra-button:hover,
.ra-button:focus {
z-index: 1;
}
.ra-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-primary {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
}
html[lang^="cs"] .ra-button-primary,
html[lang^="ja"] .ra-button-primary,
html[lang^="ko"] .ra-button-primary,
html[lang^="pl"] .ra-button-primary,
html[lang^="ru"] .ra-button-primary,
html[lang^="tr"] .ra-button-primary,
html[lang^="zh"] .ra-button-primary {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-primary,
html[lang^="ja"] .ra-button-primary,
html[lang^="ko"] .ra-button-primary,
html[lang^="pl"] .ra-button-primary,
html[lang^="ru"] .ra-button-primary,
html[lang^="tr"] .ra-button-primary,
html[lang^="zh"] .ra-button-primary {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-primary::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-primary svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-primary:active,
.ra-button-primary:hover,
.ra-button-primary:focus {
z-index: 1;
}
.ra-button-primary:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-primary:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.ra-button-primary:active {
background-color: #003E7E;
border-color: #003E7E;
}
.ra-button-primary:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.ra-button-primary[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.ra-button-secondary {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #6D6E71;
border-color: #6D6E71;
}
html[lang^="cs"] .ra-button-secondary,
html[lang^="ja"] .ra-button-secondary,
html[lang^="ko"] .ra-button-secondary,
html[lang^="pl"] .ra-button-secondary,
html[lang^="ru"] .ra-button-secondary,
html[lang^="tr"] .ra-button-secondary,
html[lang^="zh"] .ra-button-secondary {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-secondary,
html[lang^="ja"] .ra-button-secondary,
html[lang^="ko"] .ra-button-secondary,
html[lang^="pl"] .ra-button-secondary,
html[lang^="ru"] .ra-button-secondary,
html[lang^="tr"] .ra-button-secondary,
html[lang^="zh"] .ra-button-secondary {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-secondary::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-secondary svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-secondary:active,
.ra-button-secondary:hover,
.ra-button-secondary:focus {
z-index: 1;
}
.ra-button-secondary:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-secondary:active,
.ra-button-secondary:hover {
background-color: #4C4D4F;
border-color: #4C4D4F;
}
.ra-button-secondary:focus {
border-color: #fff;
box-shadow: 0 0 0 2px #F58025;
outline: none;
}
.ra-button-primary-outline {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
}
html[lang^="cs"] .ra-button-primary-outline,
html[lang^="ja"] .ra-button-primary-outline,
html[lang^="ko"] .ra-button-primary-outline,
html[lang^="pl"] .ra-button-primary-outline,
html[lang^="ru"] .ra-button-primary-outline,
html[lang^="tr"] .ra-button-primary-outline,
html[lang^="zh"] .ra-button-primary-outline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-primary-outline,
html[lang^="ja"] .ra-button-primary-outline,
html[lang^="ko"] .ra-button-primary-outline,
html[lang^="pl"] .ra-button-primary-outline,
html[lang^="ru"] .ra-button-primary-outline,
html[lang^="tr"] .ra-button-primary-outline,
html[lang^="zh"] .ra-button-primary-outline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-primary-outline::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-primary-outline svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-primary-outline:active,
.ra-button-primary-outline:hover,
.ra-button-primary-outline:focus {
z-index: 1;
}
.ra-button-primary-outline:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-primary-outline:hover {
border-color: #005DB4;
color: #005DB4;
}
.ra-button-primary-outline:active {
border-color: #003E7E;
color: #003E7E;
}
.ra-button-primary-outline:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.ra-button-secondary-outline {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #43434D;
background-color: #fff;
border-color: #43434D;
}
html[lang^="cs"] .ra-button-secondary-outline,
html[lang^="ja"] .ra-button-secondary-outline,
html[lang^="ko"] .ra-button-secondary-outline,
html[lang^="pl"] .ra-button-secondary-outline,
html[lang^="ru"] .ra-button-secondary-outline,
html[lang^="tr"] .ra-button-secondary-outline,
html[lang^="zh"] .ra-button-secondary-outline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-secondary-outline,
html[lang^="ja"] .ra-button-secondary-outline,
html[lang^="ko"] .ra-button-secondary-outline,
html[lang^="pl"] .ra-button-secondary-outline,
html[lang^="ru"] .ra-button-secondary-outline,
html[lang^="tr"] .ra-button-secondary-outline,
html[lang^="zh"] .ra-button-secondary-outline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-secondary-outline::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-secondary-outline svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-secondary-outline:active,
.ra-button-secondary-outline:hover,
.ra-button-secondary-outline:focus {
z-index: 1;
}
.ra-button-secondary-outline:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-secondary-outline:active,
.ra-button-secondary-outline:hover {
border-color: #2f2f36;
}
.ra-button-secondary-outline:focus {
outline: none;
border-color: transparent;
box-shadow: 0 0 0 2px #43434D, 0 0 0 4px #fff, 0 0 0 6px #F58025;
}
.ra-button-text {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: transparent;
border-color: transparent;
}
html[lang^="cs"] .ra-button-text,
html[lang^="ja"] .ra-button-text,
html[lang^="ko"] .ra-button-text,
html[lang^="pl"] .ra-button-text,
html[lang^="ru"] .ra-button-text,
html[lang^="tr"] .ra-button-text,
html[lang^="zh"] .ra-button-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-text,
html[lang^="ja"] .ra-button-text,
html[lang^="ko"] .ra-button-text,
html[lang^="pl"] .ra-button-text,
html[lang^="ru"] .ra-button-text,
html[lang^="tr"] .ra-button-text,
html[lang^="zh"] .ra-button-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-text::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-text svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-text:active,
.ra-button-text:hover,
.ra-button-text:focus {
z-index: 1;
}
.ra-button-text:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-text:hover {
text-decoration: underline;
color: #005DB4;
}
.ra-button-text:active {
text-decoration: underline;
border-color: transparent;
color: #003E7E;
}
.ra-button-text:focus {
text-decoration: underline;
border-color: transparent;
color: #003E7E;
}
.ra-button-event-blue {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #fff;
background-color: #2a79c4;
border-color: #fff;
}
html[lang^="cs"] .ra-button-event-blue,
html[lang^="ja"] .ra-button-event-blue,
html[lang^="ko"] .ra-button-event-blue,
html[lang^="pl"] .ra-button-event-blue,
html[lang^="ru"] .ra-button-event-blue,
html[lang^="tr"] .ra-button-event-blue,
html[lang^="zh"] .ra-button-event-blue {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .ra-button-event-blue,
html[lang^="ja"] .ra-button-event-blue,
html[lang^="ko"] .ra-button-event-blue,
html[lang^="pl"] .ra-button-event-blue,
html[lang^="ru"] .ra-button-event-blue,
html[lang^="tr"] .ra-button-event-blue,
html[lang^="zh"] .ra-button-event-blue {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.ra-button-event-blue::after {
content: "";
min-height: inherit;
font-size: 0;
}
.ra-button-event-blue svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.ra-button-event-blue:active,
.ra-button-event-blue:hover,
.ra-button-event-blue:focus {
z-index: 1;
}
.ra-button-event-blue:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.ra-button-event-blue:focus {
outline: none;
border: none;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #F58025;
border-color: transparent;
}
.ra-button-large {
padding: 0.75rem 1.5rem;
}
.ra-button-small {
padding: 0.188rem 1.5rem;
}
.ra-button[disabled],
.ra-button.disabled {
cursor: not-allowed;
opacity: 0.4;
}
.ra-button[disabled]:hover,
.ra-button.disabled:hover {
transition: none;
transform: none;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* ==========================================================================
Style Guide Specific
Please append `style-guide-` to all classes to keep them contained to the style guide pages
========================================================================== */
.style-guide {
overflow-x: hidden;
/**
* Because many of the style guide pages contain headlines for illustrative purposes, we needed a way to break up
* the page sections in a unique way
*/
/**
* Swatches
*/
/* ==========================================================================
Fonts
========================================================================== */
/* Buttons
========================================================================== */
/* Header & Footer Specific Styles
========================================================================== */
}
.style-guide .aem-GridColumn--default--12:not(.global-nav, .footer, .cmp-carousel-slide__content > div > div),
.style-guide .cmp-header {
clear: both !important;
float: none !important;
margin-left: auto;
margin-right: auto;
max-width: 100em;
padding-left: 1rem;
padding-right: 1rem;
}
.style-guide .aem-GridColumn--default--12:not(.global-nav, .footer, .cmp-carousel-slide__content > div > div)::after,
.style-guide .cmp-header::after {
content: "";
display: table;
clear: both;
}
.style-guide .cmp-form-text {
margin-bottom: 1rem;
}
.style-guide .cmp-form-options {
padding: 0;
}
.style-guide .style-guide-page-description {
display: block;
font-size: 18px;
margin-left: 0;
margin-right: 0;
}
.style-guide .style-guide-page-headline {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 48px;
line-height: 60.5px;
margin-bottom: 10px;
}
html[lang^="cs"] .style-guide .style-guide-page-headline,
html[lang^="ja"] .style-guide .style-guide-page-headline,
html[lang^="ko"] .style-guide .style-guide-page-headline,
html[lang^="pl"] .style-guide .style-guide-page-headline,
html[lang^="ru"] .style-guide .style-guide-page-headline,
html[lang^="tr"] .style-guide .style-guide-page-headline,
html[lang^="zh"] .style-guide .style-guide-page-headline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.style-guide .link-button-container--lt-bg,
.style-guide .link-button-container--dark-bg {
padding: 50px 25%;
}
.style-guide .link-button-container--dark-bg {
background-color: #43434D;
}
.style-guide .link-button-container--dark-bg a:link,
.style-guide .link-button-container--dark-bg a:visited,
.style-guide .link-button-container--dark-bg a:hover,
.style-guide .link-button-container--dark-bg a:active,
.style-guide .link-button-container--dark-bg a:focus {
color: #fff;
}
.style-guide .style-guide-headline {
border-top: 3px solid #2D2D2D;
color: #2D2D2D;
font-size: 26px;
padding: 1em 0;
width: 100%;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .style-guide .style-guide-headline,
html[lang^="ja"] .style-guide .style-guide-headline,
html[lang^="ko"] .style-guide .style-guide-headline,
html[lang^="pl"] .style-guide .style-guide-headline,
html[lang^="ru"] .style-guide .style-guide-headline,
html[lang^="tr"] .style-guide .style-guide-headline,
html[lang^="zh"] .style-guide .style-guide-headline {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.style-guide .style-guide-headline {
padding-left: 0;
padding-right: 0;
}
}
.style-guide .text-style-description {
color: #6D6E71;
}
.style-guide .style-guide-column-container {
display: flex;
flex-wrap: wrap;
}
.style-guide .style-guide-column-container.button-container button {
margin-bottom: 1rem;
}
.style-guide .style-guide-column {
flex: 1 0 100%;
}
@media only screen and (min-width: 48.0625em) {
.style-guide .style-guide-column {
flex: 1 0 50%;
}
}
.style-guide .style-guide-swatch--clear {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.style-guide .style-guide-swatch--inner {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.style-guide .style-guide-swatch-container {
display: flex;
flex-direction: column;
padding: 0 2rem;
}
.style-guide .style-guide-swatch-container .style-guide-swatch-label {
margin-bottom: 15px;
margin-left: 5px;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="ja"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="ko"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="pl"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="ru"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="tr"] .style-guide .style-guide-swatch-container .style-guide-swatch-label,
html[lang^="zh"] .style-guide .style-guide-swatch-container .style-guide-swatch-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.style-guide .style-guide-swatch {
position: relative;
display: block;
height: 75px;
width: 75px;
margin: 15px 10px 15px 0;
border-radius: 75px;
box-shadow: 0 2px 18px -6px rgba(0, 0, 0, 0.9);
}
.style-guide .style-guide-swatch_outer {
display: flex;
align-items: center;
}
.style-guide .style-guide-swatch-label {
color: #2D2D2D;
font-size: 18px;
margin-left: 0;
margin-top: 27px;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .style-guide .style-guide-swatch-label,
html[lang^="ja"] .style-guide .style-guide-swatch-label,
html[lang^="ko"] .style-guide .style-guide-swatch-label,
html[lang^="pl"] .style-guide .style-guide-swatch-label,
html[lang^="ru"] .style-guide .style-guide-swatch-label,
html[lang^="tr"] .style-guide .style-guide-swatch-label,
html[lang^="zh"] .style-guide .style-guide-swatch-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.style-guide .style-guide-swatch-label .name-color,
.style-guide .style-guide-swatch-label .hex-color {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
display: block;
font-size: 12px;
line-height: 1.5;
}
html[lang^="cs"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="cs"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="ja"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="ja"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="ko"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="ko"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="pl"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="pl"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="ru"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="ru"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="tr"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="tr"] .style-guide .style-guide-swatch-label .hex-color,
html[lang^="zh"] .style-guide .style-guide-swatch-label .name-color,
html[lang^="zh"] .style-guide .style-guide-swatch-label .hex-color {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.style-guide p.style-guide-swatch-label {
color: #2D2D2D;
float: left;
font-size: 16px;
margin-left: 20px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .style-guide p.style-guide-swatch-label,
html[lang^="ja"] .style-guide p.style-guide-swatch-label,
html[lang^="ko"] .style-guide p.style-guide-swatch-label,
html[lang^="pl"] .style-guide p.style-guide-swatch-label,
html[lang^="ru"] .style-guide p.style-guide-swatch-label,
html[lang^="tr"] .style-guide p.style-guide-swatch-label,
html[lang^="zh"] .style-guide p.style-guide-swatch-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.style-guide .style-guide-swatch-black {
background-color: #000;
}
.style-guide .style-guide-swatch-white {
background-color: #fff;
}
.style-guide .style-guide-swatch-ra-red {
background-color: #CD163F;
}
.style-guide .style-guide-swatch-ab-blue {
background-color: #003E7E;
}
.style-guide .style-guide-swatch-factorytalk-blue {
background-color: #00AEEF;
}
.style-guide .style-guide-swatch-gold {
background-color: #F9C20A;
}
.style-guide .style-guide-swatch-orange {
background-color: #F58025;
}
.style-guide .style-guide-swatch-garnet {
background-color: #8D0034;
}
.style-guide .style-guide-swatch-purple {
background-color: #770056;
}
.style-guide .style-guide-swatch-green {
background-color: #77C14C;
}
.style-guide .style-guide-swatch-cool-grey {
background-color: #E1EBF4;
}
.style-guide .style-guide-swatch-bg-dark-grey {
background-color: #43434D;
}
.style-guide .style-guide-swatch-bg-medium-grey {
background-color: #6D6E71;
}
.style-guide .style-guide-swatch-bg-light-grey {
background-color: #E5E6E9;
}
.style-guide .style-guide-swatch-bg-white {
background-color: #FFFFFF;
}
.style-guide .style-guide-swatch-text {
background-color: #2D2D2D;
}
.style-guide .style-guide-swatch-text-link {
background-color: #2A79C4;
}
.style-guide .style-guide-swatch-button-primary {
background-color: #2A79C4;
}
.style-guide .style-guide-swatch-button-secondary {
background-color: #6D6E71;
}
.style-guide .style-guide-swatch-button-primary-hover {
background-color: #005DB4;
}
.style-guide .style-guide-swatch-button-secondary-hover {
background-color: #4C4D4F;
}
.style-guide .style-guide-swatch-state-error {
background-color: #DF3704;
}
.style-guide .style-guide-swatch-state-warning {
background-color: #FDB81E;
}
.style-guide .style-guide-swatch-state-success {
background-color: #008700;
}
.style-guide .style-guide-font {
display: block;
font-size: 1.2em;
margin: 0 auto 3px auto;
max-width: 70%;
padding: 0;
position: relative;
}
.style-guide .style-guide-font::before {
left: 0;
position: absolute;
top: 0;
}
.style-guide .style-guide-margin-bottom {
margin-bottom: 30px;
}
.style-guide .style-guide-margin-top {
margin-top: 30px;
}
.style-guide .style-guide-font-awesome-reg--center {
font-size: 1.313rem;
max-width: 70%;
margin: 0 auto 3px auto;
}
.style-guide .style-guide-font-awesome-reg--center:last-child {
margin: 0 auto 50px auto;
}
.style-guide .has-bg-dark .cmp-button {
background: transparent;
border: 2px solid #fff;
}
.style-guide .has-bg-dark .cmp-button.disabled {
background-color: transparent !important;
opacity: 0.3;
}
.style-guide .has-bg-dark .cmp-button--color-secondary .cmp-button {
border: 0;
}
.style-guide .header .cmp-header__search {
display: none;
}
.style-guide-components > .root > .aem-Grid > .responsivegrid .list .cmp-list,
.style-guide-layouts > .root > .aem-Grid > .responsivegrid .list .cmp-list,
.style-guide-templates > .root > .aem-Grid > .responsivegrid .list .cmp-list {
padding-left: 0;
padding-right: 0;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.bloglandingpage .section-wrapper {
float: none !important;
margin-right: auto;
margin-left: auto;
max-width: 1600px;
}
/**
* Site Loader
*/
.loader {
position: fixed;
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
z-index: 103;
width: 135px;
height: auto;
border-radius: 8px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: rgba(255, 255, 255, 0.9);
transition: opacity 0.3s ease-out;
opacity: 0;
}
.loader.active {
opacity: 1;
}
.loader-dots {
position: relative;
width: 97px;
height: 110px;
margin-top: 0.5rem;
}
.loader-text {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
position: relative;
padding: 0.5rem 0 1rem;
text-transform: uppercase;
}
html[lang^="cs"] .loader-text,
html[lang^="ja"] .loader-text,
html[lang^="ko"] .loader-text,
html[lang^="pl"] .loader-text,
html[lang^="ru"] .loader-text,
html[lang^="tr"] .loader-text,
html[lang^="zh"] .loader-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.loader .loader-dot {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 60px;
height: 100%;
margin: auto;
}
.loader .loader-dot::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 60px;
height: 60px;
background-size: 100% 100%;
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
}
.loader .loader-dot:nth-child(7n+1) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
}
.loader .loader-dot:nth-child(7n+1)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_gold-orange.svg');
animation: cssload-load 1.52s linear 0.19s infinite;
-o-animation: cssload-load 1.52s linear 0.19s infinite;
-ms-animation: cssload-load 1.52s linear 0.19s infinite;
-webkit-animation: cssload-load 1.52s linear 0.19s infinite;
-moz-animation: cssload-load 1.52s linear 0.19s infinite;
}
.loader .loader-dot:nth-child(7n+2) {
transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.loader .loader-dot:nth-child(7n+2)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_orange.svg');
animation: cssload-load 1.52s linear 0.38s infinite;
-o-animation: cssload-load 1.52s linear 0.38s infinite;
-ms-animation: cssload-load 1.52s linear 0.38s infinite;
-webkit-animation: cssload-load 1.52s linear 0.38s infinite;
-moz-animation: cssload-load 1.52s linear 0.38s infinite;
}
.loader .loader-dot:nth-child(7n+3) {
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
}
.loader .loader-dot:nth-child(7n+3)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_orange-ra-red.svg');
animation: cssload-load 1.52s linear 0.57s infinite;
-o-animation: cssload-load 1.52s linear 0.57s infinite;
-ms-animation: cssload-load 1.52s linear 0.57s infinite;
-webkit-animation: cssload-load 1.52s linear 0.57s infinite;
-moz-animation: cssload-load 1.52s linear 0.57s infinite;
}
.loader .loader-dot:nth-child(7n+4) {
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.loader .loader-dot:nth-child(7n+4)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_ra-red.svg');
animation: cssload-load 1.52s linear 0.76s infinite;
-o-animation: cssload-load 1.52s linear 0.76s infinite;
-ms-animation: cssload-load 1.52s linear 0.76s infinite;
-webkit-animation: cssload-load 1.52s linear 0.76s infinite;
-moz-animation: cssload-load 1.52s linear 0.76s infinite;
}
.loader .loader-dot:nth-child(7n+5) {
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
}
.loader .loader-dot:nth-child(7n+5)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_ra-red-purple.svg');
animation: cssload-load 1.52s linear 0.95s infinite;
-o-animation: cssload-load 1.52s linear 0.95s infinite;
-ms-animation: cssload-load 1.52s linear 0.95s infinite;
-webkit-animation: cssload-load 1.52s linear 0.95s infinite;
-moz-animation: cssload-load 1.52s linear 0.95s infinite;
}
.loader .loader-dot:nth-child(7n+6) {
transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}
.loader .loader-dot:nth-child(7n+6)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_purple.svg');
animation: cssload-load 1.52s linear 1.14s infinite;
-o-animation: cssload-load 1.52s linear 1.14s infinite;
-ms-animation: cssload-load 1.52s linear 1.14s infinite;
-webkit-animation: cssload-load 1.52s linear 1.14s infinite;
-moz-animation: cssload-load 1.52s linear 1.14s infinite;
}
.loader .loader-dot:nth-child(7n+7) {
transform: rotate(315deg);
}
.loader .loader-dot:nth-child(7n+7)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_purple-gold.svg');
animation: cssload-load 1.52s linear 1.33s infinite;
-o-animation: cssload-load 1.52s linear 1.33s infinite;
-ms-animation: cssload-load 1.52s linear 1.33s infinite;
-webkit-animation: cssload-load 1.52s linear 1.33s infinite;
-moz-animation: cssload-load 1.52s linear 1.33s infinite;
}
.loader .loader-dot:nth-child(7n+8) {
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
.loader .loader-dot:nth-child(7n+8)::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/loader/octagon_gold.svg');
animation: cssload-load 1.52s linear 1.52s infinite;
-o-animation: cssload-load 1.52s linear 1.52s infinite;
-ms-animation: cssload-load 1.52s linear 1.52s infinite;
-webkit-animation: cssload-load 1.52s linear 1.52s infinite;
-moz-animation: cssload-load 1.52s linear 1.52s infinite;
}
@keyframes cssload-load {
100% {
opacity: 0;
transform: scale(1);
}
}
@-o-keyframes cssload-load {
100% {
opacity: 0;
-o-transform: scale(1);
}
}
@-ms-keyframes cssload-load {
100% {
opacity: 0;
-ms-transform: scale(1);
}
}
@-webkit-keyframes cssload-load {
100% {
opacity: 0;
-webkit-transform: scale(1);
}
}
@-moz-keyframes cssload-load {
100% {
opacity: 0;
-moz-transform: scale(1);
}
}
body.loading .loader {
display: flex;
}
.push-top-half {
margin-top: 2rem !important;
}
.push-top-small {
margin-top: 1rem !important;
}
.push-bottom-half {
margin-bottom: 2rem !important;
}
.push-bottom-small {
margin-bottom: 1rem !important;
}
.push-top-full,
.push-top-component {
margin-top: 3.5rem !important;
}
.push-bottom-full,
.push-bottom-component {
margin-bottom: 3.5rem !important;
}
.push-top-grid-gutter {
margin-top: 2.5rem !important;
}
.push-bottom-grid-gutter {
margin-bottom: 2.5rem !important;
}
.pad-top-full {
padding-top: 3.5rem !important;
}
.pad-top-max {
padding-top: 4.375rem !important;
}
.pad-top-half {
padding-top: 2rem !important;
}
.pad-top-medium {
padding-top: 1.5rem !important;
}
.pad-top-small {
padding-top: 1rem !important;
}
.pad-bottom-max {
padding-bottom: 4.375rem !important;
}
.pad-bottom-full {
padding-bottom: 3.5rem !important;
}
.pad-bottom-half {
padding-bottom: 2rem !important;
}
.pad-bottom-medium {
padding-bottom: 1.5rem !important;
}
.pad-bottom-small {
padding-bottom: 1rem !important;
}
.section-padded {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important;
}
.pad-horizontal-medium {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
@media only screen and (min-width: 48.0625em) {
.desktop-pad-left-jumbo {
padding-left: 8rem !important;
}
}
/**
* Print Styling
*/
@media print {
.global-nav,
.sub-nav,
.floating-button,
#onetrust-consent-sdk,
.hero-banner__ghost,
.hero-banner img,
.alert-banner,
.multimedia-grid__thumbnail-track,
.related-content,
footer,
.footer {
display: none !important;
}
body {
padding-top: 0 !important;
}
.hero-banner {
color: #43434D !important;
text-shadow: none !important;
}
.hero-banner__time-to-read-wrapper {
color: #2D2D2D !important;
}
.hero-banner__time-to-read-wrapper svg {
fill: #2D2D2D !important;
}
.hero-banner__subtitle {
color: #2D2D2D !important;
}
.hero-banner .social-media-sharing {
color: #2D2D2D !important;
}
.hero-banner__wrapper {
height: auto !important;
padding: 2rem 0 !important;
}
.teaser__container.text-light img {
display: none !important;
}
.teaser__container.text-light .teaser__subtitle,
.teaser__container.text-light .teaser__title,
.teaser__container.text-light .teaser__text,
.teaser__container.text-light .teaser__caption {
color: #2D2D2D !important;
}
h2 {
display: block !important;
visibility: visible !important;
}
.print-style-hidden {
display: none !important;
}
.simplecontentcasestudypage::before {
height: 48px;
width: 207px;
padding-left: 5vw;
margin-top: -50%;
content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="209px" height="48px" viewBox="0 0 207 48" version="1.1"><defs><linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="67.4071" y1="32.8513" x2="275.36" y2="393.0351" gradientTransform="matrix(0.1207,0,0,-0.121212,0.00603499,48)"><stop offset="0.28" style="stop-color:rgb(80.392157%,8.627451%,24.705882%);stop-opacity:1;"/><stop offset="0.9" style="stop-color:rgb(96.078431%,50.196078%,14.509804%);stop-opacity:1;"/></linearGradient></defs><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(80.392157%,8.627451%,24.705882%);fill-opacity:1;" d="M 110.867188 30.253906 C 106.222656 30.253906 103.445312 32.703125 103.445312 36.8125 C 103.445312 40.898438 106.222656 43.34375 110.867188 43.34375 C 115.527344 43.34375 118.316406 40.910156 118.316406 36.8125 C 118.316406 32.703125 115.527344 30.253906 110.867188 30.253906 Z M 110.867188 39.710938 C 109.503906 39.710938 108.585938 38.535156 108.585938 36.777344 C 108.585938 35.007812 109.503906 33.832031 110.867188 33.832031 C 112.257812 33.832031 113.148438 34.992188 113.148438 36.777344 C 113.148438 38.59375 112.28125 39.710938 110.867188 39.710938 Z M 169.515625 41.222656 C 169.515625 42.230469 170.3125 43.042969 171.304688 43.042969 L 174.777344 43.042969 L 174.777344 30.570312 L 169.515625 30.570312 Z M 169.515625 26.472656 L 174.777344 26.472656 L 174.777344 29.054688 L 169.515625 29.054688 Z M 184.300781 30.253906 C 179.65625 30.253906 176.878906 32.703125 176.878906 36.8125 C 176.878906 40.898438 179.65625 43.34375 184.300781 43.34375 C 188.960938 43.34375 191.75 40.910156 191.75 36.8125 C 191.75 32.703125 188.960938 30.253906 184.300781 30.253906 Z M 184.300781 39.710938 C 182.9375 39.710938 182.019531 38.535156 182.019531 36.777344 C 182.019531 35.007812 182.9375 33.832031 184.300781 33.832031 C 185.691406 33.832031 186.582031 34.992188 186.582031 36.777344 C 186.597656 38.59375 185.714844 39.710938 184.300781 39.710938 Z M 85.859375 10.460938 C 81.210938 10.460938 78.4375 12.910156 78.4375 17.019531 C 78.4375 21.101562 81.210938 23.550781 85.859375 23.550781 C 90.519531 23.550781 93.308594 21.113281 93.308594 17.019531 C 93.308594 12.910156 90.53125 10.460938 85.859375 10.460938 Z M 85.859375 19.925781 C 84.496094 19.925781 83.578125 18.75 83.578125 16.992188 C 83.578125 15.222656 84.496094 14.046875 85.859375 14.046875 C 87.246094 14.046875 88.140625 15.210938 88.140625 16.992188 C 88.152344 18.800781 87.273438 19.925781 85.859375 19.925781 Z M 159.414062 20.0625 C 158.847656 20.074219 156.492188 20.195312 154.417969 20.195312 C 152.28125 20.195312 151.53125 19.976562 151.109375 18.59375 L 159.535156 18.59375 C 159.753906 18.59375 159.933594 18.414062 159.933594 18.195312 L 159.933594 17.222656 C 159.933594 12.933594 157.664062 10.519531 153.320312 10.460938 C 148.464844 10.398438 146.199219 12.957031 146.199219 16.8125 C 146.199219 21.042969 148.417969 23.574219 153.71875 23.574219 C 157.507812 23.574219 159.222656 22.023438 159.558594 20.242188 C 159.558594 20.167969 159.488281 20.0625 159.414062 20.0625 Z M 153.34375 13.359375 C 154.742188 13.359375 155.371094 14.507812 155.371094 15.9375 L 151.050781 15.9375 C 151.050781 14.496094 151.53125 13.359375 153.34375 13.359375 Z M 167.007812 6.691406 L 163.578125 6.691406 C 162.589844 6.691406 161.792969 7.503906 161.792969 8.507812 L 161.792969 23.25 L 167.007812 23.25 Z M 100.777344 23.453125 C 102.832031 23.648438 105.136719 23.222656 106.015625 23.042969 C 106.234375 22.992188 106.378906 22.8125 106.378906 22.582031 L 106.378906 19.539062 C 106.378906 19.539062 105.414062 19.648438 103.121094 19.648438 C 101.140625 19.648438 99.898438 18.617188 99.898438 16.957031 C 99.898438 15.285156 101.054688 14.253906 102.925781 14.253906 C 105.085938 14.253906 106.367188 14.519531 106.367188 14.519531 L 106.367188 11.441406 C 106.367188 11.222656 106.222656 11.03125 106.003906 10.980469 C 105.136719 10.789062 102.855469 10.351562 101.054688 10.460938 C 97.195312 10.691406 94.792969 12.957031 94.792969 16.980469 C 94.792969 20.800781 97.0625 23.113281 100.777344 23.453125 Z M 152.667969 30.519531 L 152.667969 32.132812 C 151.917969 30.980469 150.773438 30.21875 149.058594 30.21875 C 145.125 30.21875 142.902344 32.667969 142.902344 36.75 L 142.902344 36.800781 C 142.902344 40.886719 145.125 43.332031 149.058594 43.332031 C 150.785156 43.332031 151.917969 42.570312 152.667969 41.417969 L 152.667969 41.695312 C 152.667969 42.4375 153.257812 43.042969 153.984375 43.042969 L 157.628906 43.042969 L 157.628906 30.519531 Z M 150.375 39.710938 C 149.011719 39.710938 148.09375 38.535156 148.09375 36.777344 C 148.09375 35.03125 149.011719 33.84375 150.375 33.84375 C 151.785156 33.84375 152.65625 34.96875 152.65625 36.777344 C 152.667969 38.582031 151.785156 39.710938 150.375 39.710938 Z M 140.574219 10.777344 L 139.101562 18.933594 L 137.457031 10.777344 L 131.53125 10.777344 L 129.890625 18.933594 L 128.417969 10.777344 L 123.480469 10.777344 L 118.339844 10.738281 C 117.566406 10.738281 116.820312 11.210938 116.410156 11.964844 L 113.488281 16.230469 L 113.488281 6.640625 L 110.300781 6.640625 C 109.3125 6.640625 108.515625 7.453125 108.515625 8.460938 L 108.515625 23.199219 L 113.488281 23.199219 L 113.488281 16.992188 L 116.890625 21.976562 C 117.300781 22.726562 118.050781 23.199219 118.824219 23.199219 L 123.976562 23.238281 L 118.945312 16.570312 L 123.480469 10.777344 L 126.449219 23.238281 L 132.003906 23.238281 C 132.617188 23.238281 133.136719 22.789062 133.246094 22.15625 L 134.308594 14.761719 L 134.71875 14.761719 L 135.78125 22.15625 C 135.890625 22.777344 136.410156 23.238281 137.023438 23.238281 L 142.578125 23.238281 L 145.546875 10.761719 Z M 87.101562 35.964844 C 87.101562 38.097656 86.425781 39.1875 85.074219 39.1875 C 84.242188 39.1875 83.386719 38.910156 83.386719 36.847656 L 83.386719 30.570312 L 78.414062 30.570312 L 78.414062 37.683594 C 78.414062 41.273438 80.199219 43.238281 83.433594 43.238281 C 85.0625 43.238281 86.464844 42.65625 87.488281 41.585938 L 87.488281 41.683594 C 87.488281 42.425781 88.082031 43.03125 88.804688 43.03125 L 92.074219 43.03125 L 92.074219 30.570312 L 87.101562 30.570312 Z M 136.648438 30.277344 C 134.925781 30.277344 133.425781 31.019531 132.390625 32.386719 C 131.53125 31.03125 130.121094 30.277344 128.320312 30.277344 C 126.8125 30.277344 125.460938 30.859375 124.460938 31.914062 L 124.460938 30.570312 L 119.921875 30.570312 L 119.921875 43.042969 L 124.847656 43.042969 L 124.847656 37.03125 C 124.847656 35.417969 125.570312 34.375 126.703125 34.375 C 127.511719 34.375 128.25 34.65625 128.25 36.640625 L 128.25 43.042969 L 133.199219 43.042969 L 133.199219 37.03125 C 133.199219 35.394531 133.898438 34.375 135.03125 34.375 C 135.839844 34.375 136.578125 34.65625 136.578125 36.640625 L 136.578125 43.042969 L 141.503906 43.042969 L 141.503906 35.804688 C 141.503906 32.242188 139.777344 30.277344 136.648438 30.277344 Z M 201.996094 30.253906 C 200.367188 30.253906 198.96875 30.835938 197.941406 31.914062 L 197.941406 30.570312 L 193.355469 30.570312 L 193.355469 43.042969 L 198.328125 43.042969 L 198.328125 37.03125 C 198.328125 35.382812 199.125 34.304688 200.355469 34.304688 C 201.1875 34.304688 202.046875 34.582031 202.046875 36.640625 L 202.046875 43.042969 L 206.992188 43.042969 L 206.992188 35.804688 C 206.992188 32.21875 205.21875 30.253906 201.996094 30.253906 Z M 164.699219 26.472656 L 159.726562 26.472656 L 159.726562 41.210938 C 159.726562 42.21875 160.523438 43.03125 161.515625 43.03125 L 164.699219 43.03125 L 164.699219 34.230469 L 167.707031 34.230469 L 167.707031 30.558594 L 164.699219 30.558594 Z M 174.71875 6.691406 L 171.289062 6.691406 C 170.300781 6.691406 169.503906 7.503906 169.503906 8.507812 L 169.503906 23.25 L 174.71875 23.25 Z M 66.488281 26.472656 C 65.957031 26.472656 65.472656 26.800781 65.28125 27.296875 L 59.015625 43.042969 L 64.21875 43.042969 L 65.378906 39.914062 L 71.363281 39.914062 L 72.003906 41.722656 C 72.351562 42.507812 73.125 43.03125 73.957031 43.03125 L 78.039062 43.03125 L 71.449219 26.460938 Z M 66.714844 36.21875 L 68.429688 31.539062 L 70.070312 36.21875 Z M 99.582031 26.484375 L 94.308594 26.484375 L 94.308594 41.222656 C 94.308594 42.230469 95.105469 43.042969 96.09375 43.042969 L 99.582031 43.042969 L 99.582031 34.242188 L 102.589844 34.242188 L 102.589844 30.570312 L 99.582031 30.570312 Z M 76.035156 16.871094 C 75.503906 16.195312 74.792969 15.695312 73.71875 15.503906 L 73.71875 15.453125 C 76.023438 15.175781 77.398438 13.601562 77.398438 11.054688 C 77.398438 7.867188 75.128906 6.628906 71.449219 6.628906 L 62.539062 6.628906 L 62.539062 23.222656 L 67.804688 23.222656 L 67.804688 17.1875 L 69.25 17.1875 C 69.976562 17.1875 70.710938 17.308594 70.917969 18.046875 L 72.402344 22.386719 C 72.484375 22.871094 72.898438 23.222656 73.367188 23.222656 L 78.230469 23.222656 L 76.410156 17.683594 C 76.347656 17.382812 76.214844 17.113281 76.035156 16.871094 Z M 69.964844 13.722656 L 67.886719 13.722656 L 67.886719 10.207031 L 70.046875 10.207031 C 71.121094 10.207031 72.148438 10.425781 72.148438 11.914062 C 72.136719 13.574219 71.0625 13.722656 69.964844 13.722656 Z M 69.964844 13.722656 "/><path style=" stroke:none;fill-rule:nonzero;fill:url(%23linear0);" d="M 13.609375 14.871094 L 32.738281 0.640625 C 33.015625 0.4375 32.871094 0 32.535156 0 L 16.84375 0 C 15.03125 0 13.28125 0.726562 12.003906 2.011719 L 2.007812 12.035156 C 0.730469 13.332031 0.0078125 15.078125 0.0078125 16.910156 L 0.0078125 31.089844 C 0.0078125 32.921875 0.730469 34.667969 2.007812 35.964844 L 11.992188 45.988281 C 13.28125 47.273438 15.03125 48 16.84375 48 L 30.421875 48 C 30.796875 48 30.917969 47.492188 30.566406 47.320312 L 3.589844 34.546875 C 2.46875 34.011719 1.742188 32.871094 1.742188 31.625 L 1.742188 24.824219 C 1.742188 24.109375 2.082031 23.441406 2.648438 23.019531 L 6.535156 20.121094 L 6.535156 14.859375 L 13.609375 14.859375 Z M 13.609375 14.871094 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(80.392157%,8.627451%,24.705882%);fill-opacity:1;" d="M 32.207031 20.351562 L 30.363281 25.394531 L 33.972656 25.394531 Z M 16.6875 20.558594 C 16.6875 18.945312 15.589844 18.714844 14.429688 18.714844 L 12.101562 18.714844 L 12.101562 22.519531 L 14.34375 22.519531 C 15.527344 22.507812 16.6875 22.351562 16.6875 20.558594 Z M 16.6875 20.558594 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(80.392157%,8.627451%,24.705882%);fill-opacity:1;" d="M 46.066406 12.316406 L 36.769531 2.980469 C 36.253906 2.460938 35.429688 2.386719 34.816406 2.8125 L 16.929688 14.910156 C 20.320312 15.128906 22.371094 16.496094 22.371094 19.648438 C 22.371094 22.386719 20.898438 24.097656 18.402344 24.398438 L 18.402344 24.449219 C 19.558594 24.667969 20.332031 25.199219 20.898438 25.925781 C 21.105469 26.183594 21.238281 26.484375 21.308594 26.789062 L 22.722656 31.089844 L 28.804688 15.792969 C 29.023438 15.261719 29.542969 14.910156 30.109375 14.910156 L 35.457031 14.910156 L 42.566406 32.777344 L 38.171875 32.777344 C 37.277344 32.777344 36.445312 32.207031 36.070312 31.359375 L 35.382812 29.40625 L 28.925781 29.40625 L 27.671875 32.777344 L 18.027344 32.777344 C 17.507812 32.777344 17.074219 32.398438 16.988281 31.867188 L 15.382812 27.1875 C 15.164062 26.386719 14.371094 26.253906 13.585938 26.253906 L 12.027344 26.253906 L 12.027344 32.761719 L 6.535156 32.761719 L 6.535156 21.925781 L 3.253906 24.144531 C 2.949219 24.351562 2.78125 24.691406 2.78125 25.054688 L 2.78125 31.953125 C 2.78125 32.398438 3.046875 32.800781 3.445312 32.96875 L 34.40625 45.988281 C 34.984375 46.242188 35.648438 46.109375 36.09375 45.671875 L 46.066406 35.695312 C 47.1875 34.582031 47.816406 33.054688 47.816406 31.464844 L 47.816406 16.535156 C 47.816406 14.945312 47.1875 13.429688 46.066406 12.316406 Z M 46.066406 12.316406 "/></g></svg>');
}
.simplecontentcasestudypage .col-mobile {
flex: 0 0 100%;
}
.scroll-to-content {
visibility: hidden;
height: 0;
}
}
/**
* Styling for Rockwell 'pop-up' dialogs
*/
.overlay {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
width: 100%;
height: 100%;
inset: 0;
margin: auto;
z-index: 103;
}
.overlay .dialog_content {
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 1.5rem;
}
.overlay .dialog_content .dialog_buttons {
display: flex;
justify-content: flex-end;
}
.overlay .dialog_content .dialog_buttons #btn_cancel {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #43434D;
background-color: #fff;
border-color: #43434D;
padding: 0.188rem 1.5rem;
}
html[lang^="cs"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ja"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ko"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="pl"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ru"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="tr"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="zh"] .overlay .dialog_content .dialog_buttons #btn_cancel {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ja"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ko"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="pl"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="ru"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="tr"] .overlay .dialog_content .dialog_buttons #btn_cancel,
html[lang^="zh"] .overlay .dialog_content .dialog_buttons #btn_cancel {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.overlay .dialog_content .dialog_buttons #btn_cancel::after {
content: "";
min-height: inherit;
font-size: 0;
}
.overlay .dialog_content .dialog_buttons #btn_cancel svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.overlay .dialog_content .dialog_buttons #btn_cancel:active,
.overlay .dialog_content .dialog_buttons #btn_cancel:hover,
.overlay .dialog_content .dialog_buttons #btn_cancel:focus {
z-index: 1;
}
.overlay .dialog_content .dialog_buttons #btn_cancel:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.overlay .dialog_content .dialog_buttons #btn_cancel:active,
.overlay .dialog_content .dialog_buttons #btn_cancel:hover {
border-color: #2f2f36;
}
.overlay .dialog_content .dialog_buttons #btn_cancel:focus {
outline: none;
border-color: transparent;
box-shadow: 0 0 0 2px #43434D, 0 0 0 4px #fff, 0 0 0 6px #F58025;
}
.overlay .dialog_content .dialog_buttons #btn_continue {
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
padding: 0.188rem 1.5rem;
margin-left: 1rem;
}
html[lang^="cs"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ja"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ko"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="pl"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ru"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="tr"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="zh"] .overlay .dialog_content .dialog_buttons #btn_continue {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ja"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ko"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="pl"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="ru"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="tr"] .overlay .dialog_content .dialog_buttons #btn_continue,
html[lang^="zh"] .overlay .dialog_content .dialog_buttons #btn_continue {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.overlay .dialog_content .dialog_buttons #btn_continue::after {
content: "";
min-height: inherit;
font-size: 0;
}
.overlay .dialog_content .dialog_buttons #btn_continue svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.overlay .dialog_content .dialog_buttons #btn_continue:active,
.overlay .dialog_content .dialog_buttons #btn_continue:hover,
.overlay .dialog_content .dialog_buttons #btn_continue:focus {
z-index: 1;
}
.overlay .dialog_content .dialog_buttons #btn_continue:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.overlay .dialog_content .dialog_buttons #btn_continue:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.overlay .dialog_content .dialog_buttons #btn_continue:active {
background-color: #003E7E;
border-color: #003E7E;
}
.overlay .dialog_content .dialog_buttons #btn_continue:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.overlay .dialog_content .dialog_buttons #btn_continue[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
/**
* Stylable custom select element
*/
select-styler {
display: inline-block;
position: relative;
width: 100%;
}
select-styler [hidden] {
display: none !important;
}
select-styler [role="combobox"] {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5em;
}
select-styler [role="combobox"]::-webkit-details-marker {
display: none;
}
select-styler [role="combobox"]::after {
content: "\25BC";
display: block;
}
select-styler [role="combobox"] > span {
min-width: 0;
white-space: nowrap;
overflow-y: hidden;
text-overflow: ellipsis;
}
select-styler [role="listbox"] {
display: flex;
margin: 0;
flex-direction: column;
position: absolute;
z-index: 1;
top: calc(100% + 1px);
left: 0;
width: 100%;
min-width: min-content;
max-height: 20em;
overflow: auto;
background-color: #fff;
}
select-styler [role="option"] {
cursor: pointer;
list-style: none;
margin: 0;
}
select-styler [role="option"][aria-disabled="true"] {
opacity: 0.4;
pointer-events: none;
}
.ra-select-standard [role="combobox"] {
padding: 0.75rem 1rem;
border: 1px solid #E5E6E9;
border-radius: 0.375rem;
}
.ra-select-standard [role="combobox"]::after {
content: "\25BC";
color: #6D6E71;
display: block;
transform: scale(1.5, 0.75);
transition: transform 0.25s;
}
.ra-select-standard > details[open] [role="combobox"] {
border-color: #F58025;
}
.ra-select-standard > details[open] [role="combobox"]::after {
transform: scale(1.5, 0.75) rotate(0.5turn);
}
.ra-select-standard [role="listbox"] {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
padding: 0.75rem 1rem;
border-radius: 0.25rem;
font-size: 0.813rem;
gap: 0.375rem;
}
.ra-select-standard [role="option"] {
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
}
.ra-select-standard [role="option"]:hover,
.ra-select-standard [role="option"]:focus {
color: #fff;
background-color: #2A79C4;
}
* {
box-sizing: border-box;
}
body {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
color: #2D2D2D;
text-rendering: optimizeLegibility;
/* stylelint-disable-line */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
html[lang^="cs"] body,
html[lang^="ja"] body,
html[lang^="ko"] body,
html[lang^="pl"] body,
html[lang^="ru"] body,
html[lang^="tr"] body,
html[lang^="zh"] body {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] body,
html[lang^="ja"] body,
html[lang^="ko"] body,
html[lang^="pl"] body,
html[lang^="ru"] body,
html[lang^="tr"] body,
html[lang^="zh"] body {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
body.body-locked {
position: fixed;
overflow: hidden;
}
body.body-locked .generic-container__inner.has-bg {
z-index: unset;
}
main.main-wrapper,
footer {
transition: opacity 0.3s ease-out;
}
main.main-wrapper {
position: relative;
z-index: auto;
background-color: #fff;
}
button {
cursor: pointer;
}
.new-tab-icon {
background-color: currentcolor;
display: inline-block;
mask-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/external-link.svg');
mask-position: center;
mask-repeat: no-repeat;
margin-left: 0.25em;
}
.new-tab-icon::after {
content: "";
width: 0.625em;
height: 0.625em;
display: inline-block;
}
.toast {
background-color: #2A79C4;
border-radius: 4px;
color: #fff;
display: flex;
left: 50%;
opacity: 1;
padding: 16px;
position: fixed;
transform: translateX(-50%);
transition: opacity 0.5s ease;
width: 35%;
z-index: 100;
}
@media only screen and (max-width: 80.0525em) {
.toast {
width: 50%;
}
}
.toast.hide {
opacity: 0;
}
.toast .toast-icon {
background-color: #fff;
display: inline-block;
margin-right: 0.5rem;
mask-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/information-circle.svg');
mask-position: center;
mask-repeat: no-repeat;
max-height: 1.5rem;
min-width: 1.5rem;
}
.toast .toast-message {
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
padding: 0 4px;
}
.toast .toast-message strong {
font-weight: 700;
}
.aspect-ratio--16x9 {
aspect-ratio: 1.77777778;
}
.aspect-ratio--1x1 {
aspect-ratio: 1;
}
.aspect-ratio--104x85 {
aspect-ratio: 1.22352941;
}
.aspect-ratio--27x22 {
aspect-ratio: 1.22727273;
}
.aspect-ratio--3x2 {
aspect-ratio: 1.5;
}
.aspect-ratio--297x206 {
aspect-ratio: 1.44174757;
}
.aspect-ratio--4x3 {
aspect-ratio: 1.33333333;
}
.gradient-ra-red-to-orange,
.gradient-ra-red-to-orange .gradient {
background: linear-gradient(120deg, #cd163f 0%, rgba(205, 22, 63, 0) 42%, rgba(245, 128, 37, 0) 72%, #f58025 100%);
}
.gradient-ra-red-to-ab-blue,
.gradient-ra-red-to-ab-blue .gradient {
background: linear-gradient(120deg, #cd163f 0%, rgba(205, 22, 63, 0) 42%, rgba(0, 62, 126, 0) 72%, #003e7e 100%);
}
.gradient-ra-red-to-garnet,
.gradient-ra-red-to-garnet .gradient {
background: linear-gradient(120deg, #cd163f 0%, rgba(205, 22, 63, 0) 42%, rgba(141, 0, 52, 0) 72%, #8d0034 100%);
}
.gradient-ab-blue-to-grey,
.gradient-ab-blue-to-grey .gradient {
background: linear-gradient(120deg, #003e7e 0%, rgba(0, 62, 126, 0) 42%, rgba(225, 235, 244, 0) 72%, #e1ebf4 100%);
}
.gradient-ab-blue-to-garnet,
.gradient-ab-blue-to-garnet .gradient {
background: linear-gradient(120deg, #003e7e 0%, rgba(0, 62, 126, 0) 42%, rgba(141, 0, 52, 0) 72%, #8d0034 100%);
}
.gradient-ft-blue-to-green,
.gradient-ft-blue-to-green .gradient {
background: linear-gradient(120deg, #00aeef 0%, rgba(0, 174, 239, 0) 42%, rgba(119, 193, 76, 0) 72%, #77c14c 100%);
}
.gradient-ft-blue-to-blue,
.gradient-ft-blue-to-blue .gradient {
background: linear-gradient(90.1deg, #003E7E 7.44%, #00AEEF 93.59%);
}
.gradient-ft-blue-to-ab-blue,
.gradient-ft-blue-to-ab-blue .gradient {
background: linear-gradient(120deg, #00aeef 0%, rgba(0, 174, 239, 0) 42%, rgba(0, 62, 126, 0) 72%, #003e7e 100%);
}
.gradient-green-to-ab-blue,
.gradient-green-to-ab-blue .gradient {
background: linear-gradient(120deg, #77c14c 0%, rgba(119, 193, 76, 0) 42%, rgba(0, 62, 126, 0) 72%, #003e7e 100%);
}
.gradient-orange-to-purple,
.gradient-orange-to-purple .gradient {
background: linear-gradient(120deg, #f58025 0%, rgba(245, 128, 37, 0) 42%, rgba(119, 0, 86, 0) 72%, #770056 100%);
}
@media only screen and (max-width: 48em) {
.desktop-only {
display: none;
}
}
html {
scroll-behavior: smooth;
font-size: 16px;
line-height: 16px;
}
body {
color: #2d2d2d;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.container__fullWidth {
padding: 0 32px;
width: 100%;
}
section {
background-color: #fff;
display: block;
position: relative;
z-index: 1;
}
section[class^="o-"] {
overflow: hidden;
padding: 40px 0 56px;
}
section.-colorBack {
background-blend-mode: soft-light;
background-color: transparent;
}
section.-imageBack.-colorBack {
background-blend-mode: multiply;
background-color: transparent;
}
section.-merge {
padding-top: 0;
}
/* Variant Styles */
.-abBlue {
color: #003e7e;
fill: #003e7e;
}
.-cGrey {
color: #e1ebf4;
fill: #e1ebf4;
}
.-charcoal {
color: #2d2d2d;
fill: #2d2d2d;
}
.-dGrey {
color: #43434d;
fill: #43434d;
}
.-ftBlue {
color: #00aeef;
fill: #00aeef;
}
.-garnet {
color: #8d0034;
fill: #8d0034;
}
.-gold {
color: #f9c20a;
fill: #f9c20a;
}
.-green {
color: #77c14c;
fill: #77c14c;
}
.-lGrey {
color: #e5e6e9;
fill: #e5e6e9;
}
.-mGrey {
color: #6d6e71;
fill: #6d6e71;
}
.-orange {
color: #f58025;
fill: #f58025;
}
.-purple {
color: #770056;
fill: #770056;
}
.-raRed {
color: #cd163f;
fill: #cd163f;
}
.-white {
color: #fff;
fill: #fff;
}
@media (max-width: 767px) {
.-abBlue-xs {
color: #003e7e;
fill: #003e7e;
}
.-cGrey-xs {
color: #e1ebf4;
fill: #e1ebf4;
}
.-charcoal-xs {
color: #2d2d2d;
fill: #2d2d2d;
}
.-dGrey-xs {
color: #43434d;
fill: #43434d;
}
.-ftBlue-xs {
color: #00aeef;
fill: #00aeef;
}
.-garnet-xs {
color: #8d0034;
fill: #8d0034;
}
.-gold-xs {
color: #f9c20a;
fill: #f9c20a;
}
.-green-xs {
color: #77c14c;
fill: #77c14c;
}
.-lGrey-xs {
color: #e5e6e9;
fill: #e5e6e9;
}
.-mGrey-xs {
color: #6d6e71;
fill: #6d6e71;
}
.-orange-xs {
color: #f58025;
fill: #f58025;
}
.-purple-xs {
color: #770056;
fill: #770056;
}
.-raRed-xs {
color: #cd163f;
fill: #cd163f;
}
.-white-xs {
color: #fff;
fill: #fff;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.-abBlue-sm {
color: #003e7e;
fill: #003e7e;
}
.-cGrey-sm {
color: #e1ebf4;
fill: #e1ebf4;
}
.-charcoal-sm {
color: #2d2d2d;
fill: #2d2d2d;
}
.-dGrey-sm {
color: #43434d;
fill: #43434d;
}
.-ftBlue-sm {
color: #00aeef;
fill: #00aeef;
}
.-garnet-sm {
color: #8d0034;
fill: #8d0034;
}
.-gold-sm {
color: #f9c20a;
fill: #f9c20a;
}
.-green-sm {
color: #77c14c;
fill: #77c14c;
}
.-lGrey-sm {
color: #e5e6e9;
fill: #e5e6e9;
}
.-mGrey-sm {
color: #6d6e71;
fill: #6d6e71;
}
.-orange-sm {
color: #f58025;
fill: #f58025;
}
.-purple-sm {
color: #770056;
fill: #770056;
}
.-raRed-sm {
color: #cd163f;
fill: #cd163f;
}
.-white-sm {
color: #fff;
fill: #fff;
}
}
.-center {
text-align: center;
}
.-imageBack [class^="a-type__"] {
text-shadow: 0 0 15px rgba(45, 45, 45, 0.75);
}
/* Type Styles */
[class^="a-type__title"],
[class^="a-type__subTitle"] {
margin: 16px 0;
}
.a-type__title1 {
font-size: 3.5rem;
font-weight: 500;
line-height: 3.5rem;
}
.a-type__title2 {
font-size: 2.5rem;
font-weight: 500;
line-height: 3rem;
}
.a-type__title3 {
font-size: 2.25rem;
font-weight: 700;
line-height: 2.75rem;
}
.a-type__title3.-inactive {
font-weight: 500;
}
.a-type__title4 {
font-size: 1.75rem;
font-weight: 500;
line-height: 2rem;
}
.a-type__title5 {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.75rem;
}
.a-type__subTitle1 {
font-size: 1.5rem;
line-height: 2rem;
}
.a-type__subTitle2 {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.75rem;
}
.a-type__subTitle3 {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
}
.a-type__body {
font-size: 1rem;
line-height: 1.375rem;
}
.a-type__body.-secondary {
font-size: 1.25rem;
line-height: 2rem;
}
.a-type__button {
align-items: center;
display: flex;
font-size: 1rem;
font-weight: 500;
justify-content: center;
letter-spacing: 0.5px;
line-height: 1.5rem;
text-transform: uppercase;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.a-type__overline {
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1.375rem;
text-transform: uppercase;
}
.a-type__caption {
font-size: 0.875rem;
line-height: 1.375rem;
}
.a-type__legal {
font-size: 0.75rem;
line-height: 1.125rem;
}
@media (max-width: 767px) {
.a-type__title1 {
font-size: 2.5rem;
line-height: 3rem;
}
.a-type__title2 {
font-size: 2.25rem;
line-height: 2.75rem;
}
.a-type__title3 {
font-size: 2rem;
line-height: 2.5rem;
}
.a-type__title4 {
font-size: 1.75rem;
line-height: 1.75rem;
}
.a-type__title5 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.a-type__subTitle1 {
font-size: 1.5rem;
line-height: 2rem;
}
.a-type__subTitle2 {
font-size: 1.25rem;
line-height: 1.75rem;
}
.a-type__subTitle3 {
font-size: 1.125rem;
line-height: 1.5rem;
}
.a-type__body {
font-size: 1rem;
line-height: 1.375rem;
}
.a-type__body.-secondary {
font-size: 1.125rem;
line-height: 1.5rem;
}
.a-type__button {
font-size: 1rem;
line-height: 1.5rem;
}
.a-type__overline {
font-size: 0.875rem;
line-height: 1.375rem;
}
.a-type__caption {
font-size: 0.875rem;
line-height: 1.375rem;
}
.a-type__legal {
font-size: 0.75rem;
line-height: 1.125rem;
}
}
/* Button Styles */
.a-link__button {
text-decoration: none;
}
.m-buttonGroup {
align-items: center;
display: flex;
margin: 40px 0;
justify-content: center;
}
@media (max-width: 767px) {
.m-buttonGroup {
flex-direction: column;
}
}
@media (min-width: 768px) {
.m-buttonGroup .a-button {
margin-right: 20px;
}
}
@media (max-width: 767px) {
.m-buttonGroup .a-button {
margin-bottom: 20px;
}
}
.m-buttonGroup .a-button:last-child {
margin-right: 0;
}
.a-button {
align-items: center;
border-radius: 4px;
border-style: solid;
border-width: 2px;
cursor: pointer;
display: flex;
justify-content: center;
padding: 6px 25px;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.a-button:hover,
.a-button.-hover {
transform: scale(1.1) translate3d(0, 0, 0);
}
.a-button .a-type__button svg {
fill: #fff;
height: 22px;
margin-right: 10px;
width: 22px;
}
.a-button.-large {
padding: 11px 25px;
}
.a-button.-small {
padding: 2px 25px;
}
.a-button.-center {
margin: 0 auto;
}
.a-button.-primary {
background-color: #cd163f;
border-color: #cd163f;
color: #fff;
fill: #fff;
}
.a-button.-primary:active,
.a-button.-primary.-active,
.a-button.-primary:hover,
.a-button.-primary.-hover {
background-color: #8f0f2c;
border-color: #8f0f2c;
}
.a-button.-primary:focus,
.a-button.-primary.-focus {
border-color: #fff;
box-shadow: 0 0 0 2px #f58025;
}
.a-button.-primaryOutline {
background-color: #fff;
border-color: #cd163f;
color: #cd163f;
fill: #cd163f;
}
.a-button.-primaryOutline:active,
.a-button.-primaryOutline.-active,
.a-button.-primaryOutline:hover,
.a-button.-primaryOutline.-hover {
background-color: #fbecf0;
border-color: #8f0f2c;
}
.a-button.-primaryOutline:focus,
.a-button.-primaryOutline.-focus {
border-color: #8f0f2c;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f58025;
}
.a-button.-secondary {
background-color: #6d6e71;
border-color: #6d6e71;
color: #fff;
fill: #fff;
}
.a-button.-secondary:active,
.a-button.-secondary.-active,
.a-button.-secondary:hover,
.a-button.-secondary.-hover {
background-color: #4c4d4f;
border-color: #4c4d4f;
}
.a-button.-secondary:focus,
.a-button.-secondary.-focus {
border-color: #fff;
box-shadow: 0 0 0 2px #f58025;
}
.a-button.-secondaryOutline {
background-color: #fff;
border-color: #6d6e71;
color: #6d6e71;
fill: #6d6e71;
}
.a-button.-secondaryOutline:active,
.a-button.-secondaryOutline.-active,
.a-button.-secondaryOutline:hover,
.a-button.-secondaryOutline.-hover {
background-color: #ebebeb;
border-color: #4c4d4f;
}
.a-button.-secondaryOutline:focus,
.a-button.-secondaryOutline.-focus {
border-color: #4c4d4f;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f58025;
}
.a-button.-text {
background: transparent;
border: 0 none;
color: #cd163f;
}
.a-button.-whiteOutline {
background-color: rgba(0, 0, 0, 0);
border-color: #fff;
color: #fff;
fill: #fff;
}
.a-button.-whiteOutline:active,
.a-button.-whiteOutline.-active,
.a-button.-whiteOutline:hover,
.a-button.-whiteOutline.-hover {
background-color: rgba(0, 0, 0, 0.2);
border-color: #fff;
}
.a-button.-whiteOutline:focus,
.a-button.-whiteOutline.-focus {
border-color: #fff;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f58025;
}
.a-button.-icon svg {
height: 24px;
width: 24px;
}
.a-button.-icon svg + .a-type__button {
margin-left: 8px;
}
.a-button.-fullWidth {
width: 100%;
}
.a-button.-disabled {
cursor: default;
opacity: 0.4;
pointer-events: none;
}
/* Image Styles */
.a-image.-infographic {
margin-top: 56px;
}
.a-image img {
display: block;
height: auto;
max-width: 100%;
}
/* Global Nav Styles */
.o-globalNav {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
height: 80px;
position: fixed;
width: 100%;
z-index: 999;
}
.o-globalNav__spacer {
height: 80px;
}
.o-globalNav .col-sm-12 {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 80px;
justify-content: space-between;
}
.o-globalNav .m-logoNav .a-siteLogo {
width: 207px;
}
.o-globalNav .m-linksNav ul {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.o-globalNav .m-linksNav .a-type__subTitle2 {
margin: 0 16px;
padding: 16px;
text-decoration: none;
}
.o-globalNav .m-linksNav .a-type__subTitle2:hover {
color: #cd163f;
}
.o-globalNav .m-linksNav .m-dropNav {
background: #f00;
height: 500px;
position: absolute;
top: 92px;
}
.o-globalNav .m-eyebrowNav ul {
border-left: 1px solid #e5e6e9;
display: flex;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0 0 0 16px;
width: 207px;
}
.o-globalNav .m-eyebrowNav ul li {
margin: 0 auto;
}
.o-globalNav .m-eyebrowNav .a-type__subTitle2 {
padding: 16px;
text-decoration: none;
}
.o-globalNav .m-eyebrowNav .a-type__subTitle2 svg {
height: 20px;
width: 20px;
}
.o-globalNav .m-eyebrowNav .a-type__subTitle2 svg:hover {
fill: #cd163f;
}
/* Hero Styles */
.o-hero {
align-items: center;
display: flex;
position: relative;
width: 100%;
}
.o-hero.-primary {
height: 700px;
}
.o-hero.-secondary {
height: 580px;
}
.o-hero.-overlay {
background-blend-mode: soft-light;
}
.o-hero.-primary .o-hero__textBlock {
margin-top: -32px;
position: fixed;
top: 25%;
}
@media (max-width: 767px) {
.o-hero.-primary .o-hero__textBlock {
left: 15px;
width: calc(100% - 30px);
}
}
@media (min-width: 768px) {
.o-hero.-primary .o-hero__textBlock {
width: 40.625%;
}
}
.o-hero .a-type__title1 {
margin: 0 0 20px;
}
.o-hero .a-type__subTitle1 {
margin: 0 0 40px;
}
/* Sub Nav Styles */
@media (max-width: 767px) {
.o-hero + .o-subNav__actionBlocks {
background-color: #fff;
}
.o-subNav__actionBlocks .m-actionBlock {
width: 100%;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup {
float: left;
margin: 30px 0 0;
width: 50%;
}
}
@media (min-width: 768px) {
.o-hero + .o-subNav__actionBlocks {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(0, 0, 0, 0.7);
height: 120px;
margin-top: -120px;
overflow: hidden;
position: relative;
z-index: 1;
}
.o-subNav__actionBlocks .m-actionBlock {
align-items: center;
display: flex;
height: 120px;
justify-content: center;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup {
margin: 0 50px;
width: 150px;
}
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
text-decoration: none;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:active,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:focus,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:hover {
transform: scale(1.1) translate3d(0, 0, 0);
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup .a-icon {
align-items: center;
border-radius: 30px;
display: flex;
height: 60px;
justify-content: center;
margin-bottom: 3px;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
width: 60px;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:active .a-icon,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:focus .a-icon,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:hover .a-icon {
background: #cd163f;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup .a-icon svg {
height: 40px;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
width: 40px;
}
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:active .a-icon svg,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:focus .a-icon svg,
.o-subNav__actionBlocks .m-actionBlock .m-iconGroup:hover .a-icon svg {
height: 32px;
width: 32px;
}
/* Rotating Nav Styles */
nav[class^="o-rotatorNav"] {
left: 0;
margin: auto;
right: 0;
}
nav[class^="o-rotatorNav"].-top {
padding: 0 0 20px;
top: 0;
}
nav[class^="o-rotatorNav"].-bottom {
bottom: 0;
padding: 20px 0 0;
}
nav[class^="o-rotatorNav"] .col-sm-12 {
display: flex;
}
nav[class^="o-rotatorNav"].-center .col-sm-12 {
justify-content: center;
}
nav[class^="o-rotatorNav"].-right .col-sm-12 {
justify-content: flex-end;
}
nav[class^="o-rotatorNav"] .col-sm-12 ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
nav[class^="o-rotatorNav"].-center .col-sm-12 ul {
align-items: center;
justify-content: center;
}
nav[class^="o-rotatorNav"].-right .col-sm-12 ul {
justify-content: flex-end;
}
nav[class^="o-rotatorNav"].-top .col-sm-12 ul {
align-items: flex-start;
}
.o-rotatorNav__text.-top {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
position: absolute;
}
.o-rotatorNav__text.-right .col-sm-12 ul {
width: 70%;
}
.o-rotatorNav__text .col-sm-12 ul li {
background: rgba(42, 121, 196, 0.8);
flex-basis: 25%;
flex-grow: 0;
margin: 0 20px;
padding: 20px 10px;
}
.o-rotatorNav__text .col-sm-12 ul li:last-child {
margin-right: 0;
}
.o-rotatorNav__text .col-sm-12 ul li a {
color: #fff;
}
.o-rotatorNav__text .col-sm-12 ul li a.-active {
color: #2a79c4;
cursor: default;
pointer-events: none;
text-decoration: none;
}
.o-rotatorNav__indicator .col-sm-12 ul li a {
background: transparent;
border: 2px solid #cd163f;
border-radius: 15px;
display: block;
height: 15px;
margin: 0 5px;
text-indent: -99999px;
width: 15px;
}
.o-rotatorNav__indicator .col-sm-12 ul li a.-active {
background: #cd163f;
}
/* One Column Styles */
.o-oneCol .a-type__subTitle2 {
margin: 16px 0;
}
/* Two Column Styles */
.o-twoCol.-imageBack {
align-items: center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
min-height: 600px;
}
/* Three Column Styles */
.o-threeCol .m-contentBlock__image .a-image figure img {
height: 100%;
object-fit: cover;
width: 100%;
}
.o-threeCol .m-contentBlock__image .a-type__title5,
.o-threeCol .m-contentBlock__image .a-type__overline {
margin: 10px 0;
}
.o-threeCol .m-contentBlock__image a .a-type__title5 {
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.o-threeCol .m-contentBlock__image a:active .a-type__title5,
.o-threeCol .m-contentBlock__image a:focus .a-type__title5,
.o-threeCol .m-contentBlock__image a:hover .a-type__title5 {
color: #cd163f;
}
@media (min-width: 768px) and (max-width: 992px) {
.o-threeCol .m-contentBlock__image .a-image figure {
height: 123.75px;
width: 220px;
}
}
@media (min-width: 993px) and (max-width: 1200px) {
.o-threeCol .m-contentBlock__image .a-image figure {
height: 165px;
width: 293.333px;
}
}
@media (min-width: 1201px) {
.o-threeCol .m-contentBlock__image .a-image figure {
height: 202.5px;
width: 360px;
}
}
/* Content Block Text Cards */
.m-contentBlock__text {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: rgba(255, 255, 255, 0.85);
border-bottom: 3px solid #cd163f;
border-radius: 4px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.m-contentBlock__text:active,
.m-contentBlock__text:focus,
.m-contentBlock__text:hover {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.15);
transform: scale(1.1) translate3d(0, 0, 0);
z-index: 5;
}
div[class^="m-contentBlock"] a {
display: block;
text-decoration: none;
}
.m-contentBlock__text .a-type__title4 {
margin: 0 0 16px;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.m-contentBlock__text:active .a-type__title4,
.m-contentBlock__text:focus .a-type__title4,
.m-contentBlock__text:hover .a-type__title4 {
color: #cd163f;
}
.m-contentBlock__text .a-type__title2.-stockQuote {
margin: 0;
}
.m-contentBlock__text .a-button {
margin: 55px auto 0;
}
@media (max-width: 767px) {
section[class^="o-"] .row > div:not(:last-child) [class^="m-contentBlock__"] {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.o-fourCol .row > div:nth-child(-n+2) [class^="m-contentBlock__"] {
margin-bottom: 30px;
}
}
@media (max-width: 1200px) {
.m-contentBlock__text a {
padding: 20px 20px 5px;
}
}
@media (min-width: 1201px) {
.m-contentBlock__text a {
padding: 35px 35px 5px;
}
}
/* Form Styles */
.o-formFields {
margin: 45px 0 0;
}
.m-inputField {
margin: 0 auto;
position: relative;
width: 75%;
}
.m-inputField.-large input.a-field__text {
border-bottom: 2px solid #e5e6e9;
border-radius: 4px;
display: block;
font-size: 1.125rem;
padding: 18px 146px 18px 64px;
width: 100%;
border: 2px solid #e5e6e9;
}
input.a-field__text:focus {
outline: none;
}
label.a-type__body.-secondary {
left: 64px;
position: absolute;
pointer-events: none;
top: 14px;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
input.a-field__text:focus ~ label.a-type__body.-secondary,
input.a-field__text:valid ~ label.a-type__body.-secondary {
background-color: #fff;
color: #f58025;
font-size: 0.875rem;
left: 58px;
line-height: 0.875rem;
padding: 0 8px;
top: -6px;
}
.a-field__bar {
display: block;
position: relative;
width: 100%;
}
.a-field__bar::before,
.a-field__bar::after {
background: #f58025;
border-radius: 4px;
bottom: 0;
content: '';
height: 2px;
position: absolute;
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
width: 0;
}
.m-inputField.-large .a-field__bar::before,
.m-inputField.-large .a-field__bar::after {
height: 3px;
}
.a-field__bar::before {
left: 50%;
}
.a-field__bar::after {
right: 50%;
}
input.a-field__text:focus ~ .a-field__bar::before,
input.a-field__text:focus ~ .a-field__bar::after {
width: 50%;
}
.m-inputField .a-button__icon {
border: 0 none;
bottom: 2px;
background: transparent;
height: 32px;
left: 0;
margin: 13px 16px;
padding: 0;
position: absolute;
}
.m-inputField .a-button__icon svg {
transition: 0.3s ease-out all;
-moz-transition: 0.3s ease-out all;
-webkit-transition: 0.3s ease-out all;
}
.m-inputField input.a-field__text:focus ~ .a-button__icon.-primary svg {
fill: #cd163f;
}
.m-inputField.-large .a-button__icon svg {
height: 32px;
width: 32px;
}
.m-inputField.-large .a-button {
bottom: 2px;
margin: 10px 12px;
position: absolute;
right: 0;
}
/* Fly-in Styles */
.o-flyIn {
bottom: 0;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
left: 0;
padding: 12px 20px 28px;
position: fixed;
width: 25rem;
}
@media (max-width: 767px) {
.o-flyIn {
width: 100%;
}
}
.o-flyIn.-fixed {
height: 14rem;
}
@media (max-width: 767px) {
.o-flyIn.-fixed {
height: auto;
}
}
.o-flyIn.-hide {
display: none;
}
.o-flyIn .a-type__title5 {
width: 66.66666667%;
}
.o-flyIn.-imageBack .a-type__body {
width: 66.66666667%;
}
.o-flyIn .a-button.-close {
background: transparent;
border: 0 none;
fill: #fff;
height: 16px;
margin: 16px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 16px;
}
.o-flyIn .a-button.-close svg {
height: 16px;
width: 16px;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.article-header {
display: block;
}
.cmp-category {
display: inline-block;
width: 100%;
}
.cmp-category a {
text-decoration: none;
font-weight: 800;
}
.cmp-category a:hover,
.cmp-category a:active,
.cmp-category a:focus {
text-decoration: underline;
}
.cmp-article-header {
display: inline-block;
}
.cmp-article-header__tags a:link,
.cmp-article-header__tags a:visited {
text-decoration: none;
}
.cmp-article-header__tags a:hover,
.cmp-article-header__tags a:active,
.cmp-article-header__tags a:focus {
text-decoration: underline;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-category-navigation {
list-style: none;
}
.cmp-category-navigation__item__link__icon {
width: 15px;
height: 15px;
display: inline-block;
border-radius: 20px;
}
.cmp-category-navigation__item__link,
.cmp-category-navigation__item__link:hover {
text-decoration: none;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Comments Component
========================================================================== */
.cmp-comments__disqus_thread {
padding: 2rem;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-next-prev {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.cmp-next-prev__list {
display: flex;
list-style: none outside none;
margin-left: auto;
margin-right: auto;
justify-content: space-between;
width: 90%;
}
.cmp-next-prev__list-item {
flex: 1 1 auto;
margin: 0;
}
.cmp-next-prev__list-item:last-child {
text-align: right;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.related-articles {
display: flex;
flex-flow: column;
margin-bottom: 3.5rem;
text-align: center;
}
.related-articles .teaser {
border-radius: 0.3125rem;
box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
margin-bottom: 1.5rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
max-width: 236px;
overflow: hidden;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.related-articles .teaser {
width: calc(25% - 10px);
}
.related-articles .teaser:first-child {
margin-left: 0;
}
.related-articles .teaser:last-child {
margin-right: 0;
}
}
.related-articles .article-teaser {
display: flex;
height: 100%;
flex-flow: column;
}
.related-articles .article-teaser__content {
display: flex;
flex: 1 1 auto;
flex-flow: column;
padding: 0.5rem 1rem;
}
.related-articles .article-teaser__action-container {
align-self: flex-end;
margin-bottom: 0;
margin-top: auto;
width: 100%;
}
.related-articles .cmp-image__image {
display: block;
}
.cmp-related-articles__posts {
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.cmp-related-articles__posts {
flex-wrap: nowrap;
max-width: calc((1600px / 12) * 9);
}
}
.cmp-abm-teaser {
position: absolute;
z-index: 10000;
right: 10px;
top: calc(100% + 10px);
background-color: c-ra-red;
background-image: linear-gradient(149deg, #F58025 9%, #CD163F 84%);
border-radius: 4px;
width: 250px;
transition: all 0.5s ease-out;
/* slide in */
}
.cmp-abm-teaser.edit-mode {
position: relative;
right: 0;
top: 0;
margin: 10px;
padding: 1px;
}
.cmp-abm-teaser.hidden {
right: -300px;
transition: all 0.5s ease-out;
/* slide out */
}
.cmp-abm-teaser__title {
text-align: center;
font-size: calc_rem(18px);
color: #fff;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
padding: 10px 4px 8px;
}
.cmp-abm-teaser__close {
color: #fff;
font-size: calc_rem(16px);
text-decoration: none;
margin: 2px 8px;
position: absolute;
right: 0;
top: 0;
}
.cmp-abm-teaser__close:hover {
color: #fff;
}
.cmp-abm-teaser__body {
display: flex;
flex-direction: column;
align-items: center;
margin: 4px;
border-radius: 4px;
padding: 16px;
background-color: #fff;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
text-decoration: none;
margin-bottom: 0;
margin-top: 20px;
}
html[lang^="cs"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="ja"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="ko"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="pl"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="ru"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="tr"] .cmp-abm-teaser a.cmp-abm-teaser__cta,
html[lang^="zh"] .cmp-abm-teaser a.cmp-abm-teaser__cta {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta::after {
content: "";
min-height: inherit;
font-size: 0;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta:active,
.cmp-abm-teaser a.cmp-abm-teaser__cta:hover,
.cmp-abm-teaser a.cmp-abm-teaser__cta:focus {
z-index: 1;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta:active {
background-color: #003E7E;
border-color: #003E7E;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.cmp-abm-teaser a.cmp-abm-teaser__cta[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* ==========================================================================
Accordion component
========================================================================== */
.cmp-accordion {
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
.cmp-accordion .accordion-item:last-child {
margin-bottom: 1.25rem;
}
.cmp-accordion .aem-GridColumn .cmp-text {
padding: 0 !important;
}
.cmp-accordion__btn-container {
display: flex;
width: 100%;
justify-content: flex-end;
}
.cmp-accordion__expand-all-btn,
.cmp-accordion__collapse-all-btn {
cursor: pointer;
width: fit-content;
color: #2A79C4;
}
.cmp-accordion__expand-all-btn:hover,
.cmp-accordion__collapse-all-btn:hover {
text-decoration: underline;
color: #005db4;
}
.cmp-accordion__expand-all-btn.hide,
.cmp-accordion__collapse-all-btn.hide {
display: none;
}
.cmp-accordion.standard .cmp-accordion-item__image {
display: none;
}
.cmp-accordion.two-column {
min-height: 400px;
}
.cmp-accordion.two-column .cmp-accordion-item {
position: static;
}
.cmp-accordion.two-column .cmp-accordion-item__container {
display: flex;
}
.cmp-accordion.two-column .cmp-accordion-item__text {
width: 45%;
}
.cmp-accordion.two-column .cmp-accordion-item__image {
align-items: center;
display: flex;
justify-content: center;
right: 0;
top: 0;
width: 50%;
}
.cmp-accordion.two-column .cmp-accordion-item__image.edit picture {
position: relative;
width: 90%;
}
.cmp-accordion.two-column .cmp-accordion-item__image picture {
display: flex;
justify-content: center;
max-height: 100%;
object-fit: cover;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: all 0.5s ease;
width: 45%;
}
.cmp-accordion.two-column .cmp-accordion-item__image picture img {
height: auto;
}
.cmp-accordion.two-column .cmp-accordion-item__image[aria-hidden="false"] picture {
opacity: 1;
}
.cmp-accordion.two-column.imageRight .cmp-accordion-item__text {
order: 1;
}
.cmp-accordion.two-column.imageRight .cmp-accordion-item__text .cmp-accordion-item__content[aria-hidden="false"] {
height: auto;
}
.cmp-accordion.two-column.imageRight .cmp-accordion-item__image {
order: 2;
}
.cmp-accordion.two-column.imageLeft .cmp-accordion-item__text {
order: 2;
}
.cmp-accordion.two-column.imageLeft .cmp-accordion-item__text .cmp-accordion-item__content[aria-hidden="false"] {
height: auto;
}
.cmp-accordion.two-column.imageLeft .cmp-accordion-item__image {
order: 1;
}
@media only screen and (width <= 1279px) {
.cmp-accordion.two-column:not(.edit).imageLeft .cmp-accordion-item__text {
order: 1;
}
.cmp-accordion.two-column:not(.edit).imageLeft .cmp-accordion-item__image {
order: 2;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__container {
flex-direction: column;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__text {
width: 100%;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__text .cmp-accordion-item__content[aria-hidden="false"] {
border-bottom: none;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__image {
width: 100%;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__image[aria-hidden="false"] {
border-bottom: 2px solid #F58025;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__image[aria-hidden="false"] picture {
margin-bottom: 20px;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__image[aria-hidden="true"] picture {
height: 0;
}
.cmp-accordion.two-column:not(.edit) .cmp-accordion-item__image picture {
position: relative;
width: 100%;
}
}
.cmp-accordion-item {
opacity: 0;
padding-right: 0;
position: relative;
text-align: left;
transition: opacity 0.5s ease-in-out;
}
.cmp-accordion-item__header {
cursor: pointer;
outline: none;
position: relative;
display: flex;
justify-content: space-between;
}
@media only screen and (min-width: 48.0625em) {
.cmp-accordion-item__header:hover .title {
color: #2D2D2D;
}
}
.cmp-accordion-item__header .title {
font: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
color: #43434D;
font-size: 1.3rem !important;
font-weight: bold;
margin: 0;
padding: 14px 0;
padding-left: 0px !important;
text-transform: none;
}
.cmp-accordion-item__header .cmp-accordion-item__icon-expand {
display: block;
fill: #2D2D2D;
margin-right: 1rem;
width: 30px;
}
.cmp-accordion-item__header .cmp-accordion-item__icon-expand svg {
transform: rotate(0deg);
transition: transform 0.2s ease-out;
}
.cmp-accordion-item__header[aria-expanded="true"] .title {
color: #2D2D2D;
}
.cmp-accordion-item__header[aria-expanded="true"] .cmp-accordion-item__icon-expand {
fill: #2D2D2D;
margin-right: 1rem;
width: 30px;
}
.cmp-accordion-item__header[aria-expanded="true"] .cmp-accordion-item__icon-expand svg {
transform: rotate(-180deg);
transition: transform 0.2s ease-out;
}
.cmp-accordion-item .aem-GridColumn.text {
margin: 0;
}
.cmp-accordion-item__icon-expand {
bottom: 0;
fill: #CD163F;
left: 13px;
margin-top: auto;
margin-bottom: auto;
top: 0;
}
@media only screen and (min-width: 101.25em) {
.cmp-accordion-item__icon-expand {
left: 0;
}
}
.cmp-accordion-item__text {
border-bottom: 1px solid #E5E6E9;
}
.cmp-accordion-item__content {
overflow: hidden;
padding: 0;
position: relative;
transform-origin: top;
transition: height 0.2s ease-in-out, transform 0.2s ease-in-out;
z-index: 2;
}
.cmp-accordion-item__content[aria-hidden="false"] {
border-bottom: 2px solid #F58025;
padding-bottom: 20px;
height: 100%;
transform: scaleY(1);
}
.cmp-accordion-item__content[aria-hidden="true"] {
height: 0;
transform: scaleY(0.1);
}
.cmp-accordion-item__content p {
font-size: 1rem;
}
@media only screen and (min-width: 101.25em) {
.cmp-accordion-item__content {
padding-left: 16px;
}
}
/* ==========================================================================
Bounteous CONFIDENTIAL
___________________
Copyright 2021 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Affinity Teaser Component
========================================================================== */
/* Base Styles */
.affinity-teaser {
height: 100%;
}
.affinity-teaser .cmp-affinity-teaser {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
border-radius: 0.25rem;
background-color: #fff;
height: 100%;
padding: 2rem;
position: relative;
}
.affinity-teaser .cmp-affinity-teaser a {
color: #fff;
display: block;
font-weight: 600;
}
.affinity-teaser .cmp-affinity-teaser a.cmp-affinity-teaser__industry-link {
display: none;
margin-bottom: 1.5rem;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser a.cmp-affinity-teaser__industry-link {
margin-bottom: 0;
}
}
.affinity-teaser .cmp-affinity-teaser a.cmp-affinity-teaser__default-link {
display: flex;
flex-direction: column-reverse;
flex-grow: 1;
margin-top: 1.5rem;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser a.cmp-affinity-teaser__default-link {
margin-top: 1.5rem;
}
}
.affinity-teaser .cmp-affinity-teaser__eyebrow,
.affinity-teaser .cmp-affinity-teaser__title,
.affinity-teaser .cmp-affinity-teaser__default-link {
color: #fff;
}
.affinity-teaser .cmp-affinity-teaser__eyebrow {
font-weight: 600;
padding-bottom: 1.5rem;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser__eyebrow {
padding-bottom: 0;
}
}
.affinity-teaser .cmp-affinity-teaser__title {
padding-bottom: 2rem;
margin-bottom: 0;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser__title {
padding-bottom: 1.5rem;
}
}
.affinity-teaser .cmp-affinity-teaser__category {
text-transform: capitalize;
}
.affinity-teaser .cmp-affinity-teaser__content {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
}
.affinity-teaser .cmp-affinity-teaser__background-image {
border-radius: 5px;
height: 100%;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 0;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser__background-image {
border-radius: 0;
}
}
.affinity-teaser .cmp-affinity-teaser__background-image img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.affinity-teaser .cmp-affinity-teaser--known-user a.cmp-affinity-teaser__industry-link {
display: block;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser--known-user a.cmp-affinity-teaser__industry-link {
margin-bottom: 1.5rem;
}
}
.affinity-teaser .cmp-affinity-teaser--known-user a.cmp-affinity-teaser__default-link,
.affinity-teaser .cmp-affinity-teaser--known-user a.cmp-affinity-teaser__industry-link--hidden {
display: none;
}
.affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__eyebrow {
padding-bottom: 0;
}
.affinity-teaser .cmp-affinity-teaser--known-user .affinityTeaserContent {
flex-grow: 1;
display: flex;
flex-direction: column-reverse;
}
.affinity-teaser .cmp-affinity-teaser--known-user .cta-dropdown {
display: flex;
flex-direction: column-reverse;
}
@media only screen and (max-width: 48em) {
.affinity-teaser .cmp-affinity-teaser--known-user .cta-dropdown {
position: relative;
bottom: initial;
}
}
.affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 0.75rem;
}
html[lang^="cs"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="ja"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="ko"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="pl"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="ru"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="tr"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title,
html[lang^="zh"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="ja"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="ko"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="pl"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="ru"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="tr"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted,
html[lang^="zh"] .affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (min-width: 48.0625em) {
.affinity-teaser .cmp-affinity-teaser--known-user .cmp-affinity-teaser__title {
font-size: 2.25rem;
line-height: 2.75rem;
}
}
/**
* Rockwell Alert Banner
*/
.alert-banner-new {
display: block;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 101;
}
.alert-banner-new--closed {
display: none;
}
.alert-banner-new__container {
align-items: flex-start;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
margin: 0 auto;
padding: 0.75rem 2.5rem;
position: relative;
}
@media only screen and (max-width: 63.9375em) {
.alert-banner-new__container {
padding: 0.75rem 1.25rem;
}
}
@media only screen and (min-width: 48.0625em) {
.alert-banner-new__container {
flex-direction: row;
align-items: center;
}
}
.alert-banner-new__container.text-light {
color: #fff;
}
.alert-banner-new__container.text-light .alert-banner-new__cta a,
.alert-banner-new__container.text-light .alert-banner-new__cta a:visited,
.alert-banner-new__container.text-light .alert-banner-new__cta a:hover,
.alert-banner-new__container.text-light .alert-banner-new__cta a:active {
color: #fff;
}
.alert-banner-new__container.text-light .alert-banner-new__cta svg {
fill: #fff;
}
.alert-banner-new__container.text-light .alert-banner-new__close svg {
fill: #fff;
}
.alert-banner-new__container.text-light .alert-banner-new__info-icon {
fill: #fff;
}
.alert-banner-new__container.text-dark {
color: #2D2D2D;
}
.alert-banner-new__container.text-dark .alert-banner-new__cta a,
.alert-banner-new__container.text-dark .alert-banner-new__cta a:visited,
.alert-banner-new__container.text-dark .alert-banner-new__cta a:hover,
.alert-banner-new__container.text-dark .alert-banner-new__cta a:active {
color: #2D2D2D;
}
.alert-banner-new__container.text-dark .alert-banner-new__cta svg {
fill: #2D2D2D;
}
.alert-banner-new__container.text-dark .alert-banner-new__close svg {
fill: #2D2D2D;
}
.alert-banner-new__container.text-dark .alert-banner-new__info-icon {
fill: #2D2D2D;
}
.alert-banner-new__container.solid-ra-red {
background-color: #CD163F;
}
.alert-banner-new__container.solid-ab-blue {
background-color: #003E7E;
}
.alert-banner-new__container.solid-ft-blue {
background-color: #00AEEF;
}
.alert-banner-new__container.solid-gold {
background-color: #F9C20A;
}
.alert-banner-new__container.solid-orange {
background-color: #F58025;
}
.alert-banner-new__container.solid-garnet {
background-color: #8D0034;
}
.alert-banner-new__container.solid-purple {
background-color: #770056;
}
.alert-banner-new__container.solid-green {
background-color: #77C14C;
}
.alert-banner-new__container.solid-cool-grey {
background-color: #E1EBF4;
}
.alert-banner-new__container.solid-mid-grey {
background-color: #707070;
}
.alert-banner-new__container.gradient-ra-red-to-orange {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
.alert-banner-new__container.gradient-ra-red-to-ab-blue {
background: linear-gradient(120deg, #cd163f 0%, #003e7e 100%);
}
.alert-banner-new__container.gradient-ra-red-to-garnet {
background: linear-gradient(120deg, #cd163f 0%, #8d0034 100%);
}
.alert-banner-new__container.gradient-ab-blue-to-grey {
background: linear-gradient(120deg, #003e7e 0%, #e1ebf4 100%);
}
.alert-banner-new__container.gradient-ab-blue-to-garnet {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.alert-banner-new__container.gradient-ft-blue-to-green {
background: linear-gradient(120deg, #00aeef 0%, #77c14c 100%);
}
.alert-banner-new__container.gradient-ft-blue-to-ab-blue {
background: linear-gradient(120deg, #00aeef 0%, #003e7e 100%);
}
.alert-banner-new__container.gradient-green-to-ab-blue {
background: linear-gradient(120deg, #77c14c 0%, #003e7e 100%);
}
.alert-banner-new__container.gradient-orange-to-purple {
background: linear-gradient(120deg, #f58025 0%, #770056 100%);
}
.alert-banner-new__image {
display: flex;
}
.alert-banner-new__image img {
margin: 4px 30px 4px 0;
max-height: 40px;
object-fit: contain;
}
.alert-banner-new__text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding: 0;
margin-right: 24px;
font-size: 1rem;
line-height: 1.375rem;
}
html[lang^="cs"] .alert-banner-new__text,
html[lang^="ja"] .alert-banner-new__text,
html[lang^="ko"] .alert-banner-new__text,
html[lang^="pl"] .alert-banner-new__text,
html[lang^="ru"] .alert-banner-new__text,
html[lang^="tr"] .alert-banner-new__text,
html[lang^="zh"] .alert-banner-new__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.alert-banner-new__text-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
}
.alert-banner-new__cta {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding: 0;
font-size: 1rem;
line-height: 1.5rem;
margin-right: 16px;
}
html[lang^="cs"] .alert-banner-new__cta,
html[lang^="ja"] .alert-banner-new__cta,
html[lang^="ko"] .alert-banner-new__cta,
html[lang^="pl"] .alert-banner-new__cta,
html[lang^="ru"] .alert-banner-new__cta,
html[lang^="tr"] .alert-banner-new__cta,
html[lang^="zh"] .alert-banner-new__cta {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.alert-banner-new__cta a,
.alert-banner-new__cta a:visited,
.alert-banner-new__cta a:hover,
.alert-banner-new__cta a:active {
text-decoration: none;
display: flex;
flex-direction: row;
}
.alert-banner-new__cta a span,
.alert-banner-new__cta a:visited span,
.alert-banner-new__cta a:hover span,
.alert-banner-new__cta a:active span {
display: flex;
align-items: center;
}
.alert-banner-new__cta a svg,
.alert-banner-new__cta a:visited svg,
.alert-banner-new__cta a:hover svg,
.alert-banner-new__cta a:active svg {
width: 1.25rem;
height: 1.25rem;
margin-top: 3px;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner-new__cta {
flex-direction: row;
}
}
.alert-banner-new__close {
position: absolute;
display: block;
right: 0;
background: transparent;
border: 0;
padding-right: 40px;
}
@media only screen and (max-width: 63.9375em) {
.alert-banner-new__close {
padding-right: 20px;
}
}
.alert-banner-new__close span {
position: relative;
display: flex;
align-items: flex-start;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner-new__close span {
align-items: center;
}
}
.alert-banner-new__close svg {
width: 1rem;
height: 1rem;
margin-top: 4px;
}
.alert-banner-new__info-icon {
width: 1rem;
height: 1rem;
margin-top: 2px;
flex-shrink: 0;
align-self: flex-start;
}
/**
* Rockwell Alert Banner
*/
.alert-banner {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
position: fixed;
display: block;
top: 0;
left: 0;
right: 0;
width: 100%;
color: #fff;
z-index: 101;
opacity: 0;
transition: opacity 0.3s ease-out;
}
html[lang^="cs"] .alert-banner,
html[lang^="ja"] .alert-banner,
html[lang^="ko"] .alert-banner,
html[lang^="pl"] .alert-banner,
html[lang^="ru"] .alert-banner,
html[lang^="tr"] .alert-banner,
html[lang^="zh"] .alert-banner {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.alert-banner.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .alert-banner.highlighted,
html[lang^="ja"] .alert-banner.highlighted,
html[lang^="ko"] .alert-banner.highlighted,
html[lang^="pl"] .alert-banner.highlighted,
html[lang^="ru"] .alert-banner.highlighted,
html[lang^="tr"] .alert-banner.highlighted,
html[lang^="zh"] .alert-banner.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.alert-banner[aria-hidden="false"] {
opacity: 1;
}
.alert-banner[aria-hidden="true"] {
pointer-events: none;
display: none;
}
.alert-banner__container {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-width: 1600px;
margin: 0 auto;
justify-content: center;
align-items: center;
padding: 1.125rem 3.125rem;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner__container {
flex-direction: row;
}
}
.alert-banner__text {
text-align: center;
padding: 0;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner__text {
margin: 0.188rem 0;
}
}
.alert-banner__cta {
padding: 0;
margin-top: 0.75rem;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner__cta {
flex-direction: row;
padding: 0 2.5rem;
margin: 0.188rem 0;
}
}
.alert-banner__close {
position: absolute;
display: block;
top: 0;
right: 0;
background: transparent;
border: 0;
padding: 1rem;
margin: 0;
}
.alert-banner__close span {
position: relative;
display: flex;
align-items: flex-start;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner__close span {
align-items: center;
}
}
.alert-banner__close svg {
width: 1.125rem;
height: 1.125rem;
fill: #fff;
}
@media only screen and (min-width: 48.0625em) {
.alert-banner__close {
bottom: 0;
padding: 0 1rem;
}
}
/**
* Multimedia Grid Styling
*/
.animated-header {
width: 100%;
height: 100%;
margin: auto;
margin-bottom: 150px;
}
.animated-header__container {
height: 80%;
width: 80%;
margin: auto;
}
.animated-header__content {
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.animated-header__lead-text p {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 32px;
text-align: left;
color: #2D2D2D;
margin: 10px 0 0 0;
}
html[lang^="cs"] .animated-header__lead-text p,
html[lang^="ja"] .animated-header__lead-text p,
html[lang^="ko"] .animated-header__lead-text p,
html[lang^="pl"] .animated-header__lead-text p,
html[lang^="ru"] .animated-header__lead-text p,
html[lang^="tr"] .animated-header__lead-text p,
html[lang^="zh"] .animated-header__lead-text p {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 48em) {
.animated-header__lead-text p {
font-size: 22px;
line-height: 32px;
}
}
.animated-header__title-text p {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 56px;
line-height: 56px;
text-align: left;
color: #2D2D2D;
margin: 5px 0 10px 0;
}
html[lang^="cs"] .animated-header__title-text p,
html[lang^="ja"] .animated-header__title-text p,
html[lang^="ko"] .animated-header__title-text p,
html[lang^="pl"] .animated-header__title-text p,
html[lang^="ru"] .animated-header__title-text p,
html[lang^="tr"] .animated-header__title-text p,
html[lang^="zh"] .animated-header__title-text p {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.animated-header__title-text p {
font-size: 40px;
line-height: 44px;
}
}
.animated-header__subtitle-text p {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 28px;
line-height: 32px;
text-align: left;
color: #6D6E71;
margin: 10px 0;
}
html[lang^="cs"] .animated-header__subtitle-text p,
html[lang^="ja"] .animated-header__subtitle-text p,
html[lang^="ko"] .animated-header__subtitle-text p,
html[lang^="pl"] .animated-header__subtitle-text p,
html[lang^="ru"] .animated-header__subtitle-text p,
html[lang^="tr"] .animated-header__subtitle-text p,
html[lang^="zh"] .animated-header__subtitle-text p {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.animated-header__subtitle-text p {
font-size: 20px;
line-height: 26px;
}
}
.animated-header a {
all: unset;
cursor: pointer;
color: #2A79C4;
}
.animated-header a:hover {
text-decoration: underline;
}
.application-list__result {
display: flex;
column-gap: 2.5%;
row-gap: 20px;
}
@media only screen and (max-width: 48em) {
.application-list__result {
flex-direction: column;
}
}
.filter__results-content-container[data-view="grid"] .application-list__result {
flex-direction: column;
}
.application-list__result-image-wrapper {
flex: 1;
display: flex;
justify-content: center;
}
.application-list__result-image-wrapper img {
object-fit: cover;
}
.application-list__result-text {
flex: 4;
display: flex;
flex-direction: column;
line-height: 1.375;
}
.application-list__result-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 4px 0;
font-size: 1.375rem;
text-decoration: none;
}
html[lang^="cs"] .application-list__result-title,
html[lang^="ja"] .application-list__result-title,
html[lang^="ko"] .application-list__result-title,
html[lang^="pl"] .application-list__result-title,
html[lang^="ru"] .application-list__result-title,
html[lang^="tr"] .application-list__result-title,
html[lang^="zh"] .application-list__result-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.application-list__result-details-container {
margin-top: 12px;
border-top: 1px solid #E5E6E9;
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.813rem;
}
.application-list__result-details-container > div {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .application-list__result-details-container > div,
html[lang^="ja"] .application-list__result-details-container > div,
html[lang^="ko"] .application-list__result-details-container > div,
html[lang^="pl"] .application-list__result-details-container > div,
html[lang^="ru"] .application-list__result-details-container > div,
html[lang^="tr"] .application-list__result-details-container > div,
html[lang^="zh"] .application-list__result-details-container > div {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.application-list__result-details-container > div span {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .application-list__result-details-container > div span,
html[lang^="ja"] .application-list__result-details-container > div span,
html[lang^="ko"] .application-list__result-details-container > div span,
html[lang^="pl"] .application-list__result-details-container > div span,
html[lang^="ru"] .application-list__result-details-container > div span,
html[lang^="tr"] .application-list__result-details-container > div span,
html[lang^="zh"] .application-list__result-details-container > div span {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.application-list__tile {
background-color: #f9fafa;
display: flex;
flex-direction: column;
text-decoration: none;
}
.application-list__tile,
.application-list__tile:visited {
color: #2D2D2D;
}
.application-list__tile-image[src] {
height: 200px;
object-fit: cover;
}
.application-list__tile-content-container {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.application-list__tile-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5rem;
}
html[lang^="cs"] .application-list__tile-title,
html[lang^="ja"] .application-list__tile-title,
html[lang^="ko"] .application-list__tile-title,
html[lang^="pl"] .application-list__tile-title,
html[lang^="ru"] .application-list__tile-title,
html[lang^="tr"] .application-list__tile-title,
html[lang^="zh"] .application-list__tile-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.application-list__tile-description {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.application-list__tile-tag-label,
.application-list__tile-language-label,
.application-list__tile-time-label {
display: inline-block;
width: fit-content;
font-weight: 600;
font-family: BarlowBold, Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 0.813rem;
line-height: 1rem;
}
.application-list__tile-tag::after {
content: ',';
margin-left: -2px;
}
.application-list__tile-tag:last-child::after {
content: '';
}
.application-list__tile-info-container {
display: flex;
flex-direction: column;
width: 100%;
font-size: 0.875rem;
}
.application-list__tile-language-container,
.application-list__tile-time-container,
.application-list__tile-tag-container {
margin: 3px 0;
font-weight: 400;
font-size: 0.813rem;
line-height: 1rem;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
}
.application-list__tile-separator {
display: flex;
margin: 10px 0;
}
.application-list__tile-separator::after {
content: "";
width: 100%;
height: 1px;
background: #2D2D2D;
opacity: 0.1;
}
.application-list__info-header,
.application-list__info-item {
font-size: 0.875rem;
display: inline-block;
margin: 0;
}
.application-list__tile-description p,
.application-list__additonal-info {
margin: 0;
}
.application-list__info-item-list {
display: inline-block;
margin: 0;
}
.application-list__info-item::after {
content: ", ";
}
.application-list__info-item:last-child::after {
display: none;
}
/**
* Author Details Styling
*/
.author-details {
display: block;
position: relative;
}
.author-details.push-top {
margin-top: 3.5rem;
}
.author-details.push-bottom {
margin-bottom: 3.5rem;
}
.author-details__container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.author-details__image {
padding-right: 1.5rem;
margin-bottom: auto;
}
.author-details__image img {
display: block;
max-width: 6.25rem;
width: 6.25rem;
height: 6.25rem;
border-radius: 3.125rem;
object-fit: cover;
}
.author-details__title {
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .author-details__title,
html[lang^="ja"] .author-details__title,
html[lang^="ko"] .author-details__title,
html[lang^="pl"] .author-details__title,
html[lang^="ru"] .author-details__title,
html[lang^="tr"] .author-details__title,
html[lang^="zh"] .author-details__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-style: italic;
}
.author-details__description,
.author-details__name,
.author-details__title {
margin-bottom: 0.5rem;
}
.author-details__social {
display: flex;
flex-direction: row;
}
.author-details__social-channels {
display: flex;
flex-direction: row;
margin-left: 0.5rem;
align-items: center;
}
.author-details__social-channels a {
margin: 0 1.5rem 0 0;
}
.author-details__social-channels a svg {
width: 1rem;
fill: #CD163F;
display: flex;
}
.author-details__social-channels a:last-of-type {
margin: 0;
}
.author-details .card-style {
min-width: min-content;
border-radius: 4px;
background: #fff;
padding: 21px 20px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 769px) and (max-width: 80.0525em) {
.author-details .card-style {
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (min-width: 769px) and (max-width: 80.0525em) {
.author-details .card-style .author-details__image {
padding: 0;
}
}
.author-details .card-style .author-details__image img {
max-width: 145px;
width: 145px;
height: 145px;
border-radius: 72.5px;
}
@media only screen and (min-width: 769px) and (max-width: 80.0525em) {
.author-details .card-style .author-details__image img {
width: 100px;
height: 100px;
border-radius: 50px;
max-width: 100px;
text-align: center;
flex: 0 0 100%;
}
}
.author-details .card-style .author-details__content {
display: flex;
align-items: flex-start;
align-content: center;
flex-wrap: wrap;
justify-content: flex-start;
}
@media only screen and (min-width: 769px) and (max-width: 80.0525em) {
.author-details .card-style .author-details__content {
text-align: center;
justify-content: center;
}
}
.author-details .card-style .author-details__name {
font-size: 16px;
margin: 0;
flex: 0 0 100%;
}
.author-details .card-style .author-details__title {
font-size: 14px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
}
/* =========================================================================
Badge component
========================================================================== */
/* BASE STYLES */
.badge .label {
align-items: center;
background-color: #E1EBF4;
border-radius: 4px;
border: 1px solid #2A79C4;
color: #2A79C4;
display: inline-flex;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
justify-content: center;
line-height: 18px;
margin-bottom: 4px;
padding: 4px 8px;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
.badge .label.-purple {
color: #770056;
background: #D0A6C4;
border-color: #770056;
}
.badge .label.-green {
color: #008700;
background: #F4FDEF;
border-color: #008700;
}
.badge .filled-blue {
filter: invert(40%) sepia(43%) saturate(1461%) hue-rotate(177deg) brightness(91%) contrast(85%);
}
.badge .filled-green {
filter: invert(23%) sepia(100%) saturate(2888%) hue-rotate(98deg) brightness(97%) contrast(104%);
}
.badge .filled-purple {
filter: invert(11%) sepia(67%) saturate(5285%) hue-rotate(302deg) brightness(76%) contrast(129%);
}
.badge__item {
display: inline-block;
}
.badge__icon {
height: 17px;
width: 17px;
margin-right: 5px;
}
.binge-experience__new-design [hidden] {
display: none !important;
}
.binge-experience__new-design summary {
list-style: none;
}
.binge-experience__new-design summary::-webkit-details-marker {
display: none;
}
.binge-experience__new-design .raw-file-contents {
display: flex;
}
.binge-experience__new-design .raw-file-contents svg {
height: 1em;
}
.binge-experience__new-design [data-text-light] {
color: #fff;
}
.binge-experience__new-design .binge-experience__button {
all: unset;
cursor: pointer;
padding: 0.375rem 1.375rem;
border-radius: 0.25rem;
background-color: #2A79C4;
color: #fff;
fill: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
transition: all 0.3s ease-out;
}
.binge-experience__new-design .binge-experience__button:hover {
background-color: #003E7E;
}
.binge-experience__new-design .binge-experience__button.inverse-button-color {
background-color: #fff;
color: #2A79C4;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__button.inverse-button-color:hover,
.binge-experience__new-design .binge-experience__button.inverse-button-color:active,
.binge-experience__new-design .binge-experience__button.inverse-button-color:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__button,
html[lang^="ja"] .binge-experience__new-design .binge-experience__button,
html[lang^="ko"] .binge-experience__new-design .binge-experience__button,
html[lang^="pl"] .binge-experience__new-design .binge-experience__button,
html[lang^="ru"] .binge-experience__new-design .binge-experience__button,
html[lang^="tr"] .binge-experience__new-design .binge-experience__button,
html[lang^="zh"] .binge-experience__new-design .binge-experience__button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__pill {
padding: 0.125rem 0.375rem;
background-color: #E1EBF4;
border: 1px solid #2A79C4;
border-radius: 4px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75rem;
line-height: 1.125rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
color: #2A79C4;
fill: #2A79C4;
display: flex;
align-items: center;
gap: 0.125rem;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__pill,
html[lang^="ja"] .binge-experience__new-design .binge-experience__pill,
html[lang^="ko"] .binge-experience__new-design .binge-experience__pill,
html[lang^="pl"] .binge-experience__new-design .binge-experience__pill,
html[lang^="ru"] .binge-experience__new-design .binge-experience__pill,
html[lang^="tr"] .binge-experience__new-design .binge-experience__pill,
html[lang^="zh"] .binge-experience__new-design .binge-experience__pill {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.binge-experience__new-design .binge-experience__pill svg {
height: 1em;
}
.binge-experience__new-design .binge-experience__pill svg g {
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__mobile-teaser {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
min-height: 14rem;
margin-bottom: 0.625rem;
border-radius: 0.375rem;
background-size: cover;
padding: 2rem 1rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
align-items: center;
justify-content: center;
text-align: center;
}
@media only screen and (min-width: 48.0625em) {
.binge-experience__new-design .binge-experience__mobile-teaser {
display: none;
}
}
.binge-experience__new-design .binge-experience__mobile-teaser-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.625rem;
line-height: 1;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="ja"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="ko"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="pl"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="ru"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="tr"] .binge-experience__new-design .binge-experience__mobile-teaser-title,
html[lang^="zh"] .binge-experience__new-design .binge-experience__mobile-teaser-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__mobile-teaser-button {
all: unset;
cursor: pointer;
padding: 0.375rem 1.375rem;
border-radius: 0.25rem;
background-color: #2A79C4;
color: #fff;
fill: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
transition: all 0.3s ease-out;
}
.binge-experience__new-design .binge-experience__mobile-teaser-button:hover {
background-color: #003E7E;
}
.binge-experience__new-design .binge-experience__mobile-teaser-button.inverse-button-color {
background-color: #fff;
color: #2A79C4;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__mobile-teaser-button.inverse-button-color:hover,
.binge-experience__new-design .binge-experience__mobile-teaser-button.inverse-button-color:active,
.binge-experience__new-design .binge-experience__mobile-teaser-button.inverse-button-color:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="ja"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="ko"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="pl"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="ru"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="tr"] .binge-experience__new-design .binge-experience__mobile-teaser-button,
html[lang^="zh"] .binge-experience__new-design .binge-experience__mobile-teaser-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__container {
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__container {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100000;
}
.binge-experience__new-design .binge-experience__container[open] {
display: flex;
}
}
.binge-experience__new-design .binge-experience__mobile-close {
display: block;
background-color: #38383d;
border-bottom: 1px solid #2D2D2D;
}
@media only screen and (min-width: 48.0625em) {
.binge-experience__new-design .binge-experience__mobile-close {
display: none;
}
}
.binge-experience__new-design .binge-experience__mobile-close-button {
all: unset;
float: right;
padding: 0.375rem 0.75rem;
font-size: 1.25rem;
fill: #fff;
}
.binge-experience__new-design .binge-experience__content-container {
position: relative;
background-color: #ededf0;
}
@media only screen and (min-width: 48.0625em) {
.binge-experience__new-design .binge-experience__content-container {
aspect-ratio: 1.77777778;
max-height: 42.188rem;
border: 1px solid #E5E6E9;
border-bottom: none;
}
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__content-container {
flex: 1;
overflow-y: auto;
}
}
.binge-experience__new-design .binge-experience__content-wrapper,
.binge-experience__new-design .binge-experience__content-wrapper > * {
height: 100%;
width: 100%;
}
.binge-experience__new-design .binge-experience__content-wrapper > iframe {
border: none;
}
.binge-experience__new-design .binge-experience__content-wrapper > img {
object-fit: contain;
}
.binge-experience__new-design .binge-experience__content-wrapper .mejs__container,
.binge-experience__new-design .binge-experience__content-wrapper .mejs__container video {
height: 100% !important;
width: 100% !important;
}
.binge-experience__new-design .binge-experience__cover {
padding: 2.813rem 4.063rem;
background-size: cover;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__cover {
padding: 5.188rem 1.375rem 0 1.938rem;
}
}
.binge-experience__new-design .binge-experience__cover-text {
max-width: 28.125rem;
}
.binge-experience__new-design .binge-experience__cover-text h2 {
margin-bottom: 0.25rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 3.5rem;
line-height: 1;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="ja"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="ko"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="pl"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="ru"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="tr"] .binge-experience__new-design .binge-experience__cover-text h2,
html[lang^="zh"] .binge-experience__new-design .binge-experience__cover-text h2 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__cover-text h2 {
font-size: 2.5rem;
}
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__cover-text .subheading-1 {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
.binge-experience__new-design .binge-experience__cover-text button {
all: unset;
cursor: pointer;
padding: 0.375rem 1.375rem;
border-radius: 0.25rem;
background-color: #2A79C4;
color: #fff;
fill: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
transition: all 0.3s ease-out;
margin-top: 1.875rem;
}
.binge-experience__new-design .binge-experience__cover-text button:hover {
background-color: #003E7E;
}
.binge-experience__new-design .binge-experience__cover-text button.inverse-button-color {
background-color: #fff;
color: #2A79C4;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__cover-text button.inverse-button-color:hover,
.binge-experience__new-design .binge-experience__cover-text button.inverse-button-color:active,
.binge-experience__new-design .binge-experience__cover-text button.inverse-button-color:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="ja"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="ko"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="pl"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="ru"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="tr"] .binge-experience__new-design .binge-experience__cover-text button,
html[lang^="zh"] .binge-experience__new-design .binge-experience__cover-text button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__next-button {
all: unset;
cursor: pointer;
padding: 0.375rem 1.375rem;
border-radius: 0.25rem;
background-color: #2A79C4;
color: #fff;
fill: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
transition: all 0.3s ease-out;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
position: absolute;
z-index: 1;
right: 2.5%;
bottom: 17.5%;
}
.binge-experience__new-design .binge-experience__next-button:hover {
background-color: #003E7E;
}
.binge-experience__new-design .binge-experience__next-button.inverse-button-color {
background-color: #fff;
color: #2A79C4;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__next-button.inverse-button-color:hover,
.binge-experience__new-design .binge-experience__next-button.inverse-button-color:active,
.binge-experience__new-design .binge-experience__next-button.inverse-button-color:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="ja"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="ko"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="pl"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="ru"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="tr"] .binge-experience__new-design .binge-experience__next-button,
html[lang^="zh"] .binge-experience__new-design .binge-experience__next-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__next-button {
display: none;
}
}
.binge-experience__new-design .binge-experience__drawer {
background-color: #fbfbfb;
border: 1px solid #E5E6E9;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__drawer {
z-index: 1;
box-shadow: 0 0 0.438rem rgba(0, 0, 0, 0.25);
}
}
.binge-experience__new-design .binge-experience__drawer-expander {
padding: 0.875rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2A79C4;
fill: #2A79C4;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
gap: 0.188rem;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="ja"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="ko"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="pl"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="ru"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="tr"] .binge-experience__new-design .binge-experience__drawer-expander,
html[lang^="zh"] .binge-experience__new-design .binge-experience__drawer-expander {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__drawer-expander svg {
font-size: 1.25rem;
}
@media only screen and (min-width: 48.0625em) {
.binge-experience__new-design .binge-experience__drawer-expander {
display: none;
}
}
.binge-experience__new-design .binge-experience__drawer:not([open]) .binge-experience__drawer-expander svg {
transform: rotate(0.5turn);
}
.binge-experience__new-design .binge-experience__drawer-list {
position: relative;
}
.binge-experience__new-design .binge-experience__drawer-arrow {
all: unset;
cursor: pointer;
padding: 0.375rem 1.375rem;
border-radius: 0.25rem;
background-color: #2A79C4;
color: #fff;
fill: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
transition: all 0.3s ease-out;
--drawer-arrow-height: 2.375rem;
position: absolute;
padding: 0;
top: calc(50% - (var(--drawer-arrow-height) / 2));
height: var(--drawer-arrow-height);
width: 1.5rem;
z-index: 2;
font-size: 1.5rem;
}
.binge-experience__new-design .binge-experience__drawer-arrow:hover {
background-color: #003E7E;
}
.binge-experience__new-design .binge-experience__drawer-arrow.inverse-button-color {
background-color: #fff;
color: #2A79C4;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__drawer-arrow.inverse-button-color:hover,
.binge-experience__new-design .binge-experience__drawer-arrow.inverse-button-color:active,
.binge-experience__new-design .binge-experience__drawer-arrow.inverse-button-color:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="ja"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="ko"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="pl"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="ru"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="tr"] .binge-experience__new-design .binge-experience__drawer-arrow,
html[lang^="zh"] .binge-experience__new-design .binge-experience__drawer-arrow {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__drawer-arrow {
display: none;
}
}
.binge-experience__new-design .binge-experience__drawer-arrow:focus {
outline: #003E7E solid 3px;
}
.binge-experience__new-design .binge-experience__drawer-arrow-left {
left: 0;
box-shadow: 1px 0 4px rgba(0, 0, 0, 0.19);
border-radius: 0 4px 4px 0;
}
.binge-experience__new-design .binge-experience__drawer-arrow-right {
right: 0;
box-shadow: -1px 0 4px rgba(0, 0, 0, 0.19);
border-radius: 4px 0 0 4px;
}
.binge-experience__new-design .binge-experience__drawer-card-container {
padding: 0.875rem 2rem;
display: flex;
gap: 1.25rem;
overflow-x: scroll;
}
@media only screen and (max-width: 48em) {
.binge-experience__new-design .binge-experience__drawer-card-container {
padding: 0 0.875rem 0.875rem;
}
}
.binge-experience__new-design .binge-experience__card {
flex: none;
min-height: 6.125rem;
width: 13.813rem;
border-radius: 0.25rem;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
border-bottom: 3px solid transparent;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.binge-experience__new-design .binge-experience__card,
.binge-experience__new-design .binge-experience__card:hover,
.binge-experience__new-design .binge-experience__card:active,
.binge-experience__new-design .binge-experience__card:any-link {
color: #2D2D2D;
text-decoration: none;
}
.binge-experience__new-design .binge-experience__card-image-container {
position: relative;
height: 7.75rem;
}
.binge-experience__new-design .binge-experience__card-image {
height: 100%;
width: 100%;
object-fit: cover;
background-color: #ededf0;
}
.binge-experience__new-design .binge-experience__card-image-pill {
padding: 0.125rem 0.375rem;
background-color: #E1EBF4;
border: 1px solid #2A79C4;
border-radius: 4px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75rem;
line-height: 1.125rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
color: #2A79C4;
fill: #2A79C4;
display: flex;
align-items: center;
gap: 0.125rem;
position: absolute;
bottom: 0.5rem;
right: 0.563rem;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="ja"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="ko"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="pl"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="ru"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="tr"] .binge-experience__new-design .binge-experience__card-image-pill,
html[lang^="zh"] .binge-experience__new-design .binge-experience__card-image-pill {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.binge-experience__new-design .binge-experience__card-image-pill svg {
height: 1em;
}
.binge-experience__new-design .binge-experience__card-image-pill svg g {
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__card-image-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(1, 1, 1, 0.5);
display: none;
align-items: center;
justify-content: center;
gap: 0.375rem;
}
.binge-experience__new-design .binge-experience__card-image-overlay-button {
all: unset;
cursor: pointer;
padding: 0.125rem 0.25rem;
border-radius: 0.25rem;
font-size: 1.5rem;
fill: #fff;
}
.binge-experience__new-design .binge-experience__card-image-overlay-button:hover {
background-color: rgba(255, 255, 255, 0.25);
}
.binge-experience__new-design .binge-experience__card-text-container {
flex: 1;
min-height: 5.625rem;
padding: 0.313rem 0.563rem 0.188rem;
display: flex;
flex-direction: column;
gap: 0.313rem;
}
.binge-experience__new-design .binge-experience__card-title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
overflow-wrap: break-word;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.125rem;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="ja"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="ko"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="pl"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="ru"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="tr"] .binge-experience__new-design .binge-experience__card-title,
html[lang^="zh"] .binge-experience__new-design .binge-experience__card-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__new-design .binge-experience__card-footer {
margin-top: auto;
display: flex;
align-items: center;
gap: 0.375rem;
}
.binge-experience__new-design .binge-experience__card-number {
padding: 0.125rem 0.375rem;
background-color: #E1EBF4;
border: 1px solid #2A79C4;
border-radius: 4px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.125rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
color: #2A79C4;
fill: #2A79C4;
display: flex;
align-items: center;
gap: 0.125rem;
padding: 0.125rem 0.875rem;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ja"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ko"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="pl"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ru"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="tr"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="zh"] .binge-experience__new-design .binge-experience__card-number {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.binge-experience__new-design .binge-experience__card-number svg {
height: 1em;
}
.binge-experience__new-design .binge-experience__card-number svg g {
fill: #2A79C4;
}
html[lang^="cs"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ja"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ko"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="pl"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="ru"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="tr"] .binge-experience__new-design .binge-experience__card-number,
html[lang^="zh"] .binge-experience__new-design .binge-experience__card-number {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.binge-experience__new-design .binge-experience__card-time {
color: #6D6E71;
fill: #6D6E71;
font-size: 0.75rem;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 0.25rem;
}
.binge-experience__new-design .binge-experience__card-footer-buttons {
margin-top: auto;
display: none;
align-items: center;
gap: 0.625rem;
}
.binge-experience__new-design .binge-experience__card-footer-button {
all: unset;
cursor: pointer;
font-size: 1.125rem;
fill: #2A79C4;
}
.binge-experience__new-design .binge-experience__card-footer-button:hover {
fill: #2D2D2D;
}
.binge-experience__new-design .binge-experience__card-detail {
position: fixed;
z-index: 4;
height: fit-content;
border-radius: 0.25rem;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
display: flex;
background-color: #fff;
border-bottom: 3px solid #2A79C4;
visibility: hidden;
opacity: 0;
transition: visibility 0.2s linear, opacity 0.3s linear;
}
.binge-experience__new-design .binge-experience__card-detail .binge-experience__card-title {
-webkit-line-clamp: unset;
}
.binge-experience__new-design .binge-experience__card-description {
font-size: 0.875rem;
line-height: 1.125rem;
}
.binge-experience__new-design .binge-experience__card[aria-current] {
border-bottom-color: #F58025;
}
.binge-experience__new-design .binge-experience__card[aria-current] .binge-experience__card-image-pill,
.binge-experience__new-design .binge-experience__card[aria-current] .binge-experience__card-footer {
display: none;
}
.binge-experience__new-design .binge-experience__card[aria-current] .binge-experience__card-detail {
visibility: hidden;
opacity: 0;
}
.binge-experience__new-design .binge-experience__card[aria-current] .binge-experience__card-image-overlay,
.binge-experience__new-design .binge-experience__card[aria-current] .binge-experience__card-footer-buttons {
display: flex;
}
@media only screen and (min-width: 48.0625em) {
.binge-experience__old-design .binge-experience__main-container {
position: relative;
display: flex;
height: 85vh;
min-width: 100%;
}
.binge-experience__old-design .binge-experience__main-container.wcmauthor {
height: 800px;
}
.binge-experience__old-design .binge-experience__menu-container {
display: flex;
flex-direction: column;
}
.binge-experience__old-design .be-pre-open-blur {
filter: blur(6px);
}
}
.binge-experience__old-design .binge-experience__hidden {
display: none !important;
}
.binge-experience__old-design .binge-experience__menu-container {
width: 255px;
height: 100%;
background-color: #ffffff;
z-index: 2;
}
.binge-experience__old-design .binge-experience__menu-top-container {
max-width: 100%;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.binge-experience__old-design .binge-experience__menu-top-container .cmp-image {
margin: 20px;
}
.binge-experience__old-design .binge-experience__menu-share-container {
display: flex;
padding: 0.5rem;
}
.binge-experience__old-design .binge-experience__menu-share-label {
margin-right: 0.3rem;
}
.binge-experience__old-design .binge-experience__menu-share-item {
fill: #CD163F;
display: inline-block;
width: 1.5rem;
text-align: center;
cursor: pointer;
}
.binge-experience__old-design .binge-experience__menu-share-item:hover {
fill: #000;
}
.binge-experience__old-design .binge-experience__menu-share-item svg {
height: 1rem;
position: relative;
top: 0.125rem;
}
.binge-experience__old-design .binge-experience__menu-list-item {
display: inline;
margin: auto;
color: #666565;
cursor: pointer;
width: 100%;
max-width: fit-content;
margin-bottom: 0 !important;
min-width: 100%;
}
.binge-experience__old-design .binge-experience__menu-list-item button {
border: none;
background-color: rgba(0, 0, 0, 0);
}
.binge-experience__old-design .binge-experience__menu-list-item:hover {
color: #000000;
background-color: #d3d3d3;
}
.binge-experience__old-design a.binge-experience__contact-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
padding: 0.188rem 1.5rem;
text-decoration: none;
margin-bottom: 0;
}
html[lang^="cs"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="ja"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="ko"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="pl"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="ru"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="tr"] .binge-experience__old-design a.binge-experience__contact-button,
html[lang^="zh"] .binge-experience__old-design a.binge-experience__contact-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__old-design a.binge-experience__contact-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.binge-experience__old-design a.binge-experience__contact-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.binge-experience__old-design a.binge-experience__contact-button:active,
.binge-experience__old-design a.binge-experience__contact-button:hover,
.binge-experience__old-design a.binge-experience__contact-button:focus {
z-index: 1;
}
.binge-experience__old-design a.binge-experience__contact-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.binge-experience__old-design a.binge-experience__contact-button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.binge-experience__old-design a.binge-experience__contact-button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.binge-experience__old-design a.binge-experience__contact-button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.binge-experience__old-design a.binge-experience__contact-button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.binge-experience__old-design .binge-experience__menu-list-container {
overflow: auto;
}
.binge-experience__old-design .content-list-ul {
padding: 0;
list-style-type: none;
width: 100%;
}
.binge-experience__old-design .content-item-container {
display: flex;
padding: 0.5rem 1rem;
color: #000;
flex-direction: column;
}
.binge-experience__old-design .content-item-container span {
font-family: Arial, Helvetica, sans-serif;
}
.binge-experience__old-design .binge-experience__content-container {
width: 90%;
background-color: #a9a9a9;
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid #E5E6E9;
}
.binge-experience__old-design .binge-experience-viewer {
width: 100%;
height: 100%;
}
.binge-experience__old-design video {
width: 100%;
height: 100%;
}
.binge-experience__old-design .selected {
font-weight: 900;
}
.binge-experience__old-design #the-canvas {
direction: ltr;
height: 100%;
align-self: center;
}
.binge-experience__old-design .site-content {
height: 100%;
width: 100%;
border: none;
}
.binge-experience__old-design .modal-content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #000000;
}
.binge-experience__old-design .binge-experience__next-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
text-decoration: none;
margin-bottom: 0;
position: absolute;
right: 40px;
bottom: 100px;
z-index: 2;
box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.5);
}
html[lang^="cs"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="ja"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="ko"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="pl"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="ru"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="tr"] .binge-experience__old-design .binge-experience__next-button,
html[lang^="zh"] .binge-experience__old-design .binge-experience__next-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__old-design .binge-experience__next-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.binge-experience__old-design .binge-experience__next-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.binge-experience__old-design .binge-experience__next-button:active,
.binge-experience__old-design .binge-experience__next-button:hover,
.binge-experience__old-design .binge-experience__next-button:focus {
z-index: 1;
}
.binge-experience__old-design .binge-experience__next-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.binge-experience__old-design .binge-experience__next-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.binge-experience__old-design .binge-experience__next-button:active {
border-color: #003E7E;
color: #003E7E;
}
.binge-experience__old-design .binge-experience__next-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.binge-experience__old-design .be-pdf-viewer-iframe {
border: none;
height: 100%;
width: 100%;
}
.binge-experience__old-design .binge-experience__mobile-teaser {
display: none;
}
.binge-experience__old-design .binge-experience__mobile-menu-expander {
display: none;
}
.binge-experience__old-design .binge-experience__modal-mobile-close {
display: none;
}
.binge-experience__old-design .lightText {
color: #FFFFFF;
}
.binge-experience__old-design .be-desktop-modal-button {
margin-top: 2rem;
}
@media only screen and (max-width: 48em) {
.binge-experience__old-design .binge-experience__desktop-teaser-overlay {
display: none;
}
.binge-experience__old-design .binge-experience__mobile-teaser {
margin-bottom: 10px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.274);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: 14rem;
border-radius: 0.35rem;
padding: 0.5rem;
background-size: cover;
cursor: pointer;
}
.binge-experience__old-design .binge-experience__main-container {
display: none;
flex-direction: column-reverse;
z-index: 115;
}
.binge-experience__old-design .binge-experience__main-container .binge-experience__menu-container {
width: 100%;
position: absolute;
transform: translateY(calc(100% - 2.5rem));
transition: transform 1s;
display: flex;
flex-direction: column;
max-height: 65vh;
height: auto;
}
.binge-experience__old-design .binge-experience__main-container .binge-experience__menu-container.open-left-container {
transform: none;
}
.binge-experience__old-design .binge-experience__main-container .binge-experience__menu-top-container {
display: flex;
justify-content: center;
}
.binge-experience__old-design .binge-experience__main-container .binge-experience__menu-top-container .cmp-image {
display: none;
}
.binge-experience__old-design .binge-experience__main-container .binge-experience__content-container {
width: 100%;
height: 100%;
margin-bottom: 2.5rem;
border: none;
}
.binge-experience__old-design .binge-experience__mobile-menu-expander {
display: flex;
justify-content: center;
align-items: center;
background-color: #43434D;
padding: 0.5rem;
color: #fff;
fill: #fff;
font-weight: 600;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
}
.binge-experience__old-design .binge-experience__mobile-menu-expander svg {
height: 1rem;
}
html[lang^="cs"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="ja"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="ko"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="pl"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="ru"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="tr"] .binge-experience__old-design .binge-experience__mobile-menu-expander,
html[lang^="zh"] .binge-experience__old-design .binge-experience__mobile-menu-expander {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.binge-experience__old-design .binge-experience__mobile-menu-expander .binge-experience__mobile-menu-expander-icon {
transition: transform 0.25s ease-in;
}
.binge-experience__old-design .binge-experience__modal-mobile-close {
display: block;
background-color: #43434D;
}
.binge-experience__old-design .binge-experience__modal-mobile-close .binge-experience__modal-mobile-close-button {
float: right;
border: none;
background: none;
color: white;
font-size: 20px;
padding: 5px 10px;
}
.binge-experience__old-design .rotation {
transform: rotate(180deg);
transition: transform 0.25s ease-in;
}
.binge-experience__old-design .binge-experience__next-button {
display: none;
}
.binge-experience__old-design .mobile-binge-open {
display: flex;
z-index: 115;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.binge-experience__old-design .modal-content {
padding: 20px;
}
}
.binge-experience__old-design .binge-experience__gated-content-barrier {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999998;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.breadcrumb__nav {
max-width: 100em;
margin: auto;
}
@media only screen and (max-width: 100.21875em) {
.breadcrumb__nav {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
.breadcrumb__list {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
padding: 0 2rem;
border-bottom: 1px solid #DADADA;
}
@media only screen and (max-width: 100.21875em) {
.breadcrumb__list {
padding: 0 1rem;
}
}
@media only screen and (max-width: 48em) {
.breadcrumb__list {
padding: 0;
}
.breadcrumb__list .breadcrumb__arrow {
display: none;
}
.breadcrumb__list li {
display: none;
}
.breadcrumb__list li:nth-last-child(2) {
display: flex;
}
}
@media only screen and (min-width: 48.0625em) {
.breadcrumb__list .breadcrumb__prev-arrow {
display: none;
}
}
.breadcrumb__item {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
color: #2D2D2D;
}
.breadcrumb a,
.breadcrumb a:visited {
color: #6D6E71;
}
.breadcrumb a:hover,
.breadcrumb a:visited:hover {
color: #CD163F;
}
.breadcrumb__link {
display: flex;
text-decoration: none;
}
.breadcrumb__link_text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.813rem;
line-height: 1;
display: flex;
text-decoration: none;
padding: 1.1rem 0.375rem 1rem 0;
}
html[lang^="cs"] .breadcrumb__link_text,
html[lang^="ja"] .breadcrumb__link_text,
html[lang^="ko"] .breadcrumb__link_text,
html[lang^="pl"] .breadcrumb__link_text,
html[lang^="ru"] .breadcrumb__link_text,
html[lang^="tr"] .breadcrumb__link_text,
html[lang^="zh"] .breadcrumb__link_text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.breadcrumb__link:last-child {
padding-right: 0;
}
.breadcrumb__link:hover {
color: #CD163F;
text-decoration: underline;
}
.breadcrumb__link--active {
color: #6D6E71;
}
.breadcrumb__arrow,
.breadcrumb__prev-arrow {
position: relative;
display: flex;
align-items: center;
top: 1px;
padding-right: 0.375rem;
}
.breadcrumb__arrow svg,
.breadcrumb__prev-arrow svg {
position: relative;
width: 0.813rem;
height: 0.813rem;
}
.breadcrumb__item:last-child .breadcrumb__arrow {
display: none;
}
/**
* Button Component
*/
/**
* Rockwell Style Utils
*/
.button {
display: flex;
justify-content: flex-start;
border-radius: 0.25rem;
/* outline button inverted */
}
.button a,
.button button,
.button span.is-button {
text-decoration: none;
}
.button svg {
margin-bottom: -5px;
}
.button--primary a,
.button.primary a,
.button--primary button,
.button.primary button,
.button--primary span.is-button,
.button.primary span.is-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
}
html[lang^="cs"] .button--primary a,
html[lang^="cs"] .button.primary a,
html[lang^="cs"] .button--primary button,
html[lang^="cs"] .button.primary button,
html[lang^="cs"] .button--primary span.is-button,
html[lang^="cs"] .button.primary span.is-button,
html[lang^="ja"] .button--primary a,
html[lang^="ja"] .button.primary a,
html[lang^="ja"] .button--primary button,
html[lang^="ja"] .button.primary button,
html[lang^="ja"] .button--primary span.is-button,
html[lang^="ja"] .button.primary span.is-button,
html[lang^="ko"] .button--primary a,
html[lang^="ko"] .button.primary a,
html[lang^="ko"] .button--primary button,
html[lang^="ko"] .button.primary button,
html[lang^="ko"] .button--primary span.is-button,
html[lang^="ko"] .button.primary span.is-button,
html[lang^="pl"] .button--primary a,
html[lang^="pl"] .button.primary a,
html[lang^="pl"] .button--primary button,
html[lang^="pl"] .button.primary button,
html[lang^="pl"] .button--primary span.is-button,
html[lang^="pl"] .button.primary span.is-button,
html[lang^="ru"] .button--primary a,
html[lang^="ru"] .button.primary a,
html[lang^="ru"] .button--primary button,
html[lang^="ru"] .button.primary button,
html[lang^="ru"] .button--primary span.is-button,
html[lang^="ru"] .button.primary span.is-button,
html[lang^="tr"] .button--primary a,
html[lang^="tr"] .button.primary a,
html[lang^="tr"] .button--primary button,
html[lang^="tr"] .button.primary button,
html[lang^="tr"] .button--primary span.is-button,
html[lang^="tr"] .button.primary span.is-button,
html[lang^="zh"] .button--primary a,
html[lang^="zh"] .button.primary a,
html[lang^="zh"] .button--primary button,
html[lang^="zh"] .button.primary button,
html[lang^="zh"] .button--primary span.is-button,
html[lang^="zh"] .button.primary span.is-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.button--primary a::after,
.button.primary a::after,
.button--primary button::after,
.button.primary button::after,
.button--primary span.is-button::after,
.button.primary span.is-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.button--primary a svg,
.button.primary a svg,
.button--primary button svg,
.button.primary button svg,
.button--primary span.is-button svg,
.button.primary span.is-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.button--primary a:active,
.button.primary a:active,
.button--primary button:active,
.button.primary button:active,
.button--primary span.is-button:active,
.button.primary span.is-button:active,
.button--primary a:hover,
.button.primary a:hover,
.button--primary button:hover,
.button.primary button:hover,
.button--primary span.is-button:hover,
.button.primary span.is-button:hover,
.button--primary a:focus,
.button.primary a:focus,
.button--primary button:focus,
.button.primary button:focus,
.button--primary span.is-button:focus,
.button.primary span.is-button:focus {
z-index: 1;
}
.button--primary a:focus,
.button.primary a:focus,
.button--primary button:focus,
.button.primary button:focus,
.button--primary span.is-button:focus,
.button.primary span.is-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.button--primary a:hover,
.button.primary a:hover,
.button--primary button:hover,
.button.primary button:hover,
.button--primary span.is-button:hover,
.button.primary span.is-button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.button--primary a:active,
.button.primary a:active,
.button--primary button:active,
.button.primary button:active,
.button--primary span.is-button:active,
.button.primary span.is-button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.button--primary a:focus,
.button.primary a:focus,
.button--primary button:focus,
.button.primary button:focus,
.button--primary span.is-button:focus,
.button.primary span.is-button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.button--primary a[disabled],
.button.primary a[disabled],
.button--primary button[disabled],
.button.primary button[disabled],
.button--primary span.is-button[disabled],
.button.primary span.is-button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.button--primary.button--color-inverted a,
.button.primary.button--color-inverted a,
.button--primary.button--color-inverted button,
.button.primary.button--color-inverted button,
.button--primary.button--color-inverted span.is-button,
.button.primary.button--color-inverted span.is-button {
border-color: #fff;
background-color: #fff;
color: #2A79C4;
}
.button--primary.button--color-inverted a:hover,
.button.primary.button--color-inverted a:hover,
.button--primary.button--color-inverted button:hover,
.button.primary.button--color-inverted button:hover,
.button--primary.button--color-inverted span.is-button:hover,
.button.primary.button--color-inverted span.is-button:hover,
.button--primary.button--color-inverted a:active,
.button.primary.button--color-inverted a:active,
.button--primary.button--color-inverted button:active,
.button.primary.button--color-inverted button:active,
.button--primary.button--color-inverted span.is-button:active,
.button.primary.button--color-inverted span.is-button:active,
.button--primary.button--color-inverted a:focus,
.button.primary.button--color-inverted a:focus,
.button--primary.button--color-inverted button:focus,
.button.primary.button--color-inverted button:focus,
.button--primary.button--color-inverted span.is-button:focus,
.button.primary.button--color-inverted span.is-button:focus {
border-color: #fff;
background-color: #efefef;
color: #2A79C4;
}
.button--primary.button--color-inverted svg,
.button.primary.button--color-inverted svg {
fill: #2A79C4;
}
.button--primary.disabled a,
.button.primary.disabled a,
.button--primary.disabled button,
.button.primary.disabled button,
.button--primary.disabled span.is-button,
.button.primary.disabled span.is-button {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
pointer-events: none;
}
.button--primary.disabled a:hover,
.button.primary.disabled a:hover,
.button--primary.disabled button:hover,
.button.primary.disabled button:hover,
.button--primary.disabled span.is-button:hover,
.button.primary.disabled span.is-button:hover,
.button--primary.disabled a:active,
.button.primary.disabled a:active,
.button--primary.disabled button:active,
.button.primary.disabled button:active,
.button--primary.disabled span.is-button:active,
.button.primary.disabled span.is-button:active,
.button--primary.disabled a:focus,
.button.primary.disabled a:focus,
.button--primary.disabled button:focus,
.button.primary.disabled button:focus,
.button--primary.disabled span.is-button:focus,
.button.primary.disabled span.is-button:focus {
background-color: #ccc;
color: #848484;
}
.button--primary.disabled svg,
.button.primary.disabled svg {
fill: #848484;
}
.button--primary.button--color-inverted.disabled a,
.button.primary.button--color-inverted.disabled a,
.button--primary.button--color-inverted.disabled button,
.button.primary.button--color-inverted.disabled button,
.button--primary.button--color-inverted.disabled span.is-button,
.button.primary.button--color-inverted.disabled span.is-button {
background-color: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
cursor: text;
pointer-events: none;
}
.button--primary.button--color-inverted.disabled a:hover,
.button.primary.button--color-inverted.disabled a:hover,
.button--primary.button--color-inverted.disabled button:hover,
.button.primary.button--color-inverted.disabled button:hover,
.button--primary.button--color-inverted.disabled span.is-button:hover,
.button.primary.button--color-inverted.disabled span.is-button:hover,
.button--primary.button--color-inverted.disabled a:active,
.button.primary.button--color-inverted.disabled a:active,
.button--primary.button--color-inverted.disabled button:active,
.button.primary.button--color-inverted.disabled button:active,
.button--primary.button--color-inverted.disabled span.is-button:active,
.button.primary.button--color-inverted.disabled span.is-button:active,
.button--primary.button--color-inverted.disabled a:focus,
.button.primary.button--color-inverted.disabled a:focus,
.button--primary.button--color-inverted.disabled button:focus,
.button.primary.button--color-inverted.disabled button:focus,
.button--primary.button--color-inverted.disabled span.is-button:focus,
.button.primary.button--color-inverted.disabled span.is-button:focus {
background-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
}
.button--primary.button--color-inverted.disabled svg,
.button.primary.button--color-inverted.disabled svg {
fill: rgba(255, 255, 255, 0.6);
}
.button--outline a,
.button.primary-outline a,
.button.secondary a,
.button.secondary-outline a,
.button--outline button,
.button.primary-outline button,
.button.secondary button,
.button.secondary-outline button,
.button--outline span.is-button,
.button.primary-outline span.is-button,
.button.secondary span.is-button,
.button.secondary-outline span.is-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
}
html[lang^="cs"] .button--outline a,
html[lang^="cs"] .button.primary-outline a,
html[lang^="cs"] .button.secondary a,
html[lang^="cs"] .button.secondary-outline a,
html[lang^="cs"] .button--outline button,
html[lang^="cs"] .button.primary-outline button,
html[lang^="cs"] .button.secondary button,
html[lang^="cs"] .button.secondary-outline button,
html[lang^="cs"] .button--outline span.is-button,
html[lang^="cs"] .button.primary-outline span.is-button,
html[lang^="cs"] .button.secondary span.is-button,
html[lang^="cs"] .button.secondary-outline span.is-button,
html[lang^="ja"] .button--outline a,
html[lang^="ja"] .button.primary-outline a,
html[lang^="ja"] .button.secondary a,
html[lang^="ja"] .button.secondary-outline a,
html[lang^="ja"] .button--outline button,
html[lang^="ja"] .button.primary-outline button,
html[lang^="ja"] .button.secondary button,
html[lang^="ja"] .button.secondary-outline button,
html[lang^="ja"] .button--outline span.is-button,
html[lang^="ja"] .button.primary-outline span.is-button,
html[lang^="ja"] .button.secondary span.is-button,
html[lang^="ja"] .button.secondary-outline span.is-button,
html[lang^="ko"] .button--outline a,
html[lang^="ko"] .button.primary-outline a,
html[lang^="ko"] .button.secondary a,
html[lang^="ko"] .button.secondary-outline a,
html[lang^="ko"] .button--outline button,
html[lang^="ko"] .button.primary-outline button,
html[lang^="ko"] .button.secondary button,
html[lang^="ko"] .button.secondary-outline button,
html[lang^="ko"] .button--outline span.is-button,
html[lang^="ko"] .button.primary-outline span.is-button,
html[lang^="ko"] .button.secondary span.is-button,
html[lang^="ko"] .button.secondary-outline span.is-button,
html[lang^="pl"] .button--outline a,
html[lang^="pl"] .button.primary-outline a,
html[lang^="pl"] .button.secondary a,
html[lang^="pl"] .button.secondary-outline a,
html[lang^="pl"] .button--outline button,
html[lang^="pl"] .button.primary-outline button,
html[lang^="pl"] .button.secondary button,
html[lang^="pl"] .button.secondary-outline button,
html[lang^="pl"] .button--outline span.is-button,
html[lang^="pl"] .button.primary-outline span.is-button,
html[lang^="pl"] .button.secondary span.is-button,
html[lang^="pl"] .button.secondary-outline span.is-button,
html[lang^="ru"] .button--outline a,
html[lang^="ru"] .button.primary-outline a,
html[lang^="ru"] .button.secondary a,
html[lang^="ru"] .button.secondary-outline a,
html[lang^="ru"] .button--outline button,
html[lang^="ru"] .button.primary-outline button,
html[lang^="ru"] .button.secondary button,
html[lang^="ru"] .button.secondary-outline button,
html[lang^="ru"] .button--outline span.is-button,
html[lang^="ru"] .button.primary-outline span.is-button,
html[lang^="ru"] .button.secondary span.is-button,
html[lang^="ru"] .button.secondary-outline span.is-button,
html[lang^="tr"] .button--outline a,
html[lang^="tr"] .button.primary-outline a,
html[lang^="tr"] .button.secondary a,
html[lang^="tr"] .button.secondary-outline a,
html[lang^="tr"] .button--outline button,
html[lang^="tr"] .button.primary-outline button,
html[lang^="tr"] .button.secondary button,
html[lang^="tr"] .button.secondary-outline button,
html[lang^="tr"] .button--outline span.is-button,
html[lang^="tr"] .button.primary-outline span.is-button,
html[lang^="tr"] .button.secondary span.is-button,
html[lang^="tr"] .button.secondary-outline span.is-button,
html[lang^="zh"] .button--outline a,
html[lang^="zh"] .button.primary-outline a,
html[lang^="zh"] .button.secondary a,
html[lang^="zh"] .button.secondary-outline a,
html[lang^="zh"] .button--outline button,
html[lang^="zh"] .button.primary-outline button,
html[lang^="zh"] .button.secondary button,
html[lang^="zh"] .button.secondary-outline button,
html[lang^="zh"] .button--outline span.is-button,
html[lang^="zh"] .button.primary-outline span.is-button,
html[lang^="zh"] .button.secondary span.is-button,
html[lang^="zh"] .button.secondary-outline span.is-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.button--outline a::after,
.button.primary-outline a::after,
.button.secondary a::after,
.button.secondary-outline a::after,
.button--outline button::after,
.button.primary-outline button::after,
.button.secondary button::after,
.button.secondary-outline button::after,
.button--outline span.is-button::after,
.button.primary-outline span.is-button::after,
.button.secondary span.is-button::after,
.button.secondary-outline span.is-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.button--outline a svg,
.button.primary-outline a svg,
.button.secondary a svg,
.button.secondary-outline a svg,
.button--outline button svg,
.button.primary-outline button svg,
.button.secondary button svg,
.button.secondary-outline button svg,
.button--outline span.is-button svg,
.button.primary-outline span.is-button svg,
.button.secondary span.is-button svg,
.button.secondary-outline span.is-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.button--outline a:active,
.button.primary-outline a:active,
.button.secondary a:active,
.button.secondary-outline a:active,
.button--outline button:active,
.button.primary-outline button:active,
.button.secondary button:active,
.button.secondary-outline button:active,
.button--outline span.is-button:active,
.button.primary-outline span.is-button:active,
.button.secondary span.is-button:active,
.button.secondary-outline span.is-button:active,
.button--outline a:hover,
.button.primary-outline a:hover,
.button.secondary a:hover,
.button.secondary-outline a:hover,
.button--outline button:hover,
.button.primary-outline button:hover,
.button.secondary button:hover,
.button.secondary-outline button:hover,
.button--outline span.is-button:hover,
.button.primary-outline span.is-button:hover,
.button.secondary span.is-button:hover,
.button.secondary-outline span.is-button:hover,
.button--outline a:focus,
.button.primary-outline a:focus,
.button.secondary a:focus,
.button.secondary-outline a:focus,
.button--outline button:focus,
.button.primary-outline button:focus,
.button.secondary button:focus,
.button.secondary-outline button:focus,
.button--outline span.is-button:focus,
.button.primary-outline span.is-button:focus,
.button.secondary span.is-button:focus,
.button.secondary-outline span.is-button:focus {
z-index: 1;
}
.button--outline a:focus,
.button.primary-outline a:focus,
.button.secondary a:focus,
.button.secondary-outline a:focus,
.button--outline button:focus,
.button.primary-outline button:focus,
.button.secondary button:focus,
.button.secondary-outline button:focus,
.button--outline span.is-button:focus,
.button.primary-outline span.is-button:focus,
.button.secondary span.is-button:focus,
.button.secondary-outline span.is-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.button--outline a:hover,
.button.primary-outline a:hover,
.button.secondary a:hover,
.button.secondary-outline a:hover,
.button--outline button:hover,
.button.primary-outline button:hover,
.button.secondary button:hover,
.button.secondary-outline button:hover,
.button--outline span.is-button:hover,
.button.primary-outline span.is-button:hover,
.button.secondary span.is-button:hover,
.button.secondary-outline span.is-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.button--outline a:active,
.button.primary-outline a:active,
.button.secondary a:active,
.button.secondary-outline a:active,
.button--outline button:active,
.button.primary-outline button:active,
.button.secondary button:active,
.button.secondary-outline button:active,
.button--outline span.is-button:active,
.button.primary-outline span.is-button:active,
.button.secondary span.is-button:active,
.button.secondary-outline span.is-button:active {
border-color: #003E7E;
color: #003E7E;
}
.button--outline a:focus,
.button.primary-outline a:focus,
.button.secondary a:focus,
.button.secondary-outline a:focus,
.button--outline button:focus,
.button.primary-outline button:focus,
.button.secondary button:focus,
.button.secondary-outline button:focus,
.button--outline span.is-button:focus,
.button.primary-outline span.is-button:focus,
.button.secondary span.is-button:focus,
.button.secondary-outline span.is-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.button--outline a svg,
.button.primary-outline a svg,
.button.secondary a svg,
.button.secondary-outline a svg,
.button--outline button svg,
.button.primary-outline button svg,
.button.secondary button svg,
.button.secondary-outline button svg,
.button--outline span.is-button svg,
.button.primary-outline span.is-button svg,
.button.secondary span.is-button svg,
.button.secondary-outline span.is-button svg {
fill: #2A79C4;
}
.button--outline.button--color-inverted a,
.button.primary-outline.button--color-inverted a,
.button.secondary.button--color-inverted a,
.button.secondary-outline.button--color-inverted a,
.button--outline.button--color-inverted button,
.button.primary-outline.button--color-inverted button,
.button.secondary.button--color-inverted button,
.button.secondary-outline.button--color-inverted button,
.button--outline.button--color-inverted span.is-button,
.button.primary-outline.button--color-inverted span.is-button,
.button.secondary.button--color-inverted span.is-button,
.button.secondary-outline.button--color-inverted span.is-button {
border-color: #fff;
color: #fff;
background-color: transparent;
}
.button--outline.button--color-inverted a:hover,
.button.primary-outline.button--color-inverted a:hover,
.button.secondary.button--color-inverted a:hover,
.button.secondary-outline.button--color-inverted a:hover,
.button--outline.button--color-inverted button:hover,
.button.primary-outline.button--color-inverted button:hover,
.button.secondary.button--color-inverted button:hover,
.button.secondary-outline.button--color-inverted button:hover,
.button--outline.button--color-inverted span.is-button:hover,
.button.primary-outline.button--color-inverted span.is-button:hover,
.button.secondary.button--color-inverted span.is-button:hover,
.button.secondary-outline.button--color-inverted span.is-button:hover,
.button--outline.button--color-inverted a:active,
.button.primary-outline.button--color-inverted a:active,
.button.secondary.button--color-inverted a:active,
.button.secondary-outline.button--color-inverted a:active,
.button--outline.button--color-inverted button:active,
.button.primary-outline.button--color-inverted button:active,
.button.secondary.button--color-inverted button:active,
.button.secondary-outline.button--color-inverted button:active,
.button--outline.button--color-inverted span.is-button:active,
.button.primary-outline.button--color-inverted span.is-button:active,
.button.secondary.button--color-inverted span.is-button:active,
.button.secondary-outline.button--color-inverted span.is-button:active,
.button--outline.button--color-inverted a:focus,
.button.primary-outline.button--color-inverted a:focus,
.button.secondary.button--color-inverted a:focus,
.button.secondary-outline.button--color-inverted a:focus,
.button--outline.button--color-inverted button:focus,
.button.primary-outline.button--color-inverted button:focus,
.button.secondary.button--color-inverted button:focus,
.button.secondary-outline.button--color-inverted button:focus,
.button--outline.button--color-inverted span.is-button:focus,
.button.primary-outline.button--color-inverted span.is-button:focus,
.button.secondary.button--color-inverted span.is-button:focus,
.button.secondary-outline.button--color-inverted span.is-button:focus {
border-color: #fff;
background-color: rgba(45, 45, 45, 0.1);
color: #fff;
}
.button--outline.button--color-inverted svg,
.button.primary-outline.button--color-inverted svg,
.button.secondary.button--color-inverted svg,
.button.secondary-outline.button--color-inverted svg {
fill: #fff;
}
.button--outline.disabled a,
.button.primary-outline.disabled a,
.button.secondary.disabled a,
.button.secondary-outline.disabled a,
.button--outline.disabled button,
.button.primary-outline.disabled button,
.button.secondary.disabled button,
.button.secondary-outline.disabled button,
.button--outline.disabled span.is-button,
.button.primary-outline.disabled span.is-button,
.button.secondary.disabled span.is-button,
.button.secondary-outline.disabled span.is-button {
border-color: #ccc;
color: #848484;
cursor: text;
pointer-events: none;
}
.button--outline.disabled a:hover,
.button.primary-outline.disabled a:hover,
.button.secondary.disabled a:hover,
.button.secondary-outline.disabled a:hover,
.button--outline.disabled button:hover,
.button.primary-outline.disabled button:hover,
.button.secondary.disabled button:hover,
.button.secondary-outline.disabled button:hover,
.button--outline.disabled span.is-button:hover,
.button.primary-outline.disabled span.is-button:hover,
.button.secondary.disabled span.is-button:hover,
.button.secondary-outline.disabled span.is-button:hover,
.button--outline.disabled a:active,
.button.primary-outline.disabled a:active,
.button.secondary.disabled a:active,
.button.secondary-outline.disabled a:active,
.button--outline.disabled button:active,
.button.primary-outline.disabled button:active,
.button.secondary.disabled button:active,
.button.secondary-outline.disabled button:active,
.button--outline.disabled span.is-button:active,
.button.primary-outline.disabled span.is-button:active,
.button.secondary.disabled span.is-button:active,
.button.secondary-outline.disabled span.is-button:active,
.button--outline.disabled a:focus,
.button.primary-outline.disabled a:focus,
.button.secondary.disabled a:focus,
.button.secondary-outline.disabled a:focus,
.button--outline.disabled button:focus,
.button.primary-outline.disabled button:focus,
.button.secondary.disabled button:focus,
.button.secondary-outline.disabled button:focus,
.button--outline.disabled span.is-button:focus,
.button.primary-outline.disabled span.is-button:focus,
.button.secondary.disabled span.is-button:focus,
.button.secondary-outline.disabled span.is-button:focus {
border-color: #ccc;
color: #848484;
}
.button--outline.disabled svg,
.button.primary-outline.disabled svg,
.button.secondary.disabled svg,
.button.secondary-outline.disabled svg {
fill: #848484;
}
.button--outline.button--color-inverted.disabled a,
.button.primary-outline.button--color-inverted.disabled a,
.button.secondary.button--color-inverted.disabled a,
.button.secondary-outline.button--color-inverted.disabled a,
.button--outline.button--color-inverted.disabled button,
.button.primary-outline.button--color-inverted.disabled button,
.button.secondary.button--color-inverted.disabled button,
.button.secondary-outline.button--color-inverted.disabled button,
.button--outline.button--color-inverted.disabled span.is-button,
.button.primary-outline.button--color-inverted.disabled span.is-button,
.button.secondary.button--color-inverted.disabled span.is-button,
.button.secondary-outline.button--color-inverted.disabled span.is-button {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
cursor: text;
pointer-events: none;
}
.button--outline.button--color-inverted.disabled a:hover,
.button.primary-outline.button--color-inverted.disabled a:hover,
.button.secondary.button--color-inverted.disabled a:hover,
.button.secondary-outline.button--color-inverted.disabled a:hover,
.button--outline.button--color-inverted.disabled button:hover,
.button.primary-outline.button--color-inverted.disabled button:hover,
.button.secondary.button--color-inverted.disabled button:hover,
.button.secondary-outline.button--color-inverted.disabled button:hover,
.button--outline.button--color-inverted.disabled span.is-button:hover,
.button.primary-outline.button--color-inverted.disabled span.is-button:hover,
.button.secondary.button--color-inverted.disabled span.is-button:hover,
.button.secondary-outline.button--color-inverted.disabled span.is-button:hover,
.button--outline.button--color-inverted.disabled a:active,
.button.primary-outline.button--color-inverted.disabled a:active,
.button.secondary.button--color-inverted.disabled a:active,
.button.secondary-outline.button--color-inverted.disabled a:active,
.button--outline.button--color-inverted.disabled button:active,
.button.primary-outline.button--color-inverted.disabled button:active,
.button.secondary.button--color-inverted.disabled button:active,
.button.secondary-outline.button--color-inverted.disabled button:active,
.button--outline.button--color-inverted.disabled span.is-button:active,
.button.primary-outline.button--color-inverted.disabled span.is-button:active,
.button.secondary.button--color-inverted.disabled span.is-button:active,
.button.secondary-outline.button--color-inverted.disabled span.is-button:active,
.button--outline.button--color-inverted.disabled a:focus,
.button.primary-outline.button--color-inverted.disabled a:focus,
.button.secondary.button--color-inverted.disabled a:focus,
.button.secondary-outline.button--color-inverted.disabled a:focus,
.button--outline.button--color-inverted.disabled button:focus,
.button.primary-outline.button--color-inverted.disabled button:focus,
.button.secondary.button--color-inverted.disabled button:focus,
.button.secondary-outline.button--color-inverted.disabled button:focus,
.button--outline.button--color-inverted.disabled span.is-button:focus,
.button.primary-outline.button--color-inverted.disabled span.is-button:focus,
.button.secondary.button--color-inverted.disabled span.is-button:focus,
.button.secondary-outline.button--color-inverted.disabled span.is-button:focus {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
}
.button--outline.button--color-inverted.disabled svg,
.button.primary-outline.button--color-inverted.disabled svg,
.button.secondary.button--color-inverted.disabled svg,
.button.secondary-outline.button--color-inverted.disabled svg {
fill: rgba(255, 255, 255, 0.6);
}
.button--no-padding-text a,
.button--grid-padding-text a,
.button--text a,
.button--no-padding-text button,
.button--grid-padding-text button,
.button--text button,
.button--no-padding-text span.is-button,
.button--grid-padding-text span.is-button,
.button--text span.is-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: transparent;
border-color: transparent;
}
html[lang^="cs"] .button--no-padding-text a,
html[lang^="cs"] .button--grid-padding-text a,
html[lang^="cs"] .button--text a,
html[lang^="cs"] .button--no-padding-text button,
html[lang^="cs"] .button--grid-padding-text button,
html[lang^="cs"] .button--text button,
html[lang^="cs"] .button--no-padding-text span.is-button,
html[lang^="cs"] .button--grid-padding-text span.is-button,
html[lang^="cs"] .button--text span.is-button,
html[lang^="ja"] .button--no-padding-text a,
html[lang^="ja"] .button--grid-padding-text a,
html[lang^="ja"] .button--text a,
html[lang^="ja"] .button--no-padding-text button,
html[lang^="ja"] .button--grid-padding-text button,
html[lang^="ja"] .button--text button,
html[lang^="ja"] .button--no-padding-text span.is-button,
html[lang^="ja"] .button--grid-padding-text span.is-button,
html[lang^="ja"] .button--text span.is-button,
html[lang^="ko"] .button--no-padding-text a,
html[lang^="ko"] .button--grid-padding-text a,
html[lang^="ko"] .button--text a,
html[lang^="ko"] .button--no-padding-text button,
html[lang^="ko"] .button--grid-padding-text button,
html[lang^="ko"] .button--text button,
html[lang^="ko"] .button--no-padding-text span.is-button,
html[lang^="ko"] .button--grid-padding-text span.is-button,
html[lang^="ko"] .button--text span.is-button,
html[lang^="pl"] .button--no-padding-text a,
html[lang^="pl"] .button--grid-padding-text a,
html[lang^="pl"] .button--text a,
html[lang^="pl"] .button--no-padding-text button,
html[lang^="pl"] .button--grid-padding-text button,
html[lang^="pl"] .button--text button,
html[lang^="pl"] .button--no-padding-text span.is-button,
html[lang^="pl"] .button--grid-padding-text span.is-button,
html[lang^="pl"] .button--text span.is-button,
html[lang^="ru"] .button--no-padding-text a,
html[lang^="ru"] .button--grid-padding-text a,
html[lang^="ru"] .button--text a,
html[lang^="ru"] .button--no-padding-text button,
html[lang^="ru"] .button--grid-padding-text button,
html[lang^="ru"] .button--text button,
html[lang^="ru"] .button--no-padding-text span.is-button,
html[lang^="ru"] .button--grid-padding-text span.is-button,
html[lang^="ru"] .button--text span.is-button,
html[lang^="tr"] .button--no-padding-text a,
html[lang^="tr"] .button--grid-padding-text a,
html[lang^="tr"] .button--text a,
html[lang^="tr"] .button--no-padding-text button,
html[lang^="tr"] .button--grid-padding-text button,
html[lang^="tr"] .button--text button,
html[lang^="tr"] .button--no-padding-text span.is-button,
html[lang^="tr"] .button--grid-padding-text span.is-button,
html[lang^="tr"] .button--text span.is-button,
html[lang^="zh"] .button--no-padding-text a,
html[lang^="zh"] .button--grid-padding-text a,
html[lang^="zh"] .button--text a,
html[lang^="zh"] .button--no-padding-text button,
html[lang^="zh"] .button--grid-padding-text button,
html[lang^="zh"] .button--text button,
html[lang^="zh"] .button--no-padding-text span.is-button,
html[lang^="zh"] .button--grid-padding-text span.is-button,
html[lang^="zh"] .button--text span.is-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.button--no-padding-text a::after,
.button--grid-padding-text a::after,
.button--text a::after,
.button--no-padding-text button::after,
.button--grid-padding-text button::after,
.button--text button::after,
.button--no-padding-text span.is-button::after,
.button--grid-padding-text span.is-button::after,
.button--text span.is-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.button--no-padding-text a svg,
.button--grid-padding-text a svg,
.button--text a svg,
.button--no-padding-text button svg,
.button--grid-padding-text button svg,
.button--text button svg,
.button--no-padding-text span.is-button svg,
.button--grid-padding-text span.is-button svg,
.button--text span.is-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.button--no-padding-text a:active,
.button--grid-padding-text a:active,
.button--text a:active,
.button--no-padding-text button:active,
.button--grid-padding-text button:active,
.button--text button:active,
.button--no-padding-text span.is-button:active,
.button--grid-padding-text span.is-button:active,
.button--text span.is-button:active,
.button--no-padding-text a:hover,
.button--grid-padding-text a:hover,
.button--text a:hover,
.button--no-padding-text button:hover,
.button--grid-padding-text button:hover,
.button--text button:hover,
.button--no-padding-text span.is-button:hover,
.button--grid-padding-text span.is-button:hover,
.button--text span.is-button:hover,
.button--no-padding-text a:focus,
.button--grid-padding-text a:focus,
.button--text a:focus,
.button--no-padding-text button:focus,
.button--grid-padding-text button:focus,
.button--text button:focus,
.button--no-padding-text span.is-button:focus,
.button--grid-padding-text span.is-button:focus,
.button--text span.is-button:focus {
z-index: 1;
}
.button--no-padding-text a:focus,
.button--grid-padding-text a:focus,
.button--text a:focus,
.button--no-padding-text button:focus,
.button--grid-padding-text button:focus,
.button--text button:focus,
.button--no-padding-text span.is-button:focus,
.button--grid-padding-text span.is-button:focus,
.button--text span.is-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.button--no-padding-text a:hover,
.button--grid-padding-text a:hover,
.button--text a:hover,
.button--no-padding-text button:hover,
.button--grid-padding-text button:hover,
.button--text button:hover,
.button--no-padding-text span.is-button:hover,
.button--grid-padding-text span.is-button:hover,
.button--text span.is-button:hover {
text-decoration: underline;
color: #005DB4;
}
.button--no-padding-text a:active,
.button--grid-padding-text a:active,
.button--text a:active,
.button--no-padding-text button:active,
.button--grid-padding-text button:active,
.button--text button:active,
.button--no-padding-text span.is-button:active,
.button--grid-padding-text span.is-button:active,
.button--text span.is-button:active {
text-decoration: underline;
border-color: transparent;
color: #003E7E;
}
.button--no-padding-text a:focus,
.button--grid-padding-text a:focus,
.button--text a:focus,
.button--no-padding-text button:focus,
.button--grid-padding-text button:focus,
.button--text button:focus,
.button--no-padding-text span.is-button:focus,
.button--grid-padding-text span.is-button:focus,
.button--text span.is-button:focus {
text-decoration: underline;
border-color: transparent;
color: #003E7E;
}
.button--no-padding-text a svg,
.button--grid-padding-text a svg,
.button--text a svg,
.button--no-padding-text button svg,
.button--grid-padding-text button svg,
.button--text button svg,
.button--no-padding-text span.is-button svg,
.button--grid-padding-text span.is-button svg,
.button--text span.is-button svg {
fill: #2A79C4;
}
.button--no-padding-text.button--color-inverted a,
.button--grid-padding-text.button--color-inverted a,
.button--text.button--color-inverted a,
.button--no-padding-text.button--color-inverted button,
.button--grid-padding-text.button--color-inverted button,
.button--text.button--color-inverted button,
.button--no-padding-text.button--color-inverted span.is-button,
.button--grid-padding-text.button--color-inverted span.is-button,
.button--text.button--color-inverted span.is-button {
color: #fff;
}
.button--no-padding-text.button--color-inverted a:hover,
.button--grid-padding-text.button--color-inverted a:hover,
.button--text.button--color-inverted a:hover,
.button--no-padding-text.button--color-inverted button:hover,
.button--grid-padding-text.button--color-inverted button:hover,
.button--text.button--color-inverted button:hover,
.button--no-padding-text.button--color-inverted span.is-button:hover,
.button--grid-padding-text.button--color-inverted span.is-button:hover,
.button--text.button--color-inverted span.is-button:hover,
.button--no-padding-text.button--color-inverted a:active,
.button--grid-padding-text.button--color-inverted a:active,
.button--text.button--color-inverted a:active,
.button--no-padding-text.button--color-inverted button:active,
.button--grid-padding-text.button--color-inverted button:active,
.button--text.button--color-inverted button:active,
.button--no-padding-text.button--color-inverted span.is-button:active,
.button--grid-padding-text.button--color-inverted span.is-button:active,
.button--text.button--color-inverted span.is-button:active,
.button--no-padding-text.button--color-inverted a:focus,
.button--grid-padding-text.button--color-inverted a:focus,
.button--text.button--color-inverted a:focus,
.button--no-padding-text.button--color-inverted button:focus,
.button--grid-padding-text.button--color-inverted button:focus,
.button--text.button--color-inverted button:focus,
.button--no-padding-text.button--color-inverted span.is-button:focus,
.button--grid-padding-text.button--color-inverted span.is-button:focus,
.button--text.button--color-inverted span.is-button:focus {
color: #efefef;
}
.button--no-padding-text.button--color-inverted svg,
.button--grid-padding-text.button--color-inverted svg,
.button--text.button--color-inverted svg {
fill: #fff;
}
.button--no-padding-text.disabled a,
.button--grid-padding-text.disabled a,
.button--text.disabled a,
.button--no-padding-text.disabled button,
.button--grid-padding-text.disabled button,
.button--text.disabled button,
.button--no-padding-text.disabled span.is-button,
.button--grid-padding-text.disabled span.is-button,
.button--text.disabled span.is-button {
color: #848484;
cursor: text;
pointer-events: none;
}
.button--no-padding-text.disabled a:hover,
.button--grid-padding-text.disabled a:hover,
.button--text.disabled a:hover,
.button--no-padding-text.disabled button:hover,
.button--grid-padding-text.disabled button:hover,
.button--text.disabled button:hover,
.button--no-padding-text.disabled span.is-button:hover,
.button--grid-padding-text.disabled span.is-button:hover,
.button--text.disabled span.is-button:hover,
.button--no-padding-text.disabled a:active,
.button--grid-padding-text.disabled a:active,
.button--text.disabled a:active,
.button--no-padding-text.disabled button:active,
.button--grid-padding-text.disabled button:active,
.button--text.disabled button:active,
.button--no-padding-text.disabled span.is-button:active,
.button--grid-padding-text.disabled span.is-button:active,
.button--text.disabled span.is-button:active,
.button--no-padding-text.disabled a:focus,
.button--grid-padding-text.disabled a:focus,
.button--text.disabled a:focus,
.button--no-padding-text.disabled button:focus,
.button--grid-padding-text.disabled button:focus,
.button--text.disabled button:focus,
.button--no-padding-text.disabled span.is-button:focus,
.button--grid-padding-text.disabled span.is-button:focus,
.button--text.disabled span.is-button:focus {
color: #848484;
text-decoration: none;
}
.button--no-padding-text.disabled svg,
.button--grid-padding-text.disabled svg,
.button--text.disabled svg {
fill: #848484;
}
.button--no-padding-text.button--color-inverted.disabled a,
.button--grid-padding-text.button--color-inverted.disabled a,
.button--text.button--color-inverted.disabled a,
.button--no-padding-text.button--color-inverted.disabled button,
.button--grid-padding-text.button--color-inverted.disabled button,
.button--text.button--color-inverted.disabled button,
.button--no-padding-text.button--color-inverted.disabled span.is-button,
.button--grid-padding-text.button--color-inverted.disabled span.is-button,
.button--text.button--color-inverted.disabled span.is-button {
color: rgba(255, 255, 255, 0.6);
cursor: text;
pointer-events: none;
}
.button--no-padding-text.button--color-inverted.disabled a:hover,
.button--grid-padding-text.button--color-inverted.disabled a:hover,
.button--text.button--color-inverted.disabled a:hover,
.button--no-padding-text.button--color-inverted.disabled button:hover,
.button--grid-padding-text.button--color-inverted.disabled button:hover,
.button--text.button--color-inverted.disabled button:hover,
.button--no-padding-text.button--color-inverted.disabled span.is-button:hover,
.button--grid-padding-text.button--color-inverted.disabled span.is-button:hover,
.button--text.button--color-inverted.disabled span.is-button:hover,
.button--no-padding-text.button--color-inverted.disabled a:active,
.button--grid-padding-text.button--color-inverted.disabled a:active,
.button--text.button--color-inverted.disabled a:active,
.button--no-padding-text.button--color-inverted.disabled button:active,
.button--grid-padding-text.button--color-inverted.disabled button:active,
.button--text.button--color-inverted.disabled button:active,
.button--no-padding-text.button--color-inverted.disabled span.is-button:active,
.button--grid-padding-text.button--color-inverted.disabled span.is-button:active,
.button--text.button--color-inverted.disabled span.is-button:active,
.button--no-padding-text.button--color-inverted.disabled a:focus,
.button--grid-padding-text.button--color-inverted.disabled a:focus,
.button--text.button--color-inverted.disabled a:focus,
.button--no-padding-text.button--color-inverted.disabled button:focus,
.button--grid-padding-text.button--color-inverted.disabled button:focus,
.button--text.button--color-inverted.disabled button:focus,
.button--no-padding-text.button--color-inverted.disabled span.is-button:focus,
.button--grid-padding-text.button--color-inverted.disabled span.is-button:focus,
.button--text.button--color-inverted.disabled span.is-button:focus {
color: rgba(255, 255, 255, 0.6);
}
.button--no-padding-text.button--color-inverted.disabled svg,
.button--grid-padding-text.button--color-inverted.disabled svg,
.button--text.button--color-inverted.disabled svg {
fill: rgba(255, 255, 255, 0.6);
}
.button--no-padding-text a {
padding: 0;
}
.button--grid-padding-text a {
padding-left: 2.66666667rem;
padding-right: 2.66666667rem;
}
@media only screen and (min-width: 102.5em) {
.button--grid-padding-text a {
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen and (max-width: 48em) {
.button--grid-padding-text a {
padding-left: 0px;
padding-right: 0px;
}
}
.button .edit-mode-spacer {
padding: 0.25rem 3rem;
}
.button.center-alignment {
justify-content: center;
}
.button.center-alignment + .button {
margin-top: 1rem;
}
.button.transparent-white a,
.button.transparent-white button,
.button.transparent-white span.is-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
border-color: #fff;
color: #fff;
background-color: transparent;
}
html[lang^="cs"] .button.transparent-white a,
html[lang^="cs"] .button.transparent-white button,
html[lang^="cs"] .button.transparent-white span.is-button,
html[lang^="ja"] .button.transparent-white a,
html[lang^="ja"] .button.transparent-white button,
html[lang^="ja"] .button.transparent-white span.is-button,
html[lang^="ko"] .button.transparent-white a,
html[lang^="ko"] .button.transparent-white button,
html[lang^="ko"] .button.transparent-white span.is-button,
html[lang^="pl"] .button.transparent-white a,
html[lang^="pl"] .button.transparent-white button,
html[lang^="pl"] .button.transparent-white span.is-button,
html[lang^="ru"] .button.transparent-white a,
html[lang^="ru"] .button.transparent-white button,
html[lang^="ru"] .button.transparent-white span.is-button,
html[lang^="tr"] .button.transparent-white a,
html[lang^="tr"] .button.transparent-white button,
html[lang^="tr"] .button.transparent-white span.is-button,
html[lang^="zh"] .button.transparent-white a,
html[lang^="zh"] .button.transparent-white button,
html[lang^="zh"] .button.transparent-white span.is-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.button.transparent-white a::after,
.button.transparent-white button::after,
.button.transparent-white span.is-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.button.transparent-white a svg,
.button.transparent-white button svg,
.button.transparent-white span.is-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.button.transparent-white a:active,
.button.transparent-white button:active,
.button.transparent-white span.is-button:active,
.button.transparent-white a:hover,
.button.transparent-white button:hover,
.button.transparent-white span.is-button:hover,
.button.transparent-white a:focus,
.button.transparent-white button:focus,
.button.transparent-white span.is-button:focus {
z-index: 1;
}
.button.transparent-white a:focus,
.button.transparent-white button:focus,
.button.transparent-white span.is-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.button.transparent-white a:hover,
.button.transparent-white button:hover,
.button.transparent-white span.is-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.button.transparent-white a:active,
.button.transparent-white button:active,
.button.transparent-white span.is-button:active {
border-color: #003E7E;
color: #003E7E;
}
.button.transparent-white a:focus,
.button.transparent-white button:focus,
.button.transparent-white span.is-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.button.transparent-white a:hover,
.button.transparent-white button:hover,
.button.transparent-white span.is-button:hover,
.button.transparent-white a:active,
.button.transparent-white button:active,
.button.transparent-white span.is-button:active,
.button.transparent-white a:focus,
.button.transparent-white button:focus,
.button.transparent-white span.is-button:focus {
border-color: #fff;
background-color: rgba(45, 45, 45, 0.1);
color: #fff;
}
.button.transparent-white svg {
fill: #fff;
}
.button.transparent-white.disabled a,
.button.transparent-white.disabled button,
.button.transparent-white.disabled span.is-button {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
cursor: text;
pointer-events: none;
}
.button.transparent-white.disabled a:hover,
.button.transparent-white.disabled button:hover,
.button.transparent-white.disabled span.is-button:hover,
.button.transparent-white.disabled a:active,
.button.transparent-white.disabled button:active,
.button.transparent-white.disabled span.is-button:active,
.button.transparent-white.disabled a:focus,
.button.transparent-white.disabled button:focus,
.button.transparent-white.disabled span.is-button:focus {
border-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
}
.button.transparent-white.disabled svg {
fill: rgba(255, 255, 255, 0.6);
}
/**
* Rockwell Style Utils
*/
.campaign-tags [hidden] {
display: none !important;
}
.campaign-tags__container,
.campaign-tags__content-container,
.campaign-tags__header-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.campaign-tags__background-container {
position: absolute;
width: 100%;
height: 33.438rem;
background: linear-gradient(270deg, #8D0034 0%, #003E7E 52.34%);
}
.campaign-tags__shards-container {
position: absolute;
top: -15.563rem;
left: 0;
height: 75rem;
width: 100%;
overflow: hidden;
/* Shards container with overflow: hidden is necessary to prevent
horizontal scroll when the shards exceed window width */
}
.campaign-tags__shards-left {
position: absolute;
top: 12.875rem;
left: min(-1px, calc(100% - 71rem));
}
.campaign-tags__shards-right {
position: absolute;
top: 0rem;
right: min(-1px, calc(100% - 71rem));
}
@media only screen and (max-width: 63.9375em) {
.campaign-tags__shards-container {
top: -15.563rem;
height: 50rem;
}
.campaign-tags__shards-left {
top: 12.125rem;
left: -8rem;
transform: scale(0.6);
transform-origin: left top;
}
.campaign-tags__shards-right {
top: 8.438rem;
right: -4.875rem;
transform: scale(0.75);
transform-origin: right top;
}
}
.campaign-tags__content-container {
z-index: 1;
max-width: 100rem;
padding: 0 2.5rem;
}
.campaign-tags__header-container {
margin-top: 6.25rem;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 48em) {
.campaign-tags__header-container {
margin-top: 3.125rem;
}
}
.campaign-tags__subtitle {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.75rem;
line-height: 2rem;
}
html[lang^="cs"] .campaign-tags__subtitle,
html[lang^="ja"] .campaign-tags__subtitle,
html[lang^="ko"] .campaign-tags__subtitle,
html[lang^="pl"] .campaign-tags__subtitle,
html[lang^="ru"] .campaign-tags__subtitle,
html[lang^="tr"] .campaign-tags__subtitle,
html[lang^="zh"] .campaign-tags__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 48em) {
.campaign-tags__subtitle {
font-size: 1.125rem;
line-height: 1.5rem;
}
}
.campaign-tags__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1rem;
margin-top: 0.25rem;
}
html[lang^="cs"] .campaign-tags__title,
html[lang^="ja"] .campaign-tags__title,
html[lang^="ko"] .campaign-tags__title,
html[lang^="pl"] .campaign-tags__title,
html[lang^="ru"] .campaign-tags__title,
html[lang^="tr"] .campaign-tags__title,
html[lang^="zh"] .campaign-tags__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.campaign-tags__title {
font-size: 3.5rem;
line-height: 3.5rem;
}
}
@media only screen and (max-width: 48em) {
.campaign-tags__title {
font-size: 1.75rem;
line-height: 2rem;
}
}
.campaign-tags__filter-container,
.campaign-tags__filter-toggle-container {
display: flex;
flex-wrap: wrap;
column-gap: 0.75rem;
row-gap: 1.5rem;
align-items: baseline;
justify-content: center;
}
.campaign-tags__filter-container {
margin-top: 1.625rem;
margin-bottom: 3.75rem;
}
@media only screen and (max-width: 48em) {
.campaign-tags__filter-container {
margin-top: 0.125rem;
margin-bottom: 2.625rem;
}
}
.campaign-tags__filter-text {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.25rem;
line-height: 1.75rem;
}
html[lang^="cs"] .campaign-tags__filter-text,
html[lang^="ja"] .campaign-tags__filter-text,
html[lang^="ko"] .campaign-tags__filter-text,
html[lang^="pl"] .campaign-tags__filter-text,
html[lang^="ru"] .campaign-tags__filter-text,
html[lang^="tr"] .campaign-tags__filter-text,
html[lang^="zh"] .campaign-tags__filter-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__filter-toggle {
cursor: pointer;
}
.campaign-tags__filter-toggle input {
all: unset;
position: absolute;
overflow: hidden;
height: 1px;
width: 1px;
clip: rect(0, 0, 0, 0);
}
.campaign-tags__filter-toggle span {
padding: 0.25rem 0.375rem 0.375rem;
border: 1px solid #fff;
border-radius: 0.25rem;
}
.campaign-tags__filter-toggle:hover span,
.campaign-tags__filter-toggle:focus-within span {
background-color: rgba(45, 45, 45, 0.5);
}
.campaign-tags__filter-toggle input:checked + span {
color: #2A79C4;
background-color: #fff;
}
.campaign-tags__cards-container {
columns: 3;
column-gap: 1.875rem;
}
@media only screen and (max-width: 48em) {
.campaign-tags__cards-container {
display: flex;
columns: 1;
column-gap: 0;
}
}
@media only screen and (max-width: 48em) {
.campaign-tags .glide__track {
width: 100%;
}
}
.campaign-tags__card-wrapper {
display: inline-block;
width: 100%;
margin-bottom: 1.875rem;
}
@media only screen and (max-width: 48em) {
.campaign-tags__card-wrapper {
padding: 0.25rem;
}
}
.campaign-tags__card {
overflow: hidden;
display: block;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
border-radius: 0.25rem;
text-decoration: none;
transition: all 0.3s ease-out;
}
@media only screen and (min-width: 48.0625em) {
.campaign-tags__card:focus,
.campaign-tags__card:hover {
transform: scale(1.05);
}
}
.campaign-tags__card-image {
display: inline-block;
height: 11.25rem;
width: 100%;
object-fit: cover;
object-position: center;
}
.campaign-tags__card-text-container {
width: 100%;
padding: 1.25rem;
text-decoration: none;
display: inline-flex;
flex-direction: column;
}
.campaign-tags__card-subtitle {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
letter-spacing: 0;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
text-transform: uppercase;
}
html[lang^="cs"] .campaign-tags__card-subtitle,
html[lang^="ja"] .campaign-tags__card-subtitle,
html[lang^="ko"] .campaign-tags__card-subtitle,
html[lang^="pl"] .campaign-tags__card-subtitle,
html[lang^="ru"] .campaign-tags__card-subtitle,
html[lang^="tr"] .campaign-tags__card-subtitle,
html[lang^="zh"] .campaign-tags__card-subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__card-title {
margin-top: 0.375rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
color: #2D2D2D;
}
html[lang^="cs"] .campaign-tags__card-title,
html[lang^="ja"] .campaign-tags__card-title,
html[lang^="ko"] .campaign-tags__card-title,
html[lang^="pl"] .campaign-tags__card-title,
html[lang^="ru"] .campaign-tags__card-title,
html[lang^="tr"] .campaign-tags__card-title,
html[lang^="zh"] .campaign-tags__card-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__card-title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .campaign-tags__card-title.highlighted,
html[lang^="ja"] .campaign-tags__card-title.highlighted,
html[lang^="ko"] .campaign-tags__card-title.highlighted,
html[lang^="pl"] .campaign-tags__card-title.highlighted,
html[lang^="ru"] .campaign-tags__card-title.highlighted,
html[lang^="tr"] .campaign-tags__card-title.highlighted,
html[lang^="zh"] .campaign-tags__card-title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.campaign-tags__card-description {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
color: #2D2D2D;
}
html[lang^="cs"] .campaign-tags__card-description,
html[lang^="ja"] .campaign-tags__card-description,
html[lang^="ko"] .campaign-tags__card-description,
html[lang^="pl"] .campaign-tags__card-description,
html[lang^="ru"] .campaign-tags__card-description,
html[lang^="tr"] .campaign-tags__card-description,
html[lang^="zh"] .campaign-tags__card-description {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.campaign-tags__card-link {
margin-top: 1.375rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
gap: 0.375rem;
align-items: baseline;
}
html[lang^="cs"] .campaign-tags__card-link,
html[lang^="ja"] .campaign-tags__card-link,
html[lang^="ko"] .campaign-tags__card-link,
html[lang^="pl"] .campaign-tags__card-link,
html[lang^="ru"] .campaign-tags__card-link,
html[lang^="tr"] .campaign-tags__card-link,
html[lang^="zh"] .campaign-tags__card-link {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__card-link::after {
content: "\232A";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
}
html[lang^="cs"] .campaign-tags__card-link::after,
html[lang^="ja"] .campaign-tags__card-link::after,
html[lang^="ko"] .campaign-tags__card-link::after,
html[lang^="pl"] .campaign-tags__card-link::after,
html[lang^="ru"] .campaign-tags__card-link::after,
html[lang^="tr"] .campaign-tags__card-link::after,
html[lang^="zh"] .campaign-tags__card-link::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.campaign-tags__category-card {
background: linear-gradient(326.23deg, #F58025 -10.63%, #770056 57.5%);
}
@media only screen and (max-width: 48em) {
.campaign-tags__category-card {
display: flex;
align-items: center;
text-decoration: none;
}
}
.campaign-tags__category-card-text-container {
width: 100%;
padding: 1.875rem 1.25rem;
display: inline-flex;
flex-direction: column;
gap: 0.625rem;
align-items: center;
text-align: center;
text-decoration: none;
}
.campaign-tags__category-card-title {
color: #fff;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.25rem;
line-height: 2.75rem;
}
html[lang^="cs"] .campaign-tags__category-card-title,
html[lang^="ja"] .campaign-tags__category-card-title,
html[lang^="ko"] .campaign-tags__category-card-title,
html[lang^="pl"] .campaign-tags__category-card-title,
html[lang^="ru"] .campaign-tags__category-card-title,
html[lang^="tr"] .campaign-tags__category-card-title,
html[lang^="zh"] .campaign-tags__category-card-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.campaign-tags__category-card-subtitle {
color: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.75rem;
line-height: 2rem;
}
html[lang^="cs"] .campaign-tags__category-card-subtitle,
html[lang^="ja"] .campaign-tags__category-card-subtitle,
html[lang^="ko"] .campaign-tags__category-card-subtitle,
html[lang^="pl"] .campaign-tags__category-card-subtitle,
html[lang^="ru"] .campaign-tags__category-card-subtitle,
html[lang^="tr"] .campaign-tags__category-card-subtitle,
html[lang^="zh"] .campaign-tags__category-card-subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__category-card-description {
color: #fff;
}
.campaign-tags__category-card-link {
margin-top: 0.875rem;
display: block;
width: fit-content;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
color: #fff;
border-color: #fff;
background: transparent;
}
html[lang^="cs"] .campaign-tags__category-card-link,
html[lang^="ja"] .campaign-tags__category-card-link,
html[lang^="ko"] .campaign-tags__category-card-link,
html[lang^="pl"] .campaign-tags__category-card-link,
html[lang^="ru"] .campaign-tags__category-card-link,
html[lang^="tr"] .campaign-tags__category-card-link,
html[lang^="zh"] .campaign-tags__category-card-link {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__category-card-link::after {
content: "";
min-height: inherit;
font-size: 0;
}
.campaign-tags__category-card-link svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.campaign-tags__category-card-link:active,
.campaign-tags__category-card-link:hover,
.campaign-tags__category-card-link:focus {
z-index: 1;
}
.campaign-tags__category-card-link:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.campaign-tags__category-card-link:hover {
border-color: #005DB4;
color: #005DB4;
}
.campaign-tags__category-card-link:active {
border-color: #003E7E;
color: #003E7E;
}
.campaign-tags__category-card-link:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.campaign-tags__category-card-link:hover,
.campaign-tags__category-card-link:active,
.campaign-tags__category-card-link:focus {
border-color: #fff;
background-color: rgba(45, 45, 45, 0.1);
color: #fff;
}
.campaign-tags__bullet-container,
.campaign-tags__bullets {
display: flex;
justify-content: center;
align-items: center;
}
.campaign-tags__bullet-container {
gap: 1.125rem;
}
@media only screen and (min-width: 48.0625em) {
.campaign-tags__bullet-container {
display: none;
}
}
.campaign-tags__bullets {
gap: 0.75rem;
}
.campaign-tags__bullet {
all: unset;
width: 0.5rem;
height: 0.5rem;
line-height: 0;
cursor: pointer;
background-color: #fff;
border: solid 1px #6D6E71;
border-radius: 50%;
transition: all 300ms ease-in-out;
}
.campaign-tags__bullet:focus {
outline: none;
}
.campaign-tags__bullet.glide__bullet--active,
.campaign-tags__bullet:hover,
.campaign-tags__bullet:focus {
background-color: #2A79C4;
border-color: #2A79C4;
}
.campaign-tags__arrow {
all: unset;
cursor: pointer;
}
.campaign-tags__arrow svg {
height: 2.25rem;
margin: 0 -0.75rem -0.375rem;
fill: #6D6E71;
}
.campaign-tags__arrow:hover svg {
fill: #2A79C4;
}
.campaign-tags__bottom-link {
margin-top: 1.5rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
display: flex;
gap: 0.375rem;
align-items: baseline;
}
html[lang^="cs"] .campaign-tags__bottom-link,
html[lang^="ja"] .campaign-tags__bottom-link,
html[lang^="ko"] .campaign-tags__bottom-link,
html[lang^="pl"] .campaign-tags__bottom-link,
html[lang^="ru"] .campaign-tags__bottom-link,
html[lang^="tr"] .campaign-tags__bottom-link,
html[lang^="zh"] .campaign-tags__bottom-link {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.campaign-tags__bottom-link::after {
content: "\232A";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
}
html[lang^="cs"] .campaign-tags__bottom-link::after,
html[lang^="ja"] .campaign-tags__bottom-link::after,
html[lang^="ko"] .campaign-tags__bottom-link::after,
html[lang^="pl"] .campaign-tags__bottom-link::after,
html[lang^="ru"] .campaign-tags__bottom-link::after,
html[lang^="tr"] .campaign-tags__bottom-link::after,
html[lang^="zh"] .campaign-tags__bottom-link::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
/**
* Card Row Component
*/
/**
* Rockwell Style Utils
*/
.card-grid {
position: relative;
display: block;
padding: 1rem;
}
.card-grid.intersect-inactive {
overflow: hidden;
}
.card-grid__container.edit-mode {
padding: 1rem 0;
}
.card-grid__container.edit-mode .card {
height: auto;
width: 100%;
}
.card-grid.push-top {
margin-top: 2rem;
}
.card-grid.push-top .card-grid__container {
padding-top: 0;
}
.card-grid.push-bottom {
margin-bottom: 2rem;
}
@media only screen and (max-width: 48em) {
.card-grid + .card-grid {
padding-top: 0;
margin-top: -1rem;
}
}
.column-control .card-grid,
.column-control .card-grid__container {
padding-left: 0;
padding-right: 0;
}
/**
* Card Component
*/
/**
* Rockwell Style Utils
*/
.card {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
height: 100%;
padding: 2rem 2rem 0;
border-radius: 0.25rem;
background-color: #fff;
text-decoration: none;
text-align: center;
border-bottom: 3px solid #CD163F;
z-index: 0;
width: 100%;
transition: all 0.3s ease-out;
}
@media only screen and (min-width: 48.0625em) {
.card:hover,
.card:focus,
.card:active {
transform: scale(1.05);
z-index: 1;
}
}
.card:hover .card__title,
.card:focus .card__title,
.card:active .card__title,
.card:hover .card__subtitle,
.card:focus .card__subtitle,
.card:active .card__subtitle {
color: #CD163F;
}
.card__title,
.card__subtitle,
.card__text,
.card__cta,
.card .stock-timestamp,
.card .stock-quote {
position: relative;
display: block;
color: #43434D;
}
.card__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.75rem;
}
html[lang^="cs"] .card__title,
html[lang^="ja"] .card__title,
html[lang^="ko"] .card__title,
html[lang^="pl"] .card__title,
html[lang^="ru"] .card__title,
html[lang^="tr"] .card__title,
html[lang^="zh"] .card__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.card__subtitle {
margin: 0.5rem 0 0 0;
font-size: 1.5rem;
color: #6D6E71;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .card__subtitle,
html[lang^="ja"] .card__subtitle,
html[lang^="ko"] .card__subtitle,
html[lang^="pl"] .card__subtitle,
html[lang^="ru"] .card__subtitle,
html[lang^="tr"] .card__subtitle,
html[lang^="zh"] .card__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.card__text {
margin-top: 1.125rem;
}
.card__stock {
margin-top: 2.063rem;
}
.card .stock-timestamp {
font-size: 0.75rem;
line-height: 1.375rem;
margin: 0;
}
.card .stock-price,
.card .stock-change {
display: inline-block;
}
.card .stock-change {
margin-left: 0.5rem;
}
.card .stock-change .pos {
color: #77C14C;
}
.card .stock-change .pos::before {
content: "+";
}
.card .stock-change .neg {
color: #CD163F;
}
.card .stock-price {
font-size: 2.5rem;
line-height: 1.375rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .card .stock-price,
html[lang^="ja"] .card .stock-price,
html[lang^="ko"] .card .stock-price,
html[lang^="pl"] .card .stock-price,
html[lang^="ru"] .card .stock-price,
html[lang^="tr"] .card .stock-price,
html[lang^="zh"] .card .stock-price {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.card__cta {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
justify-self: flex-end;
align-self: center;
margin-top: auto;
padding: 3.5rem 0 0.563rem;
color: #CD163F;
}
html[lang^="cs"] .card__cta,
html[lang^="ja"] .card__cta,
html[lang^="ko"] .card__cta,
html[lang^="pl"] .card__cta,
html[lang^="ru"] .card__cta,
html[lang^="tr"] .card__cta,
html[lang^="zh"] .card__cta {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.card.no-link {
cursor: default;
}
.card-grid.intersect-inactive .card {
opacity: 0;
}
.card-grid.intersect-inactive .has-1 .col-mobile:nth-child(1) .card {
transform: translate3d(0, -10%, 0);
}
.card-grid.intersect-inactive .has-2 .col-mobile:nth-child(1) .card {
transform: translate3d(-20%, 0, 0);
}
.card-grid.intersect-inactive .has-2 .col-mobile:nth-child(2) .card {
transform: translate3d(20%, 0, 0);
}
.card-grid.intersect-inactive .has-3 .col-mobile:nth-child(1) .card {
transform: translate3d(-20%, 0, 0);
}
.card-grid.intersect-inactive .has-3 .col-mobile:nth-child(2) .card {
transition-delay: 0.2s;
transform: translate3d(0, 20%, 0);
}
.card-grid.intersect-inactive .has-3 .col-mobile:nth-child(3) .card {
transform: translate3d(20%, 0, 0);
}
.card-grid.intersect-inactive .has-4 .col-mobile:nth-child(1) .card,
.card-grid.intersect-inactive .has-4 .col-mobile:nth-child(2) .card {
transform: translate3d(-20%, 0, 0);
}
.card-grid.intersect-inactive .has-4 .col-mobile:nth-child(3) .card,
.card-grid.intersect-inactive .has-4 .col-mobile:nth-child(4) .card {
transform: translate3d(20%, 0, 0);
}
.card-grid.intersect-active .card {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.card-grid.intersect-active .card:hover,
.card-grid.intersect-active .card:focus,
.card-grid.intersect-active .card:active {
transform: translate3d(0, 0, 0) scale(1.05);
}
.card-grid.intersect-active .has-3 .col-mobile:nth-child(2) .card {
transition-delay: 0.2s;
}
.card-grid.intersect-active .has-3 .col-mobile:nth-child(2) .card:hover {
transition-delay: 0s;
}
/**
* Carousel Styling
*/
.carousel {
display: block;
position: relative;
}
.carousel .cmp-carousel {
background-color: #fff;
}
.carousel .cmp-carousel[data-transparent-bg] {
background-color: transparent;
}
.carousel.push-top {
margin-top: 3.5rem;
}
.carousel.push-bottom {
margin-bottom: 3.5rem;
}
.carousel ul,
.carousel li {
margin: 0;
}
.carousel .glide__slide-container {
width: 100%;
display: flex;
}
@media only screen and (min-width: 48.0625em) {
.carousel .glide__slide-container {
gap: 1rem;
}
}
.carousel .glide__slides,
.carousel .carousel-slide,
.carousel .cmp-carousel-slide,
.carousel .cmp-carousel-slide__content,
.carousel .cmp-carousel-slide__content > div {
height: 100%;
}
.carousel .glide__slide {
/* Use padding on slides instead of margins or the glide.js gap option
to prevent card magnification on hover from being cut off by
overflow:hidden */
padding: 1rem;
}
@media only screen and (max-width: 48em) {
.carousel .glide__slide {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
.carousel .glide__arrow-wrapper {
align-self: center;
}
.carousel .glide__arrow-desktop,
.carousel .glide__arrow-mobile {
all: unset;
cursor: pointer;
}
.carousel .glide__arrow-desktop svg,
.carousel .glide__arrow-mobile svg {
fill: #6D6E71;
}
.carousel .glide__arrow-desktop:hover svg,
.carousel .glide__arrow-mobile:hover svg {
fill: #2A79C4;
}
.carousel .glide__arrow-desktop:focus,
.carousel .glide__arrow-mobile:focus {
outline: #2A79C4 solid 3px;
border-radius: 5px;
}
.carousel__container[data-cmp-type="slider"] .glide__arrow--disabled {
visibility: hidden;
pointer-events: none;
}
.carousel .glide__arrow-desktop svg {
height: 4rem;
margin: 0 -1.25rem;
}
@media only screen and (max-width: 48em) {
.carousel .glide__arrow-desktop {
display: none;
}
}
.carousel .glide__arrow-mobile svg {
height: 2.25rem;
margin: 0 -0.75rem -0.375rem;
}
@media only screen and (min-width: 48.0625em) {
.carousel .glide__arrow-mobile {
display: none;
}
}
.carousel .glide__bullet-container,
.carousel .glide__bullets {
display: flex;
justify-content: center;
align-items: center;
}
.carousel .glide__bullet-container {
margin-top: 1rem;
gap: 1.125rem;
}
.carousel .glide__bullets {
gap: 0.75rem;
}
.carousel .glide__bullet {
all: unset;
width: 0.5rem;
height: 0.5rem;
line-height: 0;
cursor: pointer;
background-color: #fff;
border: solid 1px #6D6E71;
border-radius: 50%;
transition: all 300ms ease-in-out;
}
.carousel .glide__bullet:focus {
outline: none;
}
.carousel .glide__bullet.glide__bullet--active,
.carousel .glide__bullet:hover,
.carousel .glide__bullet:focus {
background-color: #2A79C4;
border-color: #2A79C4;
}
.carousel:hover .glide__arrow {
display: block;
}
.carousel .hide-dots .glide__bullets {
display: none;
}
.carousel__container.edit-mode .glide__slide:not(.carousel__item--active) {
display: none;
}
.carousel.carousel--affinity-teaser-carousel .teaser__container.layout-card:hover {
transform: none;
}
.carousel.carousel--affinity-teaser-carousel.carousel--has-column-control-with-teasers .glide__slides {
height: auto;
}
/**
* Column Control Component
*/
/**
* Rockwell Style Utils
*/
.column-control__container.edit-mode {
padding: 1.25rem;
}
.column-control__container.edit-mode .teaser {
height: auto;
}
.column-control__container.narrow-content {
max-width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.column-control__container.narrow-content {
max-width: 50.813rem;
}
}
.column-control__container.center-inline-content .col-mobile,
.column-control__container.inline-content .col-mobile {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 0;
}
@media only screen and (max-width: 48em) {
.column-control__container.center-inline-content .col-mobile,
.column-control__container.inline-content .col-mobile {
justify-content: center;
text-align: center;
}
}
.column-control__container.center-inline-content .link,
.column-control__container.inline-content .link {
margin-right: 2rem;
}
@media only screen and (max-width: 48em) {
.column-control__container.center-inline-content .link,
.column-control__container.inline-content .link {
margin-right: 1rem;
margin-left: 1rem;
}
}
.column-control__container.center-inline-content .button,
.column-control__container.inline-content .button {
margin-right: 1.25rem;
}
@media only screen and (max-width: 48em) {
.column-control__container.center-inline-content .button,
.column-control__container.inline-content .button {
margin-right: 0.625rem;
margin-left: 0.625rem;
display: flex;
}
}
.column-control__container.center-inline-content .button,
.column-control__container.inline-content .button,
.column-control__container.center-inline-content .link,
.column-control__container.inline-content .link {
display: inline-flex;
margin-bottom: 1.15rem;
}
@media only screen and (min-width: 48.0625em) {
.column-control__container.center-inline-content .button:last-child,
.column-control__container.inline-content .button:last-child,
.column-control__container.center-inline-content .link:last-child,
.column-control__container.inline-content .link:last-child {
margin-right: 0;
}
}
.column-control__container.center-inline-content .col-mobile {
justify-content: center;
text-align: center;
}
@media only screen and (min-width: 48.0625em) {
.column-control__container .col-desktop-5-col {
width: 20%;
flex-basis: 20%;
max-width: 20%;
}
.column-control__container .col-desktop-7-col {
width: 14.28571429%;
flex-basis: 14.28571429%;
max-width: 14.28571429%;
}
.column-control__container .col-desktop-8-col {
width: 12.5%;
flex-basis: 12.5%;
max-width: 12.5%;
}
.column-control__container .col-desktop-9-col {
width: 11.11111111%;
flex-basis: 11.11111111%;
max-width: 11.11111111%;
}
.column-control__container .col-desktop-10-col {
width: 10%;
flex-basis: 10%;
max-width: 10%;
}
.column-control__container .col-desktop-11-col {
width: 9.09090909%;
flex-basis: 9.09090909%;
max-width: 9.09090909%;
}
.column-control__container .col-desktop-fit {
flex: 1;
}
}
@media only screen and (max-width: 48em) {
.column-control__container .col-mobile.col-desktop-static {
flex: unset;
}
.column-control__container .col-mobile.col-desktop-fit {
flex: 1;
}
}
@media only screen and (max-width: 48em) {
.column-control + .column-control {
margin-top: 0 !important;
}
}
.column-control.authoring-component-label {
opacity: 0 !important;
}
.column-control.authoring-component-outline {
opacity: 0 !important;
}
/* stylelint-disable less/no-duplicate-variables */
/**
* Listing Component
*/
/**
* Rockwell Style Utils
*/
.company-news {
position: relative;
display: block;
}
@media only screen and (max-width: 48em) {
.company-news {
display: flex;
flex-direction: column;
}
}
.company-news__container {
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
gap: 1rem;
width: 30%;
padding-top: 80px;
padding-bottom: calc(5% + 215px);
}
@media only screen and (max-width: 96em) {
.company-news__container {
width: 40%;
}
}
@media only screen and (max-width: 48em) {
.company-news__container {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
}
.company-news__header {
display: flex;
flex-direction: column;
width: 100%;
}
.company-news__header-lead {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-weight: 700;
font-size: 1.75rem;
}
html[lang^="cs"] .company-news__header-lead,
html[lang^="ja"] .company-news__header-lead,
html[lang^="ko"] .company-news__header-lead,
html[lang^="pl"] .company-news__header-lead,
html[lang^="ru"] .company-news__header-lead,
html[lang^="tr"] .company-news__header-lead,
html[lang^="zh"] .company-news__header-lead {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 48em) {
.company-news__header-lead {
font-size: 1.125rem;
}
}
.company-news__header-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-weight: 500;
font-size: 3.5rem;
line-height: 3.125rem;
}
html[lang^="cs"] .company-news__header-title,
html[lang^="ja"] .company-news__header-title,
html[lang^="ko"] .company-news__header-title,
html[lang^="pl"] .company-news__header-title,
html[lang^="ru"] .company-news__header-title,
html[lang^="tr"] .company-news__header-title,
html[lang^="zh"] .company-news__header-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.company-news__header-title {
font-size: 1.75rem;
line-height: 2rem;
}
}
.company-news__result-list {
display: flex;
flex-direction: column;
width: 100%;
}
.company-news__image {
position: absolute;
}
.company-news__image-1 {
height: 215px;
width: 657px;
left: -80px;
bottom: 35px;
}
.company-news__image-1-bg-1 {
z-index: 1;
position: absolute;
left: 0;
top: 10px;
}
.company-news__image-1-bg-2 {
z-index: 1;
position: absolute;
left: 400px;
top: 40px;
}
.company-news__image-1 img {
clip-path: url("#image-mask-1-xl");
z-index: 2;
position: relative;
height: 100%;
width: 100%;
object-fit: cover;
}
@media only screen and (max-width: 96em) {
.company-news__image-1 {
height: 195px;
width: 595px;
left: -40px;
}
.company-news__image-1 .company-news__image-1-bg-1 {
top: -40px;
left: -80px;
}
.company-news__image-1 .company-news__image-1-bg-1 svg {
width: 620px;
}
.company-news__image-1 .company-news__image-1-bg-2 {
top: 15px;
left: 200px;
}
.company-news__image-1 .company-news__image-1-bg-2 svg {
width: 315px;
}
.company-news__image-1 img {
clip-path: url("#image-mask-1");
}
}
@media only screen and (max-width: 80.0625em) {
.company-news__image-1 {
height: 147px;
width: 450px;
left: -30px;
}
.company-news__image-1 img {
clip-path: url("#image-mask-1-m");
}
.company-news__image-1 .company-news__image-1-bg-1 svg {
width: 578px;
}
.company-news__image-1 .company-news__image-1-bg-2 {
top: 0px;
left: 160px;
}
.company-news__image-1 .company-news__image-1-bg-2 svg {
width: 275px;
}
}
@media only screen and (max-width: 48em) {
.company-news__image-1 {
height: 114px;
width: 349px;
bottom: 22px;
}
.company-news__image-1 img {
clip-path: url("#image-mask-1-s");
}
.company-news__image-1 .company-news__image-1-bg-1 {
top: -70px;
}
.company-news__image-1 .company-news__image-1-bg-1 svg {
width: 470px;
}
.company-news__image-1 .company-news__image-1-bg-2 {
top: -30px;
left: 129px;
}
.company-news__image-1 .company-news__image-1-bg-2 svg {
width: 200px;
}
}
.company-news__image-2 {
height: 288px;
width: 363px;
right: -30px;
bottom: 100px;
}
.company-news__image-2 img {
clip-path: url("#image-mask-2");
height: 100%;
width: 100%;
object-fit: cover;
}
@media only screen and (max-width: 80.0625em) {
.company-news__image-2 {
width: 287px;
height: 238px;
bottom: 200px;
}
.company-news__image-2 img {
clip-path: url("#image-mask-2-m");
}
}
@media only screen and (max-width: 48em) {
.company-news__image-2 {
height: 168px;
right: -75px;
bottom: 160px;
}
.company-news__image-2 img {
clip-path: url("#image-mask-2-s");
}
}
.company-news__image-3 {
height: 382px;
width: 625px;
left: 51%;
bottom: 16%;
}
.company-news__image-3 img {
clip-path: url("#image-mask-3");
z-index: 2;
position: relative;
height: 100%;
width: 100%;
object-fit: cover;
}
.company-news__image-3-bg {
z-index: 1;
position: absolute;
left: 315px;
top: 45px;
}
@media only screen and (max-width: 96em) {
.company-news__image-3 {
left: 42%;
}
}
@media only screen and (max-width: 80.0625em) {
.company-news__image-3 {
width: 494px;
height: 302px;
bottom: 32%;
left: 43%;
}
.company-news__image-3 img {
clip-path: url("#image-mask-3-m");
}
.company-news__image-3 .company-news__image-3-bg {
left: 260px;
top: 0px;
}
.company-news__image-3 svg {
width: 230px;
}
}
@media only screen and (max-width: 48em) {
.company-news__image-3 {
width: 307px;
height: 187px;
bottom: 58%;
left: 4%;
}
.company-news__image-3 img {
clip-path: url("#image-mask-3-s");
}
.company-news__image-3 .company-news__image-3-bg {
left: 178px;
top: -75px;
}
.company-news__image-3 .company-news__image-3-bg svg {
width: 130px;
}
}
.company-news__image-4 {
height: 213px;
width: 348px;
left: 38%;
top: 22%;
}
.company-news__image-4 img {
clip-path: url("#image-mask-4");
height: 100%;
width: 100%;
object-fit: cover;
}
@media only screen and (max-width: 96em) {
.company-news__image-4 {
left: 41%;
top: calc(5% + 140px);
}
}
@media only screen and (max-width: 80.0625em) {
.company-news__image-4 {
height: 170px;
width: 275px;
top: calc(5% + 100px);
}
.company-news__image-4 img {
clip-path: url("#image-mask-4-m");
}
}
@media only screen and (max-width: 48em) {
.company-news__image-4 {
display: none;
}
}
.company-news__image-5 {
width: 648px;
height: 361px;
right: -30px;
}
.company-news__image-5 img {
clip-path: url("#image-mask-5-xl");
z-index: 2;
position: relative;
height: 100%;
width: 100%;
object-fit: cover;
}
.company-news__image-5-bg {
z-index: 1;
position: absolute;
left: 179px;
top: -15px;
}
@media only screen and (max-width: 96em) {
.company-news__image-5 {
width: 565px;
}
.company-news__image-5 img {
clip-path: url("#image-mask-5");
}
}
@media only screen and (max-width: 80.0625em) {
.company-news__image-5 {
width: 360px;
height: 295px;
}
.company-news__image-5 img {
clip-path: url("#image-mask-5-m");
}
.company-news__image-5 svg {
width: 180px;
}
}
@media only screen and (max-width: 48em) {
.company-news__image-5 {
display: none;
}
}
.company-news__image-container {
position: absolute;
width: 100%;
height: 100%;
overflow: visible;
top: 0;
}
@media only screen and (max-width: 48em) {
.company-news__image-container {
position: relative;
height: 370px;
margin-top: 30px;
}
}
.company-news__icon-container {
height: 0;
overflow: hidden;
}
.company-news__result {
position: relative;
display: flex;
flex-flow: column nowrap;
padding: 16px 0;
border-bottom: 1px solid #E5E6E9;
}
.company-news__result:last-child {
border-bottom: none;
}
.company-news__result-content {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
}
.company-news__result-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.25rem;
line-height: 1.75rem;
display: inline-flex;
text-decoration: none;
color: #2d2d2d;
}
html[lang^="cs"] .company-news__result-title,
html[lang^="ja"] .company-news__result-title,
html[lang^="ko"] .company-news__result-title,
html[lang^="pl"] .company-news__result-title,
html[lang^="ru"] .company-news__result-title,
html[lang^="tr"] .company-news__result-title,
html[lang^="zh"] .company-news__result-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.company-news__result-title {
font-size: 1rem;
line-height: 1.375rem;
}
}
.company-news__result-link {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
all: unset;
display: flex;
color: #2A79C4;
transition: all 0.2s ease-in-out;
}
html[lang^="cs"] .company-news__result-link,
html[lang^="ja"] .company-news__result-link,
html[lang^="ko"] .company-news__result-link,
html[lang^="pl"] .company-news__result-link,
html[lang^="ru"] .company-news__result-link,
html[lang^="tr"] .company-news__result-link,
html[lang^="zh"] .company-news__result-link {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.company-news__result-link-container {
display: flex;
flex-flow: row wrap;
cursor: pointer;
width: fit-content;
align-content: center;
text-decoration: none;
}
.company-news__result-link-container:hover .company-news__result-link {
color: #003E7E;
}
.company-news__result-link-container:hover .company-news__result-link-icon {
fill: #003E7E;
}
.company-news__result-link-icon {
width: 20px;
fill: #2A79C4;
margin-top: 3.5px;
transition: all 0.2s ease-in-out;
}
/**
* Content Fragment List Styling
*/
.content-fragment-list {
width: 100%;
display: flex;
/* Calendar Styles */
}
.content-fragment-list__container {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.content-fragment-list__main-container {
display: flex;
gap: 5%;
}
.content-fragment-list__tiles {
width: 76%;
display: flex;
flex-direction: column;
flex-grow: 1;
margin: 50px 0 0 0;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__tiles {
margin: 0;
width: 100%;
}
}
.content-fragment-list__tile-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.content-fragment-list__container-npi .content-fragment-list__tile {
display: flex;
position: relative;
width: calc(33.33333% - 25px);
flex-direction: column;
margin: 12.5px;
background-color: #fff;
text-align: left;
justify-content: flex-start;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
z-index: 1;
}
@media only screen and (max-width: 48em) {
.content-fragment-list__container-npi .content-fragment-list__tile {
width: 100%;
flex-direction: column;
margin: 0 0 18px;
padding: 16px;
}
}
.content-fragment-list__container-npi .content-fragment-list__tile-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.content-fragment-list__container-vulnerabilities .content-fragment-list__tile {
display: flex;
width: 100%;
flex-direction: column;
margin: 0 0 40px;
background-color: #fff;
text-align: left;
justify-content: flex-start;
}
.content-fragment-list__container-vulnerabilities .content-fragment-list__tile-content-container {
margin: 0;
}
.content-fragment-list__tile-image-container {
height: auto;
z-index: 1;
display: flex;
justify-content: center;
}
.content-fragment-list__tile-image {
height: 100%;
width: 100%;
}
.content-fragment-list__tile-content-container {
display: flex;
flex-direction: column;
justify-content: center;
z-index: 1;
margin: 8px 20px 20px 20px;
gap: 4px;
}
.content-fragment-list__tile-title-container,
.content-fragment-list__tile-partner-container {
width: 100%;
}
.content-fragment-list__tile-booth-number-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 2px;
margin: 10px 0 6px;
}
.content-fragment-list__container-npi .content-fragment-list__tile-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 1.25rem;
line-height: 1.5rem;
}
html[lang^="cs"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="ja"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="ko"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="pl"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="ru"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="tr"] .content-fragment-list__container-npi .content-fragment-list__tile-title,
html[lang^="zh"] .content-fragment-list__container-npi .content-fragment-list__tile-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 1.125rem;
line-height: 1.5rem;
text-decoration: none;
}
html[lang^="cs"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="ja"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="ko"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="pl"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="ru"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="tr"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title,
html[lang^="zh"] .content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__container-vulnerabilities .content-fragment-list__tile-title:hover {
color: #2A79C4;
text-decoration: underline;
}
.content-fragment-list__tile-partner {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
font-size: 0.875rem;
line-height: 1.375rem;
text-transform: uppercase;
}
html[lang^="cs"] .content-fragment-list__tile-partner,
html[lang^="ja"] .content-fragment-list__tile-partner,
html[lang^="ko"] .content-fragment-list__tile-partner,
html[lang^="pl"] .content-fragment-list__tile-partner,
html[lang^="ru"] .content-fragment-list__tile-partner,
html[lang^="tr"] .content-fragment-list__tile-partner,
html[lang^="zh"] .content-fragment-list__tile-partner {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__tile-pub-date {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
font-size: 0.875rem;
line-height: 1.375rem;
text-transform: uppercase;
}
html[lang^="cs"] .content-fragment-list__tile-pub-date,
html[lang^="ja"] .content-fragment-list__tile-pub-date,
html[lang^="ko"] .content-fragment-list__tile-pub-date,
html[lang^="pl"] .content-fragment-list__tile-pub-date,
html[lang^="ru"] .content-fragment-list__tile-pub-date,
html[lang^="tr"] .content-fragment-list__tile-pub-date,
html[lang^="zh"] .content-fragment-list__tile-pub-date {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__tile-booth-number-label {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 0.875rem;
line-height: 1.125rem;
}
html[lang^="cs"] .content-fragment-list__tile-booth-number-label,
html[lang^="ja"] .content-fragment-list__tile-booth-number-label,
html[lang^="ko"] .content-fragment-list__tile-booth-number-label,
html[lang^="pl"] .content-fragment-list__tile-booth-number-label,
html[lang^="ru"] .content-fragment-list__tile-booth-number-label,
html[lang^="tr"] .content-fragment-list__tile-booth-number-label,
html[lang^="zh"] .content-fragment-list__tile-booth-number-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-fragment-list__tile-booth-number {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 0.875rem;
line-height: 1.125rem;
}
html[lang^="cs"] .content-fragment-list__tile-booth-number,
html[lang^="ja"] .content-fragment-list__tile-booth-number,
html[lang^="ko"] .content-fragment-list__tile-booth-number,
html[lang^="pl"] .content-fragment-list__tile-booth-number,
html[lang^="ru"] .content-fragment-list__tile-booth-number,
html[lang^="tr"] .content-fragment-list__tile-booth-number,
html[lang^="zh"] .content-fragment-list__tile-booth-number {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__tile-info-container {
display: flex;
flex-direction: row;
}
.content-fragment-list__tile-info-item {
display: flex;
flex-direction: column;
width: 33%;
}
.content-fragment-list__tile-info-item-label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
font-size: 0.875rem;
line-height: 1.375rem;
text-transform: uppercase;
}
html[lang^="cs"] .content-fragment-list__tile-info-item-label,
html[lang^="ja"] .content-fragment-list__tile-info-item-label,
html[lang^="ko"] .content-fragment-list__tile-info-item-label,
html[lang^="pl"] .content-fragment-list__tile-info-item-label,
html[lang^="ru"] .content-fragment-list__tile-info-item-label,
html[lang^="tr"] .content-fragment-list__tile-info-item-label,
html[lang^="zh"] .content-fragment-list__tile-info-item-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__tile-info-item-value {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 0.875rem;
line-height: 1.375rem;
}
html[lang^="cs"] .content-fragment-list__tile-info-item-value,
html[lang^="ja"] .content-fragment-list__tile-info-item-value,
html[lang^="ko"] .content-fragment-list__tile-info-item-value,
html[lang^="pl"] .content-fragment-list__tile-info-item-value,
html[lang^="ru"] .content-fragment-list__tile-info-item-value,
html[lang^="tr"] .content-fragment-list__tile-info-item-value,
html[lang^="zh"] .content-fragment-list__tile-info-item-value {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__tile-vulnerability-id-list {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 1.125rem;
line-height: 1.5rem;
margin-left: 5px;
font-style: italic;
}
html[lang^="cs"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="ja"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="ko"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="pl"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="ru"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="tr"] .content-fragment-list__tile-vulnerability-id-list,
html[lang^="zh"] .content-fragment-list__tile-vulnerability-id-list {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__popup-container {
display: flex;
flex-direction: row;
gap: 32px;
margin: 16px;
}
@media only screen and (max-width: 48em) {
.content-fragment-list__popup-container {
flex-direction: column;
}
}
.content-fragment-list__image-carousel {
width: 45%;
}
@media only screen and (max-width: 48em) {
.content-fragment-list__image-carousel {
margin: auto;
}
}
.content-fragment-list__image-carousel.carousel .glide__arrow-mobile {
display: inline-block;
}
.content-fragment-list__popup-image-container {
width: 45%;
}
.content-fragment-list__product-image {
width: 100%;
height: 100%;
}
.content-fragment-list__product-image img {
width: 100%;
height: 100%;
}
.content-fragment-list__popup-text-container {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
}
@media only screen and (max-width: 48em) {
.content-fragment-list__popup-text-container {
margin: auto;
}
}
.content-fragment-list__container-npi .content-fragment-list__popup-text-container {
width: 55%;
}
.content-fragment-list__partner-logo {
height: 75px;
}
.content-fragment-list__partner-logo img {
height: 100%;
}
.content-fragment-list__popup-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 1.5rem;
line-height: normal;
}
html[lang^="cs"] .content-fragment-list__popup-title,
html[lang^="ja"] .content-fragment-list__popup-title,
html[lang^="ko"] .content-fragment-list__popup-title,
html[lang^="pl"] .content-fragment-list__popup-title,
html[lang^="ru"] .content-fragment-list__popup-title,
html[lang^="tr"] .content-fragment-list__popup-title,
html[lang^="zh"] .content-fragment-list__popup-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__description-container {
width: 100%;
}
.content-fragment-list__description {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
}
html[lang^="cs"] .content-fragment-list__description,
html[lang^="ja"] .content-fragment-list__description,
html[lang^="ko"] .content-fragment-list__description,
html[lang^="pl"] .content-fragment-list__description,
html[lang^="ru"] .content-fragment-list__description,
html[lang^="tr"] .content-fragment-list__description,
html[lang^="zh"] .content-fragment-list__description {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__description p {
margin: 0;
}
.content-fragment-list__detail-button {
margin-top: 12px;
}
.content-fragment-list__filter-form {
display: flex;
flex-direction: column;
margin: 0;
width: 19%;
transition: 0.35s ease-in-out;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-form {
display: flex;
left: 110vw;
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 100000;
margin: 0;
padding: 0;
background-color: #fff;
overflow-y: scroll;
}
.content-fragment-list__filter-form[open='true'] {
left: 0;
}
}
.content-fragment-list__search-container,
.content-fragment-list__filter-date-container,
.content-fragment-list__datepicker-fake-container {
display: flex;
justify-content: flex-start;
border: 1px solid #E5E6E9;
border-radius: 6px;
gap: 5px;
}
.content-fragment-list__search-container input,
.content-fragment-list__filter-date-container input,
.content-fragment-list__datepicker-fake-container input {
height: fit-content;
padding: 13px 12px;
border: none;
outline: none;
border-radius: 6px;
width: 100%;
z-index: 2;
background: transparent;
}
.content-fragment-list__search-container input:not(:placeholder-shown) + label,
.content-fragment-list__filter-date-container input:not(:placeholder-shown) + label,
.content-fragment-list__datepicker-fake-container input:not(:placeholder-shown) + label,
.content-fragment-list__search-container input:focus + label,
.content-fragment-list__filter-date-container input:focus + label,
.content-fragment-list__datepicker-fake-container input:focus + label {
font-size: 14px;
margin-top: -13px;
margin-left: 10px;
padding-left: 5px;
padding-right: 5px;
background: #fff;
}
.content-fragment-list__search-container label,
.content-fragment-list__filter-date-container label,
.content-fragment-list__datepicker-fake-container label {
position: absolute;
margin-left: 40px;
cursor: text;
margin-top: 10px;
transition: all 0.3s ease;
max-width: 80%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
user-select: none;
color: #43434D;
z-index: 1;
}
.content-fragment-list__search-container:focus-within,
.content-fragment-list__filter-date-container:focus-within,
.content-fragment-list__datepicker-fake-container:focus-within {
border: 2px solid #2A79C4;
}
.content-fragment-list__search-container:hover {
border: 2px solid #2D2D2D;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__search-container {
margin: 25px 20px 0px 20px;
}
}
.content-fragment-list__search-container svg {
fill: #6D6E71;
width: 16px;
height: 16px;
z-index: 2;
}
.content-fragment-list__filter-date-container {
width: calc(50% - 5px);
flex-grow: 1;
min-width: 125px;
}
.content-fragment-list__filter-date-container svg {
fill: #6D6E71;
width: 16px;
height: 16px;
z-index: 2;
}
.content-fragment-list__datepicker-fake-container {
position: relative;
margin-top: 16px;
}
.content-fragment-list__datepicker-fake-container svg {
fill: #6D6E71;
width: 25px;
height: 25px;
z-index: 2;
}
.content-fragment-list__datepickers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 18px;
gap: 20px;
width: 100%;
}
.content-fragment-list__select-container {
display: flex;
height: fit-content;
cursor: pointer;
margin-top: auto;
margin-bottom: auto;
}
.content-fragment-list__search-icon {
margin-left: 12px;
margin-top: 12px;
}
.content-fragment-list__calendar-icon {
margin-top: 4px;
}
.content-fragment-list__calendar-icon svg {
fill: #6D6E71;
width: 16px;
height: 16px;
z-index: 2;
}
.content-fragment-list__select-icon {
height: fit-content;
margin-top: auto;
margin-bottom: auto;
margin-right: 10px;
}
.content-fragment-list__select-icon svg {
width: 12px;
fill: #6D6E71;
z-index: 1;
}
.content-fragment-list__sort-container,
.content-fragment-list__page-size-form {
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
.content-fragment-list__sort-container select,
.content-fragment-list__page-size-form select {
visibility: hidden;
position: absolute;
height: fit-content;
align-self: center;
z-index: -1;
background: transparent;
outline: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 5px;
cursor: pointer;
}
.content-fragment-list__sort-container select:focus + .content-fragment-list__select-icon svg,
.content-fragment-list__page-size-form select:focus + .content-fragment-list__select-icon svg {
transform: rotate(180deg);
}
.content-fragment-list__sort-container label,
.content-fragment-list__page-size-form label {
align-self: center;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
}
html[lang^="cs"] .content-fragment-list__sort-container label,
html[lang^="cs"] .content-fragment-list__page-size-form label,
html[lang^="ja"] .content-fragment-list__sort-container label,
html[lang^="ja"] .content-fragment-list__page-size-form label,
html[lang^="ko"] .content-fragment-list__sort-container label,
html[lang^="ko"] .content-fragment-list__page-size-form label,
html[lang^="pl"] .content-fragment-list__sort-container label,
html[lang^="pl"] .content-fragment-list__page-size-form label,
html[lang^="ru"] .content-fragment-list__sort-container label,
html[lang^="ru"] .content-fragment-list__page-size-form label,
html[lang^="tr"] .content-fragment-list__sort-container label,
html[lang^="tr"] .content-fragment-list__page-size-form label,
html[lang^="zh"] .content-fragment-list__sort-container label,
html[lang^="zh"] .content-fragment-list__page-size-form label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-fragment-list__sort-container option,
.content-fragment-list__page-size-form option {
display: none;
}
.content-fragment-list__sort-container {
margin-left: auto;
margin-right: 10px;
margin-bottom: 11px;
}
.content-fragment-list__result-count-container {
display: flex;
gap: 5px;
align-items: center;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
margin-bottom: 11px;
}
html[lang^="cs"] .content-fragment-list__result-count-container,
html[lang^="ja"] .content-fragment-list__result-count-container,
html[lang^="ko"] .content-fragment-list__result-count-container,
html[lang^="pl"] .content-fragment-list__result-count-container,
html[lang^="ru"] .content-fragment-list__result-count-container,
html[lang^="tr"] .content-fragment-list__result-count-container,
html[lang^="zh"] .content-fragment-list__result-count-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-fragment-list__result-count-start-end {
display: flex;
gap: 1px;
}
.content-fragment-list__select {
display: none;
position: absolute;
background: #fff;
z-index: 2;
margin-top: 43px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.content-fragment-list__select.active {
display: block;
}
.content-fragment-list__select.active ~ .content-fragment-list__select-label::after {
transform: scale(1.1, 0.6) rotate(0.5turn);
}
.content-fragment-list__select-label {
display: flex;
gap: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
color: #2D2D2D;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
html[lang^="cs"] .content-fragment-list__select-label,
html[lang^="ja"] .content-fragment-list__select-label,
html[lang^="ko"] .content-fragment-list__select-label,
html[lang^="pl"] .content-fragment-list__select-label,
html[lang^="ru"] .content-fragment-list__select-label,
html[lang^="tr"] .content-fragment-list__select-label,
html[lang^="zh"] .content-fragment-list__select-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__select-label::after {
content: "\25BC";
display: block;
transform: scale(1.1, 0.6);
transition: transform 0.4s;
}
.content-fragment-list__select ul {
display: flex;
flex-direction: column;
width: 100%;
padding: 20px;
margin: 0;
gap: 8px;
}
.content-fragment-list__select li {
list-style: none;
cursor: pointer;
font-size: 0.875rem;
line-height: 1.313rem;
margin: 0;
white-space: nowrap;
color: #2A79C4;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .content-fragment-list__select li,
html[lang^="ja"] .content-fragment-list__select li,
html[lang^="ko"] .content-fragment-list__select li,
html[lang^="pl"] .content-fragment-list__select li,
html[lang^="ru"] .content-fragment-list__select li,
html[lang^="tr"] .content-fragment-list__select li,
html[lang^="zh"] .content-fragment-list__select li {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__select li:hover {
text-decoration: underline;
}
.content-fragment-list__select li.selected {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #005DB4;
}
html[lang^="cs"] .content-fragment-list__select li.selected,
html[lang^="ja"] .content-fragment-list__select li.selected,
html[lang^="ko"] .content-fragment-list__select li.selected,
html[lang^="pl"] .content-fragment-list__select li.selected,
html[lang^="ru"] .content-fragment-list__select li.selected,
html[lang^="tr"] .content-fragment-list__select li.selected,
html[lang^="zh"] .content-fragment-list__select li.selected {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filters {
margin: 0px 20px;
padding-top: 5px;
}
}
.content-fragment-list__filter-header-container {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-header-container {
padding: 0 8px;
}
}
.content-fragment-list__filter-header {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 8px 0;
}
html[lang^="cs"] .content-fragment-list__filter-header,
html[lang^="ja"] .content-fragment-list__filter-header,
html[lang^="ko"] .content-fragment-list__filter-header,
html[lang^="pl"] .content-fragment-list__filter-header,
html[lang^="ru"] .content-fragment-list__filter-header,
html[lang^="tr"] .content-fragment-list__filter-header,
html[lang^="zh"] .content-fragment-list__filter-header {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-header {
display: none;
}
}
.content-fragment-list__filter-header-desktop {
display: flex;
width: 526%;
gap: 5%;
height: 50px;
}
.content-fragment-list__filter-header-desktop-left {
width: 19%;
}
.content-fragment-list__filter-header-desktop-right {
width: 76%;
display: flex;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-header-desktop {
display: none;
}
}
.content-fragment-list__clear-filters {
all: unset;
cursor: pointer;
color: #2A79C4;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .content-fragment-list__clear-filters,
html[lang^="ja"] .content-fragment-list__clear-filters,
html[lang^="ko"] .content-fragment-list__clear-filters,
html[lang^="pl"] .content-fragment-list__clear-filters,
html[lang^="ru"] .content-fragment-list__clear-filters,
html[lang^="tr"] .content-fragment-list__clear-filters,
html[lang^="zh"] .content-fragment-list__clear-filters {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__clear-filters {
font-size: 16px;
}
}
.content-fragment-list__filter-header-mobile {
display: none;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
background: #fff;
width: 100%;
padding: 16px 20px;
text-align: left;
font-size: 22px;
color: #2D2D2D;
position: sticky;
top: 0;
z-index: 4;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
flex-direction: column;
}
html[lang^="cs"] .content-fragment-list__filter-header-mobile,
html[lang^="ja"] .content-fragment-list__filter-header-mobile,
html[lang^="ko"] .content-fragment-list__filter-header-mobile,
html[lang^="pl"] .content-fragment-list__filter-header-mobile,
html[lang^="ru"] .content-fragment-list__filter-header-mobile,
html[lang^="tr"] .content-fragment-list__filter-header-mobile,
html[lang^="zh"] .content-fragment-list__filter-header-mobile {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list__filter-header-mobile-top {
display: flex;
justify-content: space-between;
width: 100%;
}
.content-fragment-list__filter-header-mobile-bottom {
width: max-content;
}
.content-fragment-list__filter-header-mobile-bottom-overflow {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
display: none;
}
.content-fragment-list__filter-header-mobile-bottom-overflow:has(.filter-tag[data-id]) {
display: block;
}
.content-fragment-list__filter-header-mobile-bottom-overflow::-webkit-scrollbar-track {
background: transparent;
}
.content-fragment-list__filter-header-mobile svg {
width: 20px;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-header-mobile {
display: flex;
}
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-header-mobile div.content-fragment-list__filter-tag-container {
display: inline-flex;
}
}
.content-fragment-list__filter-count-mobile {
display: none;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
color: #43434D;
margin-right: 1rem;
}
html[lang^="cs"] .content-fragment-list__filter-count-mobile,
html[lang^="ja"] .content-fragment-list__filter-count-mobile,
html[lang^="ko"] .content-fragment-list__filter-count-mobile,
html[lang^="pl"] .content-fragment-list__filter-count-mobile,
html[lang^="ru"] .content-fragment-list__filter-count-mobile,
html[lang^="tr"] .content-fragment-list__filter-count-mobile,
html[lang^="zh"] .content-fragment-list__filter-count-mobile {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-count-mobile {
display: block;
}
}
.content-fragment-list__open-filters-mobile {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 16px;
text-transform: uppercase;
position: relative;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 4px;
outline: 1px dashed transparent;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 10px 20px;
min-width: 200px;
text-align: center;
color: #fff;
background-color: #2A79C4;
margin: 10px auto;
width: fit-content;
}
html[lang^="cs"] .content-fragment-list__open-filters-mobile,
html[lang^="ja"] .content-fragment-list__open-filters-mobile,
html[lang^="ko"] .content-fragment-list__open-filters-mobile,
html[lang^="pl"] .content-fragment-list__open-filters-mobile,
html[lang^="ru"] .content-fragment-list__open-filters-mobile,
html[lang^="tr"] .content-fragment-list__open-filters-mobile,
html[lang^="zh"] .content-fragment-list__open-filters-mobile {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__open-filters-mobile :hover {
background-color: #005DB4;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__open-filters-mobile {
display: flex;
}
}
.content-fragment-list__filter-facet ul {
overflow-y: scroll;
max-height: 200px;
padding-bottom: 4px;
margin-top: 2px;
}
.content-fragment-list__filter-facet ul::-webkit-scrollbar {
width: 6px;
}
.content-fragment-list__filter-facet ul::-webkit-scrollbar-track {
background: transparent;
border-radius: 4px;
}
.content-fragment-list__filter-facet ul::-webkit-scrollbar-thumb {
background: #6D6E71;
border-radius: 4px;
}
.content-fragment-list__filter-facet.mobile-sort {
display: none;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__filter-facet.mobile-sort {
display: block;
}
}
.content-fragment-list__filter-facet.mobile-sort ul {
padding-bottom: 2px;
}
.content-fragment-list__filter-facet.mobile-sort label {
display: flex;
gap: 5px;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio'] {
appearance: none;
cursor: pointer;
background-color: #fff;
margin: 0;
width: 1.125rem;
height: 1.125rem;
border: 1px solid #6D6E71;
border-radius: 50%;
transform: translateY(1px);
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:hover {
border: 1px solid #005DB4;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:hover::before {
color: #005DB4;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:focus {
border: 2px solid #003E7E;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:focus::before {
color: #003E7E;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:checked {
border: 1px solid #2A79C4;
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']:checked::before {
transform: scale(1);
}
.content-fragment-list__filter-facet.mobile-sort input[type='radio']::before {
content: "";
display: block;
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
color: #2A79C4;
transform: scale(0);
transition: 0.15s;
margin-top: 4.5px;
margin-left: 4.5px;
background-color: #2A79C4;
}
.content-fragment-list__filter-label {
cursor: pointer;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
margin: 16px 0 0;
padding-bottom: 8px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E5E6E9;
gap: 1rem;
list-style: none;
}
html[lang^="cs"] .content-fragment-list__filter-label,
html[lang^="ja"] .content-fragment-list__filter-label,
html[lang^="ko"] .content-fragment-list__filter-label,
html[lang^="pl"] .content-fragment-list__filter-label,
html[lang^="ru"] .content-fragment-list__filter-label,
html[lang^="tr"] .content-fragment-list__filter-label,
html[lang^="zh"] .content-fragment-list__filter-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-fragment-list__filter-label::-webkit-details-marker {
display: none;
}
.content-fragment-list__filter-label::after {
content: "\FE40";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
display: block;
transform: scaleY(1.25) translateY(0.25em);
transition: 0.2s ease-in-out;
height: fit-content;
}
html[lang^="cs"] .content-fragment-list__filter-label::after,
html[lang^="ja"] .content-fragment-list__filter-label::after,
html[lang^="ko"] .content-fragment-list__filter-label::after,
html[lang^="pl"] .content-fragment-list__filter-label::after,
html[lang^="ru"] .content-fragment-list__filter-label::after,
html[lang^="tr"] .content-fragment-list__filter-label::after,
html[lang^="zh"] .content-fragment-list__filter-label::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__filter-facet[open] .content-fragment-list__filter-label::after {
transform: scaleY(-1.25) translateY(0.25em);
}
.content-fragment-list__filter-list {
font-size: 0.875rem;
list-style: none;
}
.content-fragment-list__filter-list ul {
list-style: none;
margin-left: 2.5rem;
}
.content-fragment-list__filter-list li {
margin-top: 0.5rem;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.125rem;
margin-left: 0;
display: flex;
justify-content: flex-start;
}
.content-fragment-list__filter-list li:has(input[disabled]) {
color: #848484;
}
.content-fragment-list__filter-list li:has(input[disabled]) .result-count-content {
color: #848484;
}
.content-fragment-list__filter-list summary {
display: flex;
align-items: center;
gap: 0.5rem;
}
.content-fragment-list__filter-list summary::before {
content: "\FE40";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
display: block;
transform: scaleY(1.25) translateY(0.25em);
transition: 0.2s ease-in-out;
}
html[lang^="cs"] .content-fragment-list__filter-list summary::before,
html[lang^="ja"] .content-fragment-list__filter-list summary::before,
html[lang^="ko"] .content-fragment-list__filter-list summary::before,
html[lang^="pl"] .content-fragment-list__filter-list summary::before,
html[lang^="ru"] .content-fragment-list__filter-list summary::before,
html[lang^="tr"] .content-fragment-list__filter-list summary::before,
html[lang^="zh"] .content-fragment-list__filter-list summary::before {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list__filter-list summary:last-child::before {
visibility: hidden;
}
.content-fragment-list__filter-list details[open] > summary::before {
transform: scaleY(-1.25) translateY(0.25em);
}
.content-fragment-list__filter-list .result-count-content {
display: inline-block;
align-items: center;
text-align: center;
padding: 0 4px;
margin-left: auto;
color: #6D6E71;
}
.content-fragment-list__filter-list input[type='checkbox'] {
appearance: none;
cursor: pointer;
border: 1px solid #6D6E71;
border-radius: 4px;
width: 1.125rem;
height: 1.125rem;
margin-right: 0.25rem;
transform: translateY(4px);
}
.content-fragment-list__filter-list input[type='checkbox']::after {
content: "";
display: block;
transform: rotate(45deg) scale(0);
height: 12px;
width: 4px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
margin-left: 4.5px;
margin-top: -0.5px;
transition: 0.15s;
}
.content-fragment-list__filter-list input[type='checkbox']:hover {
border: 2px solid #2A79C4;
}
.content-fragment-list__filter-list input[type='checkbox']:focus {
border: 2px solid #003E7E;
}
.content-fragment-list__filter-list input[type='checkbox']:checked {
border: 2px solid #2A79C4;
background-color: #2A79C4;
}
.content-fragment-list__filter-list input[type='checkbox']:checked::after {
transform: rotate(45deg) scale(1);
}
.content-fragment-list__filter-list input[type='checkbox']:checked:hover {
border: 2px solid #005DB4;
background-color: #005DB4;
}
.content-fragment-list__filter-list input[type='checkbox']:checked:focus {
border: 2px solid #2A79C4;
background-color: #003E7E;
}
.content-fragment-list__filter-list input[type='checkbox'][disabled] {
border: 1px solid #848484;
background-color: #ccc;
cursor: default;
}
.content-fragment-list__filter-list input[type='checkbox'][disabled]:checked,
.content-fragment-list__filter-list input[type='checkbox'][disabled]:checked:hover,
.content-fragment-list__filter-list input[type='checkbox'][disabled]:checked:focus {
border: 2px solid #ccc;
}
.content-fragment-list__filter-list input[type='checkbox'][disabled]:hover,
.content-fragment-list__filter-list input[type='checkbox'][disabled]:focus {
border: 1px solid #848484;
background-color: #ccc;
}
.content-fragment-list__filter-list input[type='checkbox'][disabled]::after {
border-bottom: 1px solid #848484;
border-right: 1px solid #848484;
}
.content-fragment-list__mobile-bottom {
display: none;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__mobile-bottom {
position: sticky;
display: flex;
bottom: 0;
left: 0;
right: 0;
height: fit-content;
width: 100%;
justify-content: center;
padding: 1.125rem 1.75rem;
background-color: #fff;
border-top: 1px solid #E5E6E9;
z-index: 102;
margin-top: auto;
}
}
.content-fragment-list__mobile-bottom_done {
all: unset;
margin: auto;
cursor: pointer;
border-radius: 4px;
padding: 4px 20px;
min-width: 200px;
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
text-shadow: none;
border: 2px solid transparent;
transition: all 0.3s ease;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
background: #2A79C4;
color: #fff;
gap: 4px;
}
.content-fragment-list__mobile-bottom_cancel-container {
width: 50%;
}
.content-fragment-list__mobile-bottom_done-container {
width: 100%;
}
.content-fragment-list__toggle-filter {
color: #2A79C4;
font-size: 18px;
cursor: pointer;
}
.content-fragment-list .content-fragment-list__filter-tag-container {
display: inline-flex;
flex-wrap: wrap;
}
.content-fragment-list .content-fragment-list__filter-tag-container .filter-tag {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.125rem;
width: fit-content;
cursor: pointer;
margin: 0 8px 8px 0;
background: #f4f4f4;
border: 1px solid #E5E6E9;
color: #43434D;
border-radius: 4px;
padding: 5px 12px 5px 8px;
display: flex;
}
html[lang^="cs"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="ja"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="ko"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="pl"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="ru"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="tr"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag,
html[lang^="zh"] .content-fragment-list .content-fragment-list__filter-tag-container .filter-tag {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.content-fragment-list .content-fragment-list__filter-tag-container .filter-tag:hover svg {
background: rgba(109, 110, 113, 0.1);
border-radius: 4px;
}
.content-fragment-list .content-fragment-list__filter-tag-container .filter-tag:focus svg {
background: rgba(109, 110, 113, 0.15);
}
.content-fragment-list .content-fragment-list__filter-tag-container .filter-tag svg {
position: relative;
width: 17px;
padding: 3px;
top: 1.5px;
left: 3px;
fill: #43434D;
transition: 0.15s;
}
.content-fragment-list .content-fragment-list__filter-tag-container .filter-tag.original {
display: none;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list .content-fragment-list__filter-tag-container {
display: none;
}
}
.content-fragment-list__desktop-footer {
display: flex;
width: 100%;
gap: 5%;
margin-top: 30px;
}
.content-fragment-list__desktop-footer-left {
width: 19%;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__desktop-footer-left {
width: 0%;
}
}
.content-fragment-list__desktop-footer-right {
width: 76%;
border-top: 1px solid #E5E6E9;
padding-top: 20px;
display: flex;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__desktop-footer-right {
width: 100%;
}
}
.content-fragment-list__desktop-footer .content-fragment-list__result-count-container {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-left: auto;
margin-bottom: 0;
}
html[lang^="cs"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="ja"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="ko"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="pl"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="ru"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="tr"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container,
html[lang^="zh"] .content-fragment-list__desktop-footer .content-fragment-list__result-count-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-fragment-list__desktop-footer select {
color: #2D2D2D;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .content-fragment-list__desktop-footer select,
html[lang^="ja"] .content-fragment-list__desktop-footer select,
html[lang^="ko"] .content-fragment-list__desktop-footer select,
html[lang^="pl"] .content-fragment-list__desktop-footer select,
html[lang^="ru"] .content-fragment-list__desktop-footer select,
html[lang^="tr"] .content-fragment-list__desktop-footer select,
html[lang^="zh"] .content-fragment-list__desktop-footer select {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__desktop-footer {
gap: 0px;
}
}
.content-fragment-list__result-count-mobile {
display: none;
}
.content-fragment-list__result-count-mobile .content-fragment-list__result-count-container {
display: flex;
margin: 0;
}
@media only screen and (max-width: 63.9375em) {
.content-fragment-list__result-count-mobile {
display: flex;
justify-content: center;
padding: 15px;
}
}
.content-fragment-list .content-fragment-pagination {
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;
}
.content-fragment-list .content-fragment-pagination__button {
all: unset;
cursor: pointer;
color: #6D6E71;
}
.content-fragment-list .content-fragment-pagination__button:disabled {
display: none;
}
.content-fragment-list .content-fragment-pagination__label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0 0.938rem;
display: flex;
align-items: inherit;
gap: 0.5em;
}
html[lang^="cs"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="ja"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="ko"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="pl"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="ru"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="tr"] .content-fragment-list .content-fragment-pagination__label,
html[lang^="zh"] .content-fragment-list .content-fragment-pagination__label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list .content-fragment-pagination__input {
padding: 0.25rem;
border: 1px solid #ccc;
border-radius: 6px;
min-width: 2.5rem;
text-align: center;
min-height: 2.5rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
}
html[lang^="cs"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="ja"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="ko"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="pl"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="ru"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="tr"] .content-fragment-list .content-fragment-pagination__input,
html[lang^="zh"] .content-fragment-list .content-fragment-pagination__input {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.content-fragment-list .combobox-datepicker {
margin-top: 12px;
position: relative;
}
.content-fragment-list .combobox-datepicker .dialog {
display: block;
position: absolute;
z-index: 10;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
left: 0;
top: 110%;
height: 16rem;
width: 17rem;
}
.content-fragment-list .combobox-datepicker .dialog h2 {
margin: 0;
padding: 0;
display: inline-block;
font-size: 1em;
color: #000000;
text-transform: none;
padding-left: 0.5rem;
padding-bottom: 3px;
}
.content-fragment-list .combobox-datepicker .dialog[aria-hidden="true"] {
display: none;
}
.content-fragment-list .combobox-datepicker .header {
cursor: default;
background-color: #ffffff;
font-weight: bold;
text-transform: uppercase;
color: #000;
display: flex;
justify-content: space-around;
padding-bottom: 7px;
}
.content-fragment-list .combobox-datepicker .dates {
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.content-fragment-list .combobox-datepicker .dates th,
.content-fragment-list .combobox-datepicker .dates td {
text-align: center;
padding: 0;
font-weight: normal;
}
.content-fragment-list .combobox-datepicker .dates td {
padding: 3px;
margin: 0;
line-height: inherit;
height: 10px;
width: 5px;
/* border-radius: 50px; */
font-size: 15px;
background: #ffffff;
}
.content-fragment-list .combobox-datepicker .dates td[aria-selected] {
padding: 3px;
background-color: hsl(216, 80%, 96%);
}
.content-fragment-list .combobox-datepicker .dates td[tabindex="0"] {
background-color: #2a79c4;
color: #ffffff;
}
.content-fragment-list .combobox-datepicker .dates td:not(.disabled):hover {
padding: 3px;
border-top-left-radius: 50% 60%;
border-bottom-left-radius: 50% 60%;
border-top-right-radius: 50% 60%;
border-bottom-right-radius: 50% 60%;
outline: 1px #959595 solid;
}
.content-fragment-list .combobox-datepicker .dates .startDate {
border-top-left-radius: 50% 60%;
border-bottom-left-radius: 50% 60%;
}
.content-fragment-list .combobox-datepicker .dates .endDate {
border-top-right-radius: 50% 60%;
border-bottom-right-radius: 50% 60%;
}
.content-fragment-list .combobox-datepicker .prev-month,
.content-fragment-list .combobox-datepicker .next-month {
padding: 1px;
width: 1px;
height: 44px;
color: #000000;
background-color: transparent;
border: 0 solid #ffffff;
position: relative;
}
.content-fragment-list .combobox-datepicker .month-year {
display: inline-block;
text-align: left;
margin: 0;
padding: 0;
font-size: 1em;
color: #003e7e;
text-transform: none;
appearance: none;
}
.content-fragment-list .combobox-datepicker .filter-facet__mini-button-icon {
display: inline-flex;
width: 4%;
position: relative;
right: 16%;
pointer-events: none;
}
.content-fragment-list .combobox-datepicker select.month-year {
width: 50%;
border: transparent;
}
.content-fragment-list .combobox-datepicker .td-background-relative {
position: relative;
width: 0;
height: 0;
top: -114%;
left: -17%;
}
.content-fragment-list .combobox-datepicker .td-background-relative-start {
position: relative;
width: 0;
height: 0;
top: -112%;
left: 32%;
}
.content-fragment-list .combobox-datepicker .td-background-relative-end {
position: relative;
width: 0;
height: 0;
top: -115%;
left: -17%;
}
.content-fragment-list .combobox-datepicker .td-background-absolute {
position: absolute;
width: 40px;
height: 28.5px;
z-index: -2;
background-color: #2a79c4;
}
.content-fragment-list .combobox-datepicker .td-background-absolute-start {
position: absolute;
width: 26px;
height: 28.5px;
z-index: -2;
background-color: #2a79c4;
}
.content-fragment-list .combobox-datepicker .td-background-absolute-end {
position: absolute;
width: 20px;
height: 29px;
z-index: -2;
background-color: #2a79c4;
}
.content-fragment-list .combobox-datepicker .fa-angle-right,
.content-fragment-list .combobox-datepicker .fa-angle-left {
position: absolute;
top: 30%;
right: 0%;
width: 10px;
height: auto;
transform: scale(2);
}
.content-fragment-list .combobox-datepicker .breadcrumb__arrow,
.content-fragment-list .combobox-datepicker .breadcrumb__prev-arrow {
padding: 0;
}
.content-fragment-list__button {
position: relative;
display: flex;
background-color: #fff;
width: 100%;
border: 2px solid transparent;
text-align: left;
border-radius: 0.375rem;
color: #2D2D2D;
font-size: 1rem;
padding: 7px 13px;
outline: 0;
cursor: pointer;
}
.content-fragment-list__button-label {
position: absolute;
top: -0.65rem;
left: calc(1rem - 3px);
font-size: 0.75rem;
padding: 0 3px;
background-color: #fff;
z-index: 2;
}
.content-fragment-list__button-placeholder {
position: relative;
margin-top: 2px;
margin-left: 6px;
}
.content-fragment-list__button-selected-info {
display: none;
}
.content-fragment-list__button-mobile-title {
display: none;
}
.content-fragment-list__button::after {
position: absolute;
content: "";
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 0.375rem;
border: 1px solid #E5E6E9;
}
.content-fragment-list__button:hover,
.content-fragment-list__button:focus,
.content-fragment-list__button.complete {
border-color: #2D2D2D;
}
.content-fragment-list__button:hover::after,
.content-fragment-list__button:focus::after,
.content-fragment-list__button.complete::after {
display: none;
}
.content-fragment-list__button[aria-expanded="true"] {
border-color: #2A79C4;
outline: 0;
}
.content-fragment-list__button:hover::after,
.content-fragment-list__button:focus::after,
.content-fragment-list__button[aria-expanded="true"]::after,
.content-fragment-list__button.complete::after {
display: none;
}
.content-fragment-list__button.complete .content-fragment-list__button-placeholder {
display: none;
}
.content-fragment-list__button.complete .content-fragment-list__button-selected-info {
display: inline-block;
}
.content-fragment-list .disappear {
display: none;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Content Summary component
========================================================================== */
/* BASE STYLES */
.content-summary__container {
padding: 1.75rem;
}
@media only screen and (min-width: 48.0625em) {
.content-summary__container {
max-width: 900px;
margin: 0 auto;
}
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Content Fragment component
========================================================================== */
.cmp-contentfragment {
margin: auto;
width: 100%;
}
.cmp-contentfragment--padded-none > .cmp-contentfragment {
padding: 0 !important;
}
.cookie-popup {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 10000;
}
.cookie-popup.active {
display: block;
}
.cookie-popup__container {
position: absolute;
max-height: 80vh;
width: 748px;
top: 10vh;
left: 50%;
transform: translateX(-50%);
overflow-y: scroll;
display: flex;
padding: 16px 24px;
align-items: flex-start;
gap: 4px;
align-self: stretch;
border-radius: 4px;
background: #fff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 48em) {
.cookie-popup__container {
width: 100%;
}
}
.cookie-popup__container::-webkit-scrollbar {
width: 0px;
}
.cookie-popup__container::-webkit-scrollbar-track {
background: transparent;
width: 0px;
}
.cookie-popup__container::-webkit-scrollbar-thumb {
background: transparent;
width: 0px;
}
.cookie-popup__header {
color: #2D2D2D;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 24px;
line-height: 32px;
margin-bottom: 24px;
}
.cookie-popup__text {
color: #2D2D2D;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
}
.cookie-popup__link {
color: #2A79C4;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
text-decoration: underline;
}
.cookie-popup__required-cookies {
display: flex;
flex-direction: column;
gap: 8px;
}
.cookie-popup__required-cookies li {
display: none;
color: #2D2D2D;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
}
.cookie-popup__required-cookies li.required {
display: list-item;
}
.cookie-popup__buttons {
display: flex;
justify-content: flex-end;
align-items: flex-end;
align-content: flex-end;
gap: 18px;
align-self: stretch;
flex-wrap: wrap;
margin-top: 24px;
}
.cookie-popup__button {
display: flex;
padding: 6px 20px;
justify-content: center;
align-items: center;
border-radius: 4px;
text-transform: uppercase;
transition: all 0.2s ease;
}
.cookie-popup__button-cancel {
background: #fff;
color: #2A79C4;
border: 2px solid #2A79C4;
}
.cookie-popup__button-cancel:hover {
color: #005DB4;
border: 2px solid #005DB4;
}
.cookie-popup__button-cancel:active {
color: #003E7E;
border: 2px solid #003E7E;
}
.cookie-popup__button-accept {
background: #2A79C4;
color: #fff;
border: 2px solid #2A79C4;
}
.cookie-popup__button-accept:hover {
background: #005DB4;
border: 2px solid #005DB4;
}
.cookie-popup__button-accept:active {
background: #003E7E;
border: 2px solid #003E7E;
}
.cookie-popup__close {
height: 16px;
width: 16px;
cursor: pointer;
}
.cookie-popup__close svg {
fill: #6D6E71;
}
body.no-scroll {
overflow-y: hidden;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
CTA Dropdown component
========================================================================== */
/* BASE STYLES */
.cta-dropdown-container {
position: relative;
}
.cta-dropdown .selectr-selected {
background-color: transparent;
border: 2px solid #fff;
border-radius: 4px;
}
.cta-dropdown .selectr-container.open .selectr-selected,
.cta-dropdown .selectr-container.open.inverted .selectr-selected {
border-color: #fff;
border-width: 2px;
}
.cta-dropdown .selectr-container .selectr-options-container {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
border-color: #fff;
border-width: 0 2px 2px;
}
.cta-dropdown .selectr-container .selectr-placeholder {
color: #fff;
font-weight: 600;
}
.cta-dropdown .selectr-container .selectr-label {
color: #fff;
font-weight: 600;
}
.cta-dropdown .selectr-container .selectr-selected::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/chevron-down.svg');
background-repeat: no-repeat;
background-position: center;
border: none;
border-style: none;
content: '';
cursor: pointer;
filter: invert(1);
height: 30px;
position: absolute;
width: 28px;
}
.cta-dropdown .selectr-container.open .selectr-selected::before {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/chevron-up.svg');
border: none;
border-style: none;
}
.cta-dropdown .selectr-container .selectr-option {
margin: 0;
}
.cta-dropdown .selectr-container .selectr-option.active {
background-color: #CD163F;
}
.cta-dropdown .selectr-container .selectr-option.selected {
background-color: #005DB4;
color: #fff;
}
/*stylelint-disable*/
/*!
* Selectr 2.4.13
* http://mobius.ovh/docs/selectr
*
* Released under the MIT license
*/
.selectr-container li,
.selectr-option,
.selectr-tag {
list-style: none;
}
.selectr-container {
position: relative;
}
.selectr-hidden {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.selectr-visible {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 11;
}
.selectr-desktop.multiple .selectr-visible {
display: none;
}
.selectr-desktop.multiple.native-open .selectr-visible {
top: 100%;
min-height: 200px !important;
height: auto;
opacity: 1;
display: block;
}
.selectr-container.multiple.selectr-mobile .selectr-selected {
z-index: 0;
}
.selectr-selected {
position: relative;
z-index: 1;
box-sizing: border-box;
width: 100%;
padding: 7px 28px 7px 14px;
cursor: pointer;
border: 1px solid #999;
border-radius: 3px;
background-color: #fff;
}
.selectr-selected::before {
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
content: '';
-o-transform: rotate(0) translate3d(0, -50%, 0);
-ms-transform: rotate(0) translate3d(0, -50%, 0);
-moz-transform: rotate(0) translate3d(0, -50%, 0);
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
transform: rotate(0) translate3d(0, -50%, 0);
border-width: 4px 4px 0;
border-style: solid;
border-color: #6c7a86 transparent transparent;
}
.selectr-container.native-open .selectr-selected::before,
.selectr-container.open .selectr-selected::before {
border-width: 0 4px 4px;
border-style: solid;
border-color: transparent transparent #6c7a86;
}
.selectr-label {
display: none;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
}
.selectr-placeholder {
color: #6c7a86;
}
.selectr-tags {
margin: 0;
padding: 0;
white-space: normal;
}
.has-selected .selectr-tags {
margin: 0 0 -2px;
}
.selectr-tag {
position: relative;
float: left;
padding: 2px 25px 2px 8px;
margin: 0 2px 2px 0;
cursor: default;
color: #fff;
border: none;
border-radius: 10px;
background: #acb7bf;
}
.selectr-container.multiple.has-selected .selectr-selected {
padding: 5px 28px 5px 5px;
}
.selectr-options-container {
position: absolute;
z-index: 10000;
top: calc(100% - 1px);
left: 0;
display: none;
box-sizing: border-box;
width: 100%;
border-width: 0 1px 1px;
border-style: solid;
border-color: transparent #999 #999;
border-radius: 0 0 3px 3px;
background-color: #fff;
}
.selectr-container.open .selectr-options-container {
display: block;
}
.selectr-input-container {
position: relative;
display: none;
}
.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
position: absolute;
top: 50%;
right: 22px;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
border: none;
background-color: transparent;
z-index: 11;
}
.selectr-clear,
.selectr-input-clear {
display: none;
}
.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active,
.selectr-input-container.active .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
display: block;
}
.selectr-selected .selectr-tag-remove {
right: 2px;
}
.selectr-clear::after,
.selectr-clear::before,
.selectr-input-clear::after,
.selectr-input-clear::before,
.selectr-tag-remove::after,
.selectr-tag-remove::before {
position: absolute;
top: 5px;
left: 9px;
width: 2px;
height: 10px;
content: ' ';
background-color: #6c7a86;
}
.selectr-tag-remove::after,
.selectr-tag-remove::before {
top: 4px;
width: 3px;
height: 12px;
background-color: #fff;
}
.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.selectr-input {
top: 5px;
left: 5px;
box-sizing: border-box;
width: calc(100% - 30px);
margin: 10px 15px;
padding: 7px 30px 7px 9px;
border: 1px solid #999;
border-radius: 3px;
}
.selectr-notice {
display: none;
box-sizing: border-box;
width: 100%;
padding: 8px 16px;
border-top: 1px solid #999;
border-radius: 0 0 3px 3px;
background-color: #fff;
}
.input-tag,
.taggable .selectr-label {
width: auto;
}
.selectr-container.notice .selectr-notice {
display: block;
}
.selectr-container.notice .selectr-selected {
border-radius: 3px 3px 0 0;
}
.selectr-options {
position: relative;
top: calc(100% + 2px);
display: none;
overflow-x: auto;
overflow-y: scroll;
max-height: 200px;
margin: 0;
padding: 0;
}
.selectr-container.notice .selectr-options-container,
.selectr-container.open .selectr-input-container,
.selectr-container.open .selectr-options {
display: block;
}
.selectr-option {
position: relative;
display: block;
padding: 5px 20px;
cursor: pointer;
font-weight: 400;
}
.has-selected .selectr-placeholder,
.selectr-empty,
.selectr-option.excluded {
display: none;
}
.selectr-options.optgroups > .selectr-option {
padding-left: 25px;
}
.selectr-optgroup {
font-weight: 700;
padding: 0;
}
.selectr-optgroup--label {
font-weight: 700;
margin-top: 10px;
padding: 5px 15px;
}
.selectr-match {
text-decoration: underline;
}
.selectr-option.selected {
background-color: #ddd;
}
.selectr-option.active {
color: #fff;
background-color: #5897fb;
}
.selectr-option.disabled {
opacity: 0.4;
}
.selectr-container.open .selectr-selected {
border-color: #999 #999 transparent;
border-radius: 3px 3px 0 0;
}
.selectr-container.open .selectr-selected::after {
-o-transform: rotate(180deg) translate3d(0, 50%, 0);
-ms-transform: rotate(180deg) translate3d(0, 50%, 0);
-moz-transform: rotate(180deg) translate3d(0, 50%, 0);
-webkit-transform: rotate(180deg) translate3d(0, 50%, 0);
transform: rotate(180deg) translate3d(0, 50%, 0);
}
.selectr-disabled {
opacity: 0.6;
}
.has-selected .selectr-label {
display: block;
}
.taggable .selectr-selected {
padding: 4px 28px 4px 4px;
}
.taggable .selectr-selected::after {
display: table;
content: " ";
clear: both;
}
.taggable .selectr-tags {
float: left;
display: block;
}
.taggable .selectr-placeholder {
display: none;
}
.input-tag {
float: left;
min-width: 90px;
}
.selectr-tag-input {
border: none;
padding: 3px 10px;
width: 100%;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.selectr-input-container.loading::after {
position: absolute;
top: 50%;
right: 20px;
width: 20px;
height: 20px;
content: '';
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
-o-transform-origin: 50% 0 0;
-ms-transform-origin: 50% 0 0;
-moz-transform-origin: 50% 0 0;
-webkit-transform-origin: 50% 0 0;
transform-origin: 50% 0 0;
-moz-animation: 0.5s linear 0s normal forwards infinite running spin;
-webkit-animation: 0.5s linear 0s normal forwards infinite running spin;
animation: 0.5s linear 0s normal forwards infinite running spin;
border-width: 3px;
border-style: solid;
border-color: #aaa #ddd #ddd;
border-radius: 50%;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
transform: rotate(0) translate3d(0, -50%, 0);
}
100% {
-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
transform: rotate(360deg) translate3d(0, -50%, 0);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0) translate3d(0, -50%, 0);
transform: rotate(0) translate3d(0, -50%, 0);
}
100% {
-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
transform: rotate(360deg) translate3d(0, -50%, 0);
}
}
.selectr-container.open.inverted .selectr-selected {
border-color: transparent #999 #999;
border-radius: 0 0 3px 3px;
}
.selectr-container.inverted .selectr-options-container {
border-width: 1px 1px 0;
border-color: #999 #999 transparent;
border-radius: 3px 3px 0 0;
background-color: #fff;
top: auto;
bottom: calc(100% - 1px);
}
.selectr-container ::-webkit-input-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container ::-moz-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container :-ms-input-placeholder {
color: #6c7a86;
opacity: 1;
}
.selectr-container ::placeholder {
color: #6c7a86;
opacity: 1;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Custom Table component
========================================================================== */
/* BASE STYLES */
.custom-table.push-top {
margin-top: 3.5rem;
}
.custom-table.push-bottom {
margin-bottom: 3.5rem;
}
.custom-table tr {
border-bottom: 1px solid #E5E6E9;
padding: 0.35rem;
}
.custom-table th,
.custom-table td {
padding: 1rem;
text-align: left;
}
.custom-table td {
color: #2D2D2D;
}
.custom-table th {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
color: #6D6E71;
text-align: left;
}
html[lang^="cs"] .custom-table th,
html[lang^="ja"] .custom-table th,
html[lang^="ko"] .custom-table th,
html[lang^="pl"] .custom-table th,
html[lang^="ru"] .custom-table th,
html[lang^="tr"] .custom-table th,
html[lang^="zh"] .custom-table th {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.custom-table th:first-of-type {
width: 23.75rem;
}
.custom-table a {
text-decoration: none;
}
.custom-table span svg {
max-width: 1rem;
}
.custom-table-style table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
@media only screen and (max-width: 48em) {
.custom-table-style table {
border: 0;
}
.custom-table-style thead {
display: none;
}
.custom-table-style th,
.custom-table-style td {
padding: 0.625rem 0;
text-align: left;
}
.custom-table-style tr {
display: block;
padding-left: 0;
}
.custom-table-style tr:first-child {
border-top: 1px solid #E5E6E9;
}
.custom-table-style td {
display: block;
text-align: left;
min-height: 4.688rem;
}
.custom-table-style td::before {
content: attr(data-label);
float: left;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
color: #6D6E71;
width: 6.875rem;
text-align: left;
min-height: 4.688rem;
}
html[lang^="cs"] .custom-table-style td::before,
html[lang^="ja"] .custom-table-style td::before,
html[lang^="ko"] .custom-table-style td::before,
html[lang^="pl"] .custom-table-style td::before,
html[lang^="ru"] .custom-table-style td::before,
html[lang^="tr"] .custom-table-style td::before,
html[lang^="zh"] .custom-table-style td::before {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.custom-table-style td:last-child {
border-bottom: 0;
}
}
@media only screen and (max-width: 48em) {
.simple-table-style {
overflow-x: auto;
}
}
.simple-table-style table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
}
@media only screen and (max-width: 48em) {
.simple-table-style thead tr {
padding-top: 0;
}
}
@media only screen and (max-width: 48em) {
.simple-table-style th {
border-left: 1px solid #E5E6E9;
padding-top: 0;
}
}
.simple-table-style th:first-of-type {
width: auto;
border-left: 0;
}
@media only screen and (max-width: 48em) {
.simple-table-style td + td {
border-left: 1px solid #E5E6E9;
}
}
/**
* Disclaimer Component
*/
/**
* Rockwell Style Utils
*/
.aem-Grid.disclaimer__parent {
height: 100%;
}
.disclaimer {
height: 100%;
}
.disclaimer__container {
height: 100%;
padding: 0.875rem 0;
display: flex;
flex-direction: column;
color: #43434D;
}
.disclaimer__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
}
html[lang^="cs"] .disclaimer__title,
html[lang^="ja"] .disclaimer__title,
html[lang^="ko"] .disclaimer__title,
html[lang^="pl"] .disclaimer__title,
html[lang^="ru"] .disclaimer__title,
html[lang^="tr"] .disclaimer__title,
html[lang^="zh"] .disclaimer__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.disclaimer__title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .disclaimer__title.highlighted,
html[lang^="ja"] .disclaimer__title.highlighted,
html[lang^="ko"] .disclaimer__title.highlighted,
html[lang^="pl"] .disclaimer__title.highlighted,
html[lang^="ru"] .disclaimer__title.highlighted,
html[lang^="tr"] .disclaimer__title.highlighted,
html[lang^="zh"] .disclaimer__title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.disclaimer__subtitle {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 1.5rem;
}
html[lang^="cs"] .disclaimer__subtitle,
html[lang^="ja"] .disclaimer__subtitle,
html[lang^="ko"] .disclaimer__subtitle,
html[lang^="pl"] .disclaimer__subtitle,
html[lang^="ru"] .disclaimer__subtitle,
html[lang^="tr"] .disclaimer__subtitle,
html[lang^="zh"] .disclaimer__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.disclaimer__text {
margin-top: 1.375rem;
margin-bottom: 1.625rem;
flex: 1;
overflow: auto;
}
.disclaimer__cta-container {
margin-top: auto;
display: flex;
justify-content: flex-end;
gap: 1.125rem;
}
.disclaimer__decline-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
}
html[lang^="cs"] .disclaimer__decline-button,
html[lang^="ja"] .disclaimer__decline-button,
html[lang^="ko"] .disclaimer__decline-button,
html[lang^="pl"] .disclaimer__decline-button,
html[lang^="ru"] .disclaimer__decline-button,
html[lang^="tr"] .disclaimer__decline-button,
html[lang^="zh"] .disclaimer__decline-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.disclaimer__decline-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.disclaimer__decline-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.disclaimer__decline-button:active,
.disclaimer__decline-button:hover,
.disclaimer__decline-button:focus {
z-index: 1;
}
.disclaimer__decline-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.disclaimer__decline-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.disclaimer__decline-button:active {
border-color: #003E7E;
color: #003E7E;
}
.disclaimer__decline-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
.disclaimer__accept-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
}
html[lang^="cs"] .disclaimer__accept-button,
html[lang^="ja"] .disclaimer__accept-button,
html[lang^="ko"] .disclaimer__accept-button,
html[lang^="pl"] .disclaimer__accept-button,
html[lang^="ru"] .disclaimer__accept-button,
html[lang^="tr"] .disclaimer__accept-button,
html[lang^="zh"] .disclaimer__accept-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.disclaimer__accept-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.disclaimer__accept-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.disclaimer__accept-button:active,
.disclaimer__accept-button:hover,
.disclaimer__accept-button:focus {
z-index: 1;
}
.disclaimer__accept-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.disclaimer__accept-button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.disclaimer__accept-button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.disclaimer__accept-button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.disclaimer__accept-button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.dynamic-container .cmp-tabs__tablist {
display: flex;
list-style-type: none;
}
.dynamic-container .cmp-tabs__tab--active {
text-decoration: underline;
}
.dynamic-container .cmp-tabs__tabpanel {
display: none;
}
.dynamic-container .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active {
display: block;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Embed component
========================================================================== */
.cmp-embed {
margin: auto;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Experience Fragment component Site Styling
========================================================================== */
.cmp-experiencefragment .xf-content-height {
margin: 0;
min-height: 0;
}
body.edit .cmp-experiencefragment .xf-content-height {
min-height: 46px;
}
/**
* Rockwell Floating Button
*/
.floating-button__container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 101;
}
.floating-button__container.edit-mode {
position: relative;
display: flex;
justify-content: flex-end;
bottom: auto;
right: auto;
}
.floating-button__links {
width: 320px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
padding: 0.5rem;
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.floating-button__links ul {
margin: 0;
padding: 0;
}
.floating-button__links ul li {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #E5E6E9;
}
.floating-button__links ul li:last-child {
border-bottom: none;
}
.floating-button__links a {
display: block;
color: #2D2D2D;
text-decoration: none;
padding: 1rem;
}
.floating-button__links a:hover,
.floating-button__links a:active,
.floating-button__links a:focus {
color: #CD163F;
text-decoration: underline;
}
.floating-button__links svg {
fill: #CD163F;
}
.floating-button__links .support svg {
width: 2.25rem;
}
.floating-button__links .chevron-down svg {
width: 1.625rem;
height: 1.625rem;
fill: #fff;
position: absolute;
display: flex;
bottom: 10px;
}
.floating-button__links button {
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
outline: none;
}
.floating-button__header {
position: relative;
border: 0;
background-color: transparent;
width: 100%;
padding: 0;
margin: 0;
}
.floating-button__header_group {
position: relative;
display: flex;
justify-content: center;
width: 100%;
padding: 0;
margin: 0;
}
.floating-button__header_group span {
margin: 1rem 0 1rem 0.5rem;
}
.floating-button__header_group .expanded-link {
position: relative;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-wrap: wrap;
background-color: #CD163F;
height: 55px;
width: 100%;
min-width: 320px;
max-width: 330px;
margin: -10px 0 10px;
border-color: #CD163F;
border-top-right-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
justify-content: center;
padding: 0;
}
.floating-button__header_group .expanded-link .expanded-text {
color: #fff;
text-transform: uppercase;
font-weight: 400;
text-align: center;
-webkit-font-smoothing: subpixel-antialiased;
}
.floating-button__contact-button {
transition: 0.5s all;
width: 3.75rem;
height: 3.75rem;
border-radius: 2.125rem;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
border: solid 2px #fff;
background-image: linear-gradient(38deg, #CD163F 29%, #CD163F 41%, #F58025 69%, #F58025 74%);
display: flex;
justify-content: center;
align-items: center;
}
.floating-button__contact-button svg {
fill: #fff;
width: 2.25rem;
}
.floating-button__contact-button .hidden-text {
overflow: hidden;
align-self: center;
display: none;
}
.floating-button__contact-button .hidden-text .expanded-button {
margin: 0 8px 0 7px;
display: flex;
align-items: center;
color: #fff;
text-transform: uppercase;
}
.floating-button__contact-button .hidden-text .expanded-button svg {
width: 1.5rem;
}
.floating-button__contact-button.hover {
width: auto;
padding-left: 1rem;
padding-right: 0;
align-items: center;
display: flex;
vertical-align: middle;
}
.floating-button__contact-button.hover span {
margin: 0;
}
.floating-button__contact-button.hover .hidden-text {
display: block;
}
.floating-button .hidden {
display: none;
}
body.mobile-filter-active .floating-button {
display: none;
}
/**
* Fly-in
*/
@media (max-width: 767px) {
.fly-in {
width: 100%;
}
}
.fly-in .edit-mode {
position: relative !important;
}
.fly-in__title {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.75rem;
color: #fff;
width: 66.66666667%;
}
.fly-in__copy {
font-size: 1rem;
line-height: 1.375rem;
color: #fff;
width: 66.66666667%;
}
.fly-in .ra-button-primary {
text-decoration: none;
color: #fff;
}
.fly-in .o-flyIn {
bottom: -100%;
left: 0;
transition: all 1s ease 0s;
background: linear-gradient(to right, rgba(0, 0, 0, 0.63) 0%, rgba(0, 0, 0, 0) 100%) center center / cover no-repeat;
/* stylelint-disable-line */
z-index: 101;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
padding: 12px 20px 28px;
position: fixed;
width: 25rem;
}
@media (max-width: 767px) {
.fly-in .o-flyIn {
width: 100%;
}
}
.fly-in .o-flyIn .a-button.-close {
background: transparent;
border: 0 none;
fill: #fff;
height: 16px;
margin: 16px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 16px;
}
.fly-in .o-flyIn .a-button.-close svg {
height: 16px;
width: 16px;
}
/**
* Generic Container
*/
.generic-container {
display: block;
position: relative;
}
@media only screen and (min-width: 80.0625em) {
.generic-container .shard-background {
background-image: url('data:image/svg+xml,<svg width="1280" height="2626" viewBox="0 820 1280 2626" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-116.604 1600.44L141.392 1342.4H50.9296C43.0715 1342.4 35.5595 1345.52 29.996 1351.08L-228 1609.11H-137.538C-129.68 1609.11 -122.167 1606 -116.604 1600.44Z" fill="%23E5E6E9" fill-opacity="0.5"/><path d="M150.827 1274L-105.462 1530.33C-110.838 1535.7 -118.096 1538.71 -125.688 1538.71H-213.736L42.5527 1282.38C47.9289 1277.01 55.1866 1274 62.7792 1274H150.827Z" stroke="%23E5E6E9" stroke-width="2"/><path d="M-87.3622 2618.19L143.401 2387.4H62.4877C55.4591 2387.4 48.74 2390.18 43.7638 2395.16L-187 2625.96H-106.086C-99.0579 2625.96 -92.3384 2623.17 -87.3622 2618.19Z" fill="%23E5E6E9" fill-opacity="0.8"/><path d="M151.586 2326.32L-77.4707 2555.41C-82.2595 2560.2 -88.7247 2562.88 -95.4878 2562.88H-173.987L55.0695 2333.79C59.8584 2329 66.3232 2326.32 73.0864 2326.32H151.586Z" stroke="%23E5E6E9" stroke-width="2"/></svg>'), url('data:image/svg+xml,<svg width="1280" height="2626" viewBox="0 820 1280 2626" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1384.15 786L1209.53 960.647C1205.91 964.262 1201.03 966.284 1195.93 966.284H1136.51L1311.13 791.637C1314.75 788.022 1319.63 786 1324.73 786H1384.15Z" stroke="%23E5E6E9" stroke-width="2"/><path d="M1377.25 832.934L1201.78 1008.43C1198.07 1012.14 1193.06 1014.22 1187.83 1014.22H1127.21L1302.68 838.718C1306.39 835.009 1311.4 832.934 1316.64 832.934H1377.25Z" fill="%23E5E6E9" stroke="%23E5E6E9"/><path d="M1226.36 1894.58L1475.01 1645.89H1387.83C1380.25 1645.89 1373.01 1648.89 1367.65 1654.25L1119 1902.94H1206.19C1213.76 1902.94 1221 1899.94 1226.36 1894.58Z" fill="%23F5F5F5"/><path d="M1484.02 1580L1237.07 1826.98C1231.9 1832.16 1224.91 1835.05 1217.61 1835.05H1132.83L1379.78 1588.07C1384.95 1582.89 1391.94 1580 1399.25 1580H1484.02Z" stroke="%23E5E6E9" stroke-width="2"/></svg>');
background-position: top left, top right;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 48em) {
.generic-container.push-top-full,
.generic-container.push-top-half,
.generic-container.push-top-small {
margin-top: 0 !important;
}
}
.generic-container .shard__top-right {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.generic-container .shard__bottom-left {
position: absolute;
left: 0;
bottom: -100px;
}
.generic-container__inner {
position: relative;
display: block;
width: 100%;
}
.generic-container__inner.has-bg {
z-index: 1;
}
.generic-container__backgrounds {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: -1;
overflow: hidden;
}
.generic-container__backgrounds[data-shadow] {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.generic-container__backgrounds[data-border-radius="4px"] {
border-radius: 4px;
}
.generic-container__backgrounds[data-border-radius="10px"] {
border-radius: 10px;
}
.generic-container.pad-top-max .generic-container__backgrounds {
top: -4.375rem;
}
.generic-container.pad-bottom-max .generic-container__backgrounds {
bottom: -4.375rem;
}
.generic-container.pad-top-full .generic-container__backgrounds {
top: -3.5rem;
}
.generic-container.pad-bottom-full .generic-container__backgrounds {
bottom: -3.5rem;
}
.generic-container.pad-top-half .generic-container__backgrounds {
top: -2rem;
}
.generic-container.pad-bottom-half .generic-container__backgrounds {
bottom: -2rem;
}
.generic-container.pad-top-medium .generic-container__backgrounds {
top: -1.5rem;
}
.generic-container.pad-bottom-medium .generic-container__backgrounds {
bottom: -1.5rem;
}
.generic-container.pad-top-small .generic-container__backgrounds {
top: -1rem;
}
.generic-container.pad-bottom-small .generic-container__backgrounds {
bottom: -1rem;
}
.generic-container.pad-horizontal-medium .generic-container__backgrounds {
left: -1.5rem;
width: calc(100% + 3rem);
}
.generic-container__bg-color {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: -4;
background-color: #fff;
}
.generic-container__bg-color.generic-container__bg-gray {
background-color: #E5E6E9;
}
.generic-container__bg-color.generic-container__bg-yellow {
background-color: #fffcc3;
}
.generic-container__bg-color.generic-container__bg-shard {
background-color: #fafafa;
background-image: url(https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/vector-2.svg), url(https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/vector-1.svg), url(https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/vector.svg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 100% 160px, right top, right top;
}
@media only screen and (max-width: 48em) {
.generic-container__bg-color.generic-container__bg-shard {
background-image: none;
}
}
.generic-container__bg-color.generic-container__bg-light-gray {
background-color: #fafafa;
}
.generic-container__gradient,
.generic-container__gradient-shadow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
mix-blend-mode: hard-light;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.generic-container__gradient,
.generic-container__gradient-shadow {
background-size: 300%;
}
}
.generic-container__gradient-shadow {
background: linear-gradient(120deg, #2d2d2d, rgba(205, 22, 63, 0) 62%, rgba(245, 128, 37, 0) 72%, #2d2d2d);
}
.generic-container__gradient.gradient-ss-burn {
backdrop-filter: brightness(0.6);
}
.generic-container__bug {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
mix-blend-mode: soft-light;
}
.generic-container__responsive-images {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: -3;
}
.generic-container__responsive-images img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-height: none;
min-height: 100%;
min-width: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
}
.generic-container__responsive-images.textured .bg {
display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.generic-container__responsive-images.textured .bg {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: 300%;
}
.generic-container__responsive-images.textured img {
display: none;
}
}
.generic-container.push-top-full::after {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
top: -3.5rem;
height: 3.5rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-top-full::after {
content: none;
}
}
.generic-container.push-top-half::after {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
top: -2rem;
height: 2rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-top-half::after {
content: none;
}
}
.generic-container.push-top-small::after {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
top: -1rem;
height: 1rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-top-small::after {
content: none;
}
}
.generic-container.push-bottom-full::before {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
bottom: -3.5rem;
height: 3.5rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-bottom-full::before {
content: none;
}
}
.generic-container.push-bottom-half::before {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
bottom: -2rem;
height: 2rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-bottom-half::before {
content: none;
}
}
.generic-container.push-bottom-small::before {
content: "";
position: absolute;
z-index: 0;
left: 0;
right: 0;
width: 100%;
background-color: #fff;
bottom: -1rem;
height: 1rem;
}
@media only screen and (max-width: 48em) {
.generic-container.push-bottom-small::before {
content: none;
}
}
.generic-container.push-left-full {
margin-left: 113.5px;
}
@media only screen and (max-width: 48em) {
.generic-container.push-left-full {
margin-left: 20px;
}
}
.generic-container.push-right-full {
margin-right: 113.5px;
}
@media only screen and (max-width: 48em) {
.generic-container.push-right-full {
margin-right: 20px;
}
}
.generic-container.bg-white {
background-color: #fff;
}
.generic-container.bg-black {
background-color: #000;
}
.generic-container.bg-shade {
background-color: #f6f6f7;
}
.generic-container.bg-alert {
background-color: #f00;
}
.generic-container.cta-banner .col-mobile {
align-items: center;
flex-wrap: unset;
flex-direction: row;
gap: 16px;
}
.generic-container.cta-banner .col-mobile .text {
height: fit-content;
}
.generic-container.cta-banner .col-mobile .text .cmp-text p {
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
@media only screen and (max-width: 48em) {
.generic-container.cta-banner .col-mobile .text .cmp-text p {
margin-bottom: 0px;
margin-top: 15px;
}
}
.generic-container.cta-banner .col-mobile .text .cmp-text p span {
margin-bottom: 0;
}
.generic-container.cta-banner .col-mobile .button {
margin-top: 15px;
margin-bottom: 15px;
}
@media only screen and (max-width: 48em) {
.generic-container.cta-banner .col-mobile .button {
margin-top: 0px;
margin-bottom: 18px;
}
}
@media only screen and (max-width: 48em) {
.generic-container.cta-banner .col-mobile {
flex-direction: column;
flex-wrap: wrap;
}
}
body:not(.coral--light) .root > .aem-Grid > .responsivegrid > .aem-Grid > .aem-GridColumn.generic-container {
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.generic-container.authoring-component-label {
opacity: 0 !important;
}
.generic-container.authoring-component-outline {
opacity: 0 !important;
}
/**
* Rockwell Style Utils
*/
/* stylelint-disable no-duplicate-selectors */
.filter {
display: flex;
gap: 5%;
}
.filter [hidden] {
display: none !important;
}
.filter summary {
list-style: none;
}
.filter summary::-webkit-details-marker {
display: none;
}
.filter input {
line-height: normal;
}
@media only screen and (min-width: 64em) {
.filter__form-dialog {
all: unset;
display: contents;
}
}
@media only screen and (max-width: 63.9375em) {
.filter__form-dialog {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
border: none;
transition: left 0.5s ease;
}
.filter__form-dialog[open] {
display: flex;
flex-direction: column;
}
}
.filter__form {
flex: 1;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 63.9375em) {
.filter__form {
overflow-y: auto;
padding: 25px 5%;
}
}
.filter__results-container {
flex: 4;
display: flex;
flex-direction: column;
}
.filter__form-reset {
all: unset;
cursor: pointer;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2A79C4;
transition: all 0.3s;
}
html[lang^="cs"] .filter__form-reset,
html[lang^="ja"] .filter__form-reset,
html[lang^="ko"] .filter__form-reset,
html[lang^="pl"] .filter__form-reset,
html[lang^="ru"] .filter__form-reset,
html[lang^="tr"] .filter__form-reset,
html[lang^="zh"] .filter__form-reset {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.filter__form-reset:disabled {
visibility: hidden;
opacity: 0;
}
@media only screen and (min-width: 64em) {
.filter__mobile-sort {
display: none;
}
}
.filter__results-header-container {
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .filter__results-header-container,
html[lang^="ja"] .filter__results-header-container,
html[lang^="ko"] .filter__results-header-container,
html[lang^="pl"] .filter__results-header-container,
html[lang^="ru"] .filter__results-header-container,
html[lang^="tr"] .filter__results-header-container,
html[lang^="zh"] .filter__results-header-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 63.9375em) {
.filter__results-header-container {
flex-direction: column;
margin-bottom: 45px;
}
}
.filter__mobile-show-dialog-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
}
html[lang^="cs"] .filter__mobile-show-dialog-button,
html[lang^="ja"] .filter__mobile-show-dialog-button,
html[lang^="ko"] .filter__mobile-show-dialog-button,
html[lang^="pl"] .filter__mobile-show-dialog-button,
html[lang^="ru"] .filter__mobile-show-dialog-button,
html[lang^="tr"] .filter__mobile-show-dialog-button,
html[lang^="zh"] .filter__mobile-show-dialog-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.filter__mobile-show-dialog-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.filter__mobile-show-dialog-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.filter__mobile-show-dialog-button:active,
.filter__mobile-show-dialog-button:hover,
.filter__mobile-show-dialog-button:focus {
z-index: 1;
}
.filter__mobile-show-dialog-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.filter__mobile-show-dialog-button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.filter__mobile-show-dialog-button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.filter__mobile-show-dialog-button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.filter__mobile-show-dialog-button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
@media only screen and (min-width: 64em) {
.filter__mobile-show-dialog-button {
display: none;
}
}
.filter__results-options {
display: flex;
align-items: center;
gap: 16px;
}
@media only screen and (max-width: 63.9375em) {
.filter__results-options {
display: none;
}
}
.filter__results-sort-options {
display: flex;
align-items: center;
gap: 0.5rem;
}
.filter__results-sort-text {
width: 100%;
}
.filter__results-content-container {
padding-bottom: 40px;
display: grid;
grid-template-columns: 1fr;
row-gap: 40px;
}
@media only screen and (min-width: 64em) {
.filter__results-content-container[data-view="grid"] {
grid-template-columns: repeat(3, 1fr);
column-gap: 2.5%;
}
}
.filter__select-styler {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .filter__select-styler,
html[lang^="ja"] .filter__select-styler,
html[lang^="ko"] .filter__select-styler,
html[lang^="pl"] .filter__select-styler,
html[lang^="ru"] .filter__select-styler,
html[lang^="tr"] .filter__select-styler,
html[lang^="zh"] .filter__select-styler {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.filter__select-styler [role="combobox"] {
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
.filter__select-styler [role="combobox"]::after {
content: "\25BC";
display: block;
transform: scale(1.1, 0.6);
transition: transform 0.4s;
}
.filter__select-styler > details[open] [role="combobox"]::after {
transform: scale(1.1, 0.6) rotate(0.5turn);
}
.filter__select-styler [role="listbox"] {
min-width: max-content;
left: auto;
right: 0;
margin-top: 7px;
padding: 20px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
border-radius: 8px;
gap: 8px;
font-size: 0.875rem;
color: #2A79C4;
}
.filter__select-styler [role="option"]:hover {
text-decoration: underline;
}
.filter__select-styler [role="option"][aria-selected="true"] {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="ja"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="ko"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="pl"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="ru"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="tr"] .filter__select-styler [role="option"][aria-selected="true"],
html[lang^="zh"] .filter__select-styler [role="option"][aria-selected="true"] {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.filter__mobile-form-header {
padding: 16px 5%;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64em) {
.filter__mobile-form-header {
display: none;
}
}
.filter__mobile-form-header-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter__mobile-form-header-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.375rem;
line-height: 1.2;
}
html[lang^="cs"] .filter__mobile-form-header-title,
html[lang^="ja"] .filter__mobile-form-header-title,
html[lang^="ko"] .filter__mobile-form-header-title,
html[lang^="pl"] .filter__mobile-form-header-title,
html[lang^="ru"] .filter__mobile-form-header-title,
html[lang^="tr"] .filter__mobile-form-header-title,
html[lang^="zh"] .filter__mobile-form-header-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.filter__mobile-form-header-close {
all: unset;
display: contents;
cursor: pointer;
}
.filter__mobile-form-header-close .raw-file-contents {
display: contents;
}
.filter__mobile-form-header-close svg {
height: 24px;
fill: #6D6E71;
}
.filter__mobile-form-header-bottom {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px;
}
.filter__mobile-chips-container {
display: contents;
}
.filter__form-header {
padding-top: 6px;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 63.9375em) {
.filter__form-header {
display: none;
}
}
.filter__form-header-text {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .filter__form-header-text,
html[lang^="ja"] .filter__form-header-text,
html[lang^="ko"] .filter__form-header-text,
html[lang^="pl"] .filter__form-header-text,
html[lang^="ru"] .filter__form-header-text,
html[lang^="tr"] .filter__form-header-text,
html[lang^="zh"] .filter__form-header-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.filter__mobile-form-footer {
padding: 16px 5%;
border-top: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (min-width: 64em) {
.filter__mobile-form-footer {
display: none;
}
}
.filter__mobile-form-submit {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
width: 100%;
}
html[lang^="cs"] .filter__mobile-form-submit,
html[lang^="ja"] .filter__mobile-form-submit,
html[lang^="ko"] .filter__mobile-form-submit,
html[lang^="pl"] .filter__mobile-form-submit,
html[lang^="ru"] .filter__mobile-form-submit,
html[lang^="tr"] .filter__mobile-form-submit,
html[lang^="zh"] .filter__mobile-form-submit {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.filter__mobile-form-submit::after {
content: "";
min-height: inherit;
font-size: 0;
}
.filter__mobile-form-submit svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.filter__mobile-form-submit:active,
.filter__mobile-form-submit:hover,
.filter__mobile-form-submit:focus {
z-index: 1;
}
.filter__mobile-form-submit:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.filter__mobile-form-submit:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.filter__mobile-form-submit:active {
background-color: #003E7E;
border-color: #003E7E;
}
.filter__mobile-form-submit:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.filter__mobile-form-submit[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.filter__search-field {
margin-top: 0.625rem;
padding: 0.75rem 0.625rem;
cursor: text;
border: 1px solid #ccc;
border-radius: 8px;
position: relative;
display: flex;
align-items: center;
gap: 0.25rem;
}
.filter__search-field:focus-within {
outline: 2px solid #2A79C4;
outline-offset: -2px;
}
.filter__search-field .raw-file-contents {
display: flex;
align-items: center;
}
.filter__search-field svg {
height: 1rem;
width: 1rem;
}
.filter__search-field input {
all: unset;
width: 100%;
}
.filter__search-field-placeholder {
pointer-events: none;
color: #43434D;
position: absolute;
top: 0.687rem;
left: 1.875rem;
transition: all 0.3s ease;
max-width: calc(100% - 1.875rem - 0.625rem);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filter__search-field:focus-within .filter__search-field-placeholder,
input:not(:placeholder-shown) ~ .filter__search-field-placeholder {
font-size: 0.875rem;
top: -0.625rem;
left: 0.625rem;
padding: 0 0.313rem;
background-color: #fff;
}
.filter__details {
transition: all 0.4s ease;
margin-top: 20px;
}
@media only screen and (max-width: 63.9375em) {
.filter__details {
margin-top: 0;
}
}
.filter__details[aria-hidden="true"] {
visibility: hidden;
margin-top: 0;
opacity: 0;
max-height: 0;
padding: 0;
height: 0;
overflow: hidden;
}
.filter__details > summary {
cursor: pointer;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding: 5px 0;
border-bottom: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
html[lang^="cs"] .filter__details > summary,
html[lang^="ja"] .filter__details > summary,
html[lang^="ko"] .filter__details > summary,
html[lang^="pl"] .filter__details > summary,
html[lang^="ru"] .filter__details > summary,
html[lang^="tr"] .filter__details > summary,
html[lang^="zh"] .filter__details > summary {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.filter__details > summary::after {
content: "\FE40";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
display: block;
transform: scaleY(1.25) translateY(0.25em);
transition: all 0.3s;
}
html[lang^="cs"] .filter__details > summary::after,
html[lang^="ja"] .filter__details > summary::after,
html[lang^="ko"] .filter__details > summary::after,
html[lang^="pl"] .filter__details > summary::after,
html[lang^="ru"] .filter__details > summary::after,
html[lang^="tr"] .filter__details > summary::after,
html[lang^="zh"] .filter__details > summary::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (max-width: 63.9375em) {
.filter__details > summary {
padding: 15px 0;
}
}
.filter__details[open] > summary::after {
transform: scaleY(1.25) translateY(-0.25em) rotate(180deg);
}
.filter__checkbox-list {
list-style: none;
margin: 0;
margin-top: 10px;
padding-right: 10px;
}
@media only screen and (min-width: 64em) {
.filter__checkbox-list:not([data-has-tooltips]) {
max-height: 10.313rem;
overflow-y: auto;
}
}
.filter__checkbox-list li {
margin: 0;
padding: 4px 0;
transition: all 0.4s ease;
}
.filter__checkbox-list li[aria-hidden="true"] {
visibility: hidden;
opacity: 0;
max-height: 0;
padding: 0;
height: 0;
overflow: hidden;
}
@media only screen and (max-width: 63.9375em) {
.filter__checkbox-list li {
padding: 8px 0;
}
}
.filter__checkbox-list label {
cursor: pointer;
font-size: 0.875rem;
line-height: 1.125rem;
display: flex;
align-items: start;
gap: 0.313rem;
}
.filter__checkbox-list input {
cursor: pointer;
height: 1.125rem;
width: 1.125rem;
}
.filter__checkbox-list span[data-count]::after {
content: '(' attr(data-count) ')';
margin-left: 0.35em;
color: #6D6E71;
}
.filter__tooltip {
position: relative;
}
.filter__tooltip svg {
height: 1em;
position: relative;
top: 0.063rem;
}
.filter__tooltip-content {
visibility: hidden;
opacity: 0;
transition: visibility 0.3s linear, opacity 0.3s linear;
position: absolute;
z-index: 1;
width: max-content;
max-width: 18.75rem;
padding: 0.25rem 0.5rem;
background-color: #43434D;
border-radius: 0.25rem;
color: #fff;
}
.filter__tooltip:hover .filter__tooltip-content,
.filter__tooltip:focus .filter__tooltip-content {
visibility: visible;
opacity: 1;
}
.filter__results-view-options {
display: flex;
align-items: center;
gap: 10px;
}
.filter__results-view-toggle {
cursor: pointer;
}
.filter__results-view-toggle > input {
all: unset;
position: absolute;
overflow: hidden;
height: 1px;
width: 1px;
clip: rect(0, 0, 0, 0);
}
.filter__results-view-toggle > span {
height: 1.875rem;
width: 1.875rem;
border: 1px solid transparent;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
}
.filter__results-view-toggle svg {
height: 0.875rem;
fill: #000;
}
.filter__results-view-toggle > input:checked + span {
border-color: #ccc;
}
.filter__results-options-divider {
height: 2rem;
border-left: 1px solid #ccc;
}
.filter__desktop-chips-container {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@media only screen and (max-width: 63.9375em) {
.filter__desktop-chips-container {
display: none;
}
}
.filter__chip {
all: unset;
cursor: pointer;
padding: 5px 7px 5px 10px;
background-color: #f4f4f4;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 0.875rem;
line-height: 1;
display: flex;
align-items: center;
gap: 4px;
}
.filter__chip .raw-file-contents {
display: contents;
}
.filter__chip svg {
fill: #43434D;
height: 1.1em;
margin-top: 1px;
padding: 2px;
border-radius: 4px;
}
.filter__chip:hover svg {
background-color: #E5E6E9;
}
.filter__results-footer-container {
border-top: 1px solid #ccc;
padding-top: 20px;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
html[lang^="cs"] .filter__results-footer-container,
html[lang^="ja"] .filter__results-footer-container,
html[lang^="ko"] .filter__results-footer-container,
html[lang^="pl"] .filter__results-footer-container,
html[lang^="ru"] .filter__results-footer-container,
html[lang^="tr"] .filter__results-footer-container,
html[lang^="zh"] .filter__results-footer-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 48em) {
.filter__results-footer-container {
flex-direction: column;
}
}
.filter__items-per-page-container {
display: flex;
align-items: center;
gap: 0.5rem;
}
.filter__items-per-page-text {
white-space: nowrap;
}
.filter__pagination-form {
display: flex;
align-items: center;
gap: 8px;
}
.filter__pagination-button {
all: unset;
display: contents;
cursor: pointer;
}
.filter__pagination-button .raw-file-contents {
display: contents;
}
.filter__pagination-button svg {
height: 2rem;
fill: #6D6E71;
margin: 0 -0.5em;
}
.filter__pagination-button:disabled {
visibility: hidden;
}
.filter__pagination-label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .filter__pagination-label,
html[lang^="ja"] .filter__pagination-label,
html[lang^="ko"] .filter__pagination-label,
html[lang^="pl"] .filter__pagination-label,
html[lang^="ru"] .filter__pagination-label,
html[lang^="tr"] .filter__pagination-label,
html[lang^="zh"] .filter__pagination-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.filter__pagination-input {
padding: 0.25em;
border: 1px solid #ccc;
border-radius: 6px;
min-width: 2.5em;
text-align: center;
min-height: 2.5rem;
}
.date-picker {
display: inline-block;
position: relative;
width: 100%;
}
.date-picker [hidden] {
display: none !important;
}
.date-picker .raw-file-contents {
display: contents;
}
.date-picker [role="combobox"] {
list-style: none;
cursor: pointer;
}
.date-picker [role="combobox"]::-webkit-details-marker {
display: none;
}
.date-picker [role="combobox"] .filter__search-field {
pointer-events: none;
}
.date-picker [role="combobox"] input {
text-overflow: ellipsis;
}
.date-picker details[open] .filter__search-field {
outline: 2px solid #2A79C4;
outline-offset: -2px;
}
.date-picker [role="dialog"] {
display: flex;
margin: 0;
flex-direction: column;
position: absolute;
z-index: 1;
top: calc(100% + 1px);
left: 0;
width: 100%;
max-width: 20rem;
min-width: max-content;
background-color: #fff;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
padding: 0.75rem 1rem;
border-radius: 0.25rem;
gap: 0.375rem;
}
.date-picker__header {
display: flex;
align-items: center;
gap: 4px;
}
.date-picker__select-wrapper {
position: relative;
}
.date-picker__month-select {
appearance: none;
border: none;
padding-right: calc(1rem + 4px);
color: #2D2D2D;
}
.date-picker__month-select-arrow {
pointer-events: none;
position: absolute;
right: 0;
width: 1rem;
}
.date-picker__month-select-arrow svg {
fill: #6D6E71;
height: 0.8rem;
}
.date-picker__month-button-div {
display: contents;
}
.date-picker__month-button {
all: unset;
cursor: pointer;
display: inline-flex;
align-items: center;
}
.date-picker__month-button:first-child {
margin-left: auto;
}
.date-picker__month-button svg {
height: 1.375rem;
}
.date-picker tr,
.date-picker td,
.date-picker th {
padding: 0;
}
.date-picker td,
.date-picker th {
height: 1.625rem;
min-width: 1.625rem;
font-size: 0.938rem;
font-weight: normal;
text-align: center;
vertical-align: middle;
}
.date-picker td {
position: relative;
outline: none;
}
.date-picker td:not([data-timestamp=""]) {
cursor: pointer;
}
.date-picker td:not([data-timestamp=""]):hover::before,
.date-picker td:not([data-timestamp=""]):focus::before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #6D6E71;
border-radius: 0.8125rem;
}
.date-picker td[data-in-range="true"] {
color: #fff;
background-color: #2A79C4;
}
.date-picker td[data-in-range="true"]:not([data-timestamp=""]):hover::before,
.date-picker td[data-in-range="true"]:not([data-timestamp=""]):focus::before {
border-color: #E5E6E9;
}
.date-picker td[data-range-start="true"] {
border-top-left-radius: 0.8125rem;
border-bottom-left-radius: 0.8125rem;
}
.date-picker td[data-range-end="true"] {
border-top-right-radius: 0.8125rem;
border-bottom-right-radius: 0.8125rem;
}
.filter__results-content-container[data-view="grid"] .generic-filter__result {
flex-direction: column;
}
.generic-filter__result {
display: flex;
column-gap: 2.5%;
row-gap: 20px;
}
@media only screen and (max-width: 48em) {
.generic-filter__result {
flex-direction: column;
}
}
.generic-filter__result-image-wrapper {
flex: 1;
display: flex;
justify-content: center;
}
.generic-filter__result-image-wrapper img {
object-fit: cover;
}
.generic-filter__result-text {
flex: 4;
display: flex;
flex-direction: column;
line-height: 1.375;
}
.generic-filter__result-date {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
html[lang^="cs"] .generic-filter__result-date,
html[lang^="ja"] .generic-filter__result-date,
html[lang^="ko"] .generic-filter__result-date,
html[lang^="pl"] .generic-filter__result-date,
html[lang^="ru"] .generic-filter__result-date,
html[lang^="tr"] .generic-filter__result-date,
html[lang^="zh"] .generic-filter__result-date {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.generic-filter__result-heading {
display: flex;
align-items: baseline;
gap: 0.625rem;
}
.generic-filter__result-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 4px 0;
font-size: 1.375rem;
text-decoration: none;
}
html[lang^="cs"] .generic-filter__result-title,
html[lang^="ja"] .generic-filter__result-title,
html[lang^="ko"] .generic-filter__result-title,
html[lang^="pl"] .generic-filter__result-title,
html[lang^="ru"] .generic-filter__result-title,
html[lang^="tr"] .generic-filter__result-title,
html[lang^="zh"] .generic-filter__result-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.generic-filter__result-details-container {
margin-top: 12px;
border-top: 1px solid #E5E6E9;
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 0.813rem;
}
.generic-filter__result-details-container > div {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .generic-filter__result-details-container > div,
html[lang^="ja"] .generic-filter__result-details-container > div,
html[lang^="ko"] .generic-filter__result-details-container > div,
html[lang^="pl"] .generic-filter__result-details-container > div,
html[lang^="ru"] .generic-filter__result-details-container > div,
html[lang^="tr"] .generic-filter__result-details-container > div,
html[lang^="zh"] .generic-filter__result-details-container > div {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.generic-filter__result-details-container > div span {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .generic-filter__result-details-container > div span,
html[lang^="ja"] .generic-filter__result-details-container > div span,
html[lang^="ko"] .generic-filter__result-details-container > div span,
html[lang^="pl"] .generic-filter__result-details-container > div span,
html[lang^="ru"] .generic-filter__result-details-container > div span,
html[lang^="tr"] .generic-filter__result-details-container > div span,
html[lang^="zh"] .generic-filter__result-details-container > div span {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.generic-filter span[data-count="0"]::after {
display: none;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-google-maps {
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.cmp-google-maps__map {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* BASE STYLES */
.cmp-grid-container {
flex-basis: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
.cmp-grid-container .aem-GridColumn > div {
width: 100%;
}
/* STYLE SYSTEM */
.grid-container.cmp-grid-container--2col .cmp-grid-container .cmp-grid-container__items > .aem-Grid,
.grid-container.cmp-grid-container--3col .cmp-grid-container .cmp-grid-container__items > .aem-Grid,
.grid-container.cmp-grid-container--4col .cmp-grid-container .cmp-grid-container__items > .aem-Grid,
.grid-container.cmp-grid-container--5col .cmp-grid-container .cmp-grid-container__items > .aem-Grid,
.grid-container.cmp-grid-container--6col .cmp-grid-container .cmp-grid-container__items > .aem-Grid {
display: flex;
flex-flow: row wrap;
}
.grid-container.cmp-grid-container--2col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--3col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--4col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--5col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--6col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
display: flex;
margin-bottom: 1rem;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--2col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--3col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--4col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--5col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div,
.grid-container.cmp-grid-container--6col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
margin-bottom: 0;
}
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--2col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
width: 50%;
}
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--3col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
width: 33.33333333%;
}
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--4col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
width: 25%;
}
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--5col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
width: 20%;
}
}
@media only screen and (min-width: 48.0625em) {
.grid-container.cmp-grid-container--6col .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
width: 16.66666667%;
}
}
.grid-container.cmp-grid-container--padding .cmp-grid-container .cmp-grid-container__items > .aem-Grid,
.grid-container.cmp-grid-container--padding .cmp-grid-container .cmp-grid-container__items > .aem-Grid > div {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/* Authoring styles */
.cmp-grid-container div .aem-Grid .aem-Grid-newComponent.cq-Editable-dom {
padding-left: 0;
padding-right: 0;
width: 100%;
}
/**
* Rockwell Hero Banner
*/
.hero-banner__container {
width: 100%;
min-height: 28.125rem;
position: relative;
display: grid;
grid-template-columns: 50% 50%;
overflow: hidden;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__container {
grid-template-columns: 100%;
}
}
.hero-banner__background-image-wrapper {
display: contents;
}
.hero-banner__background-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-banner__text-container {
z-index: 5;
padding: 5vw;
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__text-container {
transform: none !important;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
.hero-banner__subtitle-container {
margin-bottom: 0.625rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 1.25rem;
}
html[lang^="cs"] .hero-banner__subtitle-container,
html[lang^="ja"] .hero-banner__subtitle-container,
html[lang^="ko"] .hero-banner__subtitle-container,
html[lang^="pl"] .hero-banner__subtitle-container,
html[lang^="ru"] .hero-banner__subtitle-container,
html[lang^="tr"] .hero-banner__subtitle-container,
html[lang^="zh"] .hero-banner__subtitle-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.hero-banner__subtitle-image {
height: 3.25rem;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__subtitle-image {
height: 2.25rem;
}
}
.hero-banner__read-time-wrapper {
display: flex;
align-items: center;
gap: 0.313rem;
}
.hero-banner__read-time-icon svg {
position: relative;
top: 0.188rem;
height: 1.25rem;
}
.hero-banner__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 3rem;
line-height: 3.5rem;
}
html[lang^="cs"] .hero-banner__title,
html[lang^="ja"] .hero-banner__title,
html[lang^="ko"] .hero-banner__title,
html[lang^="pl"] .hero-banner__title,
html[lang^="ru"] .hero-banner__title,
html[lang^="tr"] .hero-banner__title,
html[lang^="zh"] .hero-banner__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__title {
font-size: 2rem;
line-height: 2.5rem;
}
}
.hero-banner__copy-text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 1rem;
}
html[lang^="cs"] .hero-banner__copy-text,
html[lang^="ja"] .hero-banner__copy-text,
html[lang^="ko"] .hero-banner__copy-text,
html[lang^="pl"] .hero-banner__copy-text,
html[lang^="ru"] .hero-banner__copy-text,
html[lang^="tr"] .hero-banner__copy-text,
html[lang^="zh"] .hero-banner__copy-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (max-width: 48em) {
.hero-banner__copy-text {
font-size: 1.25rem;
line-height: 1.625rem;
}
}
.hero-banner__buttons-container {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.75rem;
}
.hero-banner__media-container {
position: relative;
display: flex;
align-items: center;
justify-content: end;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__media-container {
overflow: hidden;
}
}
.hero-banner__media-wrapper {
z-index: 3;
margin-top: 3.125rem;
margin-bottom: 3.125rem;
width: 100%;
clip-path: url("#hero-banner__media-mask");
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__media-wrapper {
margin-top: 5%;
margin-bottom: 5%;
}
}
.hero-banner__media-mask-wrapper {
height: 0;
}
.hero-banner__image,
.hero-banner__video {
display: block;
max-height: 26.75rem;
width: 100%;
aspect-ratio: 2;
object-fit: cover;
}
.hero-banner__video-button {
all: unset;
display: block;
position: relative;
width: 100%;
cursor: pointer;
}
.hero-banner__video-button::before {
content: '';
position: absolute;
z-index: 1;
left: 10%;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-image: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/play-static.svg");
}
.hero-banner__video-button:hover::before,
.hero-banner__video-button:focus::before {
background-image: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/play-hover.svg");
}
.hero-banner__video-dialog {
width: 60rem;
padding: 0;
border: none;
background: none;
overflow: visible;
}
.hero-banner__video-dialog::backdrop {
background: rgba(24, 24, 27, 0.92);
}
.hero-banner__video-dialog-backdrop {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
}
.hero-banner__video-dialog-form {
position: absolute;
right: 0;
top: -2.5rem;
}
.hero-banner__video-dialog-close {
all: unset;
cursor: pointer;
}
.hero-banner__video-dialog-close svg {
fill: #fff;
height: 1.375rem;
}
.hero-banner__shards-container {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.hero-banner__shards-container svg {
position: absolute;
z-index: 2;
}
.hero-banner__shards-container-left {
left: 0;
transform: scaleX(-1);
}
.hero-banner__shard-1 {
height: 50%;
top: 0;
left: 5%;
}
.hero-banner__shard-2 {
bottom: -85%;
left: -10%;
height: 100%;
}
.hero-banner__shard-3 {
height: 100%;
left: 10%;
}
.hero-banner__shard-4 {
height: 80%;
bottom: -10%;
left: -20%;
}
.hero-banner__shard-5 {
height: 100%;
bottom: -10%;
}
.hero-banner__shard-background {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
}
.hero-banner__container[data-color="blue-darkblue"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(0, 62, 126, 0) 52.06%, #00AEEF 84.77%);
}
.hero-banner__container[data-color="blue-darkblue"] .stop1 {
stop-color: #00AEEF;
}
.hero-banner__container[data-color="blue-darkblue"] .stop2 {
stop-color: #003E7E;
}
.hero-banner__container[data-color="blue-darkblue"] .hero-banner__shard-3 path {
fill: #00AEEF;
}
.hero-banner__container[data-color="blue-darkblue"] .hero-banner__shard-5 path {
fill: #003E7E;
}
.hero-banner__container[data-color="orange-purple"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(119, 0, 86, 0) 52.06%, #770056 84.77%);
}
.hero-banner__container[data-color="orange-purple"] .stop1 {
stop-color: #F58025;
}
.hero-banner__container[data-color="orange-purple"] .stop2 {
stop-color: #770056;
}
.hero-banner__container[data-color="orange-purple"] .hero-banner__shard-3 path {
fill: #F58025;
}
.hero-banner__container[data-color="orange-purple"] .hero-banner__shard-5 path {
fill: #770056;
}
.hero-banner__container[data-color="blue-purple"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(119, 0, 86, 0) 52.06%, #770056 84.77%);
}
.hero-banner__container[data-color="blue-purple"] .stop1 {
stop-color: #00AEEF;
}
.hero-banner__container[data-color="blue-purple"] .stop2 {
stop-color: #770056;
}
.hero-banner__container[data-color="blue-purple"] .hero-banner__shard-3 path {
fill: #00AEEF;
}
.hero-banner__container[data-color="blue-purple"] .hero-banner__shard-5 path {
fill: #770056;
}
.hero-banner__container[data-color="red-darkblue"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(0, 62, 126, 0) 52.06%, #003E7E 84.77%);
}
.hero-banner__container[data-color="red-darkblue"] .stop1 {
stop-color: #CD163F;
}
.hero-banner__container[data-color="red-darkblue"] .stop2 {
stop-color: #003E7E;
}
.hero-banner__container[data-color="red-darkblue"] .hero-banner__shard-3 path {
fill: #CD163F;
}
.hero-banner__container[data-color="red-darkblue"] .hero-banner__shard-5 path {
fill: #003E7E;
}
.hero-banner__container[data-color="red-orange"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(245, 128, 37, 0) 52.06%, #F58025 84.77%);
}
.hero-banner__container[data-color="red-orange"] .stop1 {
stop-color: #CD163F;
}
.hero-banner__container[data-color="red-orange"] .stop2 {
stop-color: #F58025;
}
.hero-banner__container[data-color="red-orange"] .hero-banner__shard-3 path {
fill: #CD163F;
}
.hero-banner__container[data-color="red-orange"] .hero-banner__shard-5 path {
fill: #F58025;
}
.hero-banner__container[data-color="darkblue-blue"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(81, 48, 0, 0) 52.06%, #00AEEF 84.77%);
}
.hero-banner__container[data-color="darkblue-blue"] .stop1 {
stop-color: #003E7E;
}
.hero-banner__container[data-color="darkblue-blue"] .stop2 {
stop-color: #00AEEF;
}
.hero-banner__container[data-color="darkblue-blue"] .hero-banner__shard-3 path {
fill: #003E7E;
}
.hero-banner__container[data-color="darkblue-blue"] .hero-banner__shard-5 path {
fill: #00AEEF;
}
.hero-banner__container[data-color="darkblue-purple"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(205, 22, 63, 0) 52.06%, #CD163F 84.77%);
}
.hero-banner__container[data-color="darkblue-purple"] .stop1 {
stop-color: #003E7E;
}
.hero-banner__container[data-color="darkblue-purple"] .stop2 {
stop-color: #CD163F;
}
.hero-banner__container[data-color="darkblue-purple"] .hero-banner__shard-3 path {
fill: #003E7E;
}
.hero-banner__container[data-color="darkblue-purple"] .hero-banner__shard-5 path {
fill: #CD163F;
}
.hero-banner__container[data-color="mediumblue-blue"] .hero-banner__shard-background {
background: linear-gradient(101.93deg, rgba(81, 48, 0, 0) 52.06%, #00AEEF 84.77%);
}
.hero-banner__container[data-color="mediumblue-blue"] .stop1 {
stop-color: #2A79C4;
}
.hero-banner__container[data-color="mediumblue-blue"] .stop2 {
stop-color: #00AEEF;
}
.hero-banner__container[data-color="mediumblue-blue"] .hero-banner__shard-3 path {
fill: #2A79C4;
}
.hero-banner__container[data-color="mediumblue-blue"] .hero-banner__shard-5 path {
fill: #00AEEF;
}
.hero-banner__container[data-no-media] {
min-height: 0;
grid-template-columns: 75% 25%;
}
.hero-banner__container[data-no-media] .hero-banner__media-container {
overflow: visible;
}
@media only screen and (min-width: 48.0625em) {
.hero-banner__container[data-design-variant="default"][data-no-media][data-no-shards] .hero-banner__text-container {
padding-top: 2rem;
padding-bottom: 3.5rem;
}
}
@media only screen and (min-width: 64em) {
.hero-banner__container[data-shard-overflow] {
overflow-y: visible;
overflow-x: clip;
padding-bottom: 3.75rem;
}
.hero-banner__container[data-shard-overflow] .hero-banner__shards-container {
overflow-y: clip;
height: calc(100% + 7.5rem);
width: calc(100% + 7.5rem);
}
}
.hero-banner__container[data-center-aligned] {
min-height: 0;
grid-template-columns: 100%;
text-align: center;
}
.hero-banner__container[data-center-aligned] .hero-banner__text-container {
padding-left: 15vw;
padding-right: 15vw;
}
@media only screen and (max-width: 48em) {
.hero-banner__container[data-center-aligned] .hero-banner__text-container {
padding-left: 5%;
padding-right: 5%;
}
}
.hero-banner__container[data-center-aligned] .hero-banner__subtitle-container,
.hero-banner__container[data-center-aligned] .hero-banner__buttons-container,
.hero-banner__container[data-center-aligned] .hero-banner__buttons-container > * {
justify-content: center;
}
.hero-banner__container[data-center-aligned] .hero-banner__media-container {
position: absolute;
width: 100%;
height: 100%;
}
.hero-banner__container[data-center-aligned] .hero-banner__shards-container {
width: 15%;
}
.hero-banner__container[data-large-height] {
min-height: 75vh;
}
.hero-banner__container[data-design-variant="tools"] .hero-banner__media-container,
.hero-banner__container[data-design-variant="investor-relations"] .hero-banner__media-container {
align-items: end;
}
.hero-banner__container[data-design-variant="tools"] .hero-banner__media-wrapper,
.hero-banner__container[data-design-variant="investor-relations"] .hero-banner__media-wrapper {
margin: 3.125rem 15% 0;
clip-path: none;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__container[data-design-variant="tools"] .hero-banner__media-wrapper,
.hero-banner__container[data-design-variant="investor-relations"] .hero-banner__media-wrapper {
margin-top: 5%;
}
}
.hero-banner__container[data-design-variant="tools"] .hero-banner__image,
.hero-banner__container[data-design-variant="investor-relations"] .hero-banner__image {
max-height: none;
aspect-ratio: unset;
}
.hero-banner__container[data-design-variant="tools"][data-center-aligned] .hero-banner__text-container,
.hero-banner__container[data-design-variant="investor-relations"][data-center-aligned] .hero-banner__text-container {
padding-left: 5%;
padding-right: 5%;
}
.hero-banner__container[data-design-variant="tools"] {
color: #fff;
}
.hero-banner__container[data-design-variant="tools"] .hero-banner__background-image {
filter: brightness(0.3);
}
.hero-banner__container[data-design-variant="tools"] .hero-banner__read-time-icon svg,
.hero-banner__container[data-design-variant="tools"] .social-media-sharing .st-custom-button svg {
fill: #fff;
}
.hero-banner__container[data-design-variant="tools"][data-no-media] {
grid-template-columns: 100%;
}
.hero-banner__container[data-design-variant="investor-relations"][data-no-media]:not([data-center-aligned]) {
grid-template-columns: 50%;
}
@media only screen and (max-width: 48em) {
.hero-banner__container[data-design-variant="investor-relations"][data-no-media]:not([data-center-aligned]) {
grid-template-columns: 100%;
}
.hero-banner__container[data-design-variant="investor-relations"][data-no-media]:not([data-center-aligned]) .hero-banner__background-image {
position: relative;
}
}
body[class*="webinar"] .hero-banner__container {
background: linear-gradient(270deg, #FFFFFF 0.02%, #EFEFEF 99.99%);
grid-template-columns: 65% 35%;
min-height: 325px;
}
@media only screen and (max-width: 63.9375em) {
body[class*="webinar"] .hero-banner__container {
grid-template-columns: 100%;
}
}
body[class*="webinar"] .hero-banner__text-container {
padding: 24px 5vw;
}
body[class*="webinar"] .hero-banner__text-container .hero-banner__webinar-label {
display: none;
}
body[class*="webinar"] .hero-banner__text-container[data-webinar-status="upcoming"] .webinar-status__upcoming {
display: block;
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
body[class*="webinar"] .hero-banner__text-container[data-webinar-status="on-demand"] .webinar-status__on-demand {
display: block;
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
body[class*="webinar"] .hero-banner__text-container[data-webinar-status="series"] .webinar-status__series {
display: block;
background: linear-gradient(120deg, #00aeef 0%, #003e7e 100%);
}
body[class*="webinar"] .hero-banner__webinar-label {
border-radius: 4px;
color: #fff;
display: none;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
margin-bottom: 12px;
padding: 4px 16px 5px;
text-transform: uppercase;
width: fit-content;
}
body[class*="webinar"] .hero-banner__title {
font-size: 2.5rem;
font-weight: 500;
line-height: 3rem;
}
body[class*="webinar"] .hero-banner__copy-text {
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
}
@media only screen and (max-width: 48em) {
body[class*="webinar"] .hero-banner__copy-text {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media only screen and (max-width: 63.9375em) {
body[class*="webinar"] .hero-banner__media-container {
display: none;
}
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Horizontal Rule component
========================================================================== */
/* BASE STYLES */
.horizontal-rule hr {
border-top: 1px solid #E5E6E9;
margin: -1px 0 0 0;
}
.horizontal-rule .edit-mode {
padding: 2rem 0;
}
.horizontal-rule.push-top {
margin-top: 3.5rem;
}
.horizontal-rule.push-bottom {
margin-bottom: 3.5rem;
}
/* =========================================================================
Badge component
========================================================================== */
/* BASE STYLES */
.icon-heading {
padding: 10px;
border-bottom: 2px solid #E5E6E9;
}
.icon-heading .raGradient {
height: 0;
}
.icon-heading__icon {
width: 30px;
height: 30px;
display: inline-block;
fill: url("#raGradient");
margin-right: 10px;
}
.icon-heading__container {
display: inline-flex;
}
.icon-heading__text {
display: inline;
font-size: 1.5rem;
line-height: 1.75rem;
font-weight: 500;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
}
body[class*="webinar"] .icon-heading {
border-bottom: none;
padding: 12px 0;
}
body[class*="webinar"] .icon-heading__container {
align-items: center;
background-color: #fafafa;
padding: 16px;
width: 100%;
}
body[class*="webinar"] .icon-heading div.icon-heading__icon {
height: 40px;
margin-right: 16px;
width: 40px;
}
body[class*="webinar"] .icon-heading div.icon-heading__icon::before {
content: '';
display: inline-block;
height: 40px;
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/good.svg');
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
width: 40px;
}
body[class*="webinar"] .icon-heading div.icon-heading__icon span {
display: none;
}
body[class*="webinar"] .icon-heading__text {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75rem;
}
body[class*="webinar"]:has(.hero-banner__text-container[data-webinar-status="upcoming"]) div.icon-heading__icon::before {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
body[class*="webinar"]:has(.hero-banner__text-container[data-webinar-status="on-demand"]) div.icon-heading__icon::before {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
iFrame component
========================================================================== */
.cmp-iframe {
margin: 20px auto;
}
.cmp-iframe__small-edit {
display: none;
}
.cmp-iframe__container {
position: relative;
overflow: hidden;
height: 100%;
}
.cmp-iframe__container.noheight {
height: 0;
padding-bottom: 56.25%;
}
.cmp-iframe__container iframe {
border: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Image component
========================================================================== */
.image {
position: relative;
display: block;
}
.image img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.image img.shapeCircle {
mask-image: radial-gradient(circle closest-side at center, #000 99%, transparent);
}
.image.align-left img,
.image.align-right img {
display: inline-block;
margin: 0;
}
.image.align-right {
text-align: right;
}
.image.size-icon-small img {
max-width: 32px;
}
.image.size-icon-medium img {
max-width: 64px;
}
.image.size-icon-large img {
max-width: 90px;
}
.image.size-logo img {
max-width: 200px;
}
.image figcaption p {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .image figcaption p,
html[lang^="ja"] .image figcaption p,
html[lang^="ko"] .image figcaption p,
html[lang^="pl"] .image figcaption p,
html[lang^="ru"] .image figcaption p,
html[lang^="tr"] .image figcaption p,
html[lang^="zh"] .image figcaption p {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.image.image-caption-gray-background figcaption {
background-color: #E5E6E9;
padding: 20px 15px;
}
/**
* Link List Component
*/
.language-link {
position: relative;
}
.language-link__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
align-items: center;
font-size: 1.25rem;
margin: 0;
}
html[lang^="cs"] .language-link__title,
html[lang^="ja"] .language-link__title,
html[lang^="ko"] .language-link__title,
html[lang^="pl"] .language-link__title,
html[lang^="ru"] .language-link__title,
html[lang^="tr"] .language-link__title,
html[lang^="zh"] .language-link__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.language-link__title_icon {
display: flex;
align-items: center;
}
.language-link__title_icon svg {
width: 22px;
height: 22px;
margin-right: 0.5rem;
fill: #CD163F;
}
.language-link__link {
display: flex;
align-items: center;
color: #2D2D2D;
text-decoration: none;
padding: 0.75rem 0;
}
.language-link__link:hover,
.language-link__link:active,
.language-link__link:focus {
color: #CD163F;
text-decoration: underline;
}
.cmp-left-navigation {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
width: 100%;
display: flex;
}
html[lang^="cs"] .cmp-left-navigation,
html[lang^="ja"] .cmp-left-navigation,
html[lang^="ko"] .cmp-left-navigation,
html[lang^="pl"] .cmp-left-navigation,
html[lang^="ru"] .cmp-left-navigation,
html[lang^="tr"] .cmp-left-navigation,
html[lang^="zh"] .cmp-left-navigation {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-left-navigation__indicator {
cursor: pointer;
text-decoration: none;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
border-bottom: 3px solid #E5E6E9;
padding: 16px 10px;
position: relative;
}
.cmp-left-navigation__indicator-container {
width: 15%;
height: fit-content;
padding: 0 40px 0 0;
z-index: 2;
position: sticky;
top: var(--top-offset);
}
.cmp-left-navigation__indicator-container a:visited {
color: #2D2D2D;
}
.cmp-left-navigation__indicator-container a:focus {
outline: none;
}
.cmp-left-navigation__indicator-list {
display: flex;
flex-direction: column;
}
.cmp-left-navigation__indicator.active {
border-bottom: 3px solid #F58025;
}
.cmp-left-navigation__indicator:hover {
color: #2A79C4;
border-bottom: 3px solid #2A79C4;
outline: none;
}
.cmp-left-navigation__indicator:hover .cmp-left-navigation__indicator-progress-bar-background {
background-color: #2A79C4;
}
.cmp-left-navigation__indicator-progress-bar {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #F58025;
transform: scaleX(0);
transform-origin: left;
z-index: 2;
}
.cmp-left-navigation__indicator-progress-bar-background {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #E5E6E9;
z-index: 1;
}
.cmp-left-navigation__indicator.clicked .cmp-left-navigation__indicator-progress-bar-background {
background-color: #F58025;
}
.cmp-left-navigation__content {
display: flex;
flex-wrap: wrap;
}
.cmp-left-navigation__content-container {
height: fit-content;
width: 50%;
position: sticky;
top: var(--top-offset);
}
.cmp-left-navigation__content-image {
width: 100%;
height: 100%;
display: flex;
}
.cmp-left-navigation__content-image img {
box-shadow: 0 4px 34px rgba(0, 0, 0, 0.1);
width: 100%;
}
.cmp-left-navigation__content-image-list {
width: 100%;
height: 100%;
position: relative;
}
.cmp-left-navigation__content-image-frame {
padding: 0 40px;
width: 100%;
position: absolute;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.cmp-left-navigation__content-image-frame.active {
opacity: 1;
}
.cmp-left-navigation__scroller {
width: 100%;
height: 100%;
}
.cmp-left-navigation__scroller-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
.cmp-left-navigation__scroller-container {
width: 35%;
padding-left: 20px;
}
.cmp-left-navigation__scroller-content {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.cmp-left-navigation__scroller-section {
margin-bottom: 32px;
}
.cmp-left-navigation__scroller-section:last-child {
margin-bottom: 0;
}
.cmp-left-navigation__scroller::-webkit-scrollbar {
display: none;
}
.cmp-left-navigation__background-icon {
display: none;
}
.cmp-left-navigation.cmp-left-navigation--shard-background .cmp-left-navigation__background-icon {
position: absolute;
left: 0;
margin-top: 190px;
display: block;
}
@media only screen and (max-width: 48em) {
.cmp-left-navigation.cmp-left-navigation--shard-background .cmp-left-navigation__background-icon {
display: none;
}
}
@media only screen and (min-width: 102.5em) {
.cmp-left-navigation .cmp-left-navigation__scroller .button--outline a,
.cmp-left-navigation .cmp-left-navigation__scroller .button--primary a {
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (max-width: 48em) {
.cmp-left-navigation .cmp-left-navigation__scroller .button--outline a,
.cmp-left-navigation .cmp-left-navigation__scroller .button--primary a {
margin-left: 0px;
margin-right: 0px;
}
}
.cmp-left-navigation .cmp-left-navigation__scroller .cmp-text {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cmp-left-navigation .cmp-accordion-left-nav .cmp-text {
padding-left: 0;
padding-right: 0;
}
.cmp-left-navigation--progress-bar .cmp-left-navigation__indicator {
border-bottom: none;
}
.cmp-left-navigation--progress-bar .cmp-left-navigation__indicator.active .cmp-left-navigation__indicator-progress-bar {
display: block;
}
.cmp-left-navigation--progress-bar .cmp-left-navigation__indicator-progress-bar-background {
display: block;
}
.cmp-left-navigation--progress-bar .cmp-left-navigation__indicator.active {
border-bottom: none;
}
.cmp-left-navigation--progress-bar .cmp-left-navigation__indicator:hover {
border-bottom: none;
}
.cmp-left-navigation__content-full-width .cmp-left-navigation__content-container {
display: none;
}
.cmp-left-navigation__content-full-width .cmp-left-navigation__scroller-container {
width: 85%;
}
.cmp-left-navigation__content-full-width .cmp-accordion-left-nav .cmp-accordion-item__content-image {
display: none;
}
.cmp-left-navigation__desktop {
display: flex;
width: 100%;
}
@media only screen and (max-width: 48em) {
.cmp-left-navigation__desktop {
display: none;
}
}
.cmp-left-navigation__mobile {
display: none;
}
@media only screen and (max-width: 48em) {
.cmp-left-navigation__mobile {
display: flex;
width: 100%;
}
}
.cmp-left-navigation__mobile .cmp-accordion-left-nav {
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
.cmp-left-navigation__mobile .cmp-accordion .aem-GridColumn .cmp-text {
padding: 0 !important;
}
.cmp-left-navigation__mobile .cmp-accordion__btn-container {
display: flex;
width: 100%;
justify-content: flex-end;
margin-bottom: 8px;
}
.cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
.cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
cursor: pointer;
width: fit-content;
color: #2A79C4;
}
html[lang^="cs"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="cs"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="ja"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="ja"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="ko"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="ko"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="pl"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="pl"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="ru"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="ru"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="tr"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="tr"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn,
html[lang^="zh"] .cmp-left-navigation__mobile .cmp-accordion__expand-all-btn,
html[lang^="zh"] .cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.cmp-left-navigation__mobile .cmp-accordion__expand-all-btn:hover,
.cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn:hover {
text-decoration: underline;
color: #005db4;
}
.cmp-left-navigation__mobile .cmp-accordion__expand-all-btn.hide,
.cmp-left-navigation__mobile .cmp-accordion__collapse-all-btn.hide {
display: none;
}
.cmp-left-navigation__mobile .cmp-accordion-item {
opacity: 0;
position: relative;
text-align: left;
transition: none;
border-bottom: 2px solid #E5E6E9;
}
.cmp-left-navigation__mobile .cmp-accordion-item:hover {
border-bottom: 2px solid #2A79C4;
}
.cmp-left-navigation__mobile .cmp-accordion-item:hover[data-expanded="true"] {
border-bottom: none;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header {
cursor: pointer;
outline: none;
position: relative;
display: flex;
justify-content: space-between;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header .title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #43434D;
font-size: 1.25rem;
line-height: 1.75rem;
margin: 0;
padding: 14px 0;
text-transform: none;
}
html[lang^="cs"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="ja"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="ko"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="pl"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="ru"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="tr"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title,
html[lang^="zh"] .cmp-left-navigation__mobile .cmp-accordion-item__header .title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 101.25em) {
.cmp-left-navigation__mobile .cmp-accordion-item__header .title {
padding-left: 16px;
}
}
.cmp-left-navigation__mobile .cmp-accordion-item__header .cmp-accordion-item__icon-expand {
display: block;
width: 30px;
height: 30px;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header .cmp-accordion-item__icon-expand svg {
fill: #2D2D2D;
transform: rotate(0deg);
transition: transform 0.2s ease-out;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header[aria-expanded="true"] .cmp-accordion-item__icon-expand svg {
transform: rotate(-180deg);
transition: transform 0.2s ease-out;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header[aria-expanded="true"]:hover + .cmp-accordion-item__content {
border-bottom: 2px solid #2A79C4;
}
.cmp-left-navigation__mobile .cmp-accordion-item__header:hover .title {
color: #2A79C4;
}
.cmp-left-navigation__mobile .cmp-accordion-item .aem-GridColumn.text {
margin: 0;
}
.cmp-left-navigation__mobile .cmp-accordion-item__icon-expand {
bottom: 0;
fill: #CD163F;
left: 13px;
margin-top: auto;
margin-bottom: auto;
top: 0;
}
@media only screen and (min-width: 101.25em) {
.cmp-left-navigation__mobile .cmp-accordion-item__icon-expand {
left: 0;
}
}
.cmp-left-navigation__mobile .cmp-accordion-item__content {
overflow: hidden;
position: relative;
z-index: 2;
animation: none;
transition: none;
}
.cmp-left-navigation__mobile .cmp-accordion-item__content[aria-hidden="false"] {
padding-bottom: 0;
}
.cmp-left-navigation__mobile .cmp-accordion-item__content p {
font-size: 1rem;
}
@media only screen and (min-width: 101.25em) {
.cmp-left-navigation__mobile .cmp-accordion-item__content {
padding-left: 16px;
}
}
.cmp-left-navigation__mobile .cmp-accordion-item__content-image {
display: flex;
justify-content: center;
}
/**
* Link List Component
*/
.link-list__list {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
position: relative;
transition: all 0.2s ease-out;
}
@media only screen and (max-width: 48em) {
.link-list__container.collapse-mobile .link-list__list {
overflow: hidden;
background: #fff;
}
.link-list__container.collapse-mobile .link-list__list .link-list__item:first-child a {
padding-top: 1.25rem;
}
.link-list__container.collapse-mobile .link-list__list .link-list__item:last-child a {
padding-bottom: 1.25rem;
}
.link-list__container.collapse-mobile .link-list__list[aria-hidden="true"] {
height: auto;
}
}
.link-list__title,
.link-list__toggle {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.25rem;
margin: 0;
}
html[lang^="cs"] .link-list__title,
html[lang^="cs"] .link-list__toggle,
html[lang^="ja"] .link-list__title,
html[lang^="ja"] .link-list__toggle,
html[lang^="ko"] .link-list__title,
html[lang^="ko"] .link-list__toggle,
html[lang^="pl"] .link-list__title,
html[lang^="pl"] .link-list__toggle,
html[lang^="ru"] .link-list__title,
html[lang^="ru"] .link-list__toggle,
html[lang^="tr"] .link-list__title,
html[lang^="tr"] .link-list__toggle,
html[lang^="zh"] .link-list__title,
html[lang^="zh"] .link-list__toggle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.link-list__container.collapse-mobile .link-list__title {
display: none;
}
}
.link-list__toggle {
display: none;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
height: auto;
background-color: transparent;
color: #2D2D2D;
text-transform: none;
line-height: 1;
padding: 1rem 0;
border: 0;
}
.link-list__toggle:hover,
.link-list__toggle:active,
.link-list__toggle:focus {
transform: none;
background-color: transparent;
}
.link-list__toggle_arrow {
display: flex;
align-items: center;
}
.link-list__toggle_arrow svg {
width: 20px;
height: auto;
fill: #2D2D2D;
transition: transform 0.2s ease-out;
}
.link-list__toggle[aria-expanded="true"] .link-list__toggle_arrow svg {
transform: rotate(-180deg);
}
@media only screen and (max-width: 48em) {
.link-list__container.collapse-mobile .link-list__toggle {
display: flex;
}
}
.link-list__item {
list-style-type: none;
margin: 0;
padding: 0;
}
.link-list__item a {
position: relative;
z-index: 2;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Link to Parent component
========================================================================== */
.cmp-link-to-parent {
display: block;
margin: 0 auto;
}
/**
* Link Component
*/
.link {
position: relative;
display: block;
}
.link__anchor,
.link__is-anchor {
position: relative;
display: flex;
align-items: center;
margin: 0 auto;
text-decoration: none;
min-height: 19px;
}
.link__anchor:hover,
.link__is-anchor:hover {
text-decoration: underline;
}
.link__icon {
display: flex;
align-items: center;
margin-right: 0.375rem;
}
.link__icon svg {
width: 19px;
height: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.link__icon svg {
height: 19px;
}
}
/**
* Rockwell Style Utils
*/
.logo-links {
position: relative;
overflow: visible;
display: flex;
justify-content: center;
z-index: 1;
}
.logo-links__shard {
position: absolute;
left: -68px;
top: 50%;
transform: scale(0.7);
transform-origin: top right;
}
@media only screen and (max-width: 48em) {
.logo-links__shard {
left: -110px;
transform: scale(0.65);
}
}
.logo-links__container {
width: 100%;
background: linear-gradient(88.03deg, #003E7E 31.18%, #CD163F 101.82%);
box-shadow: 0 4px 44px rgba(0, 0, 0, 0.1);
border-radius: 4px;
margin: 0 2.5rem;
max-width: 95rem;
padding: 3rem 5rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
@media only screen and (max-width: 48em) {
.logo-links__container {
margin: 0 1.25rem;
padding: 3rem;
gap: 2.625rem;
}
}
.logo-links__title {
color: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.5rem;
line-height: 3rem;
text-align: center;
}
html[lang^="cs"] .logo-links__title,
html[lang^="ja"] .logo-links__title,
html[lang^="ko"] .logo-links__title,
html[lang^="pl"] .logo-links__title,
html[lang^="ru"] .logo-links__title,
html[lang^="tr"] .logo-links__title,
html[lang^="zh"] .logo-links__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.logo-links__title {
font-size: 1.75rem;
line-height: 2rem;
}
}
.logo-links__logo-container {
display: flex;
column-gap: 6.25rem;
row-gap: 1.75rem;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 48em) {
.logo-links__logo-container {
flex-direction: column;
}
}
.logo-links__logo-image {
height: 3rem;
}
@media only screen and (max-width: 48em) {
.logo-links__logo-image {
height: 2.75rem;
}
}
/**
* Rockwell Style Utils
*/
.modal-container__dialog {
position: fixed;
border: none;
top: 0;
left: 0;
max-width: none;
max-height: none;
height: 100%;
width: 100%;
padding: 0.5rem;
background: none;
display: none;
justify-content: center;
align-items: center;
}
.modal-container__dialog::backdrop {
background: #000;
opacity: 0.5;
}
.modal-container__dialog[open] {
display: flex;
}
.modal-container__container {
margin: auto;
height: auto;
width: 100%;
max-height: 40rem;
max-width: 47rem;
overflow-y: scroll;
position: relative;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
}
.modal-container__close-button {
all: unset;
cursor: pointer;
position: absolute;
z-index: 2;
top: 0.75rem;
right: 0.75rem;
}
.modal-container__close-button svg {
fill: #6D6E71;
height: 2.5rem;
padding: 0.5rem;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 50%;
}
.modal-container__content {
height: 100%;
width: 100%;
padding: 1.5rem;
overflow-y: auto;
}
.modal-container__backdrop {
position: absolute;
width: 100%;
height: 100%;
}
.modal-container__dialog.wcmauthor {
position: relative;
}
.modal-container__dialog.wcmauthor .modal-container__container {
max-height: none;
}
body:has(dialog.modal-container__dialog[open]),
body.no-scroll {
overflow-y: hidden;
}
/**
* Multimedia Grid Styling
*/
.multimedia-grid {
display: block;
position: relative;
/**
* Desktop Styling
*/
/**
* Mobile Styling
*/
}
.multimedia-grid .hidden {
display: none;
}
.multimedia-grid.push-top {
margin-top: 3.5rem;
}
.multimedia-grid.push-bottom {
margin-bottom: 3.5rem;
}
.multimedia-grid ul,
.multimedia-grid li {
list-style-type: none;
}
.multimedia-grid__container {
position: relative;
display: flex;
flex-wrap: nowrap;
margin: auto;
}
@media only screen and (max-width: 48em) {
.multimedia-grid__container {
margin: 0 1.75rem 3rem;
border: 1px solid #E5E6E9;
padding: 1px 0;
}
}
@media only screen and (min-width: 48.0625em) {
.multimedia-grid__thumbnail-track {
position: relative;
display: block;
margin-right: 0.75rem;
width: 5rem;
height: 28.75rem;
overflow: hidden;
}
.multimedia-grid__thumbnail-list {
position: absolute;
display: flex;
flex-direction: column;
top: 0;
left: 0;
right: 0;
width: 100%;
padding: 0;
margin: 0;
transition: transform 0.3s ease-out;
}
.multimedia-grid__thumbnail-list .mejs__layers,
.multimedia-grid__thumbnail-list .mejs__controls {
display: none;
}
.multimedia-grid .parbase,
.multimedia-grid .parbase-inner,
.multimedia-grid picture,
.multimedia-grid .cmp-video-external {
width: 100%;
height: 100%;
}
.multimedia-grid .parbase-inner,
.multimedia-grid picture {
display: flex;
align-items: center;
}
.multimedia-grid .cmp-video-external__play-button {
display: none !important;
}
.multimedia-grid .cmp-video-external__inner {
top: 50%;
transform: translateY(-50%);
}
.multimedia-grid figure {
position: relative;
width: 100%;
height: auto;
}
.multimedia-grid__thumbnail {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 0;
cursor: pointer;
width: 5rem;
height: 5rem;
margin-top: 0.75rem !important;
border: 2px solid transparent;
transform: translate3d(0, 0, 0);
}
.multimedia-grid__thumbnail:first-child {
margin-top: 0 !important;
}
.multimedia-grid__thumbnail::after {
content: "";
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
border: 1px solid #E5E6E9;
}
.multimedia-grid__thumbnail .parbase,
.multimedia-grid__thumbnail .parbase-inner,
.multimedia-grid__thumbnail picture,
.multimedia-grid__thumbnail .cmp-video-external {
pointer-events: none;
}
.multimedia-grid__thumbnail .video-external {
width: 100%;
}
.multimedia-grid__thumbnail picture {
width: 99%;
height: 99%;
}
.multimedia-grid__thumbnail img {
max-width: 100%;
height: auto;
}
.multimedia-grid__thumbnail .cmp-video-external .cmp-video-external__overlay {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.multimedia-grid__thumbnail .video-icon {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
z-index: 2;
}
.multimedia-grid__thumbnail .video-icon svg {
fill: #fff;
width: 30px;
height: 30px;
}
.multimedia-grid__thumbnail figcaption {
display: none;
}
.multimedia-grid__thumbnail:hover {
border-color: #F58025;
}
.multimedia-grid__thumbnail:hover::after {
border-color: transparent;
}
.multimedia-grid__thumbnail.active {
border-color: #43434D;
}
.multimedia-grid__thumbnail.active::after {
border-color: transparent;
}
.multimedia-grid__active-media {
position: relative;
display: flex;
align-items: center;
width: 28.75rem;
height: 28.75rem;
border: 1px solid #E5E6E9;
transition: opacity 0.2s ease-out;
}
.multimedia-grid__active-media.leaving {
opacity: 0;
}
.multimedia-grid__active-media .video-icon {
display: none;
}
.multimedia-grid__active-media picture {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.multimedia-grid__active-media img {
max-width: 100%;
height: auto;
margin: auto;
}
.multimedia-grid__active-media .cmp-video-external__overlay {
display: none;
}
.multimedia-grid__active-media figcaption p {
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0.5rem 0;
padding: 0 0.5rem;
}
html[lang^="cs"] .multimedia-grid__active-media figcaption p,
html[lang^="ja"] .multimedia-grid__active-media figcaption p,
html[lang^="ko"] .multimedia-grid__active-media figcaption p,
html[lang^="pl"] .multimedia-grid__active-media figcaption p,
html[lang^="ru"] .multimedia-grid__active-media figcaption p,
html[lang^="tr"] .multimedia-grid__active-media figcaption p,
html[lang^="zh"] .multimedia-grid__active-media figcaption p {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-style: italic;
}
.multimedia-grid__previous,
.multimedia-grid__next {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
left: 0;
right: 0;
margin: 0 auto;
width: 4.5rem;
height: 1.375rem;
background-color: rgba(255, 255, 255, 0.9);
border: 2px solid #6D6E71;
border-radius: 0.25rem;
overflow: hidden;
z-index: 2;
transition: all 0.3s ease-out;
transform: scaleY(0);
opacity: 0;
}
.multimedia-grid__previous svg,
.multimedia-grid__next svg {
fill: #6D6E71;
width: 20px;
height: 20px;
}
.multimedia-grid__previous.active,
.multimedia-grid__next.active {
transform: scaleY(1);
opacity: 1;
}
.multimedia-grid__previous {
top: 0;
transform-origin: top center;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.multimedia-grid__next {
top: calc(460px - 22px);
transform-origin: bottom center;
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.multimedia-grid .glide__bullets {
display: none;
}
}
@media only screen and (min-width: 48.0625em) and screen and (-ms-high-contrast: active), only screen and (min-width: 48.0625em) and (-ms-high-contrast: none) {
.multimedia-grid__thumbnail img {
width: 100%;
}
}
@media only screen and (min-width: 48.0625em) and screen and (-ms-high-contrast: active), only screen and (min-width: 48.0625em) and (-ms-high-contrast: none) {
.multimedia-grid__active-media img {
width: 100%;
}
}
@media only screen and (max-width: 48em) {
.multimedia-grid ul,
.multimedia-grid li {
margin: 0;
}
.multimedia-grid .parbase,
.multimedia-grid .parbase-inner,
.multimedia-grid picture,
.multimedia-grid figure,
.multimedia-grid .cmp-video-external {
position: relative;
width: 100%;
height: 100%;
}
.multimedia-grid .glide__slides {
align-items: center;
}
.multimedia-grid .glide__bullets {
position: absolute;
display: flex;
justify-content: center;
left: 0;
right: 0;
bottom: -2rem;
margin: auto;
}
.multimedia-grid .glide__bullets .glide__bullet {
padding: 0;
width: 10px;
height: 10px;
border-radius: 5px;
margin-left: 0.75rem;
background-color: transparent;
border: 1px solid #707070;
}
.multimedia-grid .glide__bullets .glide__bullet:first-child {
margin-left: 0;
}
.multimedia-grid .glide__bullets .glide__bullet--active {
background-color: #CD163F;
}
.multimedia-grid picture {
display: flex;
justify-content: center;
align-items: center;
}
.multimedia-grid picture img {
height: auto;
}
.multimedia-grid figcaption p {
padding: 0.5rem;
}
.multimedia-grid .cmp-video-external .cmp-video-external__overlay {
display: none;
background-color: #fff;
background-position: center center;
background-repeat: no-repeat;
}
.multimedia-grid .video-icon {
position: absolute;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.multimedia-grid .video-icon svg {
fill: #fff;
position: relative;
width: 64px;
height: 64px;
}
.multimedia-grid__active-media,
.multimedia-grid__previous,
.multimedia-grid__next,
.multimedia-grid .cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button {
display: none;
}
}
/**
* In Column Control
*/
.col-mobile .multimedia-grid .multimedia-grid__container {
margin: 0;
}
/**
* Edit Mode Styling
*/
.multimedia-grid__container.edit-mode .multimedia-grid__thumbnail-track {
height: auto;
width: auto;
overflow: auto;
}
.multimedia-grid__container.edit-mode .multimedia-grid__thumbnail-list {
position: relative;
}
.multimedia-grid__container.edit-mode .multimedia-grid__thumbnail {
width: auto;
height: auto;
}
.multimedia-grid__container.edit-mode .multimedia-grid__active-media {
display: none;
}
.multimedia-grid__container.edit-mode .multimedia-grid__previous,
.multimedia-grid__container.edit-mode .multimedia-grid__next,
.multimedia-grid__container.edit-mode .glide__bullets {
display: none;
}
.multimedia-grid__container.edit-mode .cmp-video-external {
width: 450px !important;
}
.multimedia-grid__container.edit-mode .cmp-video-external .cmp-video-external__overlay {
background-color: #fff;
}
.multimedia-grid__container.edit-mode .cmp-video-external .cmp-video-external__inner {
top: auto !important;
transform: none !important;
}
.multimedia-grid__container.edit-mode .parbase-inner {
min-width: 450px !important;
max-width: 450px !important;
max-height: 450px !important;
}
.multimedia-grid__container.edit-mode li {
display: none;
z-index: -1;
}
.multimedia-grid__container.edit-mode li.cmp-multimedia-grid__thumbnail--active {
display: block;
}
.pdf-viewer__container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11000;
background-color: rgba(0, 0, 0, 0.712);
}
.cmp-pdf-viewer-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.pdf-viewer__iframe {
width: 90%;
height: 90%;
margin-top: -6.875rem;
}
.pdf-viewer__close-button-container {
float: right;
}
.pdf-viewer__close-button {
border: none;
background: none;
color: #ffffff;
font-size: 30px;
padding: 5px 10px;
margin-top: 10px;
margin-right: 10px;
font-family: inherit;
}
.pdf-viewer__close-button:hover {
border-radius: 3rem;
background-color: rgba(255, 255, 255, 0.144);
}
@media only screen and (max-width: 48em) {
.cmp-pdf-viewer-container {
justify-content: stretch;
}
.pdf-viewer__iframe {
width: 100%;
height: 100%;
margin-top: 0px;
}
.pdf-viewer__close-button {
margin-top: 0px;
}
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Product Certifications component
========================================================================== */
/* BASE STYLES */
.product-certifications h5 {
margin-bottom: 0;
}
.product-certifications__icon-list {
margin-top: 1.75rem;
}
.product-certifications__icon-list .cert-icon {
display: inline-block;
vertical-align: middle;
margin: 0 0 1.75rem 0;
width: 100%;
max-width: 2.875rem;
}
.product-certifications__icon-list .cert-icon svg {
max-height: 2rem;
}
.product-certifications p:first-child {
margin-top: 0;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/**
* Product Variant Grid
*/
/**
* Experience Toggle Styles
*/
.product-variant-grid {
margin-top: -38px;
}
.product-variant-grid .hidden {
display: none !important;
}
.product-variant-grid .cmp-product-variant-grid__beta-experience {
display: none;
}
.product-variant-grid .cmp-product-variant-grid__default-selector {
display: none;
}
.product-variant-grid--beta-selected .cmp-product-variant-grid__beta-selector {
display: none;
}
.product-variant-grid--beta-selected .cmp-product-variant-grid__default-experience {
display: none;
}
.product-variant-grid--beta-selected .cmp-product-variant-grid__beta-experience {
display: initial;
}
.product-variant-grid--beta-selected .cmp-product-variant-grid__default-selector {
display: initial;
}
/**
* Component Styles
*/
.cmp-product-variant-grid__beta-flag {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
background: linear-gradient(115deg, #CD163F, #F58025);
color: #fff;
font-size: 14px;
line-height: 22px;
padding: 4px 8px;
}
html[lang^="cs"] .cmp-product-variant-grid__beta-flag,
html[lang^="ja"] .cmp-product-variant-grid__beta-flag,
html[lang^="ko"] .cmp-product-variant-grid__beta-flag,
html[lang^="pl"] .cmp-product-variant-grid__beta-flag,
html[lang^="ru"] .cmp-product-variant-grid__beta-flag,
html[lang^="tr"] .cmp-product-variant-grid__beta-flag,
html[lang^="zh"] .cmp-product-variant-grid__beta-flag {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.cmp-product-variant-grid__beta-selector {
align-items: flex-start;
background: #E1EBF4;
border-radius: 4px;
border: solid 1px #2A79C4;
display: flex;
flex-direction: column;
margin-top: 0.75rem;
min-height: 60px;
padding: 19px 19px 13px;
position: relative;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__beta-selector {
align-items: center;
flex-direction: row;
margin-top: 14px;
padding: 16px 20px 16px 88px;
}
}
.cmp-product-variant-grid__beta-selector .cmp-product-variant-grid__beta-flag {
left: 19px;
position: absolute;
top: 1rem;
}
.cmp-product-variant-grid__beta-selector-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
flex-shrink: 0;
font-size: 14px;
letter-spacing: normal;
min-height: 28px;
padding: 0 22px;
}
html[lang^="cs"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="ja"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="ko"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="pl"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="ru"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="tr"] .cmp-product-variant-grid__beta-selector-button,
html[lang^="zh"] .cmp-product-variant-grid__beta-selector-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-product-variant-grid__beta-selector-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.cmp-product-variant-grid__beta-selector-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.cmp-product-variant-grid__beta-selector-button:active,
.cmp-product-variant-grid__beta-selector-button:hover,
.cmp-product-variant-grid__beta-selector-button:focus {
z-index: 1;
}
.cmp-product-variant-grid__beta-selector-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.cmp-product-variant-grid__beta-selector-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.cmp-product-variant-grid__beta-selector-button:active {
border-color: #003E7E;
color: #003E7E;
}
.cmp-product-variant-grid__beta-selector-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
@media only screen and (max-width: 48em) {
.cmp-product-variant-grid__beta-selector-button {
width: 100%;
}
}
.cmp-product-variant-grid__default-selector {
display: flex;
flex-direction: row;
margin-top: 0.5rem;
}
@media only screen and (max-width: 25.875em) {
.cmp-product-variant-grid__default-selector {
align-items: flex-start;
flex-direction: column;
}
}
.cmp-product-variant-grid__default-selector-button {
background: none;
border: none;
color: #2A79C4;
display: inline-block;
margin-left: 14px;
padding: 0;
text-decoration: underline;
}
@media only screen and (max-width: 25.875em) {
.cmp-product-variant-grid__default-selector-button {
margin-left: 0px;
margin-top: 0.5rem;
}
}
.cmp-product-variant-grid__teaser-text {
flex-shrink: 1;
margin: 0 0 13px 69px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__teaser-text {
margin: 0 1.5rem 0 0;
}
}
.cmp-product-variant-grid__top-section {
display: flex;
margin-top: 20px;
width: 100%;
}
.cmp-product-variant-grid__search-label {
display: block;
}
.cmp-product-variant-grid__search-container {
flex-basis: 100%;
position: relative;
}
@media only screen and (min-width: 64em) {
.cmp-product-variant-grid__search-container {
flex-basis: 66.66%;
padding-right: 2rem;
}
}
@media only screen and (min-width: 64em) {
.cmp-product-variant-grid__search-container::after {
background: #707070;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 2px;
}
}
.cmp-product-variant-grid__search-container.full-width {
flex-basis: 100%;
padding-right: 0;
}
.cmp-product-variant-grid__search-container.full-width::after {
display: none;
}
.cmp-product-variant-grid__search-box-container {
margin-top: 20px;
position: relative;
}
.cmp-product-variant-grid__search-icon {
bottom: 50%;
display: flex;
left: 16.5px;
position: absolute;
transform: translateY(50%);
}
.cmp-product-variant-grid__search-icon svg {
fill: #6D6E71;
height: 20px;
}
.cmp-product-variant-grid__search-box {
border-radius: 6px;
border: solid 1px #E5E6E9;
padding: 15px 16.5px 15px 45px;
width: 100%;
}
.cmp-product-variant-grid__search-box::placeholder {
color: #2D2D2D;
opacity: 1;
}
.cmp-product-variant-grid__launch-assistant-desktop {
display: none;
flex-basis: 33.33%;
padding-left: 2rem;
}
@media only screen and (min-width: 64em) {
.cmp-product-variant-grid__launch-assistant-desktop {
display: block;
}
}
.cmp-product-variant-grid__launch-assistant-desktop:first-child {
padding-left: 0;
}
.cmp-product-variant-grid__launch-assistant-mobile {
margin-top: 2rem;
}
@media only screen and (min-width: 64em) {
.cmp-product-variant-grid__launch-assistant-mobile {
display: none;
}
}
.cmp-product-variant-grid__launch-assistant-button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
color: #2A79C4;
background-color: #fff;
border-color: #2A79C4;
display: inline-block;
flex-shrink: 0;
letter-spacing: normal;
line-height: normal;
margin-top: 20px;
padding: 8px 24px;
}
html[lang^="cs"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="ja"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="ko"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="pl"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="ru"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="tr"] .cmp-product-variant-grid__launch-assistant-button,
html[lang^="zh"] .cmp-product-variant-grid__launch-assistant-button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-product-variant-grid__launch-assistant-button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.cmp-product-variant-grid__launch-assistant-button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.cmp-product-variant-grid__launch-assistant-button:active,
.cmp-product-variant-grid__launch-assistant-button:hover,
.cmp-product-variant-grid__launch-assistant-button:focus {
z-index: 1;
}
.cmp-product-variant-grid__launch-assistant-button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.cmp-product-variant-grid__launch-assistant-button:hover {
border-color: #005DB4;
color: #005DB4;
}
.cmp-product-variant-grid__launch-assistant-button:active {
border-color: #003E7E;
color: #003E7E;
}
.cmp-product-variant-grid__launch-assistant-button:focus {
border-color: #003E7E;
color: #003E7E;
background-color: #E5E6E9;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__launch-assistant-button {
margin-top: 25px;
white-space: nowrap;
}
}
.cmp-product-variant-grid__catalog-num-link {
text-decoration: none;
}
.cmp-product-variant-grid__catalog-num-link:hover {
text-decoration: underline;
}
.cmp-product-variant-grid__preferred-availability-flag svg {
display: flex;
height: 20px;
}
.cmp-product-variant-grid__quick-action svg {
display: flex;
fill: #2A79C4;
height: 20px;
}
.cmp-product-variant-grid__pagination-bar {
display: flex;
justify-content: center;
margin-top: 8.5px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__pagination-bar {
justify-content: space-between;
}
}
@media only screen and (max-width: 64em) {
.cmp-product-variant-grid__pagination-bar {
border-bottom: 2px solid #707070;
padding-bottom: 38px;
}
}
.cmp-product-variant-grid__pagination-select-container {
display: none;
position: relative;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__pagination-select-container {
display: block;
}
}
.cmp-product-variant-grid__pagination-select {
appearance: none;
background-color: #fff;
border: 1px solid #E5E6E9;
border-radius: 6px;
color: #6D6E71;
height: 32px;
margin-left: 8px;
padding-left: 0.5rem;
width: 60px;
}
.cmp-product-variant-grid__pagination-select:not([disabled]) {
cursor: pointer;
}
.cmp-product-variant-grid__caret {
display: flex;
pointer-events: none;
position: absolute;
right: 8px;
top: 9px;
}
.cmp-product-variant-grid__caret svg {
fill: #6D6E71;
height: 12px;
width: 12px;
}
.cmp-product-variant-grid__current-page-info {
margin-right: 1.5px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__current-page-info {
margin-right: 9.5px;
}
}
.cmp-product-variant-grid__page-num-input-container {
display: inline;
margin-right: 0.5rem;
}
@media only screen and (max-width: 48em) {
.cmp-product-variant-grid__page-num-input-container {
margin-right: 0;
}
}
.cmp-product-variant-grid__page-num-input {
border-radius: 6px;
border: solid 1px #ccc;
height: 32px;
margin-left: 18px;
margin-right: 4px;
padding: 7px 0 6px;
text-align: center;
width: 40px;
}
@media only screen and (max-width: 48em) {
.cmp-product-variant-grid__page-num-input {
margin-left: 6px;
}
}
.cmp-product-variant-grid__total-pages {
margin-right: 1rem;
}
@media only screen and (max-width: 48em) {
.cmp-product-variant-grid__total-pages {
margin-right: 0.25rem;
}
}
.cmp-product-variant-grid__icon-button {
background: none;
border: none;
display: inline-block;
padding: 0;
}
.cmp-product-variant-grid__chevron-left,
.cmp-product-variant-grid__chevron-right {
display: inline-flex;
height: 22px;
transform: translateY(5px);
}
.cmp-product-variant-grid__chevron-left svg,
.cmp-product-variant-grid__chevron-right svg {
fill: #2A79C4;
height: 100%;
}
.cmp-product-variant-grid__previous-button--disabled,
.cmp-product-variant-grid__next-button--disabled {
cursor: default;
}
.cmp-product-variant-grid__previous-button--disabled svg,
.cmp-product-variant-grid__next-button--disabled svg {
fill: #ccc;
}
.cmp-product-variant-grid__items {
position: relative;
}
.cmp-product-variant-grid__items .loader {
display: none;
left: 50%;
position: absolute;
top: 55px;
transform: translateX(-50%);
}
/**
* Mobile Card Styles
*/
.cmp-product-variant-grid__cards-container {
margin-top: 20px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__cards-container {
display: none;
}
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card {
border: solid 1px #E5E6E9;
border-top: none;
padding: 0.75rem;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card:first-child {
border-top: solid 1px #E5E6E9;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card-row {
display: flex;
margin-bottom: 0.75rem;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card dl {
margin: 0;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card dt,
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card dd {
display: inline-block;
margin: 0;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card dd {
word-break: break-word;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card dt {
color: #6D6E71;
font-size: 12px;
line-height: 0.75rem;
min-width: 118px;
text-transform: uppercase;
width: 118px;
}
.cmp-product-variant-grid__cards-container .cmp-product-variant-grid__card .cmp-product-variant-grid__info-button {
margin-right: 1.5rem;
}
/**
* Desktop Table Styles
*/
.cmp-product-variant-grid__table {
border-bottom: none;
border: 1px solid #E5E6E9;
display: none;
margin-top: 0.75rem;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__table {
display: table;
}
}
.cmp-product-variant-grid__table thead,
.cmp-product-variant-grid__table tbody {
width: 100%;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-header {
background: #E5E6E9;
height: 32px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-header .cmp-product-variant-grid__column-header {
font-size: 14px;
font-weight: bold;
padding-bottom: 0;
padding-top: 0;
text-align: left;
}
.cmp-product-variant-grid__table td,
.cmp-product-variant-grid__table th {
padding-left: 0;
padding-right: 0;
}
.cmp-product-variant-grid__table td:first-child,
.cmp-product-variant-grid__table th:first-child {
padding-left: 20px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row {
border-bottom: 1px solid #E5E6E9;
padding-bottom: 11px;
padding-top: 11px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(1) {
max-width: 213px;
padding-right: 15px;
width: 213px;
word-wrap: break-word;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(2) {
padding-right: 25px;
width: auto;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(3) {
max-width: 125px;
width: 125px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(4) {
max-width: 170px;
width: 170px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(5) {
max-width: 105px;
position: relative;
width: 105px;
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(5) a button {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cmp-product-variant-grid__table .cmp-product-variant-grid__table-row td:nth-child(5) a:last-child button {
left: 44px;
}
/**
* No Search Results Styles
*/
.cmp-product-variant-grid__no-results-message {
margin: 28px 0 0 20px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-product-variant-grid__no-results-message {
left: 50%;
position: absolute;
top: 4rem;
transform: translateX(-50%);
}
}
.cmp-product-variant-grid__no-results-message p:first-child {
font-weight: bold;
}
.cmp-product-variant-grid__no-results-row {
border: 1px solid #E5E6E9;
}
.cmp-product-variant-grid__no-results-row td {
height: 440px;
}
/**
* Lifecycle Status Dots Styles
*/
.cmp-product-variant-grid__lifecycle-status::before {
border-radius: 100%;
content: "";
display: inline-block;
height: 8px;
margin-right: 6px;
transform: translateY(-25%);
width: 8px;
}
[data-lifecycle="Active"]::before {
background: #188030;
}
[data-lifecycle="Active Mature"]::before {
background: #afce4a;
}
[data-lifecycle="End of Life"]::before {
background: #f5ca2f;
}
[data-lifecycle="Discontinued"]::before {
background: #bc2432;
}
.cmp-product-variant-grid__temp-buttons {
display: none;
}
/**
* Override search browser styles
*/
input[type='search']::-ms-clear {
display: none;
height: 0;
width: 0;
}
input[type='search']::-ms-reveal {
display: none;
height: 0;
width: 0;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
display: none;
}
/**
* Override number input browser styles
*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
@supports (-moz-appearance: none) {
select {
-moz-appearance: none !important;
background: transparent;
background-position: calc(100% - 5px) center !important;
}
}
/* stylelint-disable max-nesting-depth */
.product .ra-product .logo-allen-bradley {
display: block;
width: 15.625rem;
height: 3.125rem;
margin-bottom: 1.344rem;
}
.product .ra-product .carousel__root {
display: grid;
grid-gap: 0.75rem;
grid-template-areas: "thumbs main";
grid-template-columns: auto 1fr;
grid-template-rows: auto;
}
.product .ra-product .carousel__root .carousel__imageContainer {
display: grid;
grid-area: main;
}
.product .ra-product .carousel__root .carousel__imageContainer .carousel__currentImage {
background-color: #fff;
grid-area: 0.125;
padding: 20px;
margin: auto;
min-width: 18.05vw;
}
.carousel__currentImage.product .ra-product .carousel__root .carousel__imageContainer.carousel__currentImage_placeholder {
display: block;
max-width: 100%;
min-width: unset;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.product .ra-product .carousel__root .thumbnailList__root {
align-content: start;
grid-auto-flow: row;
grid-gap: 1.5rem;
grid-template-columns: 1fr;
margin-top: 0;
display: grid;
-webkit-box-pack: center;
justify-content: center;
z-index: 1;
}
.product .ra-product .carousel__root .thumbnailList__root .thumbnail__root__product {
width: 5rem;
height: 5rem;
background-color: #fff;
padding: 0.2rem;
outline: none;
}
.product .ra-product .carousel__root .thumbnailList__root .thumbnail__root__product .thumbnail__image {
aspect-ratio: 1;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-box-shadow: 0 0 0 1px #fff;
box-shadow: 0 0 0 1px #fff;
display: block;
height: auto;
width: 100%;
}
.product .ra-product .carousel__root .thumbnailList__root .thumbnail__root__product .thumbnail__image_placeholder {
display: block;
height: 4rem;
width: 100%;
margin: 0;
padding: 0;
}
.product .ra-product .carousel__root .thumbnailList__root .thumbnail__rootSelected {
border: 1px solid #43434D;
}
.product .ra-product .carousel__imageContainer .carousel__currentImage {
background-color: #fff;
grid-area: 0.125;
padding: 20px;
margin: auto;
min-width: 18.05vw;
}
.product .ra-product .thumbnail__image {
aspect-ratio: 1;
}
.product .ra-product .catalog-number {
font-size: 1.25rem;
line-height: 32px;
margin-right: 8px;
}
.product .ra-product .description {
font-size: 1.75rem;
line-height: 32px;
}
.product .ra-product .buy-button {
text-decoration: none;
}
.product .ra-product .buy-button .ra-button-primary {
width: 100%;
font-family: inherit;
}
.product .ra-product .preferred-availability {
background-color: #E1EBF4;
border: 1px solid #2A79C4;
border-radius: 4px;
color: #2A79C4;
display: inline-block;
font-size: 0.75rem;
padding: 2px 4px 2px 5px;
width: fit-content;
}
@media only screen and (min-width: 48.0625em) {
.product .ra-product .preferred-availability {
display: inline-block;
}
}
.product .ra-product .preferred-availability .icon {
display: inline-block;
fill: #2A79C4;
height: 12px;
vertical-align: text-bottom;
width: 12px;
}
.product .ra-product .counterfeit {
margin-bottom: 25px;
margin-top: 12px;
}
.product .ra-product .counterfeit .cmp-text p {
font-size: 0.75rem;
}
.product .ra-product .counterfeit a {
color: #2A79C4;
}
.product .ra-product .navigation {
display: flex;
justify-content: space-between;
max-width: 100rem;
margin: 0 auto;
padding: 1rem 2.5rem;
}
.product .ra-product .navigation .category__link {
display: inline;
padding-right: 0.625rem;
font-size: 0.875rem;
}
.product .ra-product .navigation .category__link a,
.product .ra-product .navigation .category__link a:visited {
color: #2A79C4;
}
.product .ra-product .navigation .share {
display: flex;
vertical-align: middle;
}
@media only screen and (max-width: 48em) {
.product .ra-product .navigation {
padding-left: 0;
padding-right: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.product .ra-product .share {
font-size: 0.875rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
margin-right: 0;
margin-left: auto;
}
.product .ra-product .share .share__item {
color: #000;
margin-left: 10px;
text-decoration: none;
}
.product .ra-product .share .share__item div {
display: inline-block;
height: 24px;
vertical-align: sub;
width: 24px;
}
.product .ra-product .share .share__item div svg {
fill: #2A79C4;
}
.product .ra-product .discontinued-section {
border: 1px solid #E5E6E9;
border-radius: 4px;
margin: 19px 10px 19px 3px;
padding: 20px;
}
.product .ra-product .discontinued-section .discontinued-text {
margin-bottom: 20px;
}
.product .ra-product .discontinued-section .discontinued-title {
display: inline-block;
font-weight: bold;
width: 180px;
}
.product .ra-product .discontinued-section .discontinued-info {
display: grid;
grid-template-columns: 1fr 1fr;
}
.product .ra-product .quick-action .title {
font-size: 1.25rem;
font-weight: bold;
}
.product .ra-product .quick-action .items {
list-style-type: none;
}
@media only screen and (max-width: 48em) {
.product .ra-product .quick-action .items {
align-items: stretch;
display: flex;
flex-flow: row wrap;
justify-content: center;
padding: 0;
margin-bottom: 0;
width: 100%;
}
}
.product .ra-product .quick-action .items a {
color: #000;
text-decoration: none;
}
.product .ra-product .quick-action .items li {
margin: 0 0 8px 0;
}
@media only screen and (max-width: 48em) {
.product .ra-product .quick-action .items li {
background-color: #fff;
border-bottom: solid 4px #CD163F;
border-radius: 4px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
margin: 0 7px 15px;
min-height: 110px;
padding: 9px;
text-align: center;
width: calc(50% - 14px);
display: table;
}
.product .ra-product .quick-action .items li a {
display: table-cell;
vertical-align: middle;
}
}
.product .ra-product .quick-action .items .icon {
display: inline-block;
fill: #CD163F;
height: 24px;
vertical-align: middle;
width: 20px;
margin-right: 0.6rem;
}
@media only screen and (max-width: 48em) {
.product .ra-product .quick-action .items .icon {
display: block;
width: 100%;
}
.product .ra-product .quick-action .items .icon svg {
fill: #CD163F;
height: 24px;
}
}
@media only screen and (max-width: 48em) {
.product .ra-product #productDetails__description {
margin-top: 0;
}
}
.product .ra-product #productDetail.productFullDetail__root {
margin-top: 0;
padding-top: 0;
padding-bottom: 3.5rem;
grid-template-columns: 100%;
}
@media only screen and (min-width: 48.0625em) {
.product .ra-product #productDetail.productFullDetail__root .grid .grid-full {
margin: 0 auto;
padding: 0 2.5rem;
}
}
@media only screen and (max-width: 48em) {
.product .ra-product #productDetail.productFullDetail__root .grid.collapse-cols-mobile {
padding-left: 0;
padding-right: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__title {
margin-left: -15px;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options {
padding: 0;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status {
margin-top: 18px;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status .active {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: inline-block;
margin: 0 0.3125rem;
background: #008700;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status .discontinued {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: inline-block;
margin: 0 0.3125rem;
background: #DF3704;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status .active_mature {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: inline-block;
margin: 0 0.3125rem;
background: #77C14C;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status .end_of_life {
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
display: inline-block;
margin: 0 0.3125rem;
background: #FDB81E;
}
.product .ra-product #productDetail.productFullDetail__root .productFullDetail__options .status .value {
color: #2D2D2D;
}
.product .ra-product .sub-nav {
margin-bottom: 3rem;
}
.product .ra-product .sub-nav__container {
max-width: 100rem;
margin: auto;
}
@media only screen and (max-width: 48em) {
.product .ra-product .sub-nav__container {
padding-left: 2rem;
}
}
@media only screen and (max-width: 48em) {
.product .ra-product .sub-nav__container .buy-button {
display: none;
}
}
.product .ra-product .productFullDetail-documentation {
margin: 20px;
}
@media only screen and (min-width: 48.0625em) {
.product .ra-product .productFullDetail-documentation {
margin: 0 70px;
}
}
.product .ra-product .productFullDetail-documentation a,
.product .ra-product .productFullDetail-documentation a:visited {
color: #2A79C4;
}
.product .ra-product .productTable {
max-width: 100rem;
margin: auto;
padding: 0 2.5rem;
}
.product .ra-product .productTable__placeholder {
max-width: 100rem;
margin: auto;
padding: 0 2.5rem;
}
@media only screen and (max-width: 48em) {
.product .ra-product .productTable__placeholder {
display: none;
}
}
.product .ra-product .productTable__placeholder .productTable__tableHeader {
padding: 0;
}
.product .ra-product .productTable__placeholder p {
padding: 0;
margin-top: 0.75rem;
margin-bottom: 3.5rem;
}
.product .ra-product summary {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.product .ra-product summary::-webkit-details-marker {
display: none;
}
.product .ra-product summary::after {
content: "\FE40";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
display: flex;
transform: scaleY(1.25) translateY(0.25em);
}
html[lang^="cs"] .product .ra-product summary::after,
html[lang^="ja"] .product .ra-product summary::after,
html[lang^="ko"] .product .ra-product summary::after,
html[lang^="pl"] .product .ra-product summary::after,
html[lang^="ru"] .product .ra-product summary::after,
html[lang^="tr"] .product .ra-product summary::after,
html[lang^="zh"] .product .ra-product summary::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (min-width: 48.0625em) {
.product .ra-product summary::after {
display: none;
}
}
.product .ra-product .productTable__tableHeader {
padding-top: 0.8rem;
padding-bottom: 2rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 32px;
letter-spacing: normal;
text-align: left;
white-space: nowrap;
color: #43434D;
}
.product .ra-product .productTable__tableSectionHeader {
padding-right: 10px;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 28px;
letter-spacing: normal;
text-align: left;
color: #43434D;
display: inline-block;
}
.product .ra-product .productTable__tableSection {
display: inline;
}
.product .ra-product .productTable__tableSectionContainer {
display: grid;
grid-template-columns: 1fr 4fr;
}
@media only screen and (max-width: 48em) {
.product .ra-product .productTable__tableSectionContainer {
grid-template-columns: 1fr;
}
}
.product .ra-product .productTable__tableSectionContainer .productTable__sectionGap {
width: 100%;
height: 80px;
}
@media only screen and (max-width: 48em) {
.product .ra-product .productTable__tableSectionContainer .productTable__sectionGap {
height: 20px;
}
}
.product .ra-product .productTable__tableCell {
width: 675px;
border-bottom: solid 1px #E5E6E9;
border-top: solid 1px #E5E6E9;
text-align: left;
padding-top: 13px;
padding-bottom: 12px;
padding-left: 0;
font-size: 16px;
}
.product .ra-product .productTable__tableCell a.is-link {
color: #2A79C4;
}
.product .ra-product .productTable__documentationSectionHeader {
color: #6D6E71;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 0.875rem;
font-weight: 400;
}
@media only screen and (max-width: 48em) {
.product .ra-product .productTable__documentationSectionHeader {
font-weight: 500;
font-size: 0.75rem;
}
}
.product .ra-product #documentationTable__litLibraryLink,
.product .ra-product #documentationTable__techDocCenterLink {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.product .ra-product #documentationTable__desktop {
display: grid;
grid-template-columns: 1fr 4fr;
margin-bottom: 3.5rem;
}
.product .ra-product #documentationTable__desktop table tr .productTable__tableCell {
border-top: 0;
}
.product .ra-product #documentationTable__mobile {
margin-left: 1.25rem;
margin-right: 1.25rem;
padding-top: 0;
padding-bottom: 0;
}
.product .ra-product #documentationTable__mobile table tr:nth-child(1) {
border-top: solid 1px #E5E6E9;
}
.product .ra-product #documentationTable__mobile tr:nth-child(odd) th,
.product .ra-product #documentationTable__mobile tr:nth-child(odd) td {
border-bottom: none;
padding-bottom: 1px;
}
.product .ra-product #documentationTable__mobile tr:nth-child(even) th,
.product .ra-product #documentationTable__mobile tr:nth-child(even) td {
padding-top: 12px;
}
.product .ra-product #documentationTable__mobile .productTable__tableCell {
border-top: 0;
border-right: solid 1px #E5E6E9;
padding-left: 0.75rem;
}
.product .ra-product #documentationTable__mobile .productTable__documentationSectionHeader.productTable__tableCell {
border-right: 0;
border-left: solid 1px #E5E6E9;
}
.product .ra-product #certifications__desktop {
display: grid;
grid-template-columns: 1fr 4fr;
}
.product .ra-product #certifications__mobile {
margin-left: 20px;
margin-right: 20px;
padding: 0;
}
.product .ra-product .certifications {
max-width: 100rem;
margin: auto;
padding: 0 2.5rem;
}
.product .ra-product .certifications .certification-icon {
width: 3.125rem;
height: 3.125rem;
display: inline-block;
}
.product .ra-product .certifications .certification-list {
margin-top: 1.875rem;
}
.product .ra-product .certifications #certifications__disclaimer {
font-style: italic;
max-width: 55rem;
margin-bottom: 0;
}
@media only screen and (min-width: 48.0625em) {
.product .ra-product #specTable__mobile,
.product .ra-product #documentationTable__mobile,
.product .ra-product #productDetails__mobile,
.product .ra-product #certifications__mobile {
display: none;
}
}
.product .ra-product details#lifecycle-details .productFullDetail__options {
pointer-events: none;
}
@media only screen and (max-width: 48em) {
.product .ra-product details#lifecycle-details {
pointer-events: auto;
margin-top: 0.5rem;
padding: 0;
border-bottom: 0;
}
.product .ra-product details#lifecycle-details summary {
margin-bottom: 0.625rem;
align-items: end;
}
.product .ra-product details#lifecycle-details summary .status {
margin: 0 !important;
}
.product .ra-product details#lifecycle-details .discontinued-section {
margin: 0;
padding: 0.5rem;
font-size: 0.75rem;
}
.product .ra-product details#lifecycle-details .discontinued-section .discontinued-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.product .ra-product .productTable {
padding: 0;
}
.product .ra-product details {
padding: 1.25rem 0;
border-bottom: 1px solid #F58025;
}
.product .ra-product summary {
padding-right: 0.875rem;
}
.product .ra-product summary .productTable__tableHeader {
font-size: 24px;
display: flex;
padding-left: 0;
padding-bottom: 0.438rem;
}
.product .ra-product #specTable {
padding: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.product .ra-product .productTable__tableSectionHeader {
padding-top: 12px;
padding-bottom: 12px;
font-size: 1.25rem;
}
.product .ra-product #documentationTable__mobile .productTable__tableSectionHeader {
font-size: 0.75rem;
}
.product .ra-product details[open] summary::after {
transform: scaleY(-1.25) translateY(0.25em);
float: bottom;
}
.product .ra-product #productDetails__container {
margin-top: 32px;
}
.product .ra-product #specTable__desktop,
.product .ra-product #documentationTable__desktop,
.product .ra-product #productDetails__desktop,
.product .ra-product #certifications__desktop,
.product .ra-product .thumbnailList__root {
display: none !important;
}
}
.product .ra-product .print-only,
.product .ra-product .print-header {
display: none;
}
@media print {
.product .ra-product .thumbnailList__root,
.product .ra-product .carousel__currentImage_placeholder,
.carousel__currentImage_placeholder.product .ra-product.carousel__currentImage,
.product .ra-product .quick-action,
.product .ra-product .counterfeit,
.product .ra-product .buy-button,
.product .ra-product .share,
.product .ra-product .footer,
.product .ra-product ._hj_feedback_container,
.product .ra-product .navigation,
.product .ra-product .experience-fragment,
.product .ra-product #specTable__mobile,
.product .ra-product #documentationTable__mobile,
.product .ra-product #certifications__mobile,
.product .ra-product #documentationTable__desktop,
.product .ra-product #productDetails__mobile,
.product .ra-product #productDetails__container,
.product .ra-product #af-flyin,
.product .ra-product summary::after {
display: none !important;
}
.product .ra-product section > .grid {
padding: 0;
}
.product .ra-product .description {
font-weight: 500;
color: #000;
}
.product .ra-product .carousel__currentImage {
display: block !important;
padding-right: 0;
}
.product .ra-product .print-header {
display: flex !important;
justify-content: space-between;
margin-top: 5.625rem;
margin-bottom: 5rem;
}
.product .ra-product .print-header .print-logo {
margin: 0;
}
.product .ra-product .print-header .page-path {
align-self: flex-end;
}
.product .ra-product .print-only {
display: block !important;
}
.product .ra-product .print-only .print-logo {
margin: 20px auto;
width: 220px;
height: auto;
}
.product .ra-product .print-only .copyright {
font-size: 0.75rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
text-align: center;
}
.product .ra-product .print-logo {
width: 250px;
height: 80px;
}
.product .ra-product #certifications__disclaimer {
margin-bottom: 2.5rem !important;
}
.product .ra-product .productDetails__printContainer {
display: grid;
grid-template-columns: 1fr 2fr;
}
.product .ra-product #productDetails__desktop {
display: block !important;
}
.product .ra-product #productDetails__desktop .logo-allen-bradley {
display: block !important;
width: 12.5rem !important;
height: auto !important;
margin-bottom: 0 !important;
}
}
@media print {
._hj_feedback_container {
display: none;
}
}
/**
* Quick Links Component
*/
.quick-links {
display: block;
position: relative;
min-height: 1px;
}
.quick-links ul,
.quick-links li {
margin: 0;
}
.quick-links__container {
max-width: 1600px;
margin: 0 auto;
}
.quick-links__wrapper {
padding: 1rem 0;
background-color: #fff;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
@media only screen and (min-width: 48.0625em) {
.quick-links__wrapper {
justify-content: space-evenly;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.quick-links__wrapper {
justify-content: space-between;
}
.quick-links__wrapper:before,
.quick-links__wrapper:after {
content: '';
display: block;
}
}
@supports (-ms-ime-align: auto) {
.quick-links__wrapper {
justify-content: space-between;
}
.quick-links__wrapper:before,
.quick-links__wrapper:after {
content: '';
display: block;
}
}
.quick-links__wrapper.visible {
display: flex;
}
@media only screen and (max-width: 48em) {
.quick-links__item {
flex: 1 1 50%;
margin-bottom: 0.5rem;
max-width: 270px;
}
}
.quick-links a {
color: #2D2D2D;
text-decoration: none;
align-items: center;
display: flex;
flex-direction: column;
text-align: center;
}
.quick-links a:hover .quick-links__icon svg {
fill: #CD163F;
}
.quick-links a:hover .quick-links__label {
border-bottom: 2px solid #CD163F;
}
.quick-links a .quick-links__label {
border-bottom: 2px solid #fff;
}
.quick-links svg {
fill: #2D2D2D;
width: 2.5rem;
height: 2.5rem;
}
.quick-links__icon {
align-items: center;
border-radius: 1.875rem;
display: flex;
height: 3.75rem;
justify-content: center;
margin-bottom: 0.188rem;
position: relative;
transition: 0.3s ease-out all;
width: 3.75rem;
}
.quick-links.event-quicklinks {
color: #2a79c4;
font-size: 16px;
line-height: 22px;
}
.quick-links.event-quicklinks a {
color: #2a79c4;
font-size: 16px;
line-height: 22px;
}
.quick-links.event-quicklinks .quick-links__wrapper {
padding: 0;
}
@media only screen and (min-width: 48.0625em) {
.quick-links.event-quicklinks .quick-links__wrapper {
justify-content: center;
}
}
.quick-links.event-quicklinks .quick-links__wrapper > .quick-links__item .quick-links__icon {
display: none;
}
@media only screen and (min-width: 48.0625em) {
.quick-links.event-quicklinks .quick-links__wrapper > .quick-links__item {
position: relative;
padding: 5px 26px;
}
}
@media only screen and (min-width: 48.0625em) {
.quick-links.event-quicklinks .quick-links__wrapper > .quick-links__item:not(:last-child)::before {
content: "";
border-left: 2px solid #C9C9C9;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
}
.quick-links.homepage-design {
z-index: 2;
}
.quick-links__container.homepage-design {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
--gradient-color-a: #CD163F;
--gradient-color-b: #F58025;
}
html[lang^="cs"] .quick-links__container.homepage-design,
html[lang^="ja"] .quick-links__container.homepage-design,
html[lang^="ko"] .quick-links__container.homepage-design,
html[lang^="pl"] .quick-links__container.homepage-design,
html[lang^="ru"] .quick-links__container.homepage-design,
html[lang^="tr"] .quick-links__container.homepage-design,
html[lang^="zh"] .quick-links__container.homepage-design {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}
}
.quick-links__container.homepage-design.shard-background {
margin-bottom: 126px;
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design.shard-background {
margin-bottom: 0;
}
}
.quick-links__container.homepage-design .quick-links__wrapper {
flex-wrap: nowrap;
}
@media only screen and (min-width: 48.0625em) {
.quick-links__container.homepage-design .quick-links__wrapper {
box-shadow: 0px -5px 30px rgba(0, 0, 0, 0.15);
width: 80%;
margin: auto;
border-radius: 4px;
padding: 16px 10px;
}
}
@media only screen and (max-width: 80.0625em) {
.quick-links__container.homepage-design .quick-links__wrapper {
width: 90%;
}
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design .quick-links__wrapper {
width: 100%;
padding: 0;
flex-wrap: wrap;
}
}
.quick-links__container.homepage-design .quick-links__item {
flex: 1;
margin: 0 12px;
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design .quick-links__item {
flex: 1 1 100%;
max-width: none;
width: 100%;
margin: 0 20px;
border-bottom: 1px solid #E5E6E9;
}
}
@media only screen and (min-width: 48.0625em) {
.quick-links__container.homepage-design .quick-links__item-separator {
width: 0px;
height: 50px;
border-right: 1px solid #E5E6E9;
}
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design .quick-links__item-separator {
display: none;
}
}
.quick-links__container.homepage-design .quick-links__mobile-header {
display: flex;
justify-content: space-between;
width: calc(100% - 40px);
margin: 20px;
}
.quick-links__container.homepage-design .quick-links__mobile-header-container {
width: 100%;
border-bottom: 3px solid;
border-image: linear-gradient(89.71deg, #cd163f 12.34%, #f58025 103.64%) 1;
}
@media only screen and (min-width: 48.0625em) {
.quick-links__container.homepage-design .quick-links__mobile-header-container {
display: none;
}
}
.quick-links__container.homepage-design .quick-links__mobile-header-text {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #2A79C4;
height: fit-content;
align-self: center;
}
.quick-links__container.homepage-design .quick-links__mobile-header-icon {
transition: 0.1s;
}
.quick-links__container.homepage-design .quick-links__mobile-header-icon svg {
fill: #2A79C4;
}
.quick-links__container.homepage-design .quick-links__mobile-header.active svg {
transform: rotate(180deg);
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design .quick-links__icon {
height: fit-content;
}
}
.quick-links__container.homepage-design a {
color: #2A79C4;
}
.quick-links__container.homepage-design a:hover .quick-links__label {
border-bottom: 2px solid #2A79C4;
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design a {
flex-direction: row;
margin: 20px 0;
gap: 6px;
}
}
.quick-links__container.homepage-design svg {
fill: url("#quick-links__linear-gradient") !important;
}
@media only screen and (min-width: 48.0625em) {
.quick-links__container.homepage-design svg.ra-homepage-icon {
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design svg.ra-homepage-icon {
transform: scale(1.5);
}
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design svg {
width: 24px;
height: 24px;
}
}
.quick-links__container.homepage-design .quick-links__svg-gradient {
display: flex;
max-width: 0;
max-height: 0;
}
.quick-links__container.homepage-design .quick-links__svg-background {
position: absolute;
left: 0;
z-index: -1;
top: -120px;
}
.quick-links__container.homepage-design .quick-links__svg-background svg {
width: auto;
height: auto;
}
@media only screen and (max-width: 48em) {
.quick-links__container.homepage-design .quick-links__svg-background {
display: none;
}
}
/* =========================================================================
Quote component
========================================================================== */
.cmp-quote {
border-radius: 4px;
background: #fff;
display: flex;
flex-direction: column;
margin: 1.25rem auto 0;
padding: 20px;
position: relative;
width: 80%;
margin-bottom: 5px;
height: 100%;
min-height: fit-content;
}
.cmp-grid-container .aem-GridColumn .cmp-quote {
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.cmp-grid-container .aem-GridColumn .cmp-quote {
width: 80%;
}
}
.cmp-quote.cmp-quote__transparentBackground {
background: transparent;
}
.cmp-quote .cmp-quote__text {
color: #2D2D2D;
display: block;
background-image: url(https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/quote_start.svg), url(https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/quote_start.svg);
background-repeat: no-repeat, no-repeat;
background-position: left top, bottom right;
}
.cmp-quote .cmp-quote__text.cmp-quote__shardsOff {
background-image: none;
}
.cmp-quote .cmp-quote__text[data-white-text] {
color: #fff;
}
.cmp-quote .cmp-quote__image {
line-height: 0;
}
.cmp-quote .cmp-quote__image img {
margin-top: 20px;
}
.cmp-quote .cmp-quote__name-title {
color: #2D2D2D;
display: block;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.cmp-quote .cmp-quote__name-title[data-white-text] {
color: #fff;
}
.cmp-quote.cmp-quote__leftAlignedText.cmp-quote__left .cmp-quote__image,
.cmp-quote.cmp-quote__imageOnLeft.cmp-quote__left .cmp-quote__image {
align-self: flex-start;
}
.cmp-quote.cmp-quote__leftAlignedText.cmp-quote__left .cmp-quote__text,
.cmp-quote.cmp-quote__imageOnLeft.cmp-quote__left .cmp-quote__text {
text-align: left;
}
.cmp-quote.cmp-quote__leftAlignedText.cmp-quote__left .cmp-quote__name-title,
.cmp-quote.cmp-quote__imageOnLeft.cmp-quote__left .cmp-quote__name-title {
align-self: flex-start;
}
.cmp-quote.cmp-quote__centerAlignedText .cmp-quote__image {
align-self: center;
}
.cmp-quote.cmp-quote__centerAlignedText .cmp-quote__text {
text-align: center;
}
.cmp-quote.cmp-quote__centerAlignedText .cmp-quote__name-title {
text-align: center;
}
.cmp-carousel-slide__content .quote {
height: 100%;
}
/* Desktop Modifications
========================================================================== */
@media only screen and (min-width: 64em) {
.cmp-quote.cmp-quote__large .cmp-quote__image img {
height: 3.25rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__large .cmp-quote__image img.tall-size-image {
height: 6.5rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__large .cmp-quote__text {
font-size: 1.75rem;
line-height: 2rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
margin-top: 20px;
background-size: 186px 112px, 186px 112px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__large .cmp-quote__name-title {
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding-left: 50px;
margin-top: 10px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__name-title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__small .cmp-quote__image img {
height: 3.25rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__small .cmp-quote__image img.tall-size-image {
height: 6.5rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__small .cmp-quote__text {
font-size: 1rem;
line-height: 1.375rem;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
margin-top: 12px;
background-size: 100px 60px, 100px 60px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__small .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__small .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.cmp-quote.cmp-quote__small .cmp-quote__name-title {
font-size: 0.875rem;
line-height: 1.125rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 6px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__small .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__centerAlignedText .cmp-quote__text {
margin-top: 0;
}
.cmp-quote.cmp-quote__imageOnLeft {
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__image {
min-width: 20%;
display: flex;
justify-content: center;
align-self: center;
padding-top: 20px;
padding-bottom: 20px;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__image img {
margin-top: 0;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__divider {
height: 129px;
border-right: solid #E5E6E9 1px;
align-self: center;
margin-left: 32px;
margin-right: 32px;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content {
display: flex;
flex-direction: column;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content .cmp-quote__text {
text-align: left;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content .cmp-quote__name-title {
align-self: flex-start;
}
}
/* Mobile Modifications
========================================================================== */
@media only screen and (max-width: 63.9375em) {
.cmp-quote.cmp-quote__large .cmp-quote__image img {
height: 3.25rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__large .cmp-quote__image img.tall-size-image {
height: 6.5rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__large .cmp-quote__text {
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
margin-top: 10px;
background-size: 100px 60px, 100px 60px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__large .cmp-quote__text.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__text.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__large .cmp-quote__name-title {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 6px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__large .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__large .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__small .cmp-quote__image img {
height: 3.25rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__small .cmp-quote__image img.tall-size-image {
height: 6.5rem;
width: auto;
object-fit: contain;
}
.cmp-quote.cmp-quote__small.cmp-quote__centerAlignedText .cmp-quote__text {
margin-top: 0;
}
.cmp-quote.cmp-quote__small .cmp-quote__text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
margin-top: 12px;
background-size: 100px 60px, 100px 60px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ja"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ko"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="pl"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="ru"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="tr"] .cmp-quote.cmp-quote__small .cmp-quote__text,
html[lang^="zh"] .cmp-quote.cmp-quote__small .cmp-quote__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.cmp-quote.cmp-quote__small .cmp-quote__name-title {
font-size: 0.875rem;
line-height: 1.125rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-top: 6px;
}
html[lang^="cs"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ja"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ko"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="pl"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="ru"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="tr"] .cmp-quote.cmp-quote__small .cmp-quote__name-title,
html[lang^="zh"] .cmp-quote.cmp-quote__small .cmp-quote__name-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__image {
align-self: center;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content {
display: flex;
flex-direction: column;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content .cmp-quote__text {
text-align: center;
}
.cmp-quote.cmp-quote__imageOnLeft .cmp-quote__content .cmp-quote__name-title {
align-self: center;
}
}
/* Carousel-Related Modifications
========================================================================== */
.carousel .cmp-carousel .cmp-carousel-slide .cmp-carousel-slide__content .cmp-quote {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
margin: 0;
width: unset;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/**
* Related Content
*/
/**
* Rockwell Style Utils
*/
.related-content {
display: block;
position: relative;
}
.related-content .h2 {
text-align: center;
}
.related-content .loader {
position: static;
-webkit-transform: none;
transform: none;
}
.related-content .content-tile .loader {
position: static;
display: none;
}
.related-content__list {
display: flex;
flex-direction: column;
}
.related-content__list.loading {
opacity: 0;
transform: scale(0.85) rotate(-8deg);
}
@media only screen and (min-width: 48.0625em) {
.related-content__list {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
}
.related-content__list-item {
height: auto;
width: 100%;
margin-top: 2.5rem;
}
.related-content__list-item:first-child {
margin-top: 0;
}
@media only screen and (min-width: 48.0625em) {
.related-content__list-item {
width: 32%;
}
.related-content__list-item:nth-child(-n+3) {
margin-top: 0;
}
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/**
* Content Tile
*/
/**
* Rockwell Style Utils
*/
@media only screen and (min-width: 48.0625em) {
.content-tile {
height: 100%;
}
}
.content-tile__container {
display: flex;
}
@media only screen and (min-width: 48.0625em) {
.content-tile__container {
height: 100%;
}
}
.content-tile__container.override-height {
height: auto;
}
.content-tile__container.vertical img {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.content-tile__container.vertical .teaser__image {
padding-bottom: 0.5rem;
}
.content-tile__container.layout-horizontal .teaser__image.content-tile__image img.content-tile__img {
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 48.0625em) {
.content-tile__container.layout-horizontal .teaser__image.content-tile__image img.content-tile__img {
border-bottom-left-radius: 0.25rem;
}
}
.content-tile__container .teaser {
width: 100%;
}
.content-tile__container .teaser__container {
display: flex;
flex-direction: column;
}
.content-tile__container[data-webinar-type^="future"] .content-tile__webinar-label_future,
.content-tile__container[data-webinar-type^="future"] .content-tile__webinar-detail > span::before {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
.content-tile__container[data-webinar-type^="future"] .content-tile__webinar-label_past {
display: none;
}
.content-tile__container[data-webinar-type^="past"] .content-tile__webinar-label_past,
.content-tile__container[data-webinar-type^="past"] .content-tile__webinar-detail > span::before {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.content-tile__container[data-webinar-type^="past"] .content-tile__webinar-label_future {
display: none;
}
.content-tile__container[data-webinar-type$="series"] .content-tile__webinar-label_series,
.content-tile__container[data-webinar-type$="series"] .content-tile__webinar-detail > span::before {
background: linear-gradient(120deg, #00aeef 0%, #003e7e 100%);
}
.content-tile__webinar-intro {
background: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/backTexture_WhiteGray.svg') #d3d3d3 50% / cover no-repeat;
background-position: center;
margin-bottom: 24px;
padding: 32px 24px;
}
.content-tile__webinar-label_future,
.content-tile__webinar-label_past,
.content-tile__webinar-label_series {
border-radius: 4px;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
margin: 0 0 8px;
padding: 4px 16px 5px;
text-transform: uppercase;
width: fit-content;
}
.content-tile__webinar-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
}
.content-tile__webinar-detail {
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
padding-top: 16px;
}
.content-tile__webinar-detail span::before {
content: '';
display: inline-block;
height: 20px;
margin-right: 8px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
vertical-align: -4px;
width: 20px;
}
.content-tile__webinar-detail.startDate {
white-space: nowrap;
}
.content-tile__webinar-detail.startDate span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/event.svg');
}
.content-tile__webinar-detail.startTime > span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.content-tile__webinar-detail.length > span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.content-tile__webinar-detail.language {
white-space: nowrap;
}
.content-tile__webinar-detail.language span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/globe.svg');
}
.content-tile__webinar-detail span {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .content-tile__webinar-detail span,
html[lang^="ja"] .content-tile__webinar-detail span,
html[lang^="ko"] .content-tile__webinar-detail span,
html[lang^="pl"] .content-tile__webinar-detail span,
html[lang^="ru"] .content-tile__webinar-detail span,
html[lang^="tr"] .content-tile__webinar-detail span,
html[lang^="zh"] .content-tile__webinar-detail span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.content-tile--product .teaser__image {
max-height: 14vw;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 48em) {
.content-tile--product .teaser__image {
max-height: 30vw;
}
}
.content-tile .loader {
position: static;
}
.content-tile__link {
text-decoration: none;
padding: 0 1.25rem 0.75rem;
}
.content-tile .xf-related-content-group {
display: inline;
}
.cmp-sales-contact-teaser {
background: linear-gradient(90deg, #cd163f 7%, #f58025 93%);
border-radius: 4px;
box-sizing: content-box;
padding: 2px;
position: fixed;
z-index: 10000;
}
.cmp-sales-contact-teaser.edit-mode {
position: relative;
right: 0;
top: 0;
margin: 10px;
}
.cmp-sales-contact-teaser.edit-mode .cmp-sales-contact-teaser__card {
max-height: 500px;
}
.cmp-sales-contact-teaser__card {
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 8px 8px 0;
background-color: #fff;
border-radius: 2px;
max-height: 58px;
max-width: 400px;
transition: all 1.5s ease-out 0.5s;
overflow: hidden;
}
.cmp-sales-contact-teaser__card:hover,
.cmp-sales-contact-teaser__card:focus-within {
/* Set a large number to make sure it's visible. This value is for animation. */
max-height: 500px;
transition: all 3s ease-out;
}
.cmp-sales-contact-teaser__header {
display: flex;
}
.cmp-sales-contact-teaser__close {
color: #2D2D2D;
font-size: calc_rem(16px);
text-decoration: none;
margin: 2px 8px;
position: absolute;
right: 0;
top: 0;
}
.cmp-sales-contact-teaser__close:hover {
color: #2D2D2D;
}
.cmp-sales-contact-teaser__image {
width: 40px;
height: 40px;
border-radius: 50%;
margin: 0 8px 8px 8px;
}
.cmp-sales-contact-teaser__basic-info {
padding: 0 0 8px 0;
}
.cmp-sales-contact-teaser__name {
font-size: 1rem;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.cmp-sales-contact-teaser__title {
font-size: 0.875rem;
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.cmp-sales-contact-teaser__connect {
display: flex;
padding: 8px 0 0 0;
}
.cmp-sales-contact-teaser__connect-text,
.cmp-sales-contact-teaser__phone-number {
font-size: 0.875rem;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.cmp-sales-contact-teaser__connect-text a,
.cmp-sales-contact-teaser__phone-number a {
text-decoration: none;
}
.cmp-sales-contact-teaser__social-icon {
fill: #2A79C4;
margin: 0 6px;
}
.cmp-sales-contact-teaser__social-icon svg {
height: 18px;
}
.cmp-sales-contact-teaser a.cmp-sales-contact-teaser__cta {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
text-decoration: none;
}
/* Mobile Modifications
========================================================================== */
@media only screen and (min-width: 48.0625em) {
.cmp-sales-contact-teaser {
top: 100px;
right: 10px;
transition: all 0.5s ease-out;
/* desktop slide in */
}
.cmp-sales-contact-teaser.hidden {
right: -400px;
transition: all 0.5s ease-out;
/* desktop slide out */
}
}
@media only screen and (max-width: 48em) {
.cmp-sales-contact-teaser {
display: flex;
justify-content: center;
max-width: -webkit-fill-available;
width: 100%;
bottom: 0;
transition: all 1s ease-out;
/* Mobile slide in */
}
.cmp-sales-contact-teaser.hidden {
transition: all 1s ease-out;
/* Mobile slide out */
bottom: -500px;
}
.cmp-sales-contact-teaser__card {
width: inherit;
max-width: none;
border-bottom: none;
}
}
/* =========================================================================
Scroll to Content component
========================================================================== */
/* Edit Mode Styles */
.edit .scroll-to-content {
position: inherit;
}
.edit .scroll-to-content > a {
position: relative;
left: inherit;
top: inherit;
transform: none;
}
/* Base Styles */
.scroll-to-content {
position: relative;
page-break-after: always;
}
.scroll-to-content > a {
position: absolute;
left: 50%;
top: calc(50% + 56px);
transform: translate(-50%, -50%);
}
.scroll-to-content .arrow {
position: relative;
width: 68px;
height: 68px;
cursor: pointer;
transition: 0.5s;
overflow: hidden;
background: #2A79C4;
transform: rotateZ(-90deg);
border-radius: 50%;
margin: 0 auto;
}
.scroll-to-content .arrow::after {
position: absolute;
display: block;
content: "";
color: #fff;
width: 24px;
height: 34px;
top: -1px;
border-bottom: solid 2px;
transform: translateX(25px);
}
.scroll-to-content .arrow::before {
position: absolute;
display: block;
content: "";
color: #fff;
width: 10px;
height: 10px;
border-top: solid 2px;
border-left: solid 2px;
top: 50%;
left: 22px;
transform-origin: 0% 0%;
transform: rotateZ(-45deg);
}
.scroll-to-content .arrow:hover {
background: #005DB4;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Search Box component
========================================================================== */
.cmp-search-box__form {
display: flex;
justify-content: flex-end;
}
.cmp-search-box__form .btn-search {
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
height: 1.875rem;
vertical-align: top;
width: 1.875rem;
outline: none;
z-index: 50;
}
.cmp-search-box__form input[type='text'] {
background-color: transparent;
border: 0;
border-bottom: 1px solid #000;
padding: 0.5rem 1.875rem 0.5rem 0.5rem;
margin-right: -1.875rem;
width: 12.5rem;
height: 1.875rem;
outline: none;
transition: 0.6s ease transform;
transform-origin: right;
transform: scaleX(0);
}
.cmp-search-box__form.open input {
transform: scaleX(1);
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-section {
margin-left: auto;
margin-right: auto;
position: relative;
}
.cmp-section__container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
max-width: 100%;
}
.cmp-section__container img {
max-width: 100%;
width: auto;
}
/* STYLE SYSTEM */
.cmp-section--alignment-left .cmp-section__container {
text-align: left;
}
.cmp-section--alignment-center .cmp-section__container {
text-align: center;
}
.cmp-section--alignment-right .cmp-section__container {
text-align: right;
}
/**
* Rockwell Style Utils
*/
.session-list [hidden] {
display: none !important;
}
.session-list summary {
list-style: none;
}
.session-list summary::-webkit-details-marker {
display: none;
}
.session-list input {
line-height: normal;
}
.session-list__container {
display: flex;
gap: 5%;
}
@media only screen and (min-width: 64em) {
.session-list__filter-dialog {
all: unset;
display: contents;
}
}
@media only screen and (max-width: 63.9375em) {
.session-list__filter-dialog {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
border: none;
transition: left 0.5s ease;
}
.session-list__filter-dialog[open] {
display: flex;
flex-direction: column;
}
}
.session-list__filter-mobile-header {
padding: 16px 5%;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
gap: 16px;
}
@media only screen and (min-width: 64em) {
.session-list__filter-mobile-header {
display: none;
}
}
.session-list__filter-mobile-header-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.session-list__filter-mobile-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.375rem;
line-height: 1.2;
}
html[lang^="cs"] .session-list__filter-mobile-title,
html[lang^="ja"] .session-list__filter-mobile-title,
html[lang^="ko"] .session-list__filter-mobile-title,
html[lang^="pl"] .session-list__filter-mobile-title,
html[lang^="ru"] .session-list__filter-mobile-title,
html[lang^="tr"] .session-list__filter-mobile-title,
html[lang^="zh"] .session-list__filter-mobile-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__filter-mobile-close {
all: unset;
display: contents;
cursor: pointer;
}
.session-list__filter-mobile-close .raw-file-contents {
display: contents;
}
.session-list__filter-mobile-close svg {
height: 24px;
fill: #6D6E71;
}
.session-list__filter-mobile-header-bottom {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px;
}
.session-list__filter-mobile-chips-container {
display: contents;
}
.session-list__filter-form {
flex: 1;
display: flex;
flex-direction: column;
overflow-y: auto;
}
@media only screen and (max-width: 63.9375em) {
.session-list__filter-form {
padding: 25px 5%;
}
}
.session-list__filter-header {
padding-top: 6px;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 63.9375em) {
.session-list__filter-header {
display: none;
}
}
.session-list__filter-header-text {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__filter-header-text,
html[lang^="ja"] .session-list__filter-header-text,
html[lang^="ko"] .session-list__filter-header-text,
html[lang^="pl"] .session-list__filter-header-text,
html[lang^="ru"] .session-list__filter-header-text,
html[lang^="tr"] .session-list__filter-header-text,
html[lang^="zh"] .session-list__filter-header-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__filter-reset {
all: unset;
cursor: pointer;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2A79C4;
transition: all 0.3s;
}
html[lang^="cs"] .session-list__filter-reset,
html[lang^="ja"] .session-list__filter-reset,
html[lang^="ko"] .session-list__filter-reset,
html[lang^="pl"] .session-list__filter-reset,
html[lang^="ru"] .session-list__filter-reset,
html[lang^="tr"] .session-list__filter-reset,
html[lang^="zh"] .session-list__filter-reset {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__filter-reset:disabled {
visibility: hidden;
opacity: 0;
}
@media only screen and (min-width: 64em) {
.session-list__mobile-sort {
display: none;
}
}
.session-list__filter-mobile-footer {
padding: 16px 5%;
border-top: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (min-width: 64em) {
.session-list__filter-mobile-footer {
display: none;
}
}
.session-list__filter-mobile-submit {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
width: 100%;
}
html[lang^="cs"] .session-list__filter-mobile-submit,
html[lang^="ja"] .session-list__filter-mobile-submit,
html[lang^="ko"] .session-list__filter-mobile-submit,
html[lang^="pl"] .session-list__filter-mobile-submit,
html[lang^="ru"] .session-list__filter-mobile-submit,
html[lang^="tr"] .session-list__filter-mobile-submit,
html[lang^="zh"] .session-list__filter-mobile-submit {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__filter-mobile-submit::after {
content: "";
min-height: inherit;
font-size: 0;
}
.session-list__filter-mobile-submit svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.session-list__filter-mobile-submit:active,
.session-list__filter-mobile-submit:hover,
.session-list__filter-mobile-submit:focus {
z-index: 1;
}
.session-list__filter-mobile-submit:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.session-list__filter-mobile-submit:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.session-list__filter-mobile-submit:active {
background-color: #003E7E;
border-color: #003E7E;
}
.session-list__filter-mobile-submit:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.session-list__filter-mobile-submit[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.session-list__results-container {
flex: 4;
display: flex;
flex-direction: column;
}
.session-list__results-header-container {
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__results-header-container,
html[lang^="ja"] .session-list__results-header-container,
html[lang^="ko"] .session-list__results-header-container,
html[lang^="pl"] .session-list__results-header-container,
html[lang^="ru"] .session-list__results-header-container,
html[lang^="tr"] .session-list__results-header-container,
html[lang^="zh"] .session-list__results-header-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 63.9375em) {
.session-list__results-header-container {
flex-direction: column;
margin-bottom: 45px;
}
}
.session-list__filter-mobile-show {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
}
html[lang^="cs"] .session-list__filter-mobile-show,
html[lang^="ja"] .session-list__filter-mobile-show,
html[lang^="ko"] .session-list__filter-mobile-show,
html[lang^="pl"] .session-list__filter-mobile-show,
html[lang^="ru"] .session-list__filter-mobile-show,
html[lang^="tr"] .session-list__filter-mobile-show,
html[lang^="zh"] .session-list__filter-mobile-show {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__filter-mobile-show::after {
content: "";
min-height: inherit;
font-size: 0;
}
.session-list__filter-mobile-show svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.session-list__filter-mobile-show:active,
.session-list__filter-mobile-show:hover,
.session-list__filter-mobile-show:focus {
z-index: 1;
}
.session-list__filter-mobile-show:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.session-list__filter-mobile-show:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.session-list__filter-mobile-show:active {
background-color: #003E7E;
border-color: #003E7E;
}
.session-list__filter-mobile-show:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.session-list__filter-mobile-show[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
@media only screen and (min-width: 64em) {
.session-list__filter-mobile-show {
display: none;
}
}
.session-list__results-options {
display: flex;
align-items: center;
gap: 16px;
}
@media only screen and (max-width: 63.9375em) {
.session-list__results-options {
display: none;
}
}
.session-list__results-view-options {
display: flex;
align-items: center;
gap: 10px;
}
.session-list__results-sort-options {
display: flex;
align-items: center;
gap: 0.5rem;
}
.session-list__results-sort-text {
width: 100%;
}
.session-list__select-menu {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__select-menu,
html[lang^="ja"] .session-list__select-menu,
html[lang^="ko"] .session-list__select-menu,
html[lang^="pl"] .session-list__select-menu,
html[lang^="ru"] .session-list__select-menu,
html[lang^="tr"] .session-list__select-menu,
html[lang^="zh"] .session-list__select-menu {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.session-list__select-menu [role="combobox"] {
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
.session-list__select-menu [role="combobox"]::after {
content: "\25BC";
display: block;
transform: scale(1.1, 0.6);
transition: transform 0.4s;
}
.session-list__select-menu > details[open] [role="combobox"]::after {
transform: scale(1.1, 0.6) rotate(0.5turn);
}
.session-list__select-menu [role="listbox"] {
min-width: max-content;
left: auto;
right: 0;
margin-top: 7px;
padding: 20px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
border-radius: 8px;
gap: 8px;
font-size: 0.875rem;
color: #2A79C4;
}
.session-list__select-menu [role="option"]:hover {
text-decoration: underline;
}
.session-list__select-menu [role="option"][aria-selected="true"] {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="ja"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="ko"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="pl"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="ru"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="tr"] .session-list__select-menu [role="option"][aria-selected="true"],
html[lang^="zh"] .session-list__select-menu [role="option"][aria-selected="true"] {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__filter-desktop-chips-container {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@media only screen and (max-width: 63.9375em) {
.session-list__filter-desktop-chips-container {
display: none;
}
}
.session-list__filter-chip {
all: unset;
cursor: pointer;
padding: 5px 7px 5px 10px;
background-color: #f4f4f4;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 0.875rem;
line-height: 1;
display: flex;
align-items: center;
gap: 4px;
}
.session-list__filter-chip .raw-file-contents {
display: contents;
}
.session-list__filter-chip svg {
fill: #43434D;
height: 1.1em;
margin-top: 1px;
padding: 2px;
border-radius: 4px;
}
.session-list__filter-chip:hover svg {
background-color: #E5E6E9;
}
.session-list__results-content-container {
padding-bottom: 40px;
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
}
.session-list__result {
border: 1px solid #E5E6E9;
border-radius: 8px;
padding: 20px;
padding-bottom: 0;
display: flex;
column-gap: 2.5%;
row-gap: 20px;
}
@media only screen and (max-width: 48em) {
.session-list__result {
flex-direction: column;
}
}
.session-list__result-image-wrapper {
flex: 1;
display: flex;
justify-content: center;
}
.session-list__result-image-wrapper img {
object-fit: cover;
}
.session-list__result-text {
flex: 4;
display: flex;
flex-direction: column;
gap: 8px;
line-height: 1.375;
}
.session-list__result-chip-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.session-list__result-chip {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #fff;
font-size: 0.75rem;
background: var(--bg-color, #43434D);
border: 1px solid transparent;
border-radius: 4px;
padding: 2px 8px;
}
html[lang^="cs"] .session-list__result-chip,
html[lang^="ja"] .session-list__result-chip,
html[lang^="ko"] .session-list__result-chip,
html[lang^="pl"] .session-list__result-chip,
html[lang^="ru"] .session-list__result-chip,
html[lang^="tr"] .session-list__result-chip,
html[lang^="zh"] .session-list__result-chip {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__result-chip[data-capacity] {
background: transparent;
}
.session-list__result-chip[data-capacity="filling-up"] {
color: #770056;
border-color: #770056;
}
.session-list__result-chip[data-capacity="near-capacity"] {
color: #F58025;
border-color: #F58025;
}
.session-list__result-chip[data-capacity="full"] {
color: #CD163F;
border-color: #CD163F;
}
.session-list__result-date {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
html[lang^="cs"] .session-list__result-date,
html[lang^="ja"] .session-list__result-date,
html[lang^="ko"] .session-list__result-date,
html[lang^="pl"] .session-list__result-date,
html[lang^="ru"] .session-list__result-date,
html[lang^="tr"] .session-list__result-date,
html[lang^="zh"] .session-list__result-date {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__result-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 4px 0;
font-size: 1.375rem;
text-decoration: none;
}
html[lang^="cs"] .session-list__result-title,
html[lang^="ja"] .session-list__result-title,
html[lang^="ko"] .session-list__result-title,
html[lang^="pl"] .session-list__result-title,
html[lang^="ru"] .session-list__result-title,
html[lang^="tr"] .session-list__result-title,
html[lang^="zh"] .session-list__result-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__result-description > * {
margin: 0;
padding: 0;
}
.session-list__result-details-disclosure {
padding-bottom: 2.5rem;
position: relative;
}
.session-list__result-details-disclosure summary {
position: absolute;
bottom: 0;
width: 100%;
cursor: pointer;
display: flex;
justify-content: center;
}
.session-list__result-details-disclosure summary .raw-file-contents {
display: contents;
}
.session-list__result-details-disclosure summary svg {
height: 2.5rem;
fill: #2A79C4;
}
.session-list__result-details-disclosure[open] summary svg {
transform: scaleY(-1);
}
.session-list__result-details-container {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.875rem;
}
.session-list__result-detail-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__result-detail-title,
html[lang^="ja"] .session-list__result-detail-title,
html[lang^="ko"] .session-list__result-detail-title,
html[lang^="pl"] .session-list__result-detail-title,
html[lang^="ru"] .session-list__result-detail-title,
html[lang^="tr"] .session-list__result-detail-title,
html[lang^="zh"] .session-list__result-detail-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__result-detail-tag:not(:last-child)::after {
content: ", ";
}
.session-list__result-detail-table-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
}
.session-list__result-detail-table {
table-layout: fixed;
width: auto;
}
.session-list__result-detail-table td {
padding: 0;
padding-right: 0.75rem;
padding-bottom: 0.25rem;
}
.session-list__result-detail-table td[data-highlighted] {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #DF3704;
}
html[lang^="cs"] .session-list__result-detail-table td[data-highlighted],
html[lang^="ja"] .session-list__result-detail-table td[data-highlighted],
html[lang^="ko"] .session-list__result-detail-table td[data-highlighted],
html[lang^="pl"] .session-list__result-detail-table td[data-highlighted],
html[lang^="ru"] .session-list__result-detail-table td[data-highlighted],
html[lang^="tr"] .session-list__result-detail-table td[data-highlighted],
html[lang^="zh"] .session-list__result-detail-table td[data-highlighted] {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__results-footer-container {
border-top: 1px solid #ccc;
padding-top: 20px;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
align-items: center;
justify-content: space-between;
}
html[lang^="cs"] .session-list__results-footer-container,
html[lang^="ja"] .session-list__results-footer-container,
html[lang^="ko"] .session-list__results-footer-container,
html[lang^="pl"] .session-list__results-footer-container,
html[lang^="ru"] .session-list__results-footer-container,
html[lang^="tr"] .session-list__results-footer-container,
html[lang^="zh"] .session-list__results-footer-container {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.session-list__items-per-page-container {
display: flex;
align-items: center;
gap: 0.5rem;
}
.session-list__items-per-page-text {
white-space: nowrap;
}
.session-list__pagination-form {
display: flex;
align-items: center;
gap: 8px;
}
.session-list__pagination-button {
all: unset;
display: contents;
cursor: pointer;
}
.session-list__pagination-button .raw-file-contents {
display: contents;
}
.session-list__pagination-button svg {
height: 2rem;
fill: #6D6E71;
margin: 0 -0.5em;
}
.session-list__pagination-button:disabled {
visibility: hidden;
}
.session-list__pagination-label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .session-list__pagination-label,
html[lang^="ja"] .session-list__pagination-label,
html[lang^="ko"] .session-list__pagination-label,
html[lang^="pl"] .session-list__pagination-label,
html[lang^="ru"] .session-list__pagination-label,
html[lang^="tr"] .session-list__pagination-label,
html[lang^="zh"] .session-list__pagination-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.session-list__pagination-input {
padding: 0.25em;
border: 1px solid #ccc;
border-radius: 6px;
min-width: 2.5em;
text-align: center;
min-height: 2.5rem;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* BASE STYLES */
.cmp-site-search {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.cmp-site-search__form .cmp-form-text {
max-width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 48.0625em) {
.cmp-site-search__form .cmp-form-text {
max-width: 50%;
}
}
.cmp-site-search__form button {
background-color: transparent;
border: none;
border-radius: 0;
cursor: pointer;
height: 50px;
outline: none;
position: absolute;
right: 0;
top: 0;
vertical-align: top;
width: 20px;
}
.cmp-site-search__results-list {
height: auto;
margin: 1.75rem 0 2.5rem;
}
.cmp-site-search__results-list li {
margin-left: 0;
}
@media only screen and (min-width: 48.0625em) {
.cmp-site-search__results-list li .cmp-site-search__result-item {
font-size: 1.25rem;
}
}
.cmp-site-search__results-list > li {
margin-top: 0;
}
.cmp-site-search__results-list > li ~ li {
margin-top: 1.2rem;
}
.cmp-site-search__pagination-container {
display: flex;
justify-content: center;
}
@media only screen and (min-width: 48.0625em) {
.cmp-site-search__pagination-container {
font-size: 1.25rem;
}
}
.cmp-site-search__pagination-container .next {
margin-left: 1.5em;
}
@media only screen and (min-width: 48.0625em) {
.cmp-site-search__pagination-container .next {
margin-left: 3em;
}
}
.cmp-site-search__pagination-container .previous {
margin-right: 1.5em;
}
@media only screen and (min-width: 48.0625em) {
.cmp-site-search__pagination-container .previous {
margin-right: 3em;
}
}
.cmp-site-search__pagination-pages {
display: flex;
justify-content: flex-start;
line-height: 1;
}
.cmp-site-search__pagination-pages > li {
margin-left: 0;
}
.cmp-site-search__pagination-pages > li ~ li {
margin-left: 1.2rem;
}
.cmp-site-search a {
text-decoration: none;
}
.cmp-site-search ul {
padding-left: 0;
}
.cmp-site-search li {
list-style-type: none;
}
/**
* Social Links Component
*/
.social-links {
position: relative;
display: block;
}
.social-links__header {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0;
}
html[lang^="cs"] .social-links__header,
html[lang^="ja"] .social-links__header,
html[lang^="ko"] .social-links__header,
html[lang^="pl"] .social-links__header,
html[lang^="ru"] .social-links__header,
html[lang^="tr"] .social-links__header,
html[lang^="zh"] .social-links__header {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.social-links__links {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.social-links__link {
position: relative;
display: flex;
padding: 0.7rem 0.5rem;
}
.social-links__link:first-child {
padding-left: 0;
}
.social-links__icon {
position: relative;
display: block;
height: 1.688rem;
}
.social-links__icon svg {
height: 1.688rem;
width: 1.688rem;
transition: all 0.3s ease-out;
}
.social-links__icon:not(.facebook) {
top: 3px;
}
.social-links__link:hover .social-links__icon svg {
transform: scale(1.1);
}
.social-links__link:hover .social-links__icon.blog svg {
fill: #cd163f;
}
.social-links__link:hover .social-links__icon.facebook svg {
fill: #007bb6;
}
.social-links__link:hover .social-links__icon.flikr svg {
fill: #151517;
}
.social-links__link:hover .social-links__icon.google-plus {
fill: #DB4A39;
}
.social-links__link:hover .social-links__icon.instagram {
fill: #b41e8e;
}
.social-links__link:hover .social-links__icon.linkedin svg {
fill: #2867B2;
}
.social-links__link:hover .social-links__icon.qzone svg {
fill: #ffc028;
}
.social-links__link:hover .social-links__icon.renren svg {
fill: #217dc6;
}
.social-links__link:hover .social-links__icon.slideshare svg {
fill: #0077b5;
}
.social-links__link:hover .social-links__icon.qq svg,
.social-links__link:hover .social-links__icon.tencent-qq svg {
fill: #5da4e6;
}
.social-links__link:hover .social-links__icon.weibo svg,
.social-links__link:hover .social-links__icon.tencent-weibo svg {
fill: #ff7922;
}
.social-links__link:hover .social-links__icon.twitter svg {
fill: #000000;
}
.social-links__link:hover .social-links__icon.vk svg {
fill: #6383a8;
}
.social-links__link:hover .social-links__icon.wechat svg {
fill: #609700;
}
.social-links__link:hover .social-links__icon.youtube svg {
fill: #cd163f;
}
.social-links__link:hover .social-links__icon.xing svg {
fill: #006464;
}
/* BASE STYLES */
.social-media-sharing {
display: inline-block;
margin: 0.875rem 0 0.875rem 0;
}
@media only screen and (min-width: 48.0625em) {
.social-media-sharing {
margin: 1.75rem 0 1.75rem 0;
display: flex;
}
}
@media only screen and (max-width: 48em) {
.social-media-sharing {
display: inline-block;
}
}
.social-media-sharing .st-custom-button {
display: inline-block;
width: 3.125rem;
height: 3.125rem;
line-height: 3.438rem;
vertical-align: middle;
text-align: center;
}
.social-media-sharing .st-custom-button:hover {
cursor: pointer;
}
.social-media-sharing .st-custom-button:hover svg {
fill: #000;
}
.social-media-sharing .st-custom-button svg {
height: 1.25rem;
fill: #CD163F;
}
.hero-banner .social-media-sharing {
width: 100%;
display: flex;
align-items: center;
margin: 0;
}
@media only screen and (min-width: 48.0625em) {
.hero-banner .social-media-sharing {
margin-top: 1rem;
}
}
.hero-banner .social-media-sharing .share-label {
margin-right: 0.625rem;
}
.hero-banner .social-media-sharing .st-custom-button {
width: 2.5rem;
}
.hero-banner .social-media-sharing .st-custom-button svg {
fill: #2A79C4;
}
body[class*="webinar"] .col-desktop-4 > .social-media-sharing {
align-items: center;
background: linear-gradient(90deg, #003E7E 7.44%, #00AEEF 93.59%);
border-radius: 4px;
flex-direction: column;
justify-content: center;
margin-top: 64px;
padding: 24px 24px 32px;
}
body[class*="webinar"] .col-desktop-4 > .social-media-sharing .share-label {
color: #fff;
text-align: center;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75rem;
margin: 0;
}
body[class*="webinar"] .col-desktop-4 > .social-media-sharing .st-custom-button {
width: 3.438rem;
height: 1.875rem;
}
body[class*="webinar"] .col-desktop-4 > .social-media-sharing .st-custom-button svg {
fill: #fff;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Horizontal Rule component
========================================================================== */
/* BASE STYLES */
.cmp-spacer {
display: block;
}
/**
* Static Country List Component
*/
.static-country-list {
position: relative;
display: block;
margin: 1rem 0;
}
.static-country-list h4 {
color: #CD163F;
}
@media only screen and (max-width: 48em) {
.static-country-list h4 {
margin: 0;
}
}
@media only screen and (max-width: 48em) {
.static-country-list .grid.collapse-cols-mobile {
padding-top: 2rem;
}
.static-country-list .grid.collapse-cols-mobile [class*="col-mobile"] {
flex-basis: 50%;
margin: 1rem 0;
}
}
.static-country-list .country.parbase:not(:first-child) {
margin-top: 1rem;
}
/**
* Multimedia Grid Styling
*/
.step-by-step__content {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
color: #2D2D2D;
}
html[lang^="cs"] .step-by-step__content,
html[lang^="ja"] .step-by-step__content,
html[lang^="ko"] .step-by-step__content,
html[lang^="pl"] .step-by-step__content,
html[lang^="ru"] .step-by-step__content,
html[lang^="tr"] .step-by-step__content,
html[lang^="zh"] .step-by-step__content {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.step-by-step__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.25rem;
line-height: 2.75rem;
}
html[lang^="cs"] .step-by-step__title,
html[lang^="ja"] .step-by-step__title,
html[lang^="ko"] .step-by-step__title,
html[lang^="pl"] .step-by-step__title,
html[lang^="ru"] .step-by-step__title,
html[lang^="tr"] .step-by-step__title,
html[lang^="zh"] .step-by-step__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.step-by-step__step-container {
display: flex;
flex-direction: column;
width: 50%;
padding: 0 2rem 0 1rem;
gap: 25px;
}
@media only screen and (max-width: 48em) {
.step-by-step__step-container {
width: 100%;
}
}
.step-by-step__step-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.step-by-step__step-title {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
all: unset;
cursor: pointer;
color: #2A79C4;
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: 4px;
}
html[lang^="cs"] .step-by-step__step-title,
html[lang^="ja"] .step-by-step__step-title,
html[lang^="ko"] .step-by-step__step-title,
html[lang^="pl"] .step-by-step__step-title,
html[lang^="ru"] .step-by-step__step-title,
html[lang^="tr"] .step-by-step__step-title,
html[lang^="zh"] .step-by-step__step-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.step-by-step__step-description {
font-size: 1rem;
line-height: 1.375rem;
}
.step-by-step__step-description p {
margin: 0;
}
.step-by-step__step-description a {
all: unset;
cursor: pointer;
color: #2A79C4;
text-decoration: none;
}
.step-by-step__step-description a:hover,
.step-by-step__step-description a:focus {
color: #003E7E;
text-decoration: underline;
}
.step-by-step__image {
width: 100%;
height: 100%;
margin: auto;
}
.step-by-step__image-container {
display: flex;
position: relative;
width: 50%;
max-width: 698px;
height: 100%;
align-self: center;
}
@media only screen and (max-width: 48em) {
.step-by-step__image-container {
display: none;
}
}
.step-by-step__image-frame {
position: absolute;
opacity: 0;
transition: all 0.3s ease-in-out;
width: 100%;
height: 100%;
display: flex;
margin: auto;
}
.step-by-step__image-frame img {
width: 100%;
object-fit: contain;
}
@media only screen and (max-width: 48em) {
.step-by-step__image-frame img {
height: 100%;
}
}
@media only screen and (max-width: 48em) {
.step-by-step__image-frame {
width: calc(100% - 3rem);
height: calc(100% - 3rem);
}
}
.step-by-step__image-frame--active {
opacity: 1;
}
.step-by-step__image-tablet-background {
position: relative;
margin: auto;
width: fit-content;
transform: scaleY(0.75);
transform-origin: top;
z-index: 1;
}
.step-by-step__image-tablet-background svg {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 48em) {
.step-by-step__image-tablet-background {
top: 8.5%;
width: 100%;
max-width: 698px;
}
}
.step-by-step__button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
width: fit-content;
text-decoration: none;
}
html[lang^="cs"] .step-by-step__button,
html[lang^="ja"] .step-by-step__button,
html[lang^="ko"] .step-by-step__button,
html[lang^="pl"] .step-by-step__button,
html[lang^="ru"] .step-by-step__button,
html[lang^="tr"] .step-by-step__button,
html[lang^="zh"] .step-by-step__button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.step-by-step__button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.step-by-step__button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.step-by-step__button:active,
.step-by-step__button:hover,
.step-by-step__button:focus {
z-index: 1;
}
.step-by-step__button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.step-by-step__button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.step-by-step__button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.step-by-step__button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.step-by-step__button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.step-by-step__button:hover {
color: #fff;
}
.step-by-step .step-by-step__tablet-background .step-by-step__image {
width: 100%;
}
@media only screen and (max-width: 48em) {
.step-by-step .step-by-step__tablet-background .step-by-step__image {
margin: 0;
}
}
.step-by-step .step-by-step__tablet-background .step-by-step__image-frame {
right: 3%;
top: 3.5%;
max-width: 654px;
width: 94%;
height: 68%;
z-index: 2;
overflow: hidden;
}
@media only screen and (max-width: 48em) {
.step-by-step .step-by-step__tablet-background .step-by-step__image-frame {
max-width: 663px;
width: 95%;
height: 92%;
left: 3%;
margin: 0;
background-color: #2D2D2D;
aspect-ratio: 1.77777778;
}
}
.step-by-step .step-by-step__tablet-background .step-by-step__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.step-by-step .step-by-step__tablet-background .step-by-step__image-container-mobile::backdrop {
opacity: 0.75;
}
.step-by-step .step-by-step__tablet-background .step-by-step__image-container-mobile-container {
background-color: transparent;
box-shadow: none;
}
.step-by-step .step-by-step__tablet-background .step-by-step__image-container-mobile-content {
padding: 0;
}
.step-by-step .step-by-step__tablet-background .step-by-step__image-container-mobile-close-button svg {
fill: #fff;
background-color: transparent;
}
.step-by-step__image-container-mobile {
position: fixed;
border: none;
top: 0;
left: 0;
max-width: none;
max-height: none;
height: 100%;
width: 100%;
padding: 0.5rem;
background: none;
display: none;
justify-content: center;
align-items: center;
}
.step-by-step__image-container-mobile::backdrop {
background: #000;
opacity: 0.5;
}
.step-by-step__image-container-mobile[open] {
display: flex;
}
.step-by-step__image-container-mobile-container {
margin: auto;
height: 100%;
width: 100%;
max-height: 40rem;
max-width: 47rem;
position: relative;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
}
.step-by-step__image-container-mobile-close-button {
all: unset;
cursor: pointer;
position: absolute;
z-index: 3;
top: 0.75rem;
right: 0.75rem;
}
.step-by-step__image-container-mobile-close-button svg {
fill: #6D6E71;
height: 2.5rem;
padding: 0.5rem;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 50%;
}
.step-by-step__image-container-mobile-content {
height: 100%;
width: 100%;
padding: 1.5rem;
overflow-y: auto;
}
.step-by-step__image-container-mobile-backdrop {
position: absolute;
width: 100%;
height: 100%;
}
.step-by-step body.no-scroll {
overflow-y: hidden;
}
/**
* Card Component
*/
/**
* Rockwell Style Utils
*/
.stock-ticker {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #003e7e;
font-size: 1rem;
padding: 30px 0;
border-radius: 0.25rem;
text-decoration: none;
text-align: center;
z-index: 0;
width: 100%;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.stock-ticker__container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 1500px;
padding-left: 10%;
padding-right: 10%;
margin: auto;
}
.stock-ticker__container[data-color='light'] {
color: #ffffff;
}
html[lang^="cs"] .stock-ticker,
html[lang^="ja"] .stock-ticker,
html[lang^="ko"] .stock-ticker,
html[lang^="pl"] .stock-ticker,
html[lang^="ru"] .stock-ticker,
html[lang^="tr"] .stock-ticker,
html[lang^="zh"] .stock-ticker {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.stock-ticker__desktop_title {
font-size: 1.5rem;
color: #2d2d2d;
}
.stock-ticker__desktop_title[data-color='light'] {
color: #ffffff;
}
.stock-ticker__mobile_title {
display: none;
}
.stock-ticker__break {
flex-basis: 0%;
height: 0;
position: absolute;
}
.stock-ticker__price {
font-size: 2.25rem;
}
.stock-ticker__change {
display: flex;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .stock-ticker__change,
html[lang^="ja"] .stock-ticker__change,
html[lang^="ko"] .stock-ticker__change,
html[lang^="pl"] .stock-ticker__change,
html[lang^="ru"] .stock-ticker__change,
html[lang^="tr"] .stock-ticker__change,
html[lang^="zh"] .stock-ticker__change {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.stock-ticker__change::before {
display: "inline-block";
padding-right: 4px;
transform: scale(1.5);
}
.stock-ticker__change.stock-ticker__arrow-down::before {
content: "\25BC";
}
.stock-ticker__change.stock-ticker__arrow-up::before {
content: "\25B2";
}
@media only screen and (max-width: 48em) {
.stock-ticker .stock-ticker__container {
justify-content: space-evenly;
}
.stock-ticker .stock-ticker__break {
flex-basis: 100%;
height: 0;
position: static;
}
.stock-ticker .stock-ticker__mobile_title {
display: flex;
}
.stock-ticker .stock-ticker__desktop_title {
display: none;
}
.stock-ticker .stock-ticker__mobile_title,
.stock-ticker .stock-ticker__price {
font-size: 16px;
}
.stock-ticker .stock-ticker__change,
.stock-ticker .stock-ticker__timestamp {
font-size: 12px;
}
}
/**
* Sub Nav Component
*/
/**
* Shared Styling
*/
.sub-nav {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
transition: transform 0.3s ease-out;
background: #fff url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/shards.svg") no-repeat;
background-position: left;
background-size: contain;
display: block;
position: sticky;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 100;
--software-border-color: linear-gradient(90.1deg, #003E7E 7.44%, #00AEEF 93.59%) 1;
--hardware-border-color: linear-gradient(90.1deg, #003E7E 7.44%, #8D0034 93.59%) 1;
--products-border-color: linear-gradient(90.1deg, #00AEEF 7.44%, #003E7E 93.59%) 1;
--services-border-color: linear-gradient(90.1deg, #F58025 7.44%, #770056 93.59%) 1;
--industries-border-color: linear-gradient(90.1deg, #00AEEF 7.44%, #770056 93.59%) 1;
--support-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #003E7E 93.59%) 1;
--sales-partners-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%) 1;
--investors-border-color: linear-gradient(82.6deg, #2A79C4 5.75%, #00AEEF 88.65%) 1;
--default-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%) 1;
}
.sub-nav ul,
.sub-nav li {
list-style-type: none;
margin: 0;
padding: 0;
}
.sub-nav__separator {
background-color: #6D6E71;
display: inline-block;
height: 20px;
margin: 0 0.75rem 0 1.375rem;
opacity: 1;
pointer-events: none;
position: relative;
width: 1px;
}
@media only screen and (max-width: 79.9375em) {
.sub-nav__separator {
display: none;
}
}
.sub-nav .current-page,
.sub-nav .current-page span {
color: #2D2D2D;
cursor: text;
pointer-events: none;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .sub-nav .current-page,
html[lang^="cs"] .sub-nav .current-page span,
html[lang^="ja"] .sub-nav .current-page,
html[lang^="ja"] .sub-nav .current-page span,
html[lang^="ko"] .sub-nav .current-page,
html[lang^="ko"] .sub-nav .current-page span,
html[lang^="pl"] .sub-nav .current-page,
html[lang^="pl"] .sub-nav .current-page span,
html[lang^="ru"] .sub-nav .current-page,
html[lang^="ru"] .sub-nav .current-page span,
html[lang^="tr"] .sub-nav .current-page,
html[lang^="tr"] .sub-nav .current-page span,
html[lang^="zh"] .sub-nav .current-page,
html[lang^="zh"] .sub-nav .current-page span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__ghost,
.sub-nav .hidden {
display: none;
}
.sub-nav__level-3_button-arrow-back {
display: none;
}
@media only screen and (max-width: 79.9375em) {
.sub-nav {
padding: 0;
}
}
.sub-nav__container {
align-items: center;
border-bottom: 3px solid;
display: flex;
flex-shrink: 0;
flex-wrap: nowrap;
position: relative;
/**
* Desktop Styling
*/
/**
* Mobile Styling
*/
}
.sub-nav__container-default {
border-image: var(--default-border-color);
}
.sub-nav__container-hardware {
border-image: var(--hardware-border-color);
}
.sub-nav__container-industries {
border-image: var(--industries-border-color);
}
.sub-nav__container-investors {
border-image: var(--investors-border-color);
}
.sub-nav__container-products {
border-image: var(--products-border-color);
}
.sub-nav__container-sales {
border-image: var(--sales-partners-border-color);
}
.sub-nav__container-services {
border-image: var(--services-border-color);
}
.sub-nav__container-software {
border-image: var(--software-border-color);
}
.sub-nav__container-support {
border-image: var(--support-border-color);
}
.sub-nav__container .button.primary a,
.sub-nav__container .button.primary button,
.sub-nav__container .button.primary span.is-button,
.sub-nav__container .button.secondary-outline a,
.sub-nav__container .button.secondary-outline button,
.sub-nav__container .button.secondary-outline span.is-button {
margin-bottom: 0;
}
.sub-nav__container .button__container {
display: flex;
justify-content: center;
align-items: center;
background: #2A79C4;
padding: 3px 6px 3px 7px;
border-radius: 4px;
font-size: 0.75rem;
}
.sub-nav__container .button__container a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
@media only screen and (min-width: 80em) {
.sub-nav__container {
min-height: 3.125rem;
padding: 0 2.5rem;
}
.sub-nav__container > img {
max-height: 2.5rem;
}
.sub-nav__container ul {
display: flex;
flex-direction: row;
}
.sub-nav__container .sub-nav__mobile-trigger,
.sub-nav__container .sub-nav__mobile-cta {
display: none;
}
.sub-nav__container .sub-nav__children {
height: 100%;
position: relative;
}
.sub-nav__container .sub-nav__button {
margin-left: auto;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
padding: 6px;
margin-top: 6px;
margin-bottom: 6px;
border: none;
font-size: 0.75rem;
line-height: 1rem;
}
html[lang^="cs"] .sub-nav__container .sub-nav__button,
html[lang^="ja"] .sub-nav__container .sub-nav__button,
html[lang^="ko"] .sub-nav__container .sub-nav__button,
html[lang^="pl"] .sub-nav__container .sub-nav__button,
html[lang^="ru"] .sub-nav__container .sub-nav__button,
html[lang^="tr"] .sub-nav__container .sub-nav__button,
html[lang^="zh"] .sub-nav__container .sub-nav__button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.sub-nav__container .sub-nav__button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.sub-nav__container .sub-nav__button:active,
.sub-nav__container .sub-nav__button:hover,
.sub-nav__container .sub-nav__button:focus {
z-index: 1;
}
.sub-nav__container .sub-nav__button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.sub-nav__container .sub-nav__button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.sub-nav__container .sub-nav__button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.sub-nav__container .sub-nav__button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.sub-nav__container .sub-nav__button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.sub-nav__container .sub-nav__button a {
all: unset;
}
.sub-nav__container .sub-nav__level-1 {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
align-items: center;
color: #2D2D2D;
display: flex;
font-size: 1rem;
height: 100%;
text-decoration: none;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-1,
html[lang^="ja"] .sub-nav__container .sub-nav__level-1,
html[lang^="ko"] .sub-nav__container .sub-nav__level-1,
html[lang^="pl"] .sub-nav__container .sub-nav__level-1,
html[lang^="ru"] .sub-nav__container .sub-nav__level-1,
html[lang^="tr"] .sub-nav__container .sub-nav__level-1,
html[lang^="zh"] .sub-nav__container .sub-nav__level-1 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__container .sub-nav__level-1 .sub-nav__title {
transition: 0.3s ease-in-out;
margin-bottom: 0px;
white-space: nowrap;
}
.sub-nav__container .sub-nav__level-1:hover .sub-nav__title {
margin-bottom: 3px;
}
.sub-nav__container .sub-nav__level-1.current-page:hover .sub-nav__title {
margin-bottom: 0px;
}
.sub-nav__container .sub-nav__level-1 img {
height: 80%;
max-width: 100%;
max-height: 40px;
}
.sub-nav__container .sub-nav__level-2 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
font-size: 0.875rem;
height: 100%;
width: max-content;
position: relative;
align-items: center;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__level-2 li {
height: 100%;
position: relative;
}
.sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2 li:has(.current-page) .sub-nav__level-2_button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__container .sub-nav__level-2_link,
.sub-nav__container .sub-nav__level-2_button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
align-items: center;
color: #2D2D2D;
display: flex;
height: 100%;
justify-content: center;
padding: 0 0.625rem;
line-height: 16px;
text-align: left;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="cs"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2_button,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2_link,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2_button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__level-2_link-label,
.sub-nav__container .sub-nav__level-2_button-label {
white-space: pre-line;
}
.sub-nav__container .sub-nav__level-2_link {
text-decoration: none;
}
.sub-nav__container .sub-nav__level-2_link:hover {
color: #2A79C4;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-2_link:focus {
color: #003E7E;
}
.sub-nav__container .sub-nav__level-2_button {
background: transparent;
border: 0;
}
.sub-nav__container .sub-nav__level-2_button svg {
height: 1.25rem;
position: relative;
margin-left: 2px;
top: 3px;
width: 1.25rem;
transition: transform 0.12s ease-out;
}
.sub-nav__container .sub-nav__level-2_button:hover {
color: #2A79C4;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-2_button:hover svg {
fill: #2A79C4;
}
.sub-nav__container .sub-nav__level-2_button[aria-expanded="true"] {
color: #2A79C4;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-2_button[aria-expanded="true"] svg {
fill: #2A79C4;
transform: rotate(-180deg);
}
.sub-nav__container .sub-nav__level-2-view-all {
display: none;
}
.sub-nav__container .sub-nav__level-3,
.sub-nav__container .sub-nav__level-4 {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
background: #fff;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
display: flex;
flex-wrap: nowrap;
left: 0;
padding: 0.5rem;
position: absolute;
top: 100%;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-3,
html[lang^="cs"] .sub-nav__container .sub-nav__level-4,
html[lang^="ja"] .sub-nav__container .sub-nav__level-3,
html[lang^="ja"] .sub-nav__container .sub-nav__level-4,
html[lang^="ko"] .sub-nav__container .sub-nav__level-3,
html[lang^="ko"] .sub-nav__container .sub-nav__level-4,
html[lang^="pl"] .sub-nav__container .sub-nav__level-3,
html[lang^="pl"] .sub-nav__container .sub-nav__level-4,
html[lang^="ru"] .sub-nav__container .sub-nav__level-3,
html[lang^="ru"] .sub-nav__container .sub-nav__level-4,
html[lang^="tr"] .sub-nav__container .sub-nav__level-3,
html[lang^="tr"] .sub-nav__container .sub-nav__level-4,
html[lang^="zh"] .sub-nav__container .sub-nav__level-3,
html[lang^="zh"] .sub-nav__container .sub-nav__level-4 {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.sub-nav__container .sub-nav__level-3[aria-hidden="true"],
.sub-nav__container .sub-nav__level-4[aria-hidden="true"] {
display: none;
}
.sub-nav__container .sub-nav__level-3 li,
.sub-nav__container .sub-nav__level-4 li {
display: flex;
flex-direction: column;
position: relative;
}
.sub-nav__container .sub-nav__level-3 li.mobile-li,
.sub-nav__container .sub-nav__level-4 li.mobile-li {
display: none;
}
.sub-nav__container .sub-nav__level-3 li li.desktop-size-li,
.sub-nav__container .sub-nav__level-4 li li.desktop-size-li,
.sub-nav__container .sub-nav__level-3 li ul.desktop-size-ul,
.sub-nav__container .sub-nav__level-4 li ul.desktop-size-ul {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.sub-nav__container .sub-nav__level-3_link,
.sub-nav__container .sub-nav__level-4_link {
color: #2A79C4;
display: block;
font-size: 0.875rem;
height: 100%;
padding: 0.5rem;
position: relative;
text-decoration: none;
width: 12.5rem;
}
.sub-nav__container .sub-nav__level-3_link:hover,
.sub-nav__container .sub-nav__level-4_link:hover {
color: #2A79C4;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-3_link:focus,
.sub-nav__container .sub-nav__level-4_link:focus {
color: #003E7E;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-3_link.view-all,
.sub-nav__container .sub-nav__level-4_link.view-all {
color: #2A79C4;
}
.sub-nav__container .sub-nav__level-3_link.mobile-link,
.sub-nav__container .sub-nav__level-4_link.mobile-link {
display: none;
}
.sub-nav__container .sub-nav__level-3_link-title,
.sub-nav__container .sub-nav__level-4_link-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-right: 0.5rem;
padding: 0.5rem 0 0.5rem 0.5rem;
position: relative;
width: 12.5rem;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="cs"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="ja"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="ja"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="ko"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="ko"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="pl"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="pl"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="ru"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="ru"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="tr"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="tr"] .sub-nav__container .sub-nav__level-4_link-title,
html[lang^="zh"] .sub-nav__container .sub-nav__level-3_link-title,
html[lang^="zh"] .sub-nav__container .sub-nav__level-4_link-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__level-3_link-title::after,
.sub-nav__container .sub-nav__level-4_link-title::after {
background-color: #6D6E71;
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
opacity: 0.2;
position: absolute;
width: 100%;
}
.sub-nav__container .sub-nav__level-3_title-link,
.sub-nav__container .sub-nav__level-4_title-link {
color: #2A79C4;
text-decoration: none;
}
.sub-nav__container .sub-nav__level-3_title-link:hover,
.sub-nav__container .sub-nav__level-4_title-link:hover {
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-3_title-link:focus,
.sub-nav__container .sub-nav__level-4_title-link:focus {
color: #003E7E;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-3_button,
.sub-nav__container .sub-nav__level-4_button {
display: none;
}
.sub-nav__container .sub-nav__level-3 {
max-height: calc(100vh - 3.125rem);
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.sub-nav__container .sub-nav__level-3::-webkit-scrollbar {
display: none;
}
.sub-nav__container .sub-nav__level-3.align-right {
left: auto;
right: calc(-100vw + var(--subnav-level-3-offset) + 40px);
}
.sub-nav__container .sub-nav__level-4 {
box-shadow: none;
left: auto;
padding: 0;
position: relative;
top: auto;
}
.sub-nav__container .sub-nav__level-4_li {
margin-left: 6px;
}
}
@media only screen and (min-width: 80em) and screen and (-ms-high-contrast: active), only screen and (min-width: 80em) and (-ms-high-contrast: none) {
.sub-nav__container .sub-nav__level-1 img {
display: flex;
flex-shrink: 0;
}
}
@media only screen and (max-width: 79.9375em) {
.sub-nav__container {
justify-content: space-between;
min-height: 3.75rem;
padding: 0 2.5rem;
}
.sub-nav__container > img {
max-height: 2.5rem;
}
.sub-nav__container .desktop-size-li {
display: none;
}
.sub-nav__container .sub-nav__button {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
padding: 6px;
margin-top: 6px;
margin-bottom: 6px;
border: none;
font-size: 0.75rem;
margin-left: 16px;
line-height: 1rem;
}
html[lang^="cs"] .sub-nav__container .sub-nav__button,
html[lang^="ja"] .sub-nav__container .sub-nav__button,
html[lang^="ko"] .sub-nav__container .sub-nav__button,
html[lang^="pl"] .sub-nav__container .sub-nav__button,
html[lang^="ru"] .sub-nav__container .sub-nav__button,
html[lang^="tr"] .sub-nav__container .sub-nav__button,
html[lang^="zh"] .sub-nav__container .sub-nav__button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__button::after {
content: "";
min-height: inherit;
font-size: 0;
}
.sub-nav__container .sub-nav__button svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.sub-nav__container .sub-nav__button:active,
.sub-nav__container .sub-nav__button:hover,
.sub-nav__container .sub-nav__button:focus {
z-index: 1;
}
.sub-nav__container .sub-nav__button:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.sub-nav__container .sub-nav__button:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.sub-nav__container .sub-nav__button:active {
background-color: #003E7E;
border-color: #003E7E;
}
.sub-nav__container .sub-nav__button:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.sub-nav__container .sub-nav__button[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.sub-nav__container .sub-nav__button a {
all: unset;
}
.sub-nav__container .sub-nav__mobile-trigger {
align-items: center;
background: transparent;
border: 0;
display: flex;
height: 100%;
justify-content: center;
padding: 0;
position: relative;
margin-left: auto;
}
.sub-nav__container .sub-nav__mobile-trigger svg {
transition: transform 0.12s ease-out;
fill: #6D6E71;
height: 1.25rem;
position: relative;
top: 2px;
width: 1.25rem;
}
.sub-nav__container .sub-nav__mobile-trigger[aria-expanded="true"] svg {
transform: rotate(-180deg);
}
.sub-nav__container .sub-nav__level-1 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
align-items: center;
color: #2D2D2D;
display: flex;
height: 100%;
font-size: 1.125rem;
text-decoration: none;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-1,
html[lang^="ja"] .sub-nav__container .sub-nav__level-1,
html[lang^="ko"] .sub-nav__container .sub-nav__level-1,
html[lang^="pl"] .sub-nav__container .sub-nav__level-1,
html[lang^="ru"] .sub-nav__container .sub-nav__level-1,
html[lang^="tr"] .sub-nav__container .sub-nav__level-1,
html[lang^="zh"] .sub-nav__container .sub-nav__level-1 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.sub-nav__container .sub-nav__level-1 img {
height: 80%;
max-width: 100%;
max-height: 40px;
}
.sub-nav__container .sub-nav__level-2,
.sub-nav__container .sub-nav__level-3,
.sub-nav__container .sub-nav__level-4 {
background-color: #fff;
display: none;
flex-direction: column;
position: relative;
width: 100%;
}
.sub-nav__container .sub-nav__level-2[aria-hidden="false"],
.sub-nav__container .sub-nav__level-3[aria-hidden="false"],
.sub-nav__container .sub-nav__level-4[aria-hidden="false"] {
display: flex;
}
.sub-nav__container .sub-nav__level-2_button,
.sub-nav__container .sub-nav__level-3_button,
.sub-nav__container .sub-nav__level-4_button,
.sub-nav__container .sub-nav__level-2_link,
.sub-nav__container .sub-nav__level-3_link,
.sub-nav__container .sub-nav__level-4_link {
align-items: center;
background: transparent;
border: 0;
display: flex;
gap: 0.25rem;
padding: 1rem 1.625rem;
position: relative;
width: 100%;
}
.sub-nav__container .sub-nav__level-2_button.hidden,
.sub-nav__container .sub-nav__level-3_button.hidden,
.sub-nav__container .sub-nav__level-4_button.hidden,
.sub-nav__container .sub-nav__level-2_link.hidden,
.sub-nav__container .sub-nav__level-3_link.hidden,
.sub-nav__container .sub-nav__level-4_link.hidden {
display: none;
}
.sub-nav__container .sub-nav__level-2_button svg,
.sub-nav__container .sub-nav__level-3_button svg,
.sub-nav__container .sub-nav__level-4_button svg,
.sub-nav__container .sub-nav__level-2_link svg,
.sub-nav__container .sub-nav__level-3_link svg,
.sub-nav__container .sub-nav__level-4_link svg {
fill: #2D2D2D;
height: 1.25rem;
position: relative;
top: 1px;
width: 1.25rem;
}
.sub-nav__container .sub-nav__level-2_button.view-all,
.sub-nav__container .sub-nav__level-3_button.view-all,
.sub-nav__container .sub-nav__level-4_button.view-all,
.sub-nav__container .sub-nav__level-2_link.view-all,
.sub-nav__container .sub-nav__level-3_link.view-all,
.sub-nav__container .sub-nav__level-4_link.view-all {
color: #2D2D2D;
}
.sub-nav__container .sub-nav__level-2_button::after,
.sub-nav__container .sub-nav__level-3_button::after,
.sub-nav__container .sub-nav__level-4_button::after,
.sub-nav__container .sub-nav__level-2_link::after,
.sub-nav__container .sub-nav__level-3_link::after,
.sub-nav__container .sub-nav__level-4_link::after {
background-color: #6D6E71;
bottom: 0;
content: "";
height: 2px;
left: 1.625rem;
margin: auto;
opacity: 0.2;
position: absolute;
right: 1.625rem;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__mobile-cta,
.sub-nav__container .sub-nav__level-3 .sub-nav__mobile-cta,
.sub-nav__container .sub-nav__level-4 .sub-nav__mobile-cta {
display: flex;
justify-content: center;
padding: 1rem 1.625rem;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-3_button-arrow-back,
.sub-nav__container .sub-nav__level-3 .sub-nav__level-3_button-arrow-back,
.sub-nav__container .sub-nav__level-4 .sub-nav__level-3_button-arrow-back {
align-items: center;
bottom: 0;
left: 1.25rem;
margin: auto 0;
position: absolute;
top: 0;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-3_button-arrow-back svg,
.sub-nav__container .sub-nav__level-3 .sub-nav__level-3_button-arrow-back svg,
.sub-nav__container .sub-nav__level-4 .sub-nav__level-3_button-arrow-back svg {
transform: none;
}
.sub-nav__container .sub-nav__level-2_link,
.sub-nav__container .sub-nav__level-3_link,
.sub-nav__container .sub-nav__level-4_link {
color: #2D2D2D;
text-decoration: none;
}
.sub-nav__container .sub-nav__level-2_link:focus,
.sub-nav__container .sub-nav__level-3_link:focus,
.sub-nav__container .sub-nav__level-4_link:focus {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="cs"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="cs"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="ja"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="ja"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="ko"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="ko"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="pl"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="pl"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="ru"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="ru"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="tr"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="tr"] .sub-nav__container .sub-nav__level-4_link:focus,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2_link:focus,
html[lang^="zh"] .sub-nav__container .sub-nav__level-3_link:focus,
html[lang^="zh"] .sub-nav__container .sub-nav__level-4_link:focus {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__container .sub-nav__level-2 .view-all-li,
.sub-nav__container .sub-nav__level-3 .view-all-li,
.sub-nav__container .sub-nav__level-4 .view-all-li {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.sub-nav.has-button .sub-nav__container .sub-nav__level-2 .view-all-li .view-all::after,
.sub-nav.has-button .sub-nav__container .sub-nav__level-3 .view-all-li .view-all::after,
.sub-nav.has-button .sub-nav__container .sub-nav__level-4 .view-all-li .view-all::after {
display: block;
}
.sub-nav__container .sub-nav__level-2 {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
transition: opacity 0.3s ease-out;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
display: none;
left: 0;
position: absolute;
right: 0;
top: calc(100% + 3px);
max-height: calc(100vh - 3.75rem);
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.sub-nav__container .sub-nav__level-2::-webkit-scrollbar {
display: none;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2 .sub-nav__level-2_button:focus {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-2_li.active {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-2_li.active .sub-nav__level-2_button {
color: #2A79C4;
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-2_li.active .sub-nav__level-2_button-arrow {
transform: rotate(-180deg);
}
.sub-nav__container .sub-nav__level-2 .sub-nav__level-2_li.active .sub-nav__level-2_button-arrow svg {
fill: #2A79C4;
}
.sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ja"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ko"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="pl"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="ru"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="tr"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button,
html[lang^="zh"] .sub-nav__container .sub-nav__level-2_li:has(.current-page) .sub-nav__level-2_button {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.sub-nav__container .sub-nav__level-2:has(.active) .sub-nav__level-2_li:nth-last-child(2) .sub-nav__level-2_button::after,
.sub-nav__container .sub-nav__level-2:has(.active) .sub-nav__level-2_li:nth-last-child(2) .sub-nav__level-2_link::after {
display: none;
}
.sub-nav__container .sub-nav__level-3 {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
overflow-y: auto;
max-height: 60vh;
}
.sub-nav__container .sub-nav__level-3 .sub-nav__level-3_li.desktop-li {
display: none;
}
.sub-nav__container .sub-nav__level-3 .sub-nav__level-3_li.active .sub-nav__level-3_button {
text-decoration: underline;
}
.sub-nav__container .sub-nav__level-3 .sub-nav__level-3_li.active .sub-nav__level-3_button-arrow svg {
fill: #2A79C4;
transform: rotate(-180deg);
}
.sub-nav__container .sub-nav__level-3_button {
color: #2A79C4;
margin-left: 0.625rem;
width: calc(100% - 10px);
}
.sub-nav__container .sub-nav__level-3_button::after {
margin-left: -0.625rem;
}
.sub-nav__container .sub-nav__level-3_button svg {
fill: #2A79C4;
}
.sub-nav__container .sub-nav__level-3_link {
display: none;
}
.sub-nav__container .sub-nav__level-3_link-label {
margin-left: 0.625rem;
}
.sub-nav__container .sub-nav__level-3_link.mobile-link,
.sub-nav__container .sub-nav__level-3_link.view-all {
display: flex;
color: #2A79C4;
}
.sub-nav__container .sub-nav__level-3_li:has(.current-page) .sub-nav__level-3_button {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.sub-nav__container .sub-nav__level-4 {
left: auto;
position: relative;
top: auto;
}
.sub-nav__container .sub-nav__level-4_link {
color: #2A79C4;
}
.sub-nav__container .sub-nav__level-4_link-label {
margin-left: 1.25rem;
}
}
@media only screen and (max-width: 79.9375em) and screen and (-ms-high-contrast: active), only screen and (max-width: 79.9375em) and (-ms-high-contrast: none) {
.sub-nav__container .sub-nav__level-2_button-arrow,
.sub-nav__container .sub-nav__level-3_button-arrow,
.sub-nav__container .sub-nav__level-4_button-arrow {
margin-left: auto;
}
}
.sub-nav.event-subnav {
border-top: 2px solid #CD163F;
background-color: #fff;
background-image: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/event-subnav-bg.png");
background-size: auto 100%;
background-position: center center;
}
.sub-nav.event-subnav .sub-nav__container {
height: 54px;
justify-content: center;
}
.sub-nav.event-subnav .sub-nav__container .sub-nav__level-1 {
font-size: 1rem;
font-family: inherit;
}
.sub-nav.event-subnav .sub-nav__container .sub-nav__level-2 {
font-family: inherit;
}
.sub-nav.event-subnav .sub-nav__container .sub-nav__components {
margin-left: 2rem;
}
.sub-nav.event-subnav .sub-nav__container .sub-nav__components .sub-nav__level-1 {
font-size: 1rem;
}
/**
* Page Adjustments
*/
body.subnav-active .sub-nav {
z-index: 101;
}
body.subnav-active .sub-nav__ghost {
display: block;
}
body .ra-global-nav-v2__main-header {
top: var(--global-nav-offset, 0);
}
/**
* Custom Table
*/
.table.push-top {
margin-top: 3.5rem;
}
.table.push-bottom {
margin-bottom: 3.5rem;
}
.table table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.table tr {
border-bottom: 1px solid #E5E6E9;
padding: 0.35rem;
}
.table th,
.table td {
padding: 1rem;
text-align: left;
}
.table td {
color: #2D2D2D;
}
.table th {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
color: #6D6E71;
text-align: left;
}
html[lang^="cs"] .table th,
html[lang^="ja"] .table th,
html[lang^="ko"] .table th,
html[lang^="pl"] .table th,
html[lang^="ru"] .table th,
html[lang^="tr"] .table th,
html[lang^="zh"] .table th {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.table th:first-of-type {
width: 23.75rem;
}
.table a {
text-decoration: none;
}
@media only screen and (max-width: 48em) {
.table table {
border: 0;
}
.table thead {
display: none;
}
.table th,
.table td {
padding: 0.625rem 0;
text-align: left;
}
.table tr {
display: block;
margin-bottom: 0.625rem;
padding-left: 0;
}
.table tr:first-child {
border-top: 1px solid #E5E6E9;
}
.table td {
display: block;
text-align: left;
min-height: 4.688rem;
}
.table td::before {
content: attr(data-label);
float: left;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
color: #6D6E71;
width: 6.875rem;
text-align: left;
min-height: 4.688rem;
}
html[lang^="cs"] .table td::before,
html[lang^="ja"] .table td::before,
html[lang^="ko"] .table td::before,
html[lang^="pl"] .table td::before,
html[lang^="ru"] .table td::before,
html[lang^="tr"] .table td::before,
html[lang^="zh"] .table td::before {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.table td:last-child {
border-bottom: 0;
}
.table td .cmp-form-options--drop-down,
.table td .cmp-form-options--multi-drop-down {
float: left;
}
}
.table .resource-table-dropdown.is-link::before {
border: 0;
}
.tabs {
flex-direction: column;
margin-top: 30px;
padding-bottom: 35px;
}
.cmp-tabs {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.cmp-tabs__tablist {
border-bottom: 1px solid #E5E6E9;
display: flex;
margin-bottom: 0;
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs__tablist {
display: none;
}
}
.cmp-tabs__tab {
cursor: pointer;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
list-style: none;
margin: 0 1.5rem 0 0;
padding: 0.625rem;
position: relative;
}
.cmp-tabs__tab::before {
bottom: 0;
content: '';
height: 3px;
left: 0;
position: absolute;
transition: all 0.3s ease;
width: 0;
z-index: 2;
}
.cmp-tabs__tab::after {
background: #E5E6E9;
bottom: 0;
content: '';
display: none;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs__tab::after {
display: flex;
}
}
.cmp-tabs__tab:first-child {
margin-left: 0;
}
.cmp-tabs__tab:last-child {
margin-right: 0;
}
.cmp-tabs__tab:focus,
.cmp-tabs__tab:hover {
color: #2A79C4;
}
.cmp-tabs__tab:focus::before,
.cmp-tabs__tab:hover::before {
background: #2A79C4;
width: 100%;
}
.cmp-tabs__tab--active,
.cmp-tabs__tab--active:focus,
.cmp-tabs__tab--active:hover {
color: #2D2D2D;
cursor: auto;
}
.cmp-tabs__tab--active::before,
.cmp-tabs__tab--active:focus::before,
.cmp-tabs__tab--active:hover::before {
background: #F58025;
width: 100%;
}
.cmp-tabs .accordion-button {
display: none;
font-size: 0.875rem;
justify-content: flex-end;
padding-bottom: 5px;
}
.cmp-tabs .accordion-button:hover {
cursor: pointer;
text-decoration: underline;
}
.cmp-tabs .accordion-button span {
display: none;
}
.cmp-tabs .accordion-button span.active {
display: flex;
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs .accordion-button {
display: flex;
}
}
.cmp-tabs .acc-button {
color: #2D2D2D;
cursor: pointer;
display: none;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
justify-content: space-between;
position: relative;
}
.cmp-tabs .acc-button span {
padding: 14px 0 14px 15px;
}
.cmp-tabs .acc-button:active span,
.cmp-tabs .acc-button:focus span,
.cmp-tabs .acc-button:hover span {
color: #2A79C4;
}
.cmp-tabs .acc-button svg {
transition: all 0.3s ease;
width: 18px;
}
.cmp-tabs .acc-button.active span svg {
transform: rotate(-180deg);
width: 18px;
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs .acc-button {
display: flex;
}
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs .tab-container::after {
background: #E5E6E9;
content: '';
height: 1px;
left: 40px;
position: absolute;
right: 40px;
}
.cmp-tabs .tab-container:hover::after {
background: #2A79C4;
height: 2px;
}
}
.cmp-tabs__tabpanel {
display: none;
margin-top: 0;
padding-bottom: 20px;
position: relative;
}
.cmp-tabs__tabpanel::after {
display: flex;
}
.cmp-tabs__tabpanel--active {
display: block;
}
@media only screen and (max-width: 63.9375em) {
.cmp-tabs__tabpanel--active::after {
background: #F58025;
content: '';
height: 2px;
margin-top: 20px;
position: absolute;
width: 100%;
z-index: 2;
}
}
/**
* Tag List Component
*/
.tag-list a {
text-decoration: none;
}
/**
* Teaser Component
*/
/**
* Default Styling
* - variation styling is below default
*/
.teaser {
display: flex;
flex-direction: column;
height: 100%;
padding: 1px 0;
position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser {
display: block;
}
}
.teaser.vertical-sibling {
height: auto;
}
.teaser .teaser__link-over {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.teaser .teaser__wrapper {
display: block;
position: relative;
text-decoration: none;
width: 100%;
}
.teaser .teaser__container {
display: flex;
height: 100%;
position: relative;
}
.teaser .teaser__container.is-link .teaser__link-over:hover ~ div .teaser__title {
color: #2A79C4;
}
.teaser .teaser__container.auto-height {
height: auto;
margin-bottom: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser .teaser__container {
display: block;
}
}
.teaser .teaser__image,
.teaser .teaser__video {
position: relative;
}
.teaser .teaser__image img,
.teaser .teaser__video img {
height: auto;
max-width: 100%;
position: relative;
}
.teaser .teaser__image img.shapeCircle,
.teaser .teaser__video img.shapeCircle {
mask-image: radial-gradient(circle closest-side at center, #000 99%, transparent);
}
.teaser .teaser__icon {
position: relative;
}
.teaser .teaser__content {
display: block;
position: relative;
}
.teaser .teaser__subtitle,
.teaser .teaser__title,
.teaser .teaser__text,
.teaser .teaser__caption {
color: #2D2D2D;
}
.teaser .teaser__container.text-light .teaser__subtitle,
.teaser .teaser__container.text-light .teaser__title,
.teaser .teaser__container.text-light .teaser__text,
.teaser .teaser__container.text-light .teaser__caption {
color: #fff;
}
.teaser .teaser__subtitle {
/* Rounded to four decimal places */
letter-spacing: 0;
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
color: #6D6E71;
margin-bottom: 4px;
}
html[lang^="cs"] .teaser .teaser__subtitle,
html[lang^="ja"] .teaser .teaser__subtitle,
html[lang^="ko"] .teaser .teaser__subtitle,
html[lang^="pl"] .teaser .teaser__subtitle,
html[lang^="ru"] .teaser .teaser__subtitle,
html[lang^="tr"] .teaser .teaser__subtitle,
html[lang^="zh"] .teaser .teaser__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.teaser .teaser__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
}
html[lang^="cs"] .teaser .teaser__title,
html[lang^="ja"] .teaser .teaser__title,
html[lang^="ko"] .teaser .teaser__title,
html[lang^="pl"] .teaser .teaser__title,
html[lang^="ru"] .teaser .teaser__title,
html[lang^="tr"] .teaser .teaser__title,
html[lang^="zh"] .teaser .teaser__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.teaser .teaser__title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .teaser .teaser__title.highlighted,
html[lang^="ja"] .teaser .teaser__title.highlighted,
html[lang^="ko"] .teaser .teaser__title.highlighted,
html[lang^="pl"] .teaser .teaser__title.highlighted,
html[lang^="ru"] .teaser .teaser__title.highlighted,
html[lang^="tr"] .teaser .teaser__title.highlighted,
html[lang^="zh"] .teaser .teaser__title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.teaser .teaser__text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
margin-top: 8px;
}
html[lang^="cs"] .teaser .teaser__text,
html[lang^="ja"] .teaser .teaser__text,
html[lang^="ko"] .teaser .teaser__text,
html[lang^="pl"] .teaser .teaser__text,
html[lang^="ru"] .teaser .teaser__text,
html[lang^="tr"] .teaser .teaser__text,
html[lang^="zh"] .teaser .teaser__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.teaser .teaser__text p {
margin: 8px 0 0;
}
.teaser .teaser__text p:first-child {
margin-top: 0;
}
.teaser .teaser__text .teaser__container.is-link a {
position: relative;
z-index: 3;
}
.teaser .teaser__caption {
font-family: "BarlowItalic", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1.75rem;
font-size: 1.25rem;
margin-top: 16px;
}
html[lang^="cs"] .teaser .teaser__caption,
html[lang^="ja"] .teaser .teaser__caption,
html[lang^="ko"] .teaser .teaser__caption,
html[lang^="pl"] .teaser .teaser__caption,
html[lang^="ru"] .teaser .teaser__caption,
html[lang^="tr"] .teaser .teaser__caption,
html[lang^="zh"] .teaser .teaser__caption {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-style: italic;
}
.teaser .teaser__components {
display: block;
margin-top: 16px;
position: relative;
}
.teaser .teaser__components .button {
display: inline-block;
margin-bottom: 8px;
margin-right: 20px;
position: relative;
}
@media only screen and (min-width: 48.0625em) {
.teaser .teaser__components .button {
margin-bottom: 0;
}
}
.teaser .teaser__components .button + .link {
margin-top: 8px;
}
.teaser .teaser__components .teaser__container.is-link .button {
z-index: 3;
}
.teaser .teaser__components .link {
color: #2A79C4;
display: block;
margin-top: 16px;
position: relative;
}
.teaser .teaser__components .teaser__container.text-light .link {
color: #fff;
}
.teaser .teaser__components .teaser__container.is-link .link {
z-index: 3;
}
/**
* Horizontal Layout Styling
*/
.teaser__container.layout-horizontal:not(.text-only) {
display: flex;
flex-wrap: nowrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser__container.layout-horizontal:not(.text-only) {
display: block;
}
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__wrapper {
display: flex;
flex-flow: column nowrap;
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-horizontal:not(.text-only) .teaser__wrapper {
flex-direction: row;
}
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__image,
.teaser__container.layout-horizontal:not(.text-only) .teaser__video {
margin-bottom: 8px;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-horizontal:not(.text-only) .teaser__image,
.teaser__container.layout-horizontal:not(.text-only) .teaser__video {
margin-bottom: 0;
margin-right: 32px;
width: 30%;
}
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__image img,
.teaser__container.layout-horizontal:not(.text-only) .teaser__video img {
border-top-left-radius: 4px;
height: auto;
max-width: 100%;
}
@media only screen and (max-width: 48em) {
.teaser__container.layout-horizontal:not(.text-only) .teaser__image img,
.teaser__container.layout-horizontal:not(.text-only) .teaser__video img {
border-top-right-radius: 4px;
}
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-horizontal:not(.text-only) .teaser__content {
width: 70%;
}
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__icon {
margin-bottom: 8px;
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-horizontal:not(.text-only) .teaser__icon {
margin-right: 20px;
}
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__icon span {
display: flex;
justify-content: flex-start;
position: relative;
}
.teaser__container.layout-horizontal:not(.text-only) .teaser__icon svg {
height: 50px;
width: 50px;
}
/**
* Text Only Center Content
*/
.teaser__container.text-only .teaser__content.center-content {
text-align: center;
}
.teaser__container.text-only .teaser__content.center-content .teaser__components .button {
margin: 0 12px;
}
/**
* Vertical Layout Styling
*/
.teaser__container.layout-vertical:not(.text-only) {
display: flex;
flex-flow: column nowrap;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser__container.layout-vertical:not(.text-only) {
display: block;
}
}
.teaser__container.layout-vertical:not(.text-only) .teaser__image,
.teaser__container.layout-vertical:not(.text-only) .teaser__video {
display: flex;
margin-bottom: 8px;
width: 100%;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__image picture,
.teaser__container.layout-vertical:not(.text-only) .teaser__video picture {
width: 100%;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__image img,
.teaser__container.layout-vertical:not(.text-only) .teaser__video img {
max-width: 100%;
height: auto;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__icon {
margin-bottom: 12px;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__icon span {
display: flex;
justify-content: flex-start;
position: relative;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__icon svg {
height: 50px;
width: 50px;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__icon.center-content {
margin: 20px 8px 12px;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__icon.center-content span {
justify-content: center;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__content.center-content {
text-align: center;
}
.teaser__container.layout-vertical:not(.text-only) .teaser__content.center-content .teaser__components .button {
margin: 0 12px;
}
/**
* Card Layout Styling
*/
.teaser__container.layout-card {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
border-radius: 4px;
display: flex;
flex-flow: column nowrap;
transition: all 0.3s ease-out;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser__container.layout-card {
display: block;
}
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-card:hover,
.teaser__container.layout-card:focus,
.teaser__container.layout-card:active {
transform: scale(1.05);
z-index: 2;
}
}
.teaser__container.layout-card:hover .teaser__title,
.teaser__container.layout-card:focus .teaser__title,
.teaser__container.layout-card:active .teaser__title {
color: #2A79C4;
}
.teaser__container.layout-card .teaser__wrapper {
height: 100%;
padding-top: 0;
}
.teaser__container.layout-card .teaser__content {
padding: 0 20px 12px;
}
.teaser__container.layout-card.layout-horizontal .teaser__image,
.teaser__container.layout-card.layout-horizontal .teaser__video {
margin-right: 0;
}
.teaser__container.layout-card.layout-horizontal .teaser__image img,
.teaser__container.layout-card.layout-horizontal .teaser__video img {
height: 100%;
object-fit: cover;
width: 100%;
}
.teaser__container.layout-card.layout-horizontal .teaser__icon {
margin: 20px;
}
@media only screen and (min-width: 48.0625em) {
.teaser__container.layout-card.layout-horizontal .teaser__content {
padding: 20px;
}
}
.teaser__container.layout-card.layout-vertical .teaser__icon {
margin: 20px 0 12px 20px;
}
.teaser__container.layout-card.layout-vertical .teaser__icon.center-content {
margin: 20px 8px 12px;
}
.teaser__container.layout-card.layout-vertical img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.teaser__container.layout-card.text-only .teaser__content {
padding-top: 16px;
}
/**
* Full Width Teaser Styling
*/
.teaser-full-width .teaser__container {
max-width: 100em;
margin: auto;
padding: 60px 20px;
}
@media only screen and (max-width: 100.21875em) {
.teaser-full-width .teaser__container {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
.teaser-full-width .teaser__container .teaser__wrapper {
padding-top: 0;
}
.teaser-full-width .teaser__container .teaser__content {
width: 100%;
}
.teaser-full-width .teaser__container .teaser__subtitle {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 13px;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__subtitle,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.teaser-full-width .teaser__container .teaser__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 2.25rem;
line-height: 2.75rem;
margin-bottom: 1rem;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__title,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
@media only screen and (min-width: 48.0625em) {
.teaser-full-width .teaser__container .teaser__title {
font-size: 2.5rem;
line-height: 3rem;
}
}
.teaser-full-width .teaser__container .teaser__text {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
margin-top: 16px;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__text,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__text {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.teaser-full-width .teaser__container .teaser__text.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__text.highlighted,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__text.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.teaser-full-width .teaser__container .teaser__text p {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__text p,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__text p {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.teaser-full-width .teaser__container .teaser__text p.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="ja"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="ko"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="pl"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="ru"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="tr"] .teaser-full-width .teaser__container .teaser__text p.highlighted,
html[lang^="zh"] .teaser-full-width .teaser__container .teaser__text p.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.teaser-full-width .teaser__container .teaser__components {
margin-top: 32px;
}
.teaser-full-width .teaser__container .teaser__components .link__anchor,
.teaser-full-width .teaser__container .teaser__components .link__is-anchor {
color: #2D2D2D;
margin-top: 16px;
}
@media only screen and (max-width: 48em) {
.teaser-full-width .teaser__container .teaser__components {
text-align: center;
}
}
.teaser-full-width .teaser__container.text-light .teaser__components .link__anchor,
.teaser-full-width .teaser__container.text-light .teaser__components .link__is-anchor {
color: #fff;
}
.teaser-full-width .teaser__container.content-center {
text-align: center;
}
.teaser-full-width .teaser__container.content-center .teaser__wrapper {
justify-content: center;
}
.teaser-full-width .teaser__container.content-center .teaser__components .button {
margin: 0 12px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.teaser-full-width .teaser__container.text-only.content-center {
max-width: 100%;
}
.teaser-full-width .teaser__container.text-only.content-center .teaser__wrapper {
max-width: 100em;
margin: auto;
}
}
@media screen and (-ms-high-contrast: active) and only screen and (max-width: 100.21875em), (-ms-high-contrast: none) and only screen and (max-width: 100.21875em) {
.teaser-full-width .teaser__container.text-only.content-center .teaser__wrapper {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
@media only screen and (min-width: 48.0625em) {
.teaser-full-width .teaser__container.content-left .teaser__wrapper {
justify-content: flex-start;
max-width: 65%;
}
.teaser-full-width .teaser__container.content-right {
justify-content: flex-end;
}
.teaser-full-width .teaser__container.content-right .teaser__wrapper {
justify-content: flex-end;
max-width: 65%;
}
}
.teaser_container.layout-horizontal:not(.text-only) .teaser_image img {
width: 100%;
max-width: 200px;
height: auto;
}
/**
* Text with Image Component
*/
/**
* Rockwell Style Utils
*/
.text-image {
position: relative;
display: block;
}
.text-image__container {
max-width: 100em;
margin: auto;
position: relative;
display: flex;
flex-direction: column-reverse;
}
@media only screen and (max-width: 100.21875em) {
.text-image__container {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
}
@media only screen and (min-width: 48.0625em) {
.text-image__container {
flex-direction: row;
}
}
.text-image picture {
width: 100%;
margin-top: 1rem;
align-self: flex-start;
flex-shrink: 0;
}
@media only screen and (min-width: 48.0625em) {
.text-image picture {
width: 25%;
margin-top: 2rem;
}
}
.text-image img {
max-width: 100%;
height: auto;
flex-shrink: 0;
}
@media only screen and (min-width: 48.0625em) {
.text-image__text {
margin-left: 2.5rem;
}
}
@media only screen and (min-width: 48.0625em) {
.text-image.align-left .text-image__text {
margin-left: 2.5rem;
margin-right: 0;
}
.text-image.align-right .text-image__container {
flex-direction: row-reverse;
}
.text-image.align-right .text-image__text {
margin-right: 2.5rem;
margin-left: 0;
}
}
.text-image.push-top {
margin-top: 3.5rem;
}
.text-image.push-bottom {
margin-bottom: 3.5rem;
}
.text-image__container.edit-mode .text-image__text {
padding: 2rem;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
@media only screen and (min-width: 48.0625em) {
.rte-float.float-left {
float: left;
}
img .rte-float.float-left {
margin-right: 20px;
}
}
@media only screen and (min-width: 48.0625em) {
.rte-float.float-right {
float: right;
}
img .rte-float.float-right {
margin-left: 20px;
}
}
.rte-fullscreen-dialog .rte-editor {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
}
/* STYLE SYSTEM */
.cmp-text {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.cmp-text--padded-none > .cmp-text {
padding: 0 !important;
}
.cmp-text img {
display: block;
margin-bottom: 5px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-text img {
display: inline-block;
max-width: 50%;
}
}
@media only screen and (min-width: 48.0625em) {
.cmp-text > p:first-child {
margin-top: 0;
}
}
.cmp-text .q4default p {
overflow-wrap: break-word;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.125rem;
line-height: 1.5rem;
letter-spacing: 0;
/* changed from 0.3125em to 0 */
}
html[lang^="cs"] .cmp-text .q4default p,
html[lang^="ja"] .cmp-text .q4default p,
html[lang^="ko"] .cmp-text .q4default p,
html[lang^="pl"] .cmp-text .q4default p,
html[lang^="ru"] .cmp-text .q4default p,
html[lang^="tr"] .cmp-text .q4default p,
html[lang^="zh"] .cmp-text .q4default p {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (min-width: 48.0625em) {
.cmp-text .q4default p {
font-size: 1.25rem;
line-height: 2rem;
}
}
@media only screen and (min-width: 48.0625em) {
.cmp-text .q4default img {
display: inline-block;
max-width: none;
}
}
.cmp-text--text-white .cmp-text {
color: #fff;
}
.cmp-text--text-black .cmp-text {
color: #000;
}
.cmp-text--text-primary .cmp-text {
color: #CD163F;
}
.cmp-text--text-secondary .cmp-text {
color: #00AEEF;
}
/* =========================================================================
Timeline component
========================================================================== */
.cmp-timeline {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
position: relative;
--software-border-color: linear-gradient(90.1deg, #003E7E 7.44%, #00AEEF 93.59%);
--hardware-border-color: linear-gradient(90.1deg, #003E7E 7.44%, #8D0034 93.59%);
--products-border-color: linear-gradient(90.1deg, #00AEEF 7.44%, #003E7E 93.59%);
--services-border-color: linear-gradient(90.1deg, #F58025 7.44%, #770056 93.59%);
--industries-border-color: linear-gradient(90.1deg, #00AEEF 7.44%, #770056 93.59%);
--support-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #003E7E 93.59%);
--sales-partners-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%);
--investors-border-color: linear-gradient(82.6deg, #2A79C4 5.75%, #00AEEF 88.65%);
--default-border-color: linear-gradient(90.1deg, #CD163F 7.44%, #F58025 93.59%);
}
.cmp-timeline__title {
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
color: #fff;
padding: 5px 12px 8px;
text-align: center;
border-radius: 4px;
position: relative;
z-index: 2;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__title,
html[lang^="ja"] .cmp-timeline__title,
html[lang^="ko"] .cmp-timeline__title,
html[lang^="pl"] .cmp-timeline__title,
html[lang^="ru"] .cmp-timeline__title,
html[lang^="tr"] .cmp-timeline__title,
html[lang^="zh"] .cmp-timeline__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__title.highlighted,
html[lang^="ja"] .cmp-timeline__title.highlighted,
html[lang^="ko"] .cmp-timeline__title.highlighted,
html[lang^="pl"] .cmp-timeline__title.highlighted,
html[lang^="ru"] .cmp-timeline__title.highlighted,
html[lang^="tr"] .cmp-timeline__title.highlighted,
html[lang^="zh"] .cmp-timeline__title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
html[lang^="cs"] .cmp-timeline__title,
html[lang^="ja"] .cmp-timeline__title,
html[lang^="ko"] .cmp-timeline__title,
html[lang^="pl"] .cmp-timeline__title,
html[lang^="ru"] .cmp-timeline__title,
html[lang^="tr"] .cmp-timeline__title,
html[lang^="zh"] .cmp-timeline__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__title-default {
background: var(--default-border-color);
}
.cmp-timeline__title-software {
background: var(--software-border-color);
}
.cmp-timeline__title-hardware {
background: var(--hardware-border-color);
}
.cmp-timeline__title-products {
background: var(--products-border-color);
}
.cmp-timeline__title-services {
background: var(--services-border-color);
}
.cmp-timeline__title-industries {
background: var(--industries-border-color);
}
.cmp-timeline__title-support {
background: var(--support-border-color);
}
.cmp-timeline__title-sales {
background: var(--sales-partners-border-color);
}
.cmp-timeline__title-investors {
background: var(--investors-border-color);
}
.cmp-timeline__line {
position: absolute;
background-color: #E5E6E9;
height: 2px;
z-index: 1;
top: 50%;
left: 110%;
width: 100vw;
}
.cmp-timeline__marker-container {
padding-left: 1%;
padding-right: 1%;
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 100%;
align-items: center;
overflow: hidden;
}
.cmp-timeline__marker {
display: inline-block;
width: 100%;
padding: 20px;
background-color: #fff;
position: relative;
}
.cmp-timeline__marker-title {
color: #2D2D2D;
background-color: #fff;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0.5rem;
margin-bottom: 6px;
text-align: center;
position: relative;
z-index: 2;
}
html[lang^="cs"] .cmp-timeline__marker-title,
html[lang^="ja"] .cmp-timeline__marker-title,
html[lang^="ko"] .cmp-timeline__marker-title,
html[lang^="pl"] .cmp-timeline__marker-title,
html[lang^="ru"] .cmp-timeline__marker-title,
html[lang^="tr"] .cmp-timeline__marker-title,
html[lang^="zh"] .cmp-timeline__marker-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__marker-title.highlighted,
html[lang^="ja"] .cmp-timeline__marker-title.highlighted,
html[lang^="ko"] .cmp-timeline__marker-title.highlighted,
html[lang^="pl"] .cmp-timeline__marker-title.highlighted,
html[lang^="ru"] .cmp-timeline__marker-title.highlighted,
html[lang^="tr"] .cmp-timeline__marker-title.highlighted,
html[lang^="zh"] .cmp-timeline__marker-title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.cmp-timeline__marker-icon {
position: relative;
text-align: center;
z-index: 2;
}
.cmp-timeline__marker-icon img {
padding: 10px 12px;
background-color: #fff;
}
.cmp-timeline__marker-small-header {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
color: #2D2D2D;
background-color: #fff;
text-align: center;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__marker-small-header,
html[lang^="ja"] .cmp-timeline__marker-small-header,
html[lang^="ko"] .cmp-timeline__marker-small-header,
html[lang^="pl"] .cmp-timeline__marker-small-header,
html[lang^="ru"] .cmp-timeline__marker-small-header,
html[lang^="tr"] .cmp-timeline__marker-small-header,
html[lang^="zh"] .cmp-timeline__marker-small-header {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] .cmp-timeline__marker-small-header,
html[lang^="ja"] .cmp-timeline__marker-small-header,
html[lang^="ko"] .cmp-timeline__marker-small-header,
html[lang^="pl"] .cmp-timeline__marker-small-header,
html[lang^="ru"] .cmp-timeline__marker-small-header,
html[lang^="tr"] .cmp-timeline__marker-small-header,
html[lang^="zh"] .cmp-timeline__marker-small-header {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-description {
display: none;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.375rem;
background-color: #fff;
padding-top: 6px;
text-align: center;
color: #000;
z-index: 2;
}
html[lang^="cs"] .cmp-timeline__marker-description,
html[lang^="ja"] .cmp-timeline__marker-description,
html[lang^="ko"] .cmp-timeline__marker-description,
html[lang^="pl"] .cmp-timeline__marker-description,
html[lang^="ru"] .cmp-timeline__marker-description,
html[lang^="tr"] .cmp-timeline__marker-description,
html[lang^="zh"] .cmp-timeline__marker-description {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
.cmp-timeline__marker-copy {
display: none;
padding: 20px;
background-color: #770056;
}
/* Desktop / Mobile Modifications
========================================================================== */
@media only screen and (min-width: 48.0625em) {
.cmp-timeline__title {
max-width: 20%;
}
.cmp-timeline__marker-icon-mobile {
display: none;
}
.cmp-timeline__marker-wrapper {
display: block;
}
.cmp-timeline__marker:hover,
.cmp-timeline__marker:focus {
transform: scale(1.1);
position: absolute;
z-index: 2;
width: inherit;
transition: transform 0.2s;
transform-origin: center;
background-color: #fff;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.09);
border-radius: 4px;
top: 10%;
}
.cmp-timeline__marker:hover .cmp-timeline__marker-description,
.cmp-timeline__marker:focus .cmp-timeline__marker-description {
display: block;
}
.cmp-timeline__marker:hover + .cmp-timeline__marker-copy,
.cmp-timeline__marker:focus + .cmp-timeline__marker-copy {
display: inline-block;
visibility: hidden;
padding: 20px;
}
}
@media only screen and (max-width: 48em) {
.cmp-timeline__title {
width: unset !important;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__title,
html[lang^="ja"] .cmp-timeline__title,
html[lang^="ko"] .cmp-timeline__title,
html[lang^="pl"] .cmp-timeline__title,
html[lang^="ru"] .cmp-timeline__title,
html[lang^="tr"] .cmp-timeline__title,
html[lang^="zh"] .cmp-timeline__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__title.highlighted,
html[lang^="ja"] .cmp-timeline__title.highlighted,
html[lang^="ko"] .cmp-timeline__title.highlighted,
html[lang^="pl"] .cmp-timeline__title.highlighted,
html[lang^="ru"] .cmp-timeline__title.highlighted,
html[lang^="tr"] .cmp-timeline__title.highlighted,
html[lang^="zh"] .cmp-timeline__title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
html[lang^="cs"] .cmp-timeline__title,
html[lang^="ja"] .cmp-timeline__title,
html[lang^="ko"] .cmp-timeline__title,
html[lang^="pl"] .cmp-timeline__title,
html[lang^="ru"] .cmp-timeline__title,
html[lang^="tr"] .cmp-timeline__title,
html[lang^="zh"] .cmp-timeline__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-container {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: auto;
align-items: flex-start;
margin-left: 20px;
gap: 40px;
}
.cmp-timeline__line {
position: absolute;
background-color: #E5E6E9;
width: 2px;
height: 100vh;
z-index: 1;
top: 100%;
left: 48px;
}
.cmp-timeline__marker-wrapper {
display: flex;
margin-left: 20px;
max-width: unset;
width: 90% !important;
}
.cmp-timeline__marker-wrapper.last-item {
background: #fff;
z-index: 2;
}
.cmp-timeline__marker {
width: 100%;
margin-left: 90px;
margin-left: 0;
}
.cmp-timeline__marker-title {
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
text-align: left;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin-bottom: 10px;
}
html[lang^="cs"] .cmp-timeline__marker-title,
html[lang^="ja"] .cmp-timeline__marker-title,
html[lang^="ko"] .cmp-timeline__marker-title,
html[lang^="pl"] .cmp-timeline__marker-title,
html[lang^="ru"] .cmp-timeline__marker-title,
html[lang^="tr"] .cmp-timeline__marker-title,
html[lang^="zh"] .cmp-timeline__marker-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-title.highlighted {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__marker-title.highlighted,
html[lang^="ja"] .cmp-timeline__marker-title.highlighted,
html[lang^="ko"] .cmp-timeline__marker-title.highlighted,
html[lang^="pl"] .cmp-timeline__marker-title.highlighted,
html[lang^="ru"] .cmp-timeline__marker-title.highlighted,
html[lang^="tr"] .cmp-timeline__marker-title.highlighted,
html[lang^="zh"] .cmp-timeline__marker-title.highlighted {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
html[lang^="cs"] .cmp-timeline__marker-title,
html[lang^="ja"] .cmp-timeline__marker-title,
html[lang^="ko"] .cmp-timeline__marker-title,
html[lang^="pl"] .cmp-timeline__marker-title,
html[lang^="ru"] .cmp-timeline__marker-title,
html[lang^="tr"] .cmp-timeline__marker-title,
html[lang^="zh"] .cmp-timeline__marker-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-small-header {
text-align: left;
padding-bottom: 6px;
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .cmp-timeline__marker-small-header,
html[lang^="ja"] .cmp-timeline__marker-small-header,
html[lang^="ko"] .cmp-timeline__marker-small-header,
html[lang^="pl"] .cmp-timeline__marker-small-header,
html[lang^="ru"] .cmp-timeline__marker-small-header,
html[lang^="tr"] .cmp-timeline__marker-small-header,
html[lang^="zh"] .cmp-timeline__marker-small-header {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
html[lang^="cs"] .cmp-timeline__marker-small-header,
html[lang^="ja"] .cmp-timeline__marker-small-header,
html[lang^="ko"] .cmp-timeline__marker-small-header,
html[lang^="pl"] .cmp-timeline__marker-small-header,
html[lang^="ru"] .cmp-timeline__marker-small-header,
html[lang^="tr"] .cmp-timeline__marker-small-header,
html[lang^="zh"] .cmp-timeline__marker-small-header {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.cmp-timeline__marker-icon {
display: none;
}
.cmp-timeline__marker-icon-mobile {
display: block;
z-index: 2;
}
.cmp-timeline__marker-icon-mobile img {
padding-top: 20px;
padding-bottom: 20px;
background-color: #fff;
}
.cmp-timeline__marker-description {
font-size: 0.875rem;
line-height: 1.125rem;
display: block;
text-align: left;
}
}
.training-info {
position: relative;
display: block;
}
.training-info__heading {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #43434D;
font-size: 1.5rem;
line-height: 1.25rem;
margin-left: 1.25rem;
margin-top: 2.5rem;
}
html[lang^="cs"] .training-info__heading,
html[lang^="ja"] .training-info__heading,
html[lang^="ko"] .training-info__heading,
html[lang^="pl"] .training-info__heading,
html[lang^="ru"] .training-info__heading,
html[lang^="tr"] .training-info__heading,
html[lang^="zh"] .training-info__heading {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.training-info__item-group {
padding-bottom: 0.625rem;
}
.training-info__item {
display: block;
line-height: 2rem;
font-size: 1.25rem;
}
.training-info__item span {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
}
html[lang^="cs"] .training-info__item span,
html[lang^="ja"] .training-info__item span,
html[lang^="ko"] .training-info__item span,
html[lang^="pl"] .training-info__item span,
html[lang^="ru"] .training-info__item span,
html[lang^="tr"] .training-info__item span,
html[lang^="zh"] .training-info__item span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-twitter-feed {
margin: auto;
max-height: 900px;
overflow: auto;
}
.cmp-twitter-feed__timeline-fallback {
display: none;
}
.aem-AuthorLayer-Edit .cmp-twitter-feed .twitter-timeline-error + .cmp-twitter-feed__timeline-fallback {
display: inline;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Content Summary component
========================================================================== */
/* BASE STYLES */
.utility-tool {
position: relative;
}
.utility-tool__container {
padding: 1.75rem;
}
@media only screen and (min-width: 80.0625em) {
.utility-tool__container {
max-width: 900px;
margin: 0 auto;
}
}
.utility-tool__wrapper {
position: fixed;
display: block;
top: 0;
left: 0;
right: 0;
width: calc(100vw - (2.5rem * 2));
max-width: auto;
margin: auto;
padding-top: 1rem;
transform: translateY(5rem) scaleY(0);
opacity: 0.1;
transform-origin: top;
transition: all 0.25s ease-in-out;
}
.utility-tool__inner {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
position: relative;
display: flex;
flex-direction: column;
background: #fff;
z-index: -1;
}
.utility-tool__backgrounds {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(255, 255, 255, 0.75) url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/backTexture_WhiteGray.svg") no-repeat top center;
background-size: cover;
}
.utility-tool__backgrounds::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.8) 95%);
}
.utility-tool__backgrounds::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%);
}
.utility-tool__bottom {
position: relative;
display: block;
padding: 0 1rem 0.5rem;
}
.utility-tool__bottom-ghost {
position: relative;
display: block;
border-radius: 0.188rem;
border-bottom: 2px solid #E5E6E9;
}
.utility-tool__bottom-ghost span {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
position: absolute;
display: block;
bottom: -1.563rem;
right: 0;
font-size: 7.5rem;
line-height: 1;
color: #E5E6E9;
text-transform: uppercase;
z-index: -1;
}
html[lang^="cs"] .utility-tool__bottom-ghost span,
html[lang^="ja"] .utility-tool__bottom-ghost span,
html[lang^="ko"] .utility-tool__bottom-ghost span,
html[lang^="pl"] .utility-tool__bottom-ghost span,
html[lang^="ru"] .utility-tool__bottom-ghost span,
html[lang^="tr"] .utility-tool__bottom-ghost span,
html[lang^="zh"] .utility-tool__bottom-ghost span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.utility-tool__useful-links {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
}
.utility-tool__useful-links::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 73px;
height: 73px;
background: transparent url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/usefulLinks_corner.svg") no-repeat center center;
z-index: 2;
}
.utility-tool__useful-links_title,
.utility-tool__useful-links_label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 0.75rem;
font-size: 1rem;
color: #2D2D2D;
}
html[lang^="cs"] .utility-tool__useful-links_title,
html[lang^="cs"] .utility-tool__useful-links_label,
html[lang^="ja"] .utility-tool__useful-links_title,
html[lang^="ja"] .utility-tool__useful-links_label,
html[lang^="ko"] .utility-tool__useful-links_title,
html[lang^="ko"] .utility-tool__useful-links_label,
html[lang^="pl"] .utility-tool__useful-links_title,
html[lang^="pl"] .utility-tool__useful-links_label,
html[lang^="ru"] .utility-tool__useful-links_title,
html[lang^="ru"] .utility-tool__useful-links_label,
html[lang^="tr"] .utility-tool__useful-links_title,
html[lang^="tr"] .utility-tool__useful-links_label,
html[lang^="zh"] .utility-tool__useful-links_title,
html[lang^="zh"] .utility-tool__useful-links_label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.utility-tool__useful-links_label {
margin-right: 0;
margin-left: 0.625rem;
}
.utility-tool__useful-links_links,
.utility-tool__useful-links_links a,
.utility-tool__useful-links_links span {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.utility-tool__useful-links_links a:hover {
color: #CD163F;
}
.utility-tool__useful-links_links a:hover span {
color: #CD163F;
}
.utility-tool__useful-links_links a:hover svg {
fill: #CD163F;
}
.utility-tool__useful-links_links a:hover svg .cls-1,
.utility-tool__useful-links_links a:hover svg .cls-2,
.utility-tool__useful-links_links a:hover svg .cls-3,
.utility-tool__useful-links_links a:hover svg .cls-4,
.utility-tool__useful-links_links a:hover svg .cls-5 {
fill: #CD163F;
}
.utility-tool__useful-links_links {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
width: calc(100% - 73px);
height: 73px;
padding: 0 0 0.5rem 4.563rem;
background: #fff;
}
.utility-tool__level-2_useful-links.normal .utility-tool__useful-links_links {
justify-content: space-evenly;
}
.utility-tool__useful-links_branded-title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 0.75rem;
font-size: 1rem;
color: #2D2D2D;
}
html[lang^="cs"] .utility-tool__useful-links_branded-title,
html[lang^="ja"] .utility-tool__useful-links_branded-title,
html[lang^="ko"] .utility-tool__useful-links_branded-title,
html[lang^="pl"] .utility-tool__useful-links_branded-title,
html[lang^="ru"] .utility-tool__useful-links_branded-title,
html[lang^="tr"] .utility-tool__useful-links_branded-title,
html[lang^="zh"] .utility-tool__useful-links_branded-title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.utility-tool__useful-links span.normal svg {
width: 1.625rem;
height: 1.625rem;
}
.utility-tool__useful-links span.brand svg {
width: 10rem;
height: 3.063rem;
}
.utility-tool__useful-links_links a {
padding: 0.5rem;
color: #2D2D2D;
}
.utility-tool__useful-links_links a.branded {
padding-right: 0 !important;
}
.utility-tool__useful-links::after {
content: "";
position: absolute;
top: -3px;
left: 0;
right: 0;
width: 100%;
height: 4px;
background-color: #fff;
}
.utility-tool__links-container {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25);
position: relative;
justify-content: space-evenly;
width: 100%;
border-radius: 0.25rem;
background-color: rgba(255, 255, 255, 0.75);
padding: 1rem;
}
.utility-tool__links {
position: relative;
display: flex;
width: 100%;
padding: 2.5rem 2.5rem 2.5rem;
}
.utility-tool::after {
content: "";
position: absolute;
top: 6.1rem;
left: 50%;
margin-left: 0.85rem;
width: 0;
height: 0;
box-sizing: border-box;
border: 0.65rem solid #000;
border-color: transparent transparent #fff #fff;
box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.12);
transform-origin: 0 0;
transform: rotate(135deg);
opacity: 0;
transition: opacity 0.16s ease-out;
}
.utility-tool__main-links {
display: flex;
flex-flow: row wrap;
border-bottom: 2px solid #E5E6E9;
align-content: center;
}
.utility-tool__main-links > div {
flex-basis: 18%;
flex-grow: 1;
padding: 1rem 1rem 1rem 0;
margin-right: 2rem;
margin-left: 0;
}
.utility-tool__main-links > div:last-child {
margin-right: 0;
}
.utility-tool__main-links svg {
fill: #CD163F;
width: 3.5rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.utility-tool__main-links svg {
height: 3.5rem;
}
}
.utility-tool__main-links .utility-tool__main-link-title {
margin-top: 1rem;
margin-bottom: 0.5rem;
color: #43434D;
text-align: center;
}
.utility-tool__main-links p {
color: #43434D;
text-align: center;
}
.utility-tool__main-links a {
display: flex;
flex-direction: column;
align-items: center;
}
.utility-tool__main-links a:hover,
.utility-tool__main-links a:focus {
text-decoration: none !important;
}
.utility-tool__main-links a:hover .utility-tool__main-link-title,
.utility-tool__main-links a:focus .utility-tool__main-link-title {
text-decoration: underline;
color: #CD163F;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.utility-tool__main-links a {
display: block;
text-align: center;
}
}
.utility-tool__text-links {
display: flex;
flex-flow: row wrap;
align-content: center;
}
.utility-tool__text-links a {
flex-basis: 18%;
flex-grow: 0;
padding: 1rem 1rem 1rem 0;
margin-left: 0;
margin-right: 2rem;
color: #2D2D2D;
}
.utility-tool__text-links a:hover,
.utility-tool__text-links a:focus {
text-decoration: underline;
color: #CD163F;
}
.utility-tool__text-links .view-all {
color: #CD163F;
}
.utility-tool__tools-mobile {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
position: fixed;
top: 3.5rem;
right: 0;
flex-direction: column;
width: 100%;
max-height: calc(100% - 3.5rem);
padding: 0 1.75rem 1.125rem;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
background-color: #fff;
transform: translateX(101%);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
z-index: -1;
transition: all 0.3s linear;
}
.utility-tool__tools-mobile[aria-hidden="false"] {
transform: translateX(0);
}
.utility-tool__tools-mobile.hiding .utility-tool__mobile-list,
.utility-tool__tools-mobile.hiding .utility-tool__mobile-useful-links {
opacity: 0;
}
.utility-tool__tools-mobile_links {
position: relative;
display: flex;
overflow-x: hidden;
}
@media only screen and (min-width: 80.0625em) {
.utility-tool__tools-mobile {
display: none;
}
}
.utility-tool__tools-mobile-links a {
display: flex;
align-items: center;
width: 100%;
padding: 1rem 0;
border-bottom: 2px solid #E5E6E9;
color: #2D2D2D;
}
.utility-tool__tools-mobile-links a:last-child {
border: 0;
}
.utility-tool__tools-mobile-links a.view-all {
color: #CD163F;
}
.utility-tool__tools-mobile-links svg {
fill: #CD163F;
width: 2.5rem;
}
.utility-tool__tools-mobile-links span {
margin-right: 1rem;
}
.utility-tool__tools-mobile-header {
position: relative;
}
.utility-tool__tools-mobile-header::before {
content: "";
background-color: #f5f5f5;
position: absolute;
height: 100%;
width: 200vw;
left: -100vw;
z-index: -1;
}
.utility-tool__tools-mobile-header .utility-tool__main-link-title {
padding: 1rem 0;
color: #CD163F;
}
@media only screen and (min-width: 80.0625em) {
.tools-nav-open .utility-tool .utility-tool__wrapper {
opacity: 1;
}
.tools-nav-open .utility-tool::after {
opacity: 1;
}
}
.tools-nav-open .utility-tool > a svg {
fill: #CD163F;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.value-prop-grid__container {
background-size: cover;
position: relative;
text-align: center;
overflow: hidden;
}
.value-prop-grid__container.text-inverted {
color: #fff;
}
.value-prop-grid__bug {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.value-prop-grid__wrapper {
padding: 3.5rem 0;
}
.value-prop-grid__wrapper .main-image {
position: absolute;
top: 25%;
left: 25%;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 100%;
min-width: 100%;
transform: translate(-25%, -25%);
z-index: -3;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.value-prop-grid__wrapper .main-image {
width: 100%;
}
}
@media only screen and (max-width: 48em) {
.value-prop-grid__wrapper .col-mobile {
flex-basis: auto;
width: 100%;
}
}
.value-prop-grid__heading {
margin-top: 0;
margin-bottom: 1.5rem;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
.cmp-value-prop {
text-align: center;
width: 100%;
}
@media only screen and (min-width: 48.0625em) {
.cmp-value-prop {
padding: 1rem 0;
}
}
.cmp-value-prop__icon {
max-width: 20rem;
margin: 0 auto;
}
.cmp-value-prop__icon img {
max-height: 4.25rem;
}
.cmp-value-prop__icon--proposition {
margin: 0.375rem 0;
}
.cmp-value-prop__icon--description {
font-size: 1rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: normal;
}
.cmp-value-prop__statistic {
max-width: 20rem;
margin: 0 auto;
}
.cmp-value-prop__statistic--title {
font-size: 3.5rem;
font-weight: bold;
line-height: 3.5rem;
letter-spacing: normal;
margin-bottom: 0.5rem;
}
.cmp-value-prop__statistic--proposition {
margin: 0.375rem 0;
}
.cmp-value-prop__timeline--solutions {
text-align: left;
}
.cmp-value-prop__timeline--solutions li {
margin-bottom: 1.2rem;
}
.cmp-value-prop__timeline--solutions-no-bullets {
list-style: none;
}
.cmp-value-prop__timeline--solution-container {
align-items: center;
}
.cmp-value-prop__timeline--solution-name {
display: inline;
align-items: center;
margin-bottom: 0rem;
}
.cmp-value-prop__timeline--icon-container {
display: flex;
padding: 0.5rem;
min-width: 3rem;
max-height: 3rem;
aspect-ratio: 1;
height: 100%;
justify-content: center;
}
.cmp-value-prop__timeline--list-container {
display: flex;
column-gap: 0.5rem;
align-items: center;
}
.cmp-value-prop__timeline--proofpoint {
margin-left: 3.5rem;
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* =========================================================================
Video (External) component
========================================================================== */
.cmp-video-external {
margin-left: auto;
margin-right: auto;
max-width: 100%;
position: relative;
}
.cmp-video-external .cmp-video-external__overlay {
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button-circle {
align-items: center;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 36px;
display: flex;
height: 72px;
justify-content: center;
opacity: 0.9;
width: 72px;
}
.cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button-circle svg {
bottom: -1px;
fill: #fff;
height: 29px;
position: relative;
right: -3px;
width: 25px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button-circle svg {
height: 49px;
width: 43px;
}
}
@media only screen and (min-width: 48.0625em) {
.cmp-video-external .cmp-video-external__overlay .cmp-video-external__play-button-circle {
border-radius: 75px;
height: 125px;
width: 125px;
}
}
.cmp-video-external .cmp-video-external__inner {
height: 0;
padding-bottom: 56.25%;
position: relative;
z-index: 1;
}
.cmp-video-external .cmp-video-external__inner iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
/* stylelint-disable max-nesting-depth */
.vulnerability .ra-vulnerability .vulnerability-full-detail__root {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 0 auto;
max-width: 790px;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__root table td {
border: 1px solid #E5E6E9;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-container {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-container--left-align {
justify-content: flex-start;
gap: 10px;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-container[hidden] {
display: none;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item {
display: flex;
flex-direction: column;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
font-size: 0.875rem;
line-height: 1.375rem;
text-transform: uppercase;
}
html[lang^="cs"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="ja"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="ko"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="pl"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="ru"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="tr"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label,
html[lang^="zh"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #2D2D2D;
font-size: 0.875rem;
line-height: 1.375rem;
}
html[lang^="cs"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="ja"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="ko"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="pl"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="ru"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="tr"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value,
html[lang^="zh"] .vulnerability .ra-vulnerability .vulnerability-full-detail__tile-info-item-value {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #000;
font-size: 1.5rem;
line-height: 1.75rem;
}
html[lang^="cs"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="ja"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="ko"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="pl"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="ru"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="tr"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label,
html[lang^="zh"] .vulnerability .ra-vulnerability .vulnerability-full-detail__summary-label {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.vulnerability .ra-vulnerability .hero-banner__container .hero-banner__text-container {
padding-top: 1vw;
padding-bottom: 3vw;
}
.vulnerability .ra-vulnerability .navigation {
display: flex;
justify-content: space-between;
margin: 1rem auto;
max-width: 790px;
}
.vulnerability .ra-vulnerability .navigation .category__link {
display: inline;
padding-right: 0.625rem;
font-size: 0.875rem;
}
.vulnerability .ra-vulnerability .navigation .category__link a,
.vulnerability .ra-vulnerability .navigation .category__link a:visited {
color: #2A79C4;
}
.vulnerability .ra-vulnerability .navigation .share {
display: flex;
vertical-align: middle;
font-size: 0.875rem;
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
margin-right: 0;
margin-left: auto;
}
.vulnerability .ra-vulnerability .navigation .share .share__item {
color: #000;
margin-left: 10px;
text-decoration: none;
}
.vulnerability .ra-vulnerability .navigation .share .share__item div {
display: inline-block;
height: 24px;
vertical-align: sub;
width: 24px;
}
.vulnerability .ra-vulnerability .navigation .share .share__item div svg {
fill: #2A79C4;
}
.vulnerability .ra-vulnerability .print-only,
.vulnerability .ra-vulnerability .print-header {
display: none;
}
.webinar-info {
position: relative;
display: block;
}
.webinar-info__item {
position: relative;
display: block;
margin-bottom: 0.7rem;
font-size: 1.25rem;
}
.webinar-info__item:last-child {
margin-bottom: 0;
}
.webinar-info__item span {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
position: relative;
display: inline-block;
}
html[lang^="cs"] .webinar-info__item span,
html[lang^="ja"] .webinar-info__item span,
html[lang^="ko"] .webinar-info__item span,
html[lang^="pl"] .webinar-info__item span,
html[lang^="ru"] .webinar-info__item span,
html[lang^="tr"] .webinar-info__item span,
html[lang^="zh"] .webinar-info__item span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.webinar-info__item a {
font-size: 1.25rem;
}
@media only screen and (max-width: 48em) {
.hero-banner__text-container {
padding-right: 5vw !important;
}
}
.hero-banner__text-container .webinar-info {
gap: 16px;
display: flex;
flex-flow: row nowrap;
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
padding-top: 14px;
}
@media only screen and (max-width: 63.9375em) {
.hero-banner__text-container .webinar-info {
flex-direction: column;
gap: 0;
}
}
.hero-banner__text-container .webinar-info__item {
font-size: 1rem;
}
.hero-banner__text-container .webinar-info__item span::before {
content: '';
display: inline-block;
height: 24px;
margin-right: 6px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
vertical-align: -6px;
width: 24px;
}
.hero-banner__text-container .webinar-info__item.startDate {
white-space: nowrap;
}
.hero-banner__text-container .webinar-info__item.startDate span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/event.svg');
}
.hero-banner__text-container .webinar-info__item.startTime > span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.hero-banner__text-container .webinar-info__item.length > span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.hero-banner__text-container .webinar-info__item.language {
white-space: nowrap;
}
.hero-banner__text-container .webinar-info__item.language span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/globe.svg');
}
.hero-banner__text-container .webinar-info__item.pdh {
display: none;
}
.hero-banner__text-container .webinar-info__item.contact {
display: none;
}
.hero-banner__text-container[data-webinar-status="upcoming"] .webinar-info__item > span::before {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
.hero-banner__text-container[data-webinar-status="on-demand"] .webinar-info__item > span::before {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.webinar-series {
position: relative;
display: block;
}
.webinar-series__item-group span::before {
content: '';
display: inline-block;
height: 24px;
margin-right: 6px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
vertical-align: -6px;
width: 24px;
}
.webinar-series__item-group div[class^="webinar-instance__status-"] {
color: #fff;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.125rem;
padding: 4px 16px 5px;
border-radius: 4px;
text-transform: uppercase;
width: fit-content;
}
.webinar-series__item-group[data-sort-status="upcoming"] .webinar-instance__status-past,
.webinar-series__item-group[data-sort-status="upcoming"] .webinar-instance__length {
display: none;
}
.webinar-series__item-group[data-sort-status="upcoming"] .webinar-instance__status-future {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
.webinar-series__item-group[data-sort-status="upcoming"] span::before {
background: linear-gradient(120deg, #cd163f 0%, #f58025 100%);
}
.webinar-series__item-group[data-sort-status="on-demand"] .webinar-instance__status-future,
.webinar-series__item-group[data-sort-status="on-demand"] .webinar-instance__startDate,
.webinar-series__item-group[data-sort-status="on-demand"] .webinar-instance__startTime {
display: none;
}
.webinar-series__item-group[data-sort-status="on-demand"] .webinar-instance__status-past {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.webinar-series__item-group[data-sort-status="on-demand"] span::before {
background: linear-gradient(120deg, #003e7e 0%, #8d0034 100%);
}
.webinar-series .webinar-instance {
font-size: 1.25rem;
padding: 50px 0 60px;
}
.webinar-series .webinar-instance:not(:first-child) {
border-top: 1px solid #E5E6E9;
}
.webinar-series .webinar-instance__title {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5rem;
font-weight: 700;
line-height: 2rem;
padding: 6px 0 5px;
}
html[lang^="cs"] .webinar-series .webinar-instance__title,
html[lang^="ja"] .webinar-series .webinar-instance__title,
html[lang^="ko"] .webinar-series .webinar-instance__title,
html[lang^="pl"] .webinar-series .webinar-instance__title,
html[lang^="ru"] .webinar-series .webinar-instance__title,
html[lang^="tr"] .webinar-series .webinar-instance__title,
html[lang^="zh"] .webinar-series .webinar-instance__title {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.webinar-series .webinar-instance__description {
font-size: 1.25rem;
font-weight: 400;
line-height: 2rem;
}
.webinar-series .webinar-instance__details {
gap: 16px;
display: flex;
flex-flow: row nowrap;
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
padding-top: 25px;
}
@media only screen and (max-width: 48em) {
.webinar-series .webinar-instance__details {
flex-direction: column;
}
}
.webinar-series .webinar-instance__details span {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
display: inline-block;
position: relative;
}
html[lang^="cs"] .webinar-series .webinar-instance__details span,
html[lang^="ja"] .webinar-series .webinar-instance__details span,
html[lang^="ko"] .webinar-series .webinar-instance__details span,
html[lang^="pl"] .webinar-series .webinar-instance__details span,
html[lang^="ru"] .webinar-series .webinar-instance__details span,
html[lang^="tr"] .webinar-series .webinar-instance__details span,
html[lang^="zh"] .webinar-series .webinar-instance__details span {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.webinar-series .webinar-instance__startDate {
white-space: nowrap;
}
.webinar-series .webinar-instance__startDate span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/event.svg');
}
.webinar-series .webinar-instance__startTime span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.webinar-series .webinar-instance__length span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/recent-activity.svg');
}
.webinar-series .webinar-instance__language {
white-space: nowrap;
}
.webinar-series .webinar-instance__language span::before {
mask: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/icons/globe.svg');
}
.webinar-series .webinar-instance__speakers-heading {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75rem;
margin: 20px 0 10px;
}
.webinar-series .webinar-instance__speakers {
gap: 16px 2%;
display: flex;
flex-flow: row wrap;
}
@media only screen and (max-width: 48em) {
.webinar-series .webinar-instance__speakers {
flex-direction: column;
}
}
.webinar-series .webinar-instance__speaker-container {
display: flex;
flex-basis: 49%;
flex-wrap: nowrap;
}
.webinar-series .webinar-instance__speaker-image {
padding-right: 0.5rem;
margin-bottom: auto;
}
.webinar-series .webinar-instance__speaker-image img {
display: block;
max-width: 3rem;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
object-fit: cover;
}
.webinar-series .webinar-instance__speaker-name {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
font-weight: 500;
line-height: 1.375rem;
margin-bottom: 0;
}
html[lang^="cs"] .webinar-series .webinar-instance__speaker-name,
html[lang^="ja"] .webinar-series .webinar-instance__speaker-name,
html[lang^="ko"] .webinar-series .webinar-instance__speaker-name,
html[lang^="pl"] .webinar-series .webinar-instance__speaker-name,
html[lang^="ru"] .webinar-series .webinar-instance__speaker-name,
html[lang^="tr"] .webinar-series .webinar-instance__speaker-name,
html[lang^="zh"] .webinar-series .webinar-instance__speaker-name {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.webinar-series .webinar-instance__speaker-title {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.125rem;
}
/*
* Form Container
*/
/**
* Rockwell Style Utils
*/
.form-container.edit-mode {
padding: 1rem 1.25rem;
}
/*
* Form File Upload
*/
/**
* Rockwell Style Utils
*/
.file-upload {
position: relative;
display: block;
}
.file-upload__container {
position: relative;
display: flex;
flex-direction: column;
}
.file-upload__label,
.file-upload__help-text,
.file-upload__error-text {
font-size: 0.75rem;
color: #6D6E71;
margin-bottom: 0.25rem;
}
.file-upload.error .file-upload__label,
.file-upload.error .file-upload__help-text,
.file-upload.error .file-upload__error-text {
color: #DF3704;
}
.file-upload__help-text,
.file-upload__error-text {
margin-bottom: 0;
}
.file-upload__error-text {
display: none;
color: #CD163F;
}
.file-upload__top {
position: relative;
display: flex;
flex-wrap: nowrap;
}
.file-upload__top .button span.is-button {
font-size: 0.875rem;
}
.file-upload__top .button span.is-button .button-icon {
display: flex;
align-items: center;
}
.file-upload__top .button span.is-button .button-icon svg {
height: 22px;
}
.file-upload__top input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
opacity: 0;
}
.file-upload__top input:focus + .button {
outline: 1px dashed #2A79C4;
}
.file-upload__status {
position: relative;
display: flex;
align-items: center;
margin-left: 1rem;
color: #6D6E71;
}
.file-upload__bottom {
position: relative;
display: flex;
flex-direction: column;
margin-top: 0.125rem;
}
.file-upload__pills {
position: relative;
display: none;
flex-wrap: wrap;
padding: 0 0 0.5rem 0.5rem;
margin-top: 0.375rem;
background: #E5E6E9;
}
.file-upload__pills.active {
display: flex;
}
.file-upload__pill {
border: 0;
position: relative;
display: flex;
align-items: center;
padding: 0.5rem;
margin: 0.5rem 0.5rem 0 0;
border-radius: 0.25rem;
background: #fff;
font-size: 0.875rem;
}
.file-upload__pill svg {
position: relative;
width: 12px;
height: 12px;
fill: #CD163F;
margin-right: 0.25rem;
}
/**
* Rockwell Style Utils
*/
.partner-analytics [hidden] {
display: none !important;
}
.partner-analytics summary {
list-style: none;
}
.partner-analytics summary::-webkit-details-marker {
display: none;
}
.partner-analytics input {
line-height: normal;
}
.partner-analytics h1,
.partner-analytics h2,
.partner-analytics h3,
.partner-analytics .subtitle {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #43434D;
}
html[lang^="cs"] .partner-analytics h1,
html[lang^="cs"] .partner-analytics h2,
html[lang^="cs"] .partner-analytics h3,
html[lang^="cs"] .partner-analytics .subtitle,
html[lang^="ja"] .partner-analytics h1,
html[lang^="ja"] .partner-analytics h2,
html[lang^="ja"] .partner-analytics h3,
html[lang^="ja"] .partner-analytics .subtitle,
html[lang^="ko"] .partner-analytics h1,
html[lang^="ko"] .partner-analytics h2,
html[lang^="ko"] .partner-analytics h3,
html[lang^="ko"] .partner-analytics .subtitle,
html[lang^="pl"] .partner-analytics h1,
html[lang^="pl"] .partner-analytics h2,
html[lang^="pl"] .partner-analytics h3,
html[lang^="pl"] .partner-analytics .subtitle,
html[lang^="ru"] .partner-analytics h1,
html[lang^="ru"] .partner-analytics h2,
html[lang^="ru"] .partner-analytics h3,
html[lang^="ru"] .partner-analytics .subtitle,
html[lang^="tr"] .partner-analytics h1,
html[lang^="tr"] .partner-analytics h2,
html[lang^="tr"] .partner-analytics h3,
html[lang^="tr"] .partner-analytics .subtitle,
html[lang^="zh"] .partner-analytics h1,
html[lang^="zh"] .partner-analytics h2,
html[lang^="zh"] .partner-analytics h3,
html[lang^="zh"] .partner-analytics .subtitle {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.partner-analytics h1 {
font-size: 3rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics h1 {
font-size: 2rem;
}
}
.partner-analytics h2 {
font-size: 2.25rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics h2 {
font-size: 1.25rem;
}
}
.partner-analytics h3,
.partner-analytics .subtitle {
font-size: 1.5rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics h3,
.partner-analytics .subtitle {
font-size: 1.25rem;
}
}
.partner-analytics .locator-detail__contact-buttons {
display: inline-flex;
align-items: flex-end;
gap: 0.8em;
}
.partner-analytics .locator-detail__contact-buttons button {
border: none;
background: none;
padding: 0;
}
.partner-analytics .locator-detail__contact-buttons svg {
height: 1em;
fill: #2A79C4;
}
.partner-analytics .locator-detail__contact-buttons svg:hover {
fill: #2D2D2D;
}
.partner-analytics__header-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.partner-analytics__header-back-link::before {
content: "\2039";
}
.partner-analytics__header-right-container {
color: #2D2D2D;
display: flex;
align-items: center;
gap: 1.25rem;
}
.partner-analytics__header-right-container button {
border: none;
background: none;
padding: 0;
display: flex;
align-items: center;
gap: 0.5rem;
}
.partner-analytics__header-right-container svg {
height: 1.5rem;
fill: #6D6E71;
}
@media only screen and (max-width: 48em) {
.partner-analytics__header-button-label,
.partner-analytics__header-print-button {
display: none;
}
}
.partner-analytics__info-container {
padding-top: 2rem;
padding-bottom: 3rem;
display: flex;
gap: 2rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__info-container {
padding-top: 1.5rem;
padding-bottom: 3.5rem;
flex-direction: column;
}
}
.partner-analytics__info-image {
flex: 1;
place-self: center;
min-width: 0;
max-height: 32rem;
object-fit: contain;
}
.partner-analytics__info-image:not([src]) {
display: none;
}
.partner-analytics__info-content-container {
flex: 3;
}
.partner-analytics__info-company-name {
text-decoration: none;
text-transform: uppercase;
}
.partner-analytics__info-title {
margin-bottom: 2rem;
}
.partner-analytics__info-inner-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__info-inner-container {
display: flex;
flex-direction: column;
}
}
.partner-analytics__product-container .partner-analytics__info-inner-container {
grid-template-columns: none;
}
.partner-analytics__info-card {
flex: 1;
}
.partner-analytics__info-social-links {
margin-top: 0.25rem;
display: flex;
gap: 0.25rem;
}
.partner-analytics__info-social-links a {
display: none;
}
.partner-analytics__info-social-links a[href] {
display: block;
}
.partner-analytics__info-social-links a:not(.partner-analytics__social-facebook) {
transform: translateY(0.188rem);
}
.partner-analytics__info-social-links svg {
height: 1.5rem;
fill: #2A79C4;
}
.partner-analytics__info-social-links svg:hover,
.partner-analytics__info-social-links svg:focus {
fill: #2D2D2D;
}
.partner-analytics__info-contact-buttons {
display: inline-flex;
align-items: flex-end;
gap: 0.8em;
margin-top: 0.5rem;
font-size: 1.5rem;
}
.partner-analytics__info-contact-buttons button {
border: none;
background: none;
padding: 0;
}
.partner-analytics__info-contact-buttons svg {
height: 1em;
fill: #2A79C4;
}
.partner-analytics__info-contact-buttons svg:hover {
fill: #2D2D2D;
}
.partner-analytics__office-info-container {
flex: 1;
max-width: 31.25rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.partner-analytics__office-dialog-body {
display: grid;
grid-template-columns: auto max-content;
justify-content: start;
align-items: end;
column-gap: 1rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__office-dialog-body {
row-gap: 0.5rem;
}
}
.partner-analytics__section-container {
border-top: 1px solid #ccc;
}
@media only screen and (min-width: 48.0625em) {
.partner-analytics__section-container {
padding: 3rem 0;
}
}
@media only screen and (max-width: 48em) {
.partner-analytics__section-container[open] {
padding-bottom: 3.5rem;
}
.partner-analytics__section-container:last-of-type {
border-bottom: 1px solid #CCCCCC;
}
}
@media only screen and (min-width: 48.0625em) {
.partner-analytics__section-header {
padding-bottom: 0.75rem;
}
}
@media only screen and (max-width: 48em) {
.partner-analytics__section-header {
padding: 1rem 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
}
.partner-analytics__section-header::after {
content: "\FE40";
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
display: block;
transform: scaleY(1.25) translateY(0.25em);
}
html[lang^="cs"] .partner-analytics__section-header::after,
html[lang^="ja"] .partner-analytics__section-header::after,
html[lang^="ko"] .partner-analytics__section-header::after,
html[lang^="pl"] .partner-analytics__section-header::after,
html[lang^="ru"] .partner-analytics__section-header::after,
html[lang^="tr"] .partner-analytics__section-header::after,
html[lang^="zh"] .partner-analytics__section-header::after {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 48em) {
.partner-analytics__section-container[open] .partner-analytics__section-header::after {
transform: scaleY(-1.25) translateY(0.25em);
}
}
.partner-analytics__overview-text-container {
display: flex;
justify-content: space-between;
gap: 2rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__overview-text-container {
flex-direction: column;
}
}
.partner-analytics__overview-badge {
position: relative;
top: -1rem;
margin-bottom: -1rem;
width: 18rem;
height: 100%;
}
.partner-analytics__related-companies {
margin-top: 2.5rem;
}
.partner-analytics__related-companies-title {
margin-bottom: 1rem;
}
.partner-analytics__related-companies-container {
display: grid;
grid-template-columns: repeat(auto-fit, min(9.75rem, calc(50% - 0.625rem)));
gap: 1.875rem;
align-items: center;
}
@media only screen and (max-width: 48em) {
.partner-analytics__related-companies-container {
gap: 0.625rem;
justify-content: space-evenly;
}
}
.partner-analytics__expertise-badges-container {
margin: 1.25rem 0;
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__expertise-badges-container {
margin: 0.75rem 0;
gap: 0.75rem;
}
}
.partner-analytics__expertise-badge {
height: 6.25rem;
}
.partner-analytics__facet-lists-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__facet-lists-container {
grid-template-columns: 1fr;
}
}
.partner-analytics__facet-lists-container a {
text-decoration: none;
}
.partner-analytics__facet-lists-container + .partner-analytics__product-table-container {
margin-top: 2rem;
}
.partner-analytics__product-container .partner-analytics__facet-lists-container {
margin-top: 3.5rem;
}
.partner-analytics__facet-list {
margin: 0;
margin-top: 0.75rem;
}
.partner-analytics__table {
text-align: left;
overflow-wrap: break-word;
}
.partner-analytics__table a {
text-decoration: none;
}
.partner-analytics__table thead {
background-color: #E5E6E9;
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.875rem;
}
html[lang^="cs"] .partner-analytics__table thead,
html[lang^="ja"] .partner-analytics__table thead,
html[lang^="ko"] .partner-analytics__table thead,
html[lang^="pl"] .partner-analytics__table thead,
html[lang^="ru"] .partner-analytics__table thead,
html[lang^="tr"] .partner-analytics__table thead,
html[lang^="zh"] .partner-analytics__table thead {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.partner-analytics__table tr {
border: 1px solid #E5E6E9;
}
.partner-analytics__table th {
padding: 0.438rem 1.25rem;
}
.partner-analytics__table td {
padding: 0.625rem 1.25rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__table {
width: 100%;
}
.partner-analytics__table thead {
display: none;
}
.partner-analytics__table td {
padding: 0.625rem 0.75rem;
display: flex;
gap: 1rem;
align-items: baseline;
}
.partner-analytics__table td::before {
min-width: 7rem;
content: attr(data-th);
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #6D6E71;
font-size: 0.75rem;
text-transform: uppercase;
}
html[lang^="cs"] .partner-analytics__table td::before,
html[lang^="ja"] .partner-analytics__table td::before,
html[lang^="ko"] .partner-analytics__table td::before,
html[lang^="pl"] .partner-analytics__table td::before,
html[lang^="ru"] .partner-analytics__table td::before,
html[lang^="tr"] .partner-analytics__table td::before,
html[lang^="zh"] .partner-analytics__table td::before {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.partner-analytics__table td:not(:first-of-type) {
padding-top: 0;
}
.partner-analytics__table td[data-filled="false"] {
display: none;
}
}
.partner-analytics__full-width-table {
table-layout: fixed;
margin: 1rem 0;
}
.partner-analytics__full-width-table td > a,
.partner-analytics__full-width-table td > span {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
}
@media only screen and (max-width: 48em) {
.partner-analytics__full-width-table td > a,
.partner-analytics__full-width-table td > span {
-webkit-line-clamp: 2;
}
}
.partner-analytics__product-table th:nth-child(-n+2) {
width: 25%;
}
@media only screen and (min-width: 48.0625em) {
.partner-analytics__contacts-table {
width: auto;
}
}
@media only screen and (max-width: 48em) {
.partner-analytics__contacts-table {
margin-top: 1.25rem;
}
}
.partner-analytics__contact-row-buttons {
display: inline-flex;
align-items: flex-end;
gap: 0.8em;
}
.partner-analytics__contact-row-buttons button {
border: none;
background: none;
padding: 0;
}
.partner-analytics__contact-row-buttons svg {
height: 1em;
fill: #2A79C4;
}
.partner-analytics__contact-row-buttons svg:hover {
fill: #2D2D2D;
}
.partner-analytics__locations-content-container {
display: flex;
gap: 3.5rem;
height: 40.625rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__locations-content-container {
flex-direction: column;
height: auto;
}
}
.partner-analytics__locations-list-container {
flex: 1;
max-width: 31.25rem;
overflow-y: scroll;
}
@media only screen and (max-width: 48em) {
.partner-analytics__locations-list-container {
overflow-y: visible;
}
}
.partner-analytics__locations-list-header {
color: #43434D;
margin-bottom: 0.75rem;
}
.partner-analytics__locations-hq-container {
padding-bottom: 1.5rem;
border-bottom: 1px solid #ccc;
margin-bottom: 1.5rem;
}
.partner-analytics__location:not(:last-child) {
margin-bottom: 2rem;
}
.partner-analytics__location-name {
font-family: "BarlowBold", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
cursor: pointer;
}
html[lang^="cs"] .partner-analytics__location-name,
html[lang^="ja"] .partner-analytics__location-name,
html[lang^="ko"] .partner-analytics__location-name,
html[lang^="pl"] .partner-analytics__location-name,
html[lang^="ru"] .partner-analytics__location-name,
html[lang^="tr"] .partner-analytics__location-name,
html[lang^="zh"] .partner-analytics__location-name {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 800;
}
.partner-analytics__location-chip-container {
margin: 0.5rem 0;
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.partner-analytics__location-contact-buttons {
display: inline-flex;
align-items: flex-end;
gap: 0.8em;
}
.partner-analytics__location-contact-buttons button {
border: none;
background: none;
padding: 0;
}
.partner-analytics__location-contact-buttons svg {
height: 1em;
fill: #2A79C4;
}
.partner-analytics__location-contact-buttons svg:hover {
fill: #2D2D2D;
}
.partner-analytics__locations-map-container {
flex: 2;
}
@media only screen and (max-width: 48em) {
.partner-analytics__locations-map-container {
flex: none;
height: 28.125rem;
}
}
.partner-analytics__locations-map-container .partner-analytics__location {
background-color: #fff;
}
.partner-analytics__locations-map-container .partner-analytics__location-name {
color: #2D2D2D;
cursor: default;
}
.partner-analytics__regions-content-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 3.5rem;
}
@media only screen and (max-width: 48em) {
.partner-analytics__regions-content-container {
display: flex;
flex-direction: column;
}
}
.partner-analytics__regions-content-container .partner-analytics__location:not(:last-child) {
margin-bottom: 1rem;
}
.partner-analytics__regions-content-container .partner-analytics__location-name {
cursor: default;
color: #2A79C4;
}
.partner-analytics__regions-view-all {
margin: 1rem 0;
color: #2A79C4;
cursor: pointer;
display: flex;
align-items: center;
gap: 0.5em;
}
.partner-analytics__regions-view-all::after {
content: "\FE40";
font-size: 0.8em;
display: block;
transform: scaleY(1.25) translateY(0.25em);
}
.partner-analytics__regions-other-details[open] .partner-analytics__regions-view-all::after {
transform: scaleY(-1.25) translateY(0.25em);
}
.partner-analytics__company-link {
text-decoration: none;
}
/**
* Rockwell Footer
*/
.footer {
display: block;
position: relative;
background-color: #fff;
overflow: hidden;
}
.footer__container {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/backTexture_WhiteGray.svg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.footer__container {
background-size: 300%;
}
}
@media only screen and (max-width: 48em) {
.footer__container {
background-image: url('https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/backTexture_WhiteGray_vertical.svg');
background-size: 768px 1540px;
background-position: center top;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 48em) {
.footer .breadcrumb__list {
border-bottom: 0;
}
}
@media only screen and (max-width: 48em) {
.footer .link-list__list {
overflow: visible;
}
}
.footer .link-list__title {
padding: 0.375rem 0;
color: #CD163F;
}
.footer .link-list__toggle {
color: #CD163F;
}
.footer .link-list__toggle::before {
content: "";
display: block;
position: absolute;
height: 1px;
top: 0;
left: 1.75rem;
right: 1.75rem;
background-color: #E5E6E9;
}
.footer .link-list__item a {
display: inline-block;
color: #2D2D2D;
text-decoration: none;
padding: 0.75rem 0;
line-height: 1;
}
.footer .link-list__item a:hover,
.footer .link-list__item a:focus {
color: #CD163F;
text-decoration: underline;
}
@media only screen and (min-width: 48.0625em) {
.footer .column-control {
margin-top: 2rem;
}
}
@media only screen and (max-width: 48em) {
.footer .column-control .grid {
padding: 0;
}
.footer .column-control .grid .link-list__toggle {
padding-left: 1.75rem;
padding-right: 1.75rem;
outline: 0;
}
.footer .column-control .grid .link-list__toggle {
position: relative;
}
.footer .column-control .grid .link-list__item a {
display: block;
padding-left: 1.75rem;
padding-right: 1.75rem;
outline: 0;
}
}
.footer .language-link__title {
padding: 0.375rem 0;
color: #CD163F;
}
.footer .language-link__link {
color: #2D2D2D;
}
.footer .language-link__link:hover {
color: #CD163F;
}
@media only screen and (max-width: 48em) {
.footer .language-link {
padding: 0.5rem 1.75rem 0.15rem;
}
.footer .language-link::before {
content: "";
display: block;
position: absolute;
height: 1px;
top: 0;
left: 1.75rem;
right: 1.75rem;
background-color: #E5E6E9;
}
}
.footer .headline h1,
.footer .text h1,
.footer .headline h2,
.footer .text h2,
.footer .headline h3,
.footer .text h3,
.footer .headline h4,
.footer .text h4,
.footer .headline h5,
.footer .text h5 {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0.375rem 0;
font-size: 1.25rem;
color: #CD163F;
}
html[lang^="cs"] .footer .headline h1,
html[lang^="cs"] .footer .text h1,
html[lang^="cs"] .footer .headline h2,
html[lang^="cs"] .footer .text h2,
html[lang^="cs"] .footer .headline h3,
html[lang^="cs"] .footer .text h3,
html[lang^="cs"] .footer .headline h4,
html[lang^="cs"] .footer .text h4,
html[lang^="cs"] .footer .headline h5,
html[lang^="cs"] .footer .text h5,
html[lang^="ja"] .footer .headline h1,
html[lang^="ja"] .footer .text h1,
html[lang^="ja"] .footer .headline h2,
html[lang^="ja"] .footer .text h2,
html[lang^="ja"] .footer .headline h3,
html[lang^="ja"] .footer .text h3,
html[lang^="ja"] .footer .headline h4,
html[lang^="ja"] .footer .text h4,
html[lang^="ja"] .footer .headline h5,
html[lang^="ja"] .footer .text h5,
html[lang^="ko"] .footer .headline h1,
html[lang^="ko"] .footer .text h1,
html[lang^="ko"] .footer .headline h2,
html[lang^="ko"] .footer .text h2,
html[lang^="ko"] .footer .headline h3,
html[lang^="ko"] .footer .text h3,
html[lang^="ko"] .footer .headline h4,
html[lang^="ko"] .footer .text h4,
html[lang^="ko"] .footer .headline h5,
html[lang^="ko"] .footer .text h5,
html[lang^="pl"] .footer .headline h1,
html[lang^="pl"] .footer .text h1,
html[lang^="pl"] .footer .headline h2,
html[lang^="pl"] .footer .text h2,
html[lang^="pl"] .footer .headline h3,
html[lang^="pl"] .footer .text h3,
html[lang^="pl"] .footer .headline h4,
html[lang^="pl"] .footer .text h4,
html[lang^="pl"] .footer .headline h5,
html[lang^="pl"] .footer .text h5,
html[lang^="ru"] .footer .headline h1,
html[lang^="ru"] .footer .text h1,
html[lang^="ru"] .footer .headline h2,
html[lang^="ru"] .footer .text h2,
html[lang^="ru"] .footer .headline h3,
html[lang^="ru"] .footer .text h3,
html[lang^="ru"] .footer .headline h4,
html[lang^="ru"] .footer .text h4,
html[lang^="ru"] .footer .headline h5,
html[lang^="ru"] .footer .text h5,
html[lang^="tr"] .footer .headline h1,
html[lang^="tr"] .footer .text h1,
html[lang^="tr"] .footer .headline h2,
html[lang^="tr"] .footer .text h2,
html[lang^="tr"] .footer .headline h3,
html[lang^="tr"] .footer .text h3,
html[lang^="tr"] .footer .headline h4,
html[lang^="tr"] .footer .text h4,
html[lang^="tr"] .footer .headline h5,
html[lang^="tr"] .footer .text h5,
html[lang^="zh"] .footer .headline h1,
html[lang^="zh"] .footer .text h1,
html[lang^="zh"] .footer .headline h2,
html[lang^="zh"] .footer .text h2,
html[lang^="zh"] .footer .headline h3,
html[lang^="zh"] .footer .text h3,
html[lang^="zh"] .footer .headline h4,
html[lang^="zh"] .footer .text h4,
html[lang^="zh"] .footer .headline h5,
html[lang^="zh"] .footer .text h5 {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.footer .text p {
margin-top: 0;
margin-bottom: 0.625rem;
}
.footer .generic-container {
position: relative;
margin-top: 0.5rem;
overflow: visible;
}
.footer .generic-container__bg-white {
display: none;
}
@media only screen and (max-width: 48em) {
.footer .generic-container {
padding: 0.5rem 1.75rem 1.25rem;
margin-top: 0;
}
.footer .generic-container::before {
content: "";
display: block;
position: absolute;
height: 1px;
top: 0;
left: 1.75rem;
right: 1.75rem;
background-color: #E5E6E9;
}
}
.footer .social-links {
margin-top: 2.188rem;
}
.footer .social-links__header {
font-size: 1.25rem;
line-height: 1;
color: #CD163F;
}
@media only screen and (max-width: 48em) {
.footer .social-links {
padding: 1.15rem 1.75rem;
margin-top: 0;
}
.footer .social-links__links {
justify-content: space-between;
}
.footer .social-links::before {
content: "";
display: block;
position: absolute;
height: 1px;
top: 0;
left: 1.75rem;
right: 1.75rem;
background-color: #E5E6E9;
}
}
.footer__bottom-bar {
display: flex;
justify-content: center;
align-items: center;
margin-top: 2.938rem;
}
.footer__bottom-bar_inner {
background: #CD163F;
background: linear-gradient(260deg, #cd163f 29%, #f58025 76%);
display: flex;
flex-direction: column-reverse;
align-items: center;
height: 5rem;
padding: 0 4rem;
color: #fff;
background-image: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/footer_bottom_shape_mobile.svg");
background-size: contain;
background-position: center bottom;
background-repeat: no-repeat;
}
@media only screen and (min-width: 48.0625em) {
.footer__bottom-bar_inner {
padding: 0 10rem;
flex-direction: row;
background-image: url("https://www.rockwellautomation.com/etc.clientlibs/rockwell-aem-base/clientlibs/clientlib-base/resources/backgrounds/footer_bottom_shape_desktop.svg");
}
}
@media only screen and (max-width: 25em) {
.footer__bottom-bar_inner {
padding: 0 2rem;
}
}
.footer__logo_separator {
display: none;
position: relative;
top: 1px;
margin: 0 1.25rem 0 1rem;
width: 1px;
border-radius: 1px;
height: 1.125rem;
background-color: #fff;
}
@media only screen and (min-width: 48.0625em) {
.footer__logo_separator {
display: block;
}
}
.footer__policy_separator {
position: relative;
top: 2px;
margin: 0 0.25rem 0 0.25rem;
width: 1px;
border-radius: 1px;
height: 0.625rem;
background-color: #fff;
}
@media only screen and (min-width: 48.0625em) {
.footer__policy_separator {
top: 6px;
}
}
.footer__policies {
display: flex;
flex-direction: row;
}
.footer__text-container {
display: flex;
flex-direction: column;
align-items: center;
}
.footer__text-container a {
text-decoration: none;
color: #fff;
}
.footer__text-container a:hover {
color: #fff;
text-decoration: underline;
}
.footer__text-container a:visited {
color: #fff;
}
.footer__copyright-text {
font-family: "BarlowRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 0.75rem;
line-height: 1.125rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
position: relative;
top: -4px;
text-align: center;
}
html[lang^="cs"] .footer__copyright-text,
html[lang^="ja"] .footer__copyright-text,
html[lang^="ko"] .footer__copyright-text,
html[lang^="pl"] .footer__copyright-text,
html[lang^="ru"] .footer__copyright-text,
html[lang^="tr"] .footer__copyright-text,
html[lang^="zh"] .footer__copyright-text {
font-family: Helvetica Neue, Helvetica, sans-serif;
}
@media only screen and (min-width: 48.0625em) {
.footer__copyright-text {
top: 1px;
}
}
.footer__logo {
position: relative;
top: -7px;
}
.footer__logo img {
width: 110px;
height: auto;
}
@media only screen and (min-width: 48.0625em) {
.footer__logo {
top: 3px;
}
.footer__logo img {
width: 150px;
}
}
/* ==========================================================================
BOUNTEOUS CONFIDENTIAL
___________________
Copyright 2019 Bounteous
All Rights Reserved.
NOTICE: All information contained herein is, and remains the property
of Bounteous and its suppliers, if any. The intellectual and
technical concepts contained herein are proprietary to Bounteous
and its suppliers and are protected by trade secret or copyright law.
Dissemination of this information or reproduction of this material
is strictly forbidden unless prior written permission is obtained
from Bounteous.
========================================================================== */
/* Variables */
.cmp-header {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
/*
* Give room for the placeholder text for an unconfigured search component,
* preventing the placeholder text from causing horizontal scroll.
*/
}
@media only screen and (min-width: 48.0625em) {
.cmp-header {
padding: 1rem;
flex-direction: row;
height: 4.765rem;
justify-content: flex-start;
}
}
.cmp-header__nav--whitelabel .cmp-navigation__group .cmp-navigation__item-link {
color: #fff;
}
.cmp-header__search .cq-placeholder {
width: 200px;
}
.cmp-header__banner {
display: none;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header__banner {
display: block;
height: 4.765rem;
left: 0;
margin: 0 calc(50% - 50vw);
position: absolute;
min-width: 100vw;
top: 0;
z-index: -1;
}
}
.cmp-header .cmp-header__navbar {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 1rem;
width: 100%;
}
.cmp-header .cmp-header__navbar.open {
padding-bottom: 1rem;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header .cmp-header__navbar {
padding: 0;
width: auto;
}
}
.cmp-header__nav-search {
display: none;
flex-direction: column;
height: 100%;
opacity: 0;
overflow-y: auto;
position: relative;
transition: opacity 0s ease-out;
width: 100vw;
z-index: -1;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header__nav-search {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-left: 20px;
opacity: 1;
overflow-y: visible;
width: 100%;
z-index: 0;
}
}
.cmp-header.open {
height: 100%;
position: fixed;
width: 100%;
z-index: 500;
}
.cmp-header.open .cmp-header__nav-search {
display: flex;
opacity: 1;
transition: opacity 0.25s ease-out;
}
.cmp-header.open .cmp-navigation__group {
margin: 1.25rem 0 0;
}
.cmp-header.open .cmp-navigation__group:first-child {
margin-top: 0;
}
.cmp-header.open .cmp-navigation__group li {
padding: 0;
}
.cmp-header.open .cmp-navigation__group li a {
display: block;
padding: 1rem 0;
}
.cmp-header.open .cmp-navigation__group li a:hover::after,
.cmp-header.open .cmp-navigation__group li a:focus::after {
content: none;
}
.cmp-header.open .cmp-navigation__group .cmp-navigation__item--level-0:first-child {
border-top: 1px solid #dcdede;
}
.cmp-header.open .cmp-navigation__group .cmp-navigation__item--level-0 + li {
border-top: 1px solid #dcdede;
}
.cmp-header.open .cmp-navigation__group .cmp-navigation__item--level-1 + li:last-child {
padding-bottom: 0.75rem;
}
.cmp-header.open .cmp-search-box__form {
border-top: 1px solid #dcdede;
border-bottom: 1px solid #dcdede;
padding: 1rem;
}
.cmp-header.open .cmp-search-box__form input[type='text'] {
transform: scaleX(1);
border: 0;
padding: 0 1.25rem;
width: 100%;
}
.cmp-header .hamburger-wrapper {
display: flex;
cursor: pointer;
height: 44px;
width: 44px;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header .hamburger-wrapper {
display: none;
}
}
.cmp-header .mobile-nav-icon {
align-self: center;
background: #000;
cursor: pointer;
display: block;
height: 5px;
position: relative;
transition: 0.2s ease all;
width: 30px;
}
.cmp-header .mobile-nav-icon::before {
background: #000;
content: '';
height: 5px;
position: absolute;
top: -10px;
transition: 0.2s ease all;
width: 30px;
}
.cmp-header .mobile-nav-icon::after {
background: #000;
content: '';
height: 5px;
position: absolute;
top: 10px;
transition: 0.2s ease all;
width: 30px;
}
.cmp-header .mobile-nav-icon.open {
background: transparent;
}
.cmp-header .mobile-nav-icon.open::before {
transform: rotate(45deg);
top: 0;
}
.cmp-header .mobile-nav-icon.open::after {
transform: rotate(-45deg);
top: 0;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header .mobile-nav-icon {
display: none;
}
}
.cmp-header .desktop-logo {
align-self: center;
display: none;
height: auto;
max-width: 10rem;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header .desktop-logo {
display: flex;
}
}
.cmp-header .mobile-logo {
align-self: center;
display: flex;
height: auto;
max-width: 5rem;
}
@media only screen and (min-width: 48.0625em) {
.cmp-header .mobile-logo {
display: none;
}
}
/**
* Grid Test
*/
/**
* Rockwell Style Utils
*/
.grid-test {
padding: 0 0 2rem;
background: #E1EBF4;
}
.grid-test .grid {
margin-bottom: 2.5rem;
}
.grid-test .grid:last-child {
margin-bottom: 0;
}
.grid-test [class^="col-"],
.grid-test [class*=" col-"] {
color: #fff;
}
.grid-test [class^="col-"] .content,
.grid-test [class*=" col-"] .content {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 0.5rem;
border-radius: 3rem;
background: #CD163F;
}
.grid-test [class^="col-"]:nth-child(even) .content,
.grid-test [class*=" col-"]:nth-child(even) .content {
background: #003E7E;
}
/**
* Grid Test
*/
/**
* Rockwell Style Utils
*/
@media only screen and (max-width: 99.78125em) {
.style-guide-icons .style-guide-headline {
margin-left: 2.66666667rem;
margin-right: 2.66666667rem;
}
}
.style-guide-icons .style-guide-column-container {
padding: 0;
}
.style-guide-icons .icon-container {
display: flex;
flex-wrap: wrap;
max-height: 500px;
margin-bottom: 2rem;
overflow-y: auto;
}
.style-guide-icons .icon-container .display-icon {
width: 33.333%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 1.25rem;
}
@media only screen and (min-width: 48.0625em) {
.style-guide-icons .icon-container .display-icon {
width: 12.5%;
}
}
.style-guide-icons .icon-container .display-icon .icon-name {
font-size: 0.875rem;
line-height: 1.375rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
letter-spacing: 0;
display: block;
color: #6D6E71;
margin-top: 0.25rem;
text-align: center;
}
.style-guide-icons .icon-container .display-icon svg {
width: 32px;
height: 32px;
}
/**
* Gated Form Component
*/
/**
* Rockwell Style Utils
*/
.cmp-gated-form {
position: relative;
}
.cmp-gated-form .gcdc-gate .gcdc-form-render {
max-width: initial;
}
.cmp-gated-form--has-floating-image .cmp-gated-form__floating-image {
max-width: 35%;
position: absolute;
right: 0;
top: 0;
}
@media only screen and (max-width: 48em) {
.cmp-gated-form--has-floating-image .cmp-gated-form__title {
padding-right: 35%;
}
}
@media only screen and (min-width: 48.0625em) {
.cmp-gated-form--has-floating-image .cmp-gated-form__title {
padding-top: 3rem;
}
}
.cmp-gated-form--has-floating-image .cmp-gated-form__form-container {
padding-right: 35%;
}
@media only screen and (max-width: 48em) {
.cmp-gated-form--has-floating-image .cmp-gated-form__form-container {
padding: 0 1.5rem;
}
}
@media only screen and (max-width: 48em) {
.cmp-gated-form--has-floating-image .cmp-gated-form__form-container .gcdc-gate .gcdc-form-render {
width: calc(100vw - 3rem);
}
}
@media only screen and (max-width: 48em) {
.cmp-gated-form--has-floating-image .row > .col-mobile {
margin-top: 0;
}
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-8 {
padding-right: 96px;
}
@media only screen and (max-width: 63.9375em) {
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-8 {
flex-basis: 100%;
max-width: 100%;
padding-right: 16px;
}
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-4 {
position: relative;
top: -325px;
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-4 .gated-form {
background-color: #fff;
border-radius: 0.25rem;
box-shadow: 0 -8px 31px 0 rgba(0, 0, 0, 0.1);
padding: 24px;
position: relative;
z-index: 3;
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-4 .gated-form .gcdc-form-intro {
padding: 0 !important;
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-4 .gated-form p.h3 {
color: #2D2D2D !important;
line-height: 32px !important;
padding: 0 0 24px;
text-align: center;
}
@media only screen and (max-width: 63.9375em) {
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form) .col-desktop-4 {
flex-basis: 100%;
max-width: 100%;
top: 0;
}
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form).edit-mode .col-desktop-8 {
padding-right: 16px;
}
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form).edit-mode .col-desktop-4 {
position: unset;
top: 0;
}
@media only screen and (max-width: 63.9375em) {
body[class*="webinar"] .main-wrapper .column-control__container:has(.gated-form).edit-mode .col-desktop-4 {
top: 0;
}
}
/**
* Search Component
*/
.search {
position: relative;
display: block;
padding: 1rem 0;
width: 100%;
}
.search__container {
position: relative;
display: block;
}
.search__input {
position: relative;
display: block;
width: 100%;
background: #fff;
font-size: 1.25rem;
padding: 1.25rem 7.5rem 1.25rem 1rem;
border: 1px solid #E5E6E9;
border-radius: 0.375rem;
outline: 0;
}
@media only screen and (min-width: 48.0625em) {
.search__input {
padding: 1.25rem 7.5rem 1.25rem 5.313rem;
}
}
.search__input-over {
position: absolute;
display: flex;
align-items: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
padding: 0 0.5rem 0 1rem;
cursor: text;
}
.search__input-over::after {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 98%;
height: 2px;
transform-origin: center;
background-color: #F58025;
transform: scaleX(0);
transition: transform 0.3s ease-out;
}
.search__label {
position: relative;
display: flex;
align-items: center;
color: #6D6E71;
font-size: 1.25rem;
cursor: text;
pointer-events: none;
transition: all 0.3s ease-out;
}
.search__label-desktop {
display: none;
}
@media only screen and (min-width: 48.0625em) {
.search__label-desktop {
display: block;
}
}
.search__label-mobile {
display: block;
}
@media only screen and (min-width: 48.0625em) {
.search__label-mobile {
display: none;
}
}
.search__input-over.hide-label .search__label {
opacity: 0;
}
.search__desktop-icon {
position: relative;
display: none;
margin-right: 1rem;
background: transparent;
border: 0;
height: 100%;
}
.search__desktop-icon svg {
fill: #6D6E71;
width: 40px;
height: 40px;
}
@media only screen and (min-width: 48.0625em) {
.search__desktop-icon {
display: block;
}
}
.search__mobile-icon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 48.0625em) {
.search__mobile-icon {
display: none;
}
}
.search__clear {
position: relative;
display: flex;
align-items: center;
bottom: 0;
margin-left: auto;
background: transparent;
border: 0;
padding: 0 1rem 0 0;
height: 100%;
opacity: 0;
transition: opacity 0.3s ease-out;
}
.search__clear-icon {
display: flex;
align-items: center;
}
.search__clear svg {
position: relative;
top: 1px;
fill: #6D6E71;
width: 18px;
height: 18px;
}
.search__submit {
font-family: "BarlowMedium", Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.0313em;
/* Rounded to four decimal places */
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 0.375rem;
border: 0.125rem solid transparent;
outline: 1px dashed transparent;
color: #fff;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all 0.3s ease-out;
line-height: 1.375rem;
padding: 0.25rem 1.5rem 0.375rem;
text-align: center;
background-color: #2A79C4;
border-color: #2A79C4;
height: calc(100% - 16px);
margin-bottom: 0;
position: relative;
}
html[lang^="cs"] .search__submit,
html[lang^="ja"] .search__submit,
html[lang^="ko"] .search__submit,
html[lang^="pl"] .search__submit,
html[lang^="ru"] .search__submit,
html[lang^="tr"] .search__submit,
html[lang^="zh"] .search__submit {
font-family: Helvetica Neue, Helvetica, sans-serif;
font-weight: 550;
}
.search__submit::after {
content: "";
min-height: inherit;
font-size: 0;
}
.search__submit svg {
fill: #fff;
width: 1.375rem;
min-height: 1.375rem;
margin-right: 0.625rem;
}
.search__submit:active,
.search__submit:hover,
.search__submit:focus {
z-index: 1;
}
.search__submit:focus {
border-color: #fff;
outline: 1px dashed #2A79C4;
}
.search__submit:hover {
background-color: #005DB4;
border-color: #005DB4;
}
.search__submit:active {
background-color: #003E7E;
border-color: #003E7E;
}
.search__submit:focus {
background-color: #003E7E;
border-color: #005DB4;
}
.search__submit[disabled] {
background-color: #ccc;
border-color: #ccc;
color: #848484;
cursor: text;
}
.search__submit-label {
display: none;
}
@media only screen and (min-width: 48.0625em) {
.search__submit-label {
display: block;
}
}
.search__submit svg {
width: 28px;
height: 28px;
margin-right: 0;
}
@media only screen and (min-width: 48.0625em) {
.search__submit.no-label .search__mobile-icon {
display: flex;
}
}
.search svg {
pointer-events: none;
}
.search__configuration {
display: none;
}
.search input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
.search input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.search input[type="search"]::-webkit-search-decoration,
.search input[type="search"]::-webkit-search-cancel-button,
.search input[type="search"]::-webkit-search-results-button,
.search input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.search__input-over.active {
pointer-events: none;
}
.search__input-over.active::after {
transform: scaleX(1);
}
.search__input-over.active .search__label {
font-size: 0.75rem;
background: #fff;
color: #F58025;
transform: translateY(-140%);
}
.search__input-over.active .search__submit,
.search__input-over.active .search__desktop-icon {
pointer-events: auto;
}
.search__input-over.filled .search__clear {
opacity: 1;
pointer-events: auto;
}
/**
* Import Rockwell Base Styles
* - all components can be automatically imported from the site's webpack entry file
*/
/**
* Rockwell Automation Base Styles
* - import any site-specific global base styles here that should be written to
* the stylesheets directly (not abstracts) ie. forms, buttons, etc.
*/
/**
* Layout Placeholder
* - create any layout-specific styles here (body, html, sections, specific for site, etc)
*/
/**
* Component Placeholder
* - create overrides for any base components here
*/
/*# sourceMappingURL=site.bundle.css.map*/