body {
  background:#779b8b !important;
}
div.sectionHeading {
  background-image: url('https://www.s4c.cymru/media/media_assets/cegin-food.png');
  background-repeat: no-repeat; 
  background-position: center bottom;
  background-attachment: unset;
  background-size: unset;
}
h1.largeHeading {
  padding: 0% 0 6%;
}
div.subSectionMenu {
  background-color: #aec3b9;
  padding-top: 4px;
}
ul.subSectionNavList > li a {
  background: #e1ebe6 !important;
  color: #1D1D1B !important;
}
.greenUI a.button, .greenUI a.buttonIcon, .buttonIconInner, .buttonInner, .buttonIconInner, .buttonInner, [class*='stwnsh'] .buttonIcon .buttonIconInner, [class*='stwnsh'] li a.button, [class*='stwnsh'] li a.button div.buttonInner, [class*='stwnsh'] .actionsItem a.buttonIcon {
  color: #1D1D1B !important;
}
body.subSection1 li.subSectionLink1 a.button, body.subSection1 li.subSectionLink1 a.buttonIcon, body.subSection1 li.subSectionLink1 a.buttonIcon span.icon, body.subSection1 li.subSectionLink1 a.button span.icon, body.subSection2 li.subSectionLink2 a.button, body.subSection2 li.subSectionLink2 a.buttonIcon, body.subSection2 li.subSectionLink2 a.buttonIcon span.icon, body.subSection2 li.subSectionLink2 a.button span.icon, body.subSection3 li.subSectionLink3 a.button, body.subSection3 li.subSectionLink3 a.buttonIcon, body.subSection3 li.subSectionLink3 a.buttonIcon span.icon, body.subSection3 li.subSectionLink3 a.button span.icon, body.subSection4 li.subSectionLink4 a.button, body.subSection4 li.subSectionLink4 a.buttonIcon, body.subSection4 li.subSectionLink4 a.buttonIcon span.icon, body.subSection4 li.subSectionLink4 a.button span.icon, body.subSection5 li.subSectionLink5 a.button, body.subSection5 li.subSectionLink5 a.buttonIcon, body.subSection5 li.subSectionLink5 a.buttonIcon span.icon, body.subSection5 li.subSectionLink5 a.button span.icon, body.subSection6 li.subSectionLink6 a.button, body.subSection6 li.subSectionLink6 a.buttonIcon, body.subSection6 li.subSectionLink6 a.buttonIcon span.icon, body.subSection6 li.subSectionLink6 a.button span.icon, body.subSection7 li.subSectionLink7 a.button, body.subSection7 li.subSectionLink7 a.buttonIcon, body.subSection7 li.subSectionLink7 a.buttonIcon span.icon, body.subSection7 li.subSectionLink7 a.button span.icon, body.subSection8 li.subSectionLink8 a.button, body.subSection8 li.subSectionLink8 a.buttonIcon, body.subSection8 li.subSectionLink8 a.buttonIcon span.icon, body.subSection8 li.subSectionLink8 a.button span.icon, body.subSection9 li.subSectionLink9 a.button, body.subSection9 li.subSectionLink9 a.buttonIcon, body.subSection9 li.subSectionLink9 a.buttonIcon span.icon, body.subSection9 li.subSectionLink9 a.button span.icon, body.subSection10 li.subSectionLink10 a.button, body.subSection10 li.subSectionLink10 a.buttonIcon, body.subSection10 li.subSectionLink10 a.buttonIcon span.icon, body.subSection10 li.subSectionLink10 a.button span.icon {
  background: #fff !important;
  font-weight: bold;
}
.greenUI a.button span.skew, .greenUI a.buttonIcon span.skew {
  display: none;
}
h2 {
  text-align: center;
  justify-content: center;
}
.lightBG {
  background: #EEEFEF;
  color: #35312D;
}
.masonryGridItemContent {
  background: #fff;
}
.masonryGridItemContent > h2, .masonryItemInfo h2 {
  display: initial;
  font-size: 24px;
}

