/*
 * Generated by scripts/etl/transform.js — do not edit.
 *
 * One route's own Additional CSS, every rule prefixed with the page's [data-page]
 * attribute. See scripts/etl/page-css-scope.js for why.
 */
:is(:where([data-page='/video/roku/']) .banner-slider-section a.banner-cta.button-red-filled, :where([data-page='/video/roku/']).banner-slider-section a.banner-cta.button-red-filled) {
background: #c1272d !important;
  color: #ffffff !important;
  border-color: #c1272d !important;
}

:is(:where([data-page='/video/roku/']) .banner-slider-section a.banner-cta.button-red-simple, :where([data-page='/video/roku/']).banner-slider-section a.banner-cta.button-red-simple) {
background: unset !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

@media (any-pointer: fine) {
:is(:where([data-page='/video/roku/']) .banner-slider-section a.banner-cta.button-red-filled:hover, :where([data-page='/video/roku/']).banner-slider-section a.banner-cta.button-red-filled:hover) {
background: #ffffff !important;
    color: #c1272d !important;
    border-color: #c1272d !important;
}

:is(:where([data-page='/video/roku/']) .banner-slider-section a.banner-cta.button-red-simple:hover, :where([data-page='/video/roku/']).banner-slider-section a.banner-cta.button-red-simple:hover) {
background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons, :where([data-page='/video/roku/']).ox-cta-buttons) {
display: inline-flex;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group, :where([data-page='/video/roku/']).ox-cta-buttons__group) {
display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .button-wrapper, :where([data-page='/video/roku/']).ox-cta-buttons__group .button-wrapper) {
margin: 0;
  width: fit-content;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .ox-cta-buttons__btn-first, :where([data-page='/video/roku/']).ox-cta-buttons__group .ox-cta-buttons__btn-first) {
margin-right: 30px;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .button-wrapper .button, :where([data-page='/video/roku/']).ox-cta-buttons__group .button-wrapper .button) {
width: auto;
  min-width: 140px;
  max-width: none;
  padding: 0 28px;
  border-radius: 5px;
  margin: 0px;
}

@media (max-width: 480px) {
:is(:where([data-page='/video/roku/']) .ox-cta-buttons, :where([data-page='/video/roku/']).ox-cta-buttons), :is(:where([data-page='/video/roku/']) .ox-cta-buttons__group, :where([data-page='/video/roku/']).ox-cta-buttons__group) {
display: flex;
    flex-direction: column;
    width: 100%;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .ox-cta-buttons__btn-first, :where([data-page='/video/roku/']).ox-cta-buttons__group .ox-cta-buttons__btn-first) {
margin-right: 0;
    margin-bottom: 12px;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .button-wrapper, :where([data-page='/video/roku/']).ox-cta-buttons__group .button-wrapper) {
width: 100%;
}

:is(:where([data-page='/video/roku/']) .ox-cta-buttons__group .button-wrapper .button, :where([data-page='/video/roku/']).ox-cta-buttons__group .button-wrapper .button) {
width: 100%;
    max-width: 100%;
    padding: 0 20px;
}
}

@media  (max-width: 767.98px) {
:is(:where([data-page='/video/roku/']) .portfolio-slider__item-title, :where([data-page='/video/roku/']).portfolio-slider__item-title) {
font-size: 1.5rem!important;
}
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 1.75rem !important;   
  line-height: 1.25 !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.125rem !important;  
  line-height: 1.45 !important;
}

@media (min-width: 576px) {
:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 2rem !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.125rem !important;
}
}

@media (min-width: 768px) {
:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 2.25rem !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.25rem !important;
}
}

@media (min-width: 992px) {
:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 2.5rem !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.375rem !important;
}
}

@media (min-width: 1200px) {
:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 2.75rem !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.375rem !important;
}
}

@media (min-width: 1400px) {
:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content h1.title, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content h1.title) {
font-size: 3rem !important;
}

:is(:where([data-page='/video/roku/']) #banner-slider-single .banner-slider-content p.lead, :where([data-page='/video/roku/'])#banner-slider-single .banner-slider-content p.lead) {
font-size: 1.5rem !important;
}
}

:is(:where([data-page='/video/roku/']) .banner-slider-section .banner-slider-content .banner-cta, :where([data-page='/video/roku/']).banner-slider-section .banner-slider-content .banner-cta) {
margin-top: 0 !important;
}

:is(:where([data-page='/video/roku/']) .banner-slider-section .banner-slider-content .lead, :where([data-page='/video/roku/']).banner-slider-section .banner-slider-content .lead) {
margin-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
:is(:where([data-page='/video/roku/']) .banner-slider-section .banner-slider-content .lead, :where([data-page='/video/roku/']).banner-slider-section .banner-slider-content .lead) {
margin-bottom: 1.75rem !important;
}
}

@media (min-width: 992px) {
:is(:where([data-page='/video/roku/']) .banner-slider-section .banner-slider-content .lead, :where([data-page='/video/roku/']).banner-slider-section .banner-slider-content .lead) {
margin-bottom: 2rem !important;
}
}

@media (min-width: 1400px) {
:is(:where([data-page='/video/roku/']) .banner-slider-section .banner-slider-content .lead, :where([data-page='/video/roku/']).banner-slider-section .banner-slider-content .lead) {
margin-bottom: 2.25rem !important;
}
}