.layoutBlockFluidMax1280Inner {
  padding: 0 20px;
}

.viewing-figures-archive .layoutBlockFluidMax1280Inner table,
.viewing-figures .layoutBlockFluidMax1280Inner table {
  width: 100%;
}

.viewing-figures-archive .layoutBlockFluidMax1280Inner table tr:nth-child(odd),
.viewing-figures .layoutBlockFluidMax1280Inner table tr:nth-child(odd) {
  background: #efeff0;
}

.viewing-figures-archive .layoutBlockFluidMax1280Inner table th,
.viewing-figures .layoutBlockFluidMax1280Inner table th {
  background: #282827;
  color: #fff;
  line-height: 1.5em;
  padding: 12px;
  text-align: left !important;
}

.viewing-figures-archive .layoutBlockFluidMax1280Inner table td,
.viewing-figures .layoutBlockFluidMax1280Inner table td {
  line-height: 1.5em;
  padding: 12px;
  text-align: left !important;
}

.viewing-figures-archive .layoutBlockFluidMax1280Inner table tr th:last-child,
.viewing-figures .layoutBlockFluidMax1280Inner table tr th:last-child,
.viewing-figures-archive .layoutBlockFluidMax1280Inner table tr td:last-child,
.viewing-figures .layoutBlockFluidMax1280Inner table tr td:last-child {
  text-align: right !important;
}

.how-to-watch-s4c div.pageSubTitle > h2 {
  text-align: center;
}

.how-to-watch-s4c.how-to-watch-s4c-homepage .nav-1 {
  display: none;
}

.how-to-watch-s4c.smart-tvs .nav-2,
.how-to-watch-s4c.teledu-clyfar .nav-2,
.how-to-watch-s4c.set-top-boxes-and-devices .nav-2,
.how-to-watch-s4c.dyfeisiau-a-setiau-clyfar .nav-2,
.how-to-watch-s4c.tablets-and-smartphones .nav-2,
.how-to-watch-s4c.dyfeisiau-symudol .nav-2,
.how-to-watch-s4c.laptops-and-computers .nav-2,
.how-to-watch-s4c.cyfrifiaduron-a-gliniaduron .nav-2 {
  display: none !important;
}

.how-to-watch-s4c a {
  color: #118e9b;
}

.how-to-watch-s4c a:hover,
.how-to-watch-s4c a:focus {
  color: #007c85;
}

