@media (min-width: 992px) {
.dp-content-slot { overflow: hidden; clear: both; } }
.dp-content-pixel-tracker-slot {
line-height: 0px; }
.dp-content-slot–transparent {
opacity: 0.8; }
.dp-content-slot-inner > .dp-content-slot–buffet-component:empty, .dp-content-slot-inner > .dp-content-slot–buffet-component:-moz-only-whitespace {
margin: 0; } @media (min-width: 992px) { .dp-content-slot-inner > .dp-content-slot--buffet-component:empty, .dp-content-slot-inner > .dp-content-slot--buffet-component:-moz-only-whitespace { margin: 0; } }
.dp-content-slot-inner > .dp-content-slot–buffet-component:first-child:not(:empty) {
margin-top: 50px; }
.dp-content-slot-inner > .dp-content-slot–buffet-component:last-child:not(:empty) {
margin-bottom: 50px; }
.dp-content-slot-inner > .dp-content-slot–buffet-component {
margin-bottom: 30px; } @media (min-width: 992px) { .dp-content-slot-inner > .dp-content-slot--buffet-component { margin-bottom: 50px; } }
.dp-content-slot:nth-child(odd) {
background: #f6f6f6; }
.dp-content-slot–left .dp-content-slot-img-wrapper {
right: -2%; left: auto; }
.dp-content-slot–right .dp-content-slot-img-wrapper {
left: -2%; right: auto; }
.dp-content-slot–right .dp-content-slot-copy-wrapper {
float: right; }
@media (min-width: 992px) {
.dp-content-slot-inner { max-width: 1400px; padding: 0 50px; position: relative; } }
.dp-content-slot-img-wrapper {
max-width: 600px; position: absolute; bottom: 0; display: none; } @media (min-width: 992px) { .dp-content-slot-img-wrapper { display: block; } }
.dp-content-slot-category {
color: inherit; text-transform: uppercase; font-weight: 300; margin-bottom: 8px; display: inline-block; font-size: 14px; } @media (min-width: 992px) { .dp-content-slot-category { font-size: 16px; } }
.dp-content-slot-title-wrapper {
overflow: hidden; }
.dp-content-slot-title-img {
float: left; max-width: 32px; margin-right: 8px; } @media (min-width: 992px) { .dp-content-slot-title-img { max-width: 48px; } }
@media (min-width: 992px) {
.dp-content-slot-title-img--large { max-width: 60px; margin-right: 16px; margin-bottom: 14px; } }
.dp-content-slot-title {
color: inherit; margin-bottom: 10px; padding-bottom: 0; font-size: 28px; } @media (min-width: 992px) { .dp-content-slot-title { font-size: 48px; font-weight: 300; } }
.dp-content-slot-title–small {
color: inherit; font-size: 28px; font-weight: 400; } @media (min-width: 992px) { .dp-content-slot-title--small { font-size: 34px; font-weight: 300; } }
.dp-content-slot p, .dp-content-slot a, .dp-content-slot li {
line-height: 150%; }
.dp-content-slot p a {
text-decoration: none; }
.dp-content-slot ul {
color: inherit; font-weight: 300; }
.dp-callout-list {
margin: 24px 0; padding: 0; } .dp-callout-list li { list-style-type: none; padding: 16px 0; }
.dp-callout-list-item {
list-style: none; overflow: hidden; padding: 16px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); font-weight: 300; } @media (min-width: 992px) { .dp-callout-list-item { padding: 24px 0; border-top: none; } }
.dp-callout-thumb-container {
width: 64px; position: absolute; }
.dp-callout-copy-container {
overflow: hidden; }
.dp-callout-thumb-container + .dp-callout-copy-container {
margin-left: 80px; } @media (min-width: 992px) { .dp-callout-thumb-container + .dp-callout-copy-container { margin-left: 17.666666%; } }
.dp-callout-copy-title {
color: inherit; font-weight: 500; margin-bottom: 8px; } @media (min-width: 992px) { .dp-callout-copy-title { line-height: 100%; font-size: 28px; font-weight: 300; } }
a.dp-callout-copy-link {
color: inherit; } a.dp-callout-copy-link:hover { text-decoration: none; }
.dp-callout-copy-description {
line-height: 150%; }
.dp-callout-list–grid .dp-callout-list-item {
line-height: 175%; } @media (min-width: 992px) { .dp-callout-list--grid .dp-callout-list-item { width: 48%; display: inline-block; padding-right: 20px; vertical-align: top; } }
.dp-callout-list–grid .dp-callout-thumb-container + .dp-callout-copy-container {
margin-left: 80px; } @media (min-width: 992px) { .dp-callout-list--grid .dp-callout-thumb-container + .dp-callout-copy-container { margin-left: 39%; } }
@media (max-width: 991px) {
.dp-content-slot-aside { margin-top: 16px; } }
.dp-content-slot-aside-img {
width: 100%; }
@media (min-width: 992px) {
.dp-content-slot { display: table; width: 100%; } }
.dp-text-cta {
font-weight: 300; transition: color 0.15s linear; }
.dp-content-hr {
height: 0; margin-top: 36px; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 36px; margin-bottom: 0; } @media (min-width: 992px) { .dp-content-hr { margin-top: 50px; padding-top: 40px; } }
.dp-list-columns-list {
margin-bottom: 30px; }
.dp-list-columns-list-title {
font-weight: bolder; text-transform: uppercase; margin-bottom: 8px; }
.dp-list-columns-list-link {
font-size: 14px; line-height: 175%; display: inline-block; padding: 3.5px 0; transition: color 0.15s linear; }
.dp-content-slot–l2-component h1, .dp-content-slot–l2-component h2, .dp-content-slot–l2-component h3 {
margin-bottom: 8px; } @media (min-width: 992px) { .dp-content-slot--l2-component h1, .dp-content-slot--l2-component h2, .dp-content-slot--l2-component h3 { margin-bottom: 16px; } }
.dp-content-slot–l2-component p:last-child {
margin-bottom: 14px; } @media (min-width: 992px) { .dp-content-slot--l2-component p:last-child { margin-bottom: 24px; } }
@media (min-width: 992px) {
.dp-content-slot--l2-component p { margin-bottom: 24px; } }
.dp-content-slot–l2-component .media-wrapper {
margin-bottom: 24px; }
.dp-content-slot–l2-component .media-wrapper–video {
position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .dp-content-slot--l2-component .media-wrapper--video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dp-content-slot–l2-component img {
width: 100%; }
@media (min-width: 992px) {
.col-overflow .col-overflow-copy { max-width: 58.3333%; } }
.col-overflow .col-overflow-media {
margin-bottom: 16px; } @media (min-width: 992px) { .col-overflow .col-overflow-media { width: 58.3333%; } }
@media (min-width: 992px) {
.col-overflow .col-overflow-media--right { float: right; margin-left: 32px; } }
@media (min-width: 992px) {
.col-overflow .col-overflow-media--left { float: left; margin-right: 32px; } }
@media (max-width: 991px) {
.dp-text-with-image-image-margin { height: 30px; } }
@media (min-width: 992px) {
.dp-text-with-image-image-margin { height: 36px; } }
.dp-text-with-image-description {
text-align: left; }
.dp-subsction-middle-image-clear {
clear: both; }
.dp-text-with-image-description h2 {
text-align: center; }
@media (min-width: 992px) {
.dp-text-with-image-margin-auto { float: none; margin-left: auto; margin-right: auto; } }
.dp-content-slot-background-white {
background-color: #fff !important; }
.dp-content-slot-background-light-font, .dp-content-slot-background-white, .dp-content-slot-background-light-grey {
color: #111111; }
.dp-content-slot-background-dark-font, .dp-content-slot-background-dark-grey1, .dp-content-slot-background-dark-grey2, .dp-content-slot-background-devportal-orange, .dp-content-slot-background-fireos-orange, .dp-content-slot-background-alexa-blue, .dp-content-slot-background-twitch-purple, .dp-content-slot-background-drs-cyan, .dp-content-slot-background-amazon-orange {
color: #ffffff; }
.dp-content-slot-background-light-link a:link, .dp-content-slot-background-white a:link, .dp-content-slot-background-light-grey a:link, .dp-content-slot-background-light-link a:visited, .dp-content-slot-background-white a:visited, .dp-content-slot-background-light-grey a:visited {
color: #0066c0; }
.dp-content-slot-background-light-link a:hover, .dp-content-slot-background-white a:hover, .dp-content-slot-background-light-grey a:hover {
color: #e37825; }
.dp-content-slot-background-dark-link a:link, .dp-content-slot-background-dark-grey1 a:link, .dp-content-slot-background-dark-grey2 a:link, .dp-content-slot-background-devportal-orange a:link, .dp-content-slot-background-fireos-orange a:link, .dp-content-slot-background-alexa-blue a:link, .dp-content-slot-background-twitch-purple a:link, .dp-content-slot-background-drs-cyan a:link, .dp-content-slot-background-amazon-orange a:link, .dp-content-slot-background-dark-link a:visited, .dp-content-slot-background-dark-grey1 a:visited, .dp-content-slot-background-dark-grey2 a:visited, .dp-content-slot-background-devportal-orange a:visited, .dp-content-slot-background-fireos-orange a:visited, .dp-content-slot-background-alexa-blue a:visited, .dp-content-slot-background-twitch-purple a:visited, .dp-content-slot-background-drs-cyan a:visited, .dp-content-slot-background-amazon-orange a:visited {
color: #00c2e0; }
.dp-content-slot-background-dark-link a:hover, .dp-content-slot-background-dark-grey1 a:hover, .dp-content-slot-background-dark-grey2 a:hover, .dp-content-slot-background-devportal-orange a:hover, .dp-content-slot-background-fireos-orange a:hover, .dp-content-slot-background-alexa-blue a:hover, .dp-content-slot-background-twitch-purple a:hover, .dp-content-slot-background-drs-cyan a:hover, .dp-content-slot-background-amazon-orange a:hover {
color: #e37825; }
.dp-content-slot-background-light-grey {
background-color: #f6f6f6 !important; }
.dp-content-slot-background-dark-grey1 {
background-color: #404951 !important; }
.dp-content-slot-background-dark-grey2 {
background-color: #495159 !important; }
.dp-content-slot-background-devportal-orange {
background-color: #e37825 !important; }
.dp-content-slot-background-fireos-orange {
background-color: #ef6426 !important; }
.dp-content-slot-background-alexa-blue {
background-color: #0068a8 !important; }
.dp-content-slot-background-twitch-purple {
background-color: #6441a5 !important; }
.dp-content-slot-background-drs-cyan {
background-color: #07cbda !important; }
.dp-content-slot-background-amazon-orange {
background-color: #ff9900 !important; }
.dp-content-slot h1, .dp-content-slot h2, .dp-content-slot h3, .dp-content-slot h4, .dp-content-slot h5, .dp-content-slot h6, .dp-content-slot .h1, .dp-content-slot .h2, .dp-content-slot .h3, .dp-content-slot .h4, .dp-content-slot .h5, .dp-content-slot .h6 {
color: inherit; line-height: 125%; } .dp-content-slot h1 a, .dp-content-slot h1 .link-style, .dp-content-slot h1 a:hover, .dp-content-slot h1 a:active, .dp-content-slot h1 a:link, .dp-content-slot h1 a:visited, .dp-content-slot h2 a, .dp-content-slot h2 .link-style, .dp-content-slot h2 a:hover, .dp-content-slot h2 a:active, .dp-content-slot h2 a:link, .dp-content-slot h2 a:visited, .dp-content-slot h3 a, .dp-content-slot h3 .link-style, .dp-content-slot h3 a:hover, .dp-content-slot h3 a:active, .dp-content-slot h3 a:link, .dp-content-slot h3 a:visited, .dp-content-slot h4 a, .dp-content-slot h4 .link-style, .dp-content-slot h4 a:hover, .dp-content-slot h4 a:active, .dp-content-slot h4 a:link, .dp-content-slot h4 a:visited, .dp-content-slot h5 a, .dp-content-slot h5 .link-style, .dp-content-slot h5 a:hover, .dp-content-slot h5 a:active, .dp-content-slot h5 a:link, .dp-content-slot h5 a:visited, .dp-content-slot h6 a, .dp-content-slot h6 .link-style, .dp-content-slot h6 a:hover, .dp-content-slot h6 a:active, .dp-content-slot h6 a:link, .dp-content-slot h6 a:visited, .dp-content-slot .h1 a, .dp-content-slot .h1 .link-style, .dp-content-slot .h1 a:hover, .dp-content-slot .h1 a:active, .dp-content-slot .h1 a:link, .dp-content-slot .h1 a:visited, .dp-content-slot .h2 a, .dp-content-slot .h2 .link-style, .dp-content-slot .h2 a:hover, .dp-content-slot .h2 a:active, .dp-content-slot .h2 a:link, .dp-content-slot .h2 a:visited, .dp-content-slot .h3 a, .dp-content-slot .h3 .link-style, .dp-content-slot .h3 a:hover, .dp-content-slot .h3 a:active, .dp-content-slot .h3 a:link, .dp-content-slot .h3 a:visited, .dp-content-slot .h4 a, .dp-content-slot .h4 .link-style, .dp-content-slot .h4 a:hover, .dp-content-slot .h4 a:active, .dp-content-slot .h4 a:link, .dp-content-slot .h4 a:visited, .dp-content-slot .h5 a, .dp-content-slot .h5 .link-style, .dp-content-slot .h5 a:hover, .dp-content-slot .h5 a:active, .dp-content-slot .h5 a:link, .dp-content-slot .h5 a:visited, .dp-content-slot .h6 a, .dp-content-slot .h6 .link-style, .dp-content-slot .h6 a:hover, .dp-content-slot .h6 a:active, .dp-content-slot .h6 a:link, .dp-content-slot .h6 a:visited { color: inherit; text-decoration: none; }
.dp-content-slot h1, .dp-content-slot h2, .dp-content-slot h3, .dp-content-slot h4, .dp-content-slot .h1, .dp-content-slot .h2, .dp-content-slot .h3, .dp-content-slot .h4 {
padding-bottom: 16px; }
/*# sourceMappingURL=content-slot.css.map */