div.pageSubTitle {
  padding: 0;
}
div.pageSubTitle > h2 {
  font-size: 36px;
  margin-bottom: 0;
  padding: 40px 20px 0;
  text-align: center;
}
.greenUI a.button, .greenUI a.buttonIcon {
  background: #EEEFEF;
  color: #1D1D1B;
  font-weight: bold;
}
a.button span.icon, a.buttonIcon span.icon {
  display: none;
}
.buttonIconInner, .buttonInner {
  padding-left: 24px;
}
div.pageTitle > h1 {
  font-size: 48px;
  font-weight: bold;
  padding: 0;
}
.centeredImg {
  box-shadow: 0 0 0 10px #fff;
  max-width: 800px;

}
.textBlock {
  position: relative;
  margin-top: 24px;
  max-width: 620px;
}
.textBlock:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  background: #35312D;
  left: 20px;
  right: 20px;
  height: 1px;
}
.fullWidthImg {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media screen and (min-width: 1468px) {
  .fullWidthImg {
    box-shadow: 0 0 0 10px #fff;
  }
}

@media screen and (min-width: 1468px) {
  .lightBG {
    background: 
      url(https://www.s4c.cymru/media/media_assets/cegin-icons-left.png) repeat-y left top fixed, 
      url(https://www.s4c.cymru/media/media_assets/cegin-icons-right.png) repeat-y right top fixed,
      #EEEFEF;
  }
}

html:lang(cy) button.print span:lang(en) {
  display: none;
}

html:lang(en) button.print span:lang(cy) {
  display: none;
}

button.print {
  background: #283136;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  padding: 2px 28px;
  -webkit-appearance: none;
}
button.print:hover {
  background: #000;
}

div.print-container {
  padding: 24px 20px;
  text-align: center;
}


@media print {
  .s4c-footer,
  .search-banner,
  .sectionHeading,
  .subSectionMenu,
  .s4c-header,
  button.print,
  .contentBlock .masonryGrid .masonryGridItemContent img {
    display: none;
  }
  a[href]:after {
    content: none !important;
  }
  .fullWidthImg {
    max-width: 400px;
  }
}

html:lang(cy) header span:lang(en) {
  display: none;
}

html:lang(en) header span:lang(cy) {
  display: none;
}


.hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  height: auto;
}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
html:lang(cy) body span:lang(en) {
  display: none;
}

html:lang(en) body span:lang(cy) {
  display: none;
}
div.survey-link {
  background: #454A47;
  border-top-left-radius: 6px;
  bottom: 0;
  font-size: 16px;
  padding: 4px 20px;
  position: fixed;
  right: 0;
  z-index: 999;
}

div.survey-link a {
  color: #fff;
  font-weight: bold;
}
html:lang(cy) div.survey-link:lang(en) {
  display: none;
}

html:lang(en) div.survey-link:lang(cy) {
  display: none;
}

/* Cegin icons */
.cegin-s4c .non-masonary {
  position: relative;
  display: flex;
  padding: 1em 0 0;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  justify-content: center;
}

.cegin-s4c .masonryGrid-4 {
  width: 1280px !important;
}

.cegin-s4c div.pageSubTitle,
.cegin-s4c div.pageSubSubTitle,
.cegin-s4c .heroText {
  padding: 0;
}

.cegin-s4c .masonryItemInfo .tags {
  display: none;
}

.cegin-icon,
.cegin-icon a {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
}

.cegin-icon:hover {
  cursor: pointer;
}

.cegin-icon img {
  width: 42px;
  height: 42px;
}

.cegin-icon span {
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold;
  color: #2d353e;
}

/* Cegin Social Modal */
.cegin-popup {
  position: absolute;
  left: 50%;
  top: 50%;
}

.cegin-modal {
  background: #779b8b;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  padding: 2px 28px;
  -webkit-appearance: none;
}

.cegin-popup, .cegin-popup.show {
  transition: top 0s 0.2s ease-in-out,
  opacity 0.2s 0s ease-in-out,
  transform 0.2 0s ease-in-out;
  z-index: 2;
}

.cegin-popup {
  padding: 25px;
  border-radius: 15px;
  max-width: 380px;
  width: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: #ffffff;
  opacity: 0;
  top: -150%;
  z-index: 1;
}

.cegin-modal-content {
  margin: 20px 0;
}

.cegin-modal-content p {
  margin: 0;
  font-size: 16px;
}

.cegin-modal-content .cegin-modal-icons {
  margin: 15px 0 20px 0;
}

.cegin-modal-icons {
  height: 50px;
  border: 1px solid transparent;
  font-size: 20px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.cegin-modal-icons .cegin-icon {
  text-decoration: none;
  height: 50px;
  width: 50px;
  border: 1px solid #779b8b;
}

.cegin-modal-icons li {
  color: #ffffff;
  background-color: #ffffff;
  border-color: #779b8b;
  transition: all .2s ease-in-out;
}

.cegin-modal-icons .cegin-icon {
  overflow: hidden;
}

.cegin-modal-icons .cegin-icon .fb-share-button,
.cegin-modal-icons .cegin-icon .twitter-share-button,
.cegin-modal-icons .cegin-icon .email-share-button,
.cegin-modal-icons .cegin-icon span {
  position: absolute;
  opacity: 0;
}

.cegin-modal-icons .cegin-icon .email-share-button {
  width: 52px;
  height: 52px;
}

.cegin-popup.show {
  position: fixed;
  top: 50%;
  pointer-events: auto;
  opacity: 1;
  transform: translate(-50%,-50%);
}

.cegin-modal button {
  outline: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 800;
  border: 2px solid transparent;
}

.cegin-popup :is(header, .cegin-modal-icons, .cegin-modal-field) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cegin-popup header {
  padding-bottom: 15px;
  border-bottom: 1px solid #d0d1d1;
}

.cegin-popup header span {
  font-size: 21px;
  font-weight: 600;
}

.cegin-popup header .cegin-modal-close, .cegin-modal-icons li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.cegin-popup header .cegin-modal-close {
  height: 33px;
  width: 33px;
  color: #ffffff;
  background: #aec3b9;
  cursor: pointer;
}

.cegin-popup header .cegin-modal-close img {
  width: 22px;
}

.cegin-modal-field {
  margin: 12px 0 -5px 0;
  height: 45px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 0 5px;
}

.cegin-modal-field img {
  width: 50px;
  text-align: center;
  font-size: 18px;
}

.cegin-modal-field.active {
  color: #041897;
  border-color: #041897;
}

.cegin-modal-field input {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 15px;
  flex: 2;
}

.cegin-modal-field button {
  padding: 0px 18px;
  background: #779b8b;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  -webkit-appearance: none;
}

.cegin-popup, .cegin-modal-content .cegin-modal-field {
  box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.5);
  border-top: 1px solid rgba(255,255,255,.5);
  border-left: 1px solid rgba(255,255,255,.5);
}

.cegin-page-description,
.cegin-modal-copy,
.cegin-modal-copied {
  display: none;
}

.modal-btn {
  margin: 20px auto;
  text-align: center;
}

.cegin-modal-overlay {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(7px);
  background-color: rgba(0, 0, 0, 0.7);
}

.cegin-modal-overlay.show {
  display: block;
}

.grid-block {
  clear: both;
}

@media screen and (max-width: 460px) {
  .cegin-s4c div.pageTitle > h1 {
    font-size: 36px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .cegin-s4c .grid-block h2 {
    font-size: 24px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 992px) {
  .cegin-modal-icons .cegin-icon:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .cegin-s4c .list-max-width .masonryGridItem {
    float: none;
    margin: 0 auto 10px;
  }
  .cegin-s4c .list-max-width .masonryGridItemContent {
    margin: auto;
  }
}

.survey-hero-embed {
  margin: 24px auto;
  min-height: 550px;
}

html:lang(cy) div.survey-hero-embed:lang(en) {
  display: none;
}

html:lang(en) div.survey-hero-embed:lang(cy) {
  display: none;
}

/* Cegin Page */
.cegin-s4c .cegin-page .non-masonary {
  margin: auto;
  padding: 0;
}

.cegin-s4c .cegin-page .textBlock {
  margin-top: 20px;
  max-width: 960px;
}

.cegin-s4c .cegin-page .textBlock:before {
  display: none;
}

.cegin-s4c .cegin-page .pageSubTitle h2 {
  padding: 0 0 25px;
}

.cegin-s4c .cegin-page .fullWidthImg {
  box-shadow: none;
}

/* Cegin icon container */
.cegin-icon-container span.small {
  font-weight: normal;
  font-size: 16px;
}

.cegin-s4c .author-tag {
  display: none;
}

.ffit-cymru-link {
  max-width: 230px;
  width: 100%;
}

.ffit-cymru-container {
  padding: 0 !important;
}

.ffit-cymru-container + .non-masonary {
  padding-bottom: 20px !important;
}

.author__link {
  font-family: 'Gotham Narrow SSm 4r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: none;
  text-decoration: none;
}

.author__link:after {
  border-radius: 2px;
  bottom: -1px;
  content: '';
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}

.author__link__container {
  display: flex;
  flex-direction: column;
  padding-bottom: 56px;
}

.author__link__container--left {
  align-items: flex-start;
}

.author__link__container--center {
  align-items: center;
}

.author__link__container--right {
  align-items: flex-end;
}

.author__link__image {
  margin-right: 8px;
  width: 28px;
  border-radius: 50%;
}

.author__link__linkText {
  font-family: 'Gotham Narrow SSm 7r', 'Gotham Narrow SSm A',
    'Gotham Narrow SSm B', verdana;
  font-weight: 700;
  font-style: normal;
  margin-left: 4px;
  text-decoration: underline;
}

.author__link__pills {
  margin-top: 12px;
}

.author__link__pills > a {
  margin: 0 6px 8px 0;
}

.author__link__pills a:focus-visible {
  outline: none;
}

.light .author__link a,
.light .author__link span {
  color: #282827;
}

.light .author__link:focus-visible:after {
  box-shadow: 0 0 0 2px #007e8a;
}

.dark .author__link a,
.dark .author__link span {
  color: #e7e7e7;
}

.dark .author__link:focus-visible:after {
  box-shadow: 0 0 0 2px #2baebb;
}