/* 
	
This is to quickly build a stylesheet for a section for the CMS	
	
---------------------------------------------------------------------*/
/* Light/Pebble colour
@buttText: #323b40;
@buttHoverText: #323b40;
@buttBg: #dce1df;
@buttHoverBg: #fff;
@buttActiveText: #36312d;
@buttActiveBg: #fff;

Rhino: #323b40
Pebble: #dce1df
Teal: #008c9b
*/
/* 1. Button Colours
-----------------------------------------------------------------------------------------------
===============================================================================================*/
body.how-to-watch-s4c.subSubSection1 li.subSubSectionLink1 a.button,
body.how-to-watch-s4c.subSubSection1 li.subSubSectionLink1 a.buttonIcon,
body.how-to-watch-s4c.subSubSection1
  li.subSubSectionLink1
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection1 li.subSubSectionLink1 a.button span.icon,
body.how-to-watch-s4c.subSubSection1 li.subSubSectionLink1 a.button span.label,
body.how-to-watch-s4c.subSubSection2 li.subSubSectionLink2 a.button,
body.how-to-watch-s4c.subSubSection2 li.subSubSectionLink2 a.buttonIcon,
body.how-to-watch-s4c.subSubSection2
  li.subSubSectionLink2
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection2 li.subSubSectionLink2 a.button span.icon,
body.how-to-watch-s4c.subSubSection2 li.subSubSectionLink2 a.button span.label,
body.how-to-watch-s4c.subSubSection3 li.subSubSectionLink3 a.button,
body.how-to-watch-s4c.subSubSection3 li.subSubSectionLink3 a.buttonIcon,
body.how-to-watch-s4c.subSubSection3
  li.subSubSectionLink3
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection3 li.subSubSectionLink3 a.button span.icon,
body.how-to-watch-s4c.subSubSection3 li.subSubSectionLink3 a.button span.label,
body.how-to-watch-s4c.subSubSection4 li.subSubSectionLink4 a.button,
body.how-to-watch-s4c.subSubSection4 li.subSubSectionLink4 a.buttonIcon,
body.how-to-watch-s4c.subSubSection4
  li.subSubSectionLink4
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection4 li.subSubSectionLink4 a.button span.icon,
body.how-to-watch-s4c.subSubSection4 li.subSubSectionLink4 a.button span.label,
body.how-to-watch-s4c.subSubSection5 li.subSubSectionLink5 a.button,
body.how-to-watch-s4c.subSubSection5 li.subSubSectionLink5 a.buttonIcon,
body.how-to-watch-s4c.subSubSection5
  li.subSubSectionLink5
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection5 li.subSubSectionLink5 a.button span.icon,
body.how-to-watch-s4c.subSubSection5 li.subSubSectionLink5 a.button span.label,
body.how-to-watch-s4c.subSubSection6 li.subSubSectionLink6 a.button,
body.how-to-watch-s4c.subSubSection6 li.subSubSectionLink6 a.buttonIcon,
body.how-to-watch-s4c.subSubSection6
  li.subSubSectionLink6
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection6 li.subSubSectionLink6 a.button span.icon,
body.how-to-watch-s4c.subSubSection6 li.subSubSectionLink6 a.button span.label,
body.how-to-watch-s4c.subSubSection7 li.subSubSectionLink7 a.button,
body.how-to-watch-s4c.subSubSection7 li.subSubSectionLink7 a.buttonIcon,
body.how-to-watch-s4c.subSubSection7
  li.subSubSectionLink7
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection7 li.subSubSectionLink7 a.button span.icon,
body.how-to-watch-s4c.subSubSection7 li.subSubSectionLink7 a.button span.label,
body.how-to-watch-s4c.subSubSection8 li.subSubSectionLink8 a.button,
body.how-to-watch-s4c.subSubSection8 li.subSubSectionLink8 a.buttonIcon,
body.how-to-watch-s4c.subSubSection8
  li.subSubSectionLink8
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection8 li.subSubSectionLink8 a.button span.icon,
body.how-to-watch-s4c.subSubSection8 li.subSubSectionLink8 a.button span.label,
body.how-to-watch-s4c.subSubSection9 li.subSubSectionLink9 a.button,
body.how-to-watch-s4c.subSubSection9 li.subSubSectionLink9 a.buttonIcon,
body.how-to-watch-s4c.subSubSection9
  li.subSubSectionLink9
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection9 li.subSubSectionLink9 a.button span.icon,
body.how-to-watch-s4c.subSubSection9 li.subSubSectionLink9 a.button span.label,
body.how-to-watch-s4c.subSSubection10 li.subSubSectionLink10 a.button,
body.how-to-watch-s4c.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  body.how-to-watch-s4c.subSubSection10
  li.subSubSectionLink10
  a.buttonIcon
  span.icon,
body.how-to-watch-s4c.subSubSection10 li.subSubSectionLink10 a.button span.icon,
body.how-to-watch-s4c.subSubSection10
  li.subSubSectionLink10
  a.button
  span.label {
  color: #36312d;
}
.how-to-watch-s4c.greenUI a.button,
.how-to-watch-s4c.greenUI a.buttonIcon,
.how-to-watch-s4c .buttonIconInner,
.how-to-watch-s4c .buttonInner,
.how-to-watch-s4c .buttonIconInner,
.how-to-watch-s4c .buttonInner {
  color: #323b40;
}
.how-to-watch-s4c .s4cContent div.masonryItemInfo a,
.how-to-watch-s4c .s4cContent div.masonryItemInfo a span.icon {
  color: #323b40;
}
.how-to-watch-s4c .s4cContent div.masonryItemInfo a:hover,
.how-to-watch-s4c .s4cContent div.masonryItemInfo a span.icon:hover {
  color: #323b40;
}
.how-to-watch-s4c .s4cContent a.button,
.how-to-watch-s4c .s4cContent a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.how-to-watch-s4c .s4cContent a.button span.skew,
.how-to-watch-s4c .s4cContent a.buttonIcon span.skew {
  background: #fff;
  color: #323b40;
}
.how-to-watch-s4c .buttonIconInner:hover,
.how-to-watch-s4c .buttonInner:hover {
  color: #323b40;
}
.how-to-watch-s4c.greenUI a.button:hover span.icon,
.how-to-watch-s4c.greenUI a.buttonIcon:hover span.icon {
  color: #323b40;
}
.how-to-watch-s4c a.button span.icon,
.how-to-watch-s4c a.buttonIcon span.icon {
  color: #323b40;
}
details {
  display: block;
}
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 5;
  padding: 0;
  border: 5;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.how-to-watch-s4c .actions a.button,
.how-to-watch-s4c .actions a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.how-to-watch-s4c .s4cContent a.button,
.how-to-watch-s4c .s4cContent a.buttonIcon {
  background: #dce1df;
  color: #323b40;
}
.how-to-watch-s4c .s4cContent a.button span.skew,
.how-to-watch-s4c .s4cContent a.buttonIcon span.skew {
  background: #fff;
  color: #323b40;
}
.how-to-watch-s4c .buttonIconInner:hover,
.buttonInner:hover {
  color: #323b40;
}
.how-to-watch-s4c.greenUI a.button:hover span.icon,
.how-to-watch-s4c.greenUI a.buttonIcon:hover span.icon {
  color: #323b40;
}
.how-to-watch-s4c strong {
  font-weight: bold;
}
.how-to-watch-s4c a.button span.icon,
.how-to-watch-s4c a.buttonIcon span.icon {
  color: #323b40;
}
.how-to-watch-s4c.greenUI a.carouselControl {
  background: #dce1df;
}
.how-to-watch-s4c.s4cSection2 ul.feedLinks span.icon {
  color: #36312d;
}
.how-to-watch-s4c.s4cSection2 .masonryGridItem .card-min-height a:hover {
  color: #36312d;
}
.how-to-watch-s4c.s4cSection2 .masonryGridItem .cardgrid-min-height a:hover {
  color: #36312d;
}
.how-to-watch-s4c.s4cSection2 ul.feedLinks a:hover span.icon,
.how-to-watch-s4c.s4cSection2 ul.feedLinks a:focus span.icon {
  color: #36312d;
}
ul.feedLinks a:hover,
ul.feedLinks a:focus {
  -webkit-box-shadow: inset -30px 0 0 0 #dce1df;
  -moz-box-shadow: inset -30px 0 0 0 #dce1df;
}
/* Custom Styles */
.how-to-watch-s4c.darkBG .carouselControls a.carouselControl,
.how-to-watch-s4c.lightBG .carouselControls a.carouselControl {
  color: #323b40;
}
.how-to-watch-s4c.greenUI a.carouselControl:hover {
  background: #fff;
}
.how-to-watch-s4c hr {
  background: #dce1df;
}
.how-to-watch-s4c .s4cContent div.masonryItemInfo h2 a,
.how-to-watch-s4c .s4cContent div.masonryItemInfo h2 a:hover {
  color: #33312d;
}
.how-to-watch-s4c strong {
  font-weight: bold;
}
@media only screen and (min-width: 640px) {
  div.pageTitle > h1 {
    font-size: 60px;
  }
}
.how-to-watch-s4c {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.how-to-watch-s4c .hero {
  margin-bottom: 0;
  border-top: 1px solid #fff;
}
.how-to-watch-s4c .explore-main .masonryGridItemContent {
  background: none;
  color: #fff;
}
.music-4.how-to-watch-s4c .subSectionMenu,
.cerddoriaeth-4.how-to-watch-s4c .subSectionMenu,
.drama-2.how-to-watch-s4c .subSectionMenu,
.drama-3.how-to-watch-s4c .subSectionMenu,
.ffeithiol-2.how-to-watch-s4c .subSectionMenu,
.factual-2.how-to-watch-s4c .subSectionMenu,
.adloniant-3.how-to-watch-s4c .subSectionMenu,
.entertainment-3.how-to-watch-s4c .subSectionMenu {
  padding-bottom: 5%;
}
.how-to-watch-s4c .explore-main .masonryItemInfo,
.how-to-watch-s4c .explore-main .masonryItemInfo p {
  font-size: 1.9rem;
}
body.subSection.pori-10.how-to-watch-s4c .sectionHeading,
body.subSection.explore-10.how-to-watch-s4c .sectionHeading {
  padding: 2% 20px 0;
}
.pori-10.how-to-watch-s4c h1.largeHeading,
.explore-10.how-to-watch-s4c h1.largeHeading {
  padding: 4% 0 0;
}
.how-to-watch-s4c .sponsor {
  padding: 5.5% 0;
}
.how-to-watch-s4c div.masonryItemInfo ul li {
  list-style: outside none disc;
  margin: 0 0 0.5em 1em;
}
.how-to-watch-s4c #contact-form {
  padding: 25px 0 20px;
}
.how-to-watch-s4c #contact-form div {
  margin-bottom: 25px;
}
.how-to-watch-s4c #contact-form label span {
  cursor: pointer;
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  margin: 5px 0;
}
.how-to-watch-s4c #contact-form input[type='text'],
.how-to-watch-s4c #contact-form input[type='email'],
.how-to-watch-s4c #contact-form input[type='tel'],
.how-to-watch-s4c #contact-form input[type='url'],
.how-to-watch-s4c #contact-form textarea,
.how-to-watch-s4c #contact-form select {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
  width: 100%;
}
.how-to-watch-s4c #contact-form select {
  height: 50px;
}
.how-to-watch-s4c #contact-form input[type='text']:hover,
.how-to-watch-s4c #contact-form input[type='email']:hover,
.how-to-watch-s4c #contact-form input[type='tel']:hover,
.how-to-watch-s4c #contact-form input[type='url']:hover,
.how-to-watch-s4c #contact-form textarea:hover,
.how-to-watch-s4c #contact-form select:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.how-to-watch-s4c #contact-form input[type='checkbox'] {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
  margin: 0 0 5px;
  padding: 10px;
}
.how-to-watch-s4c #contact-form input[type='checkbox']:hover {
  border: 1px solid #aaa;
  transition: border-color 0.3s ease-in-out 0s;
}
.how-to-watch-s4c #contact-form textarea {
  height: 100px;
  max-width: 100%;
}
.how-to-watch-s4c #contact-form select {
  height: 50px;
  max-width: 100%;
}
.how-to-watch-s4c #contact-form button[type='submit'] {
  background: #323b40;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 0 5px;
  max-width: 250px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.how-to-watch-s4c #contact-form button[type='submit']:hover {
  background: none repeat scroll 0 0 #323b40;
  transition: background-color 0.3s ease-in-out 0s;
}
.how-to-watch-s4c #contact-form button[type='submit']:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.how-to-watch-s4c #contact-form input:focus,
.how-to-watch-s4c #contact-form textarea:focus {
  border: 1px solid #999;
  outline: 0 none;
}
.how-to-watch-s4c #name_trp {
  display: none;
}

.how-to-watch-s4c li ul,
.how-to-watch-s4c li ol {
  font-size: 0.9rem;
}

.how-to-watch-s4c .heroText {
  font-size: 1.4rem;
}

/* Garddio a Mwy */
.garddio-a-mwy .sponsor {
  background: #fff;
  color: #4f585c;
}

.how-to-watch-s4c .lightBG.rownd-home {
  background: none;
  background-color: transparent;
}
.how-to-watch-s4c .lightBG {
  padding-bottom: 2%;
}

ul.hide-card-title .masonryGridItemContent {
  background: none;
}

ul.hide-card-title .masonryGridItemContent > h2,
ul.hide-card-title .masonryItemInfo h2 .card-min-height {
  display: none;
}
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 10;
  padding: 0;
  border: 5;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ul.cardgrid-min-height .masonryGridItemContent {
  min-height: 180px;
}
li.main-card-min-height .masonryGridItemContent {
  min-height: 200px;
  margin-bottom: 12px;
}
li.card-min-height .masonryGridItemContent {
  min-height: 340px;
  margin-bottom: 12px;
}

div.pageSubTitle,
div.pageSubSubTitle,
.heroText {
  padding: 0 20px;
}

div.pageTitle > h1 {
  padding: 1% 20px 0 20px;
}

h1 {
  margin: 0.47em 0;
}

.textBlock {
  margin-top: 2%;